@charset "UTF-8";
@media screen and (min-width: 768px),print {

.slider-3mai-Box { overflow: hidden; position: relative; width: 100%; margin: -3px auto 0;}
.slider-3mai-Box .slider-3mai {width: 100%; margin: 0 auto; max-width: 1920px; }
.slider-3mai-Box .slider-3mai .sra-bx{ margin: 0 auto; position: relative; }
.slider-3mai-Box .slider-3mai .sra-txt{width: 24vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: 12.2vw; text-align: center; z-index: 100}
.slider-3mai-Box .slider-3mai .sra-txt img{width: 100%;}
.slider-3mai-Box .slider-3mai .sra-logo{width: 12vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: 27.5vw; text-align: center; z-index: 100}
.slider-3mai-Box .slider-3mai .sra-logo img{width: 100%;}
.slider-3mai-Box .slider-3mai li { width: 100%!important; }
.slider-3mai-Box .slider-3mai li img{ width: 100%!important; }


#main-bx {background: url(../images/company/main-bg.png) repeat; width: 100%; margin: 0 auto 142px; max-width: 1920px; padding: 80px 0;}
#main-bx .bx{width: 1280px; margin: 0 auto; position: relative;}
#main-bx .bx .icon1{position: absolute; right: -220px; top: -30px; z-index: 1}
#main-bx .bx .icon2{position: absolute; left: -220px; bottom: -50px; z-index: 1}
#main-bx .bx .inner{width: 1280px; margin: 0 auto; background: #fff; padding: 68px 60px 75px; position: relative; z-index: 2}
#main-bx .bx .inner .ttl{font-size: 30px; letter-spacing: 3px; text-align: center; margin-bottom: 18px;}
#main-bx .bx .inner .in-bx{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx .img{position: absolute; right: 40px; top: 0;}
#main-bx .bx .inner .in-bx .in-inner{width: 695px; margin-bottom: 63px;}
#main-bx .bx .inner .in-bx .in-inner table{}
#main-bx .bx .inner .in-bx .in-inner tr{border-top: 1px solid #CCCCCC; }
#main-bx .bx .inner .in-bx .in-inner th{width: 280px; background: #F5F5F5; padding: 15.5px 55px; font-size: 16px; letter-spacing: 0.5px; text-align: left;}
#main-bx .bx .inner .in-bx .in-inner td{width: 415px; background: #fff; padding: 15.5px 40px; font-size: 16px; letter-spacing: 0.5px; text-align: left;}

#main-bx .bx .inner .ttl1{font-size: 30px; letter-spacing: 3px; text-align: center; margin-bottom: 18px; margin-right: 35px;}
#main-bx .bx .inner .map{}
#main-bx .bx .inner .map iframe{width: 1160px; margin: 0 auto; height: 600px;}
#main-bx .bx .inner .link{font-size: 16px; letter-spacing: 0.8px; text-align: right; margin-right: 40px;}


#con1 {}
#con1 .bx{width: 1280px; margin: 0 auto 65px;}
#con1 .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .list li{margin-right: 40px; margin-bottom: 72px}
#con1 .bx .list li:nth-child(3n){margin-right: 0;}





}

@media screen and (max-width: 767px) {

#bx-sra {}
#bx-sra .sra-bx{ margin: 0 auto; position: relative; }
#bx-sra .sra-txt{width: 65vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: 25vw; text-align: center; z-index: 100}
#bx-sra .sra-logo{width: 25vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: 65vw; text-align: center; z-index: 100}


#main-bx {background: url(../images/company/main-bg.png) repeat; width: 100vw; margin: 0 auto 15vw; padding: 10vw 0;}
#main-bx .bx{width: 100vw; margin: 0 auto; position: relative;}
#main-bx .bx .icon1{width: 20vw; position: absolute; right: -5vw; top: -3vw; z-index: 1}
#main-bx .bx .icon2{width: 20vw; position: absolute; left: -5vw; bottom: -5vw; z-index: 1}
#main-bx .bx .inner{width: 90vw; margin: 0 auto; background: #fff; padding: 8vw 5vw; position: relative; z-index: 2}
#main-bx .bx .inner .ttl{font-size: 6vw; letter-spacing: 0.3vw; text-align: center; margin-bottom: 5vw;}
#main-bx .bx .inner .in-bx{width: 100%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx .img{width: 70vw; margin: 0 auto 8vw;}
#main-bx .bx .inner .in-bx .in-inner{margin: 0 auto 10vw;}
#main-bx .bx .inner .in-bx .in-inner table{width: 95%; margin: 0 auto;}
#main-bx .bx .inner .in-bx .in-inner tr{border-top: 1px solid #CCCCCC; }
#main-bx .bx .inner .in-bx .in-inner th{width: 100%; display: block; background: #F5F5F5; padding: 3vw 5vw; font-size: 3.4vw; letter-spacing: 0.2vw; text-align: left;}
#main-bx .bx .inner .in-bx .in-inner td{width: 100%; display: block; background: #fff; padding: 3vw 5vw; font-size: 3.4vw; letter-spacing: 0.2vw; text-align: left;}

#main-bx .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.3vw; text-align: center; margin-bottom: 3vw;}
#main-bx .bx .inner .map{margin-bottom: 3vw}
#main-bx .bx .inner .map iframe{width: 100%; margin: 0 auto; height: 80vw;}
#main-bx .bx .inner .link{font-size: 3.4vw; letter-spacing: 0.2vw; text-align: right; }


#con1 {}
#con1 .bx{width: 80vw; margin: 0 auto 15vw;}
#con1 .bx .list{}
#con1 .bx .list li{margin: 0 auto 5vw;}
#con1 .bx .list li:last-chi;d{margin-bottom: 0}


}