@charset "UTF-8";
@media screen and (min-width: 768px),print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto; letter-spacing: 1px; line-height: 1.8;}
.seo_bread_list { margin-bottom: 43px;}

#con1 {margin-bottom: 100px;}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; }
#con1 .bx .ttl1{text-align: center; margin-bottom: 72px;}
#con1 .bx .list{margin-right: 12px; margin-bottom: 12px; 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{width: 220px; margin-right: 30px; margin-bottom: 50px;}
#con1 .bx .list li:last-child{margin-right: 0;}
#con1 .bx .img1{width: 100%; height: 655px; margin: 0 auto -410px;}
#con1 .bx .img1 img{width: 100%; margin: 0 auto;}

#con1 .inner{width: 100%; max-width: 1400px; margin: 0 auto; background: #fff; padding: 105px 100px 90px; position: relative; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con1 .inner .ttl2{text-align: center; margin-bottom: 4px;}
#con1 .inner .ttl3{font-size: 42px; letter-spacing: 6px; text-align: center; margin-bottom: 35px;}
#con1 .inner .in-list{width: 1100px; margin: 0 auto 67px; background: #F7F7F2; padding: 60px 0 55px 85px;}
#con1 .inner .in-list li{font-size: 18px; font-weight: 500; letter-spacing: 3px; line-height: 1.9; padding-left: 25px; position: relative; margin-bottom: 5px;}
#con1 .inner .in-list li::before{content: ""; width: 11px; height: 11px; margin: 0 auto; background: url(../images/company/con1-icon.svg) no-repeat top center; position: absolute; left: 2px; top: 12px;}

#con1 .inner .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .inner .in-bx .in-inner{width: 550px; margin-left: auto;}
#con1 .inner .in-bx .in-inner .img2{position: absolute; left: 0; top: -35px;}
#con1 .inner .in-bx .in-inner .txt{font-size: 16px; letter-spacing: 1.5px; line-height: 2; margin-bottom: 40px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #F7F7F2; padding: 110px 0 95px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; }
#con2 .bx .inner .ttl1{text-align: center; margin-bottom: 4px;}
#con2 .bx .inner .ttl2{font-size: 42px; letter-spacing: 6px; text-align: center; margin-bottom: 22px;}
#con2 .bx .inner table{background: #fff;}
#con2 .bx .inner tr{border-bottom: 1px solid #E4E4E1;}
#con2 .bx .inner th{width: 292px; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-align: left; padding: 25.5px 0 25.5px 128px;}
#con2 .bx .inner td{width: 840px; font-size: 16px; letter-spacing: 1.6px; text-align: left; padding: 25.5px 0 25.5px 0;}


#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto; padding: 110px 0 115px;}
#con3 .bx .inner{width: 895px; margin: 0 auto; }
#con3 .bx .inner .ttl1{text-align: center; margin-bottom: 1px;}
#con3 .bx .inner .ttl2{font-size: 42px; letter-spacing: 6px; text-align: center; margin-bottom: 45px;}
#con3 .bx .inner table{background: #fff;}
#con3 .bx .inner tr{ position: relative;}
#con3 .bx .inner tr::before{content: ""; width: 11px; height: 11px; margin: 0 auto; background: url(../images/company/con3-icon.svg) no-repeat; position: absolute; left: 15px; top: 27px;}
#con3 .bx .inner tr::after{content: ""; width: 1px; height: 100%; margin: 0 auto; background: url(../images/company/con3-bx-icon.svg) repeat-y; position: absolute; left: 20px; bottom: -30px;}
#con3 .bx .inner tr:last-child:after{background: none;}
#con3 .bx .inner th{width: 292px; font-size: 16px; font-weight: bold; letter-spacing: 1.6px; text-align: left; padding: 19.5px 0 19.5px 40px;}
#con3 .bx .inner td{width: 755px; font-size: 16px; letter-spacing: 1.6px; text-align: left; padding: 19.5px 0 19.5px 0;}


#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto 112px; background: #F7F7F2; padding: 110px 0 90px;}
#con4 .bx .inner{width: 1100px; margin: 0 auto; }
#con4 .bx .inner .ttl1{text-align: center; margin-bottom: 1px;}
#con4 .bx .inner .ttl2{font-size: 42px; letter-spacing: 6px; text-align: center; margin-bottom: 40px;}
#con4 .bx .inner .map{width: 1100px; height: 490px; margin: 0 auto 30px;}
#con4 .bx .inner .map iframe{width: 1100px; height: 490px; margin: 0 auto;}
#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 1.5px; margin-bottom: 10px;}
#con4 .bx .inner .txt2{font-size: 16px; letter-spacing: 1.5px; }

#con5 {}
#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto; }
#con5 .bx .inner{width: 1100px; margin: 0 auto; }
#con5 .bx .inner .ttl1{text-align: center; margin-bottom: 1px;}
#con5 .bx .inner .ttl2{font-size: 42px; letter-spacing: 6px; text-align: center; margin-bottom: 53px;}


}

@media screen and (max-width: 767px) {
main {letter-spacing: 0.2vw; line-height: 1.8;}
.seo_bread_list { margin-bottom: -2vw;}

#con1 {margin-bottom: 32vw;}
#con1 .bx{width: 100%; margin: 0 auto; }
#con1 .bx .ttl1{text-align: center; margin-bottom: 15vw;}
#con1 .bx .ttl1 img{width: 50%; margin: 0 auto;}
#con1 .bx .list{ margin-bottom: 8vw; 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{width: 47vw; margin-right: 0vw; margin-bottom: 3vw;}
#con1 .bx .list li:nth-child(2n){margin-right: 0;}
#con1 .bx .img1{width: 100%; margin: 0 auto -19vw;}
#con1 .bx .img1 img{width: 100%; margin: 0 auto;}

#con1 .inner{width: 92%; margin: 0 auto; background: #fff; padding: 13vw 4vw 3vw; position: relative; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con1 .inner .ttl2{text-align: center; margin-bottom: 2vw;}
#con1 .inner .ttl2 img{width: 63%; margin: 0 auto;}
#con1 .inner .ttl3{font-size: 6vw; letter-spacing: 0.95vw; text-align: center; margin-bottom: 5vw;}
#con1 .inner .in-list{width: 100%; margin: 0 auto 10vw; background: #F7F7F2; padding: 8vw 6vw 5vw;}
#con1 .inner .in-list li{font-size: 3.7vw; font-weight: 500; letter-spacing: 0.7vw; line-height: 1.7; padding-left: 5vw; position: relative; margin-bottom: 7vw;}
#con1 .inner .in-list li:last-child{margin-bottom: 0;}
#con1 .inner .in-list li::before{content: ""; width: 3vw; height: 3vw; margin: 0 auto; background: url(../images/company/con1-icon.svg) no-repeat top center; position: absolute; left: -1vw; top: 1vw; background-size: 3vw;}

#con1 .inner .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con1 .inner .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .inner .in-bx .in-inner .img2{margin-bottom: 5vw;}
#con1 .inner .in-bx .in-inner .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 5vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #F7F7F2; padding: 14vw 4vw 3vw;}
#con2 .bx .inner{width: 100%; margin: 0 auto; }
#con2 .bx .ttl1{text-align: center; margin-bottom: 2vw;}
#con2 .bx .ttl1 img{width: 43%; margin: 0 auto;}
#con2 .bx .ttl2{font-size: 5.8vw; letter-spacing: 1.2vw; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner table{width: 100%; margin: 0 auto; background: #fff;}
#con2 .bx .inner tr{border-bottom: 1px solid #E4E4E1;}
#con2 .bx .inner th{width: 100%; font-size: 3.9vw; font-weight: bold; letter-spacing: 0.2vw; text-align: left; padding: 6vw 0 0 7vw; display: block;}
#con2 .bx .inner td{width: 100%; font-size: 4vw; letter-spacing: 0.2vw; text-align: left; padding: 1.5vw 0 6vw 7vw; display: block;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 14vw 4vw 20vw;}
#con3 .bx .inner{width: 100%; margin: 0 auto; }
#con3 .bx .ttl1{text-align: center; margin-bottom: 2vw;}
#con3 .bx .ttl1 img{width: 45%; margin: 0 auto;}
#con3 .bx .ttl2{font-size: 5.8vw; letter-spacing: 1.2vw; text-align: center; margin-bottom: 2vw;}
#con3 .bx .inner table{width: 100%; margin: 0 auto; background: #fff;}
#con3 .bx .inner tr{ position: relative;}
#con3 .bx .inner tr::before{content: ""; width: 3vw; height: 3vw; margin: 0 auto; background: url(../images/company/con3-icon.svg) no-repeat top center; position: absolute; left: 1.5vw; top: 8vw; background-size: 3vw;}
#con3 .bx .inner tr::after{content: ""; width: 1px; height: 100%; margin: 0 auto; background: url(../images/company/con3-bx-icon.svg) repeat-y; position: absolute; left: 3vw; bottom: -10vw;}
#con3 .bx .inner tr:last-child:after{background: none;}
#con3 .bx .inner th{width: 100%; font-size: 4.2vw; font-weight: bold; letter-spacing: 0.15vw; text-align: left; padding: 6vw 0 0 7vw; display: block;}
#con3 .bx .inner td{width: 100%; font-size: 4vw; letter-spacing: 0.25vw; text-align: left; padding: 0.5vw 6vw 0 7vw; display: block; line-height: 1.9;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 10vw; background: #F7F7F2; padding: 14vw 8vw 15vw;}
#con4 .bx .inner{width: 100%; margin: 0 auto; }
#con4 .bx .ttl1{text-align: center; margin-bottom: 1vw;}
#con4 .bx .ttl1 img{width: 11%; margin: 0 auto;}
#con4 .bx .ttl2{font-size: 5.8vw; letter-spacing: 1.2vw; text-align: center; margin-bottom: 10vw;}
#con4 .bx .inner .map{width: 100%; height: 118vw; margin: 0 auto 4vw;}
#con4 .bx .inner .map iframe{width: 100%; height: 118vw; margin: 0 auto;}
#con4 .bx .inner .txt1{font-size: 3.9vw; letter-spacing: 0.35vw; line-height: 2; margin-bottom: 1vw;}
#con4 .bx .inner .txt2{font-size: 3.9vw; letter-spacing: 0.35vw; line-height: 2; }

#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; padding: 8vw 0 3vw;}
#con5 .bx .inner{width: 100%; margin: 0 auto; }
#con5 .bx .ttl1{text-align: center; margin-bottom: 1vw;}
#con5 .bx .ttl1 img{width: 21%; margin: 0 auto;}
#con5 .bx .ttl2{font-size: 5.8vw; letter-spacing: 1.2vw; text-align: center; }

}


@media screen and (min-width: 787px) and (max-width: 1500px) {
#con1 .inner{width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; padding: 105px 50px 90px; position: relative; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}

}