@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -70px auto 0; background: url(../images/company/main-bg.png) no-repeat top center; padding: 243px 0 243px;}
#main-bx .bx .inner{}
#main-bx .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.6; color: #fff; text-align: center; margin-bottom: 32px; padding-right: 15px;}
#main-bx .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 500; color: #fff; text-align: center; }

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; position: relative; z-index: 1; padding: 105px 0 85px;}
#con1 .bx::before {content: ""; position: absolute; left: 0; top: 445px; width: 44.2%; height: 335px; background-color: #FAF7F1; z-index: -1;}

#con1 .bx .inner{width: 1200px; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 7px;}
#con1 .bx .inner .ttl2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 40px;}
#con1 .bx .inner .ttl3{font-size: 40px; letter-spacing: 2px; line-height: 1.6; text-align: center; margin-bottom: 50px;}

#con1 .bx .inner .in-bx1{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 561px; margin-left: auto; margin-right: 100px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{position: absolute; left: 134px; top: 3px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{position: absolute; left: 185px; top: 442px; font-size: 16px; letter-spacing: 0.8px; line-height: 1.6;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1 span{font-size: 24px; padding-left: 15px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; margin-bottom: 35px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt3{font-size: 22px; letter-spacing: 2px; line-height: 2; font-weight: 500; margin-bottom: 25px;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #E3CDAA; padding: 88px 0 100px;}
#con2 .bx .inner{width: 1200px; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 7px;} 
#con2 .bx .inner .ttl2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 50px;} 
#con2 .bx .inner .txt1{font-size: 20px; letter-spacing: 2px; line-height: 1.6; text-align: center; margin-bottom: 15px;} 
#con2 .bx .inner .ttl3{font-size: 26px; letter-spacing: 2px; line-height: 2; text-align: center; margin-bottom: 38px;} 
#con2 .bx .inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; text-align: center; } 


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 110px 0 100px;}
#con3 .bx .inner{width: 1200px; margin: 0 auto 70px;}
#con3 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 7px;} 
#con3 .bx .inner .ttl2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 20px;} 

#con3 .bx .inner table{width: 1000px; margin: 0 auto; background: #FFFFFF; }
#con3 .bx .inner tbody{width: 100%; margin: 0 auto; padding: 60px 100px 80px; display: block;}
#con3 .bx .inner tr{border-bottom: 1px solid #CFCFCF;}
#con3 .bx .inner th{width: 310px; font-size: 16px; letter-spacing: 0.8px; text-align: left; line-height: 2.05; font-weight: 600; vertical-align: top; padding: 18px 0px 18px 40px;}
#con3 .bx .inner td{width: 840px; font-size: 16px; letter-spacing: 0.8px; text-align: left; line-height: 2.05; vertical-align: top; padding: 18px 0px 18px 5px;}
#con3 .bx .inner td .td-txt1{line-height: 1.9; margin-bottom: 20px;}
#con3 .bx .inner td .td-txt1:last-child{margin-bottom: 0;}

#con3 {}
#con3 .bx .in-bx1{width: 1200px; margin: 0 auto; background: #F7F6F5; padding: 58px 0 58px;}
#con3 .bx .in-bx1 .in-inner1{width: 1010px; margin: 0 auto; position: relative;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1{width: 426px; margin-left: auto;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-icon{font-size: 12px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; align-content: end; padding: 34px 24px; background: #E3CDAA; border-radius: 100%; position: absolute; right: 48px; top: -73px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-ttl1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; margin-bottom: 7px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-ttl2{font-size: 14px; letter-spacing: 0.8px; line-height: 1.6; margin-bottom: 34px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-map{width: 520px; height: 340px; position: absolute; left: -2px; top: -19px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-map iframe{width: 520px; height: 340px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 table {margin-bottom: 15px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 tbody {}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 tr {}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 th {font-size: 16px; letter-spacing: 2px; line-height: 2; margin-bottom: 8px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 td {font-size: 16px; letter-spacing: 0.4px; line-height: 2; padding-left: 36px; padding-bottom: 8px;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.4px; line-height: 2; margin-bottom: 8px; color: #55371F;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 28px 0 160px;}
#con4 .bx .inner{width: 1200px; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 7px;} 
#con4 .bx .inner .ttl2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 47px;} 

#con4 .bx .inner .list-ttl1{font-size: 24px; letter-spacing: 2px; line-height: 2; text-align: center; margin-bottom: 50px;} 
#con4 .bx .inner .list1{padding-right: 30px; margin-bottom: 32px; 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; }
#con4 .bx .inner .list1 li{width: 320px; margin-right: 50px;}
#con4 .bx .inner .list1 li:last-child{margin-right: 0;}

#con4 .bx .inner .list-ttl2{font-size: 24px; letter-spacing: 2px; line-height: 2; text-align: center; margin-bottom: 26px;} 
#con4 .bx .inner .list2{margin-bottom: 55px; 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; }
#con4 .bx .inner .list2 li{width: 320px; margin-right: 20px; margin-bottom: 30px;}
#con4 .bx .inner .list2 li:nth-child(3n){margin-right: 0;}
#con4 .bx .inner .list2 li:nth-child(n+7){margin-bottom: 0;}
#con4 .bx .inner .list2 li:nth-child(7){margin-left: 20px;}

#con4 .bx .inner .list-ttl3{font-size: 24px; letter-spacing: 2px; line-height: 2; text-align: center; margin-bottom: 26px;} 
#con4 .bx .inner .list3{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; }
#con4 .bx .inner .list3 li{width: 320px; margin-right: 20px; margin-bottom: 30px;}
#con4 .bx .inner .list3 li:nth-child(3n){margin-right: 0;}
#con4 .bx .inner .list3 li:nth-child(n+7){margin-bottom: 0;}
#con4 .bx .inner .list3 li:nth-child(7){margin-left: 20px;}



}
@media screen and (min-width:768px) and ( max-width:1450px) {
#con1 .bx::before {width: 42%;}
}



@media screen and (max-width: 767px) {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -10vw auto 0; background: url(../images/company/sp-main-bg.png) no-repeat top center; padding: 22vw 0 22vw; background-size: 100%;}
#main-bx .bx .inner{}
#main-bx .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; color: #fff; text-align: center; margin-bottom: 7vw; }
#main-bx .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.9; font-weight: 500; color: #fff; text-align: center; }

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; position: relative; z-index: 1; padding: 12vw 0 7vw;}
#con1 .bx::before {content: ""; position: absolute; left: 0; top: 41vw; width: 100%; height: 46.5vw; background-color: #FAF7F1; z-index: -1;}

#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 7.3vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 2vw;}
#con1 .bx .inner .ttl2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.4; text-align: center; margin-bottom: 16vw;}
#con1 .bx .inner .ttl3{font-size: 5.3vw; letter-spacing: 0.1vw; line-height: 1.6; text-align: left; margin-bottom: 5vw; padding-left: 40vw;}

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 89%; margin: 0 auto;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-img1{width: 45vw; position: absolute; left: 0vw; top: -38vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.6; text-align: right; padding-right: 9vw; margin-bottom: 15vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt1 span{font-size: 5vw; letter-spacing: 0.2vw; position: relative; left: 4vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt2{font-size: 4.1vw; letter-spacing: 0vw; line-height: 1.7; margin-bottom: 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt2 span{display: block; margin-top: 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-txt3{font-size: 5.2vw; letter-spacing: 0.1vw; line-height: 1.8; font-weight: 500; margin-bottom: 5vw; padding: 2vw 0;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #E3CDAA; padding: 12vw 0 5vw;}
#con2 .bx .inner{width: 89%; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 7.3vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 3vw;}
#con2 .bx .inner .ttl2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.4; text-align: center; margin-bottom: 13vw;}
#con2 .bx .inner .txt1{font-size: 5.1vw; letter-spacing: 0.2vw; line-height: 1.4; text-align: center; margin-bottom: 4vw;}
#con2 .bx .inner .ttl3{font-size: 6.3vw; letter-spacing: 0vw; line-height: 1.63; text-align: center; margin-bottom: 9vw;}
#con2 .bx .inner .txt2{font-size: 4.1vw; letter-spacing: 0vw; line-height: 1.8; margin-bottom: 8vw;}
#con2 .bx .inner .txt2 span{display: block; margin-top: 7vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 15vw 0 5vw;}
#con3 .bx .inner{width: 89%; margin: 0 auto;}
#con3 .bx .inner .ttl1{font-size: 7.3vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 3vw;}
#con3 .bx .inner .ttl2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.4; text-align: center; margin-bottom: 5vw;}

#con3 .bx .inner table{width: 100%; margin: 0 auto; }
#con3 .bx .inner tbody{width: 100%; margin: 0 auto; padding: 7vw 0vw 10vw; display: block;}
#con3 .bx .inner tr{border-bottom: 1px solid #CFCFCF;}
#con3 .bx .inner th{display: block; width: 100%; font-size: 4.1vw; letter-spacing: 0vw; text-align: left; line-height: 2; font-weight: 600; padding: 1.5vw 0px 1vw 0;}
#con3 .bx .inner td{display: block; width: 100%; font-size: 3.5vw; letter-spacing: 0.1vw; text-align: left; line-height: 1.95; padding: 1vw 0px 1.5vw 0;}
#con3 .bx .inner td .td-txt1{line-height: 1.9; margin-bottom: 5vw;}
#con3 .bx .inner td .td-txt1:last-child{margin-bottom: 0;}

/* #con3 .bx .inner table  tr:nth-of-type(n+6) td{display: block; width: 100%; font-size: 4.1vw; letter-spacing: 0.1vw; text-align: left; line-height: 2; padding: 1vw 0px 1.5vw 0;} */


#con3 {}
#con3 .bx .in-bx1{width: 100%; margin: 0 auto; background: #F7F6F5; padding: 10vw 0 8vw;}
#con3 .bx .in-bx1 .in-inner1{width: 89%; margin: 0 auto; position: relative;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1{width: 100%; margin: 0 auto;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-icon{font-size: 3.1vw; letter-spacing: 0; line-height: 1.6; font-weight: 500; align-content: end; padding: 8vw 6vw; background: #E3CDAA; border-radius: 100%; position: absolute; right: 5vw; top: -15vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-ttl1{font-size: 7.3vw; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 0vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-ttl2{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.4; margin-bottom: 7vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-map{width: 100%; height: 60vw; margin: 0 auto 3vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-map iframe{width: 100%; height: 60vw; margin: 0 auto 3vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 table {margin-bottom: 4vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 tbody {}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 tr {}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 th {font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 2vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 td {font-size: 3.5vw; letter-spacing: 0vw; line-height: 2; padding-left: 10vw; padding-bottom: 1vw;}
#con3 .bx .in-bx1 .in-inner1 .sub-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 3vw; color: #55371F;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 8vw 0 8vw;}
#con4 .bx .inner{width: 100%; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 7.3vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 3vw;}
#con4 .bx .inner .ttl2{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.4; text-align: center; margin-bottom: 7vw;}

#con4 .bx .inner .list-ttl1{font-size: 6vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 3vw; }
#con4 .bx .inner .list1{margin-bottom: 12vw; padding: 0 6vw;}
#con4 .bx .inner .list1 li{width: 100%; margin: 0 auto 5vw;}
#con4 .bx .inner .list1 li:last-child{margin-bottom: 0;}

#con4 .bx .inner .list-ttl2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 3vw; }
#con4 .bx .inner .list2{margin-bottom: 12vw; padding: 0 6vw;}
#con4 .bx .inner .list2 li{width: 100%; margin: 0 auto 5vw;}
#con4 .bx .inner .list2 li:last-child{margin-bottom: 0;}

#con4 .bx .inner .list-ttl3{font-size: 6vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 3vw; }
#con4 .bx .inner .list3{margin-bottom: 12vw; padding: 0 6vw;}
#con4 .bx .inner .list3 li{width: 100%; margin: 0 auto 5vw;}
#con4 .bx .inner .list3 li:last-child{margin-bottom: 0;}


}