@charset "UTF-8";

.f-lato {font-family: "lato", sans-serif; font-style: normal;}

@media screen and (min-width: 768px),print {
main#company {line-height: 1.9;
width: 100% !important;
}
.seo_bread_list a{color: #A4A4A4;}
.seo_bread_list {max-width: 1200px;width: 1200px !important;color: #A4A4A4;}


#con1 {margin: -99px auto 204px;}
#con1 .top-bg{padding: 240px 0; content: ""; width: 100%; max-width: 1920px; margin: 0 auto; margin-bottom: 158px; background: url(../images/company/con1-top-bg.png) no-repeat top center;;}
#con1 .bx{width: 100%; max-width: 1920px; position: relative; }
#con1 .bx::before{content: ""; width: 18.5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{font-size: 60px; font-weight: 200; color: #5F5E5E;  letter-spacing: 3px; line-height: 1.5;}
#con1 .bx .inner .ttl1{font-size: 20px; font-weight: 400; color: #5F5E5E;  letter-spacing: 1px; margin-bottom: 44px;}
#con1 .bx .inner .img{position: absolute; right: 0; top: 90px;}
#con1 .bx .inner .ttl2{font-size: 43px; font-weight: 600; letter-spacing: 2px; margin-bottom: 13px; position: relative;}
#con1 .bx .inner .ttl2 .ss1{position: relative;}
#con1 .bx .inner .ttl2 .ss1::before{content: ""; width: 403px; height: 1px; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: -6px;}
#con1 .bx .inner .ttl2 .ss2{position: relative;}
#con1 .bx .inner .ttl2 .ss2::before{content: ""; width: 403px; height: 1px; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: -6px;}
#con1 .bx .inner .txt{font-size: 24px; font-weight: 600; letter-spacing: 1.2px; margin-bottom: 32px; }
#con1 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 32px; }
#con1 .bx .inner .txt-name{font-size: 16px; letter-spacing: 0.8px; line-height: 2; margin-bottom: 32px; margin-left: 393px; padding-top: 24px;}

#con2 {margin: 0 auto 170px;  }
#con2 .bx{width: 100%; max-width: 1920px; position: relative; }
#con2 .bx::before{content: ""; width: 18.5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; }
#con2 .bx .inner .ttl{font-size: 60px; font-weight: 200; color: #5F5E5E;  letter-spacing: 2.3px; line-height: 1.5;}
#con2 .bx .inner .ttl1{font-size: 20px; font-weight: 400; color: #5F5E5E;  letter-spacing: 1px; margin-bottom: 72px;}
#con2 .bx .inner .in-inner{width: 1000px; margin: 0 auto;}
#con2 .bx .inner .in-inner table{}
#con2 .bx .inner .in-inner table tr{line-height: 1.98; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6}
#con2 .bx .inner .in-inner table th{display: inline-block; width: 250px; font-size: 16px; text-align: left; letter-spacing: 0.8px; padding: 28px 0 28px 40px; }
#con2 .bx .inner .in-inner table td{display: inline-block; width: 750px; font-size: 16px; text-align: left; letter-spacing: 0.8px; padding: 28px 0 28px 0px; }

#con3 {margin: 0 auto 220px;  }
#con3 .bx{width: 100%; max-width: 1920px; position: relative; }
#con3 .bx::before{content: ""; width: 18.5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; }
#con3 .bx .inner .ttl{font-size: 60px; font-weight: 200; color: #5F5E5E;  letter-spacing: 2.3px; line-height: 1.5;}
#con3 .bx .inner .ttl1{font-size: 20px; font-weight: 400; color: #5F5E5E;  letter-spacing: 1px; margin-bottom: 72px;}
#con3 .bx .inner .in-inner{width: 1000px; margin: 0 auto;}
#con3 .bx .inner .in-inner table{}
#con3 .bx .inner .in-inner table tr{border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6}
#con3 .bx .inner .in-inner table th{display: inline-block; width: 235px; font-size: 16px; font-weight: bold; color: #5F5E5E; text-align: left; letter-spacing: 0.8px; padding: 27px 0 27px 20px; position: relative; vertical-align: top;}
#con3 .bx .inner .in-inner table th span{position: absolute; right: 0; top: 26px;}
#con3 .bx .inner .in-inner table td{display: inline-block; width: 750px; font-size: 16px; text-align: left; letter-spacing: 0.8px; line-height: 2.05; padding: 27px 0 27px 40px; }

#con4 {margin: 0 auto 180px;  }
#con4 .bx{width: 100%; max-width: 1920px; position: relative; }
#con4 .bx::before{content: ""; width: 18.5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con4 .bx .inner{width: 1100px; margin: 0 auto;}
#con4 .bx .inner .ttl{font-size: 60px; font-weight: 200; color: #5F5E5E;  letter-spacing: 2.3px; line-height: 1.5;}
#con4 .bx .inner .ttl1{font-size: 20px; font-weight: 400; color: #5F5E5E;  letter-spacing: 1px; margin-bottom: 40px;}
#con4 .bx .inner .in-inner{width: 1100px; margin: 0 auto; background: #F2F2F2; padding: 44px 90px 40px;}
#con4 .bx .inner .in-inner .ttl2{font-size: 21px; letter-spacing: 0.8px; position: relative; margin-bottom: 40px; padding-left: 10px;}
#con4 .bx .inner .in-inner .ttl2::after{content: ""; width: 460px; height: 1px; margin: 0 auto; background: #CECEC1; position: absolute; left: 10px; bottom: -8px;}
#con4 .bx .inner .in-inner .access{margin-bottom: 11px;}
#con4 .bx .inner .in-inner .access iframe{width: 920px; height: 350px; margin: 0 auto;}
#con4 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; position: relative; padding-left: 10px;}

#con5 {margin: 0 auto 170px;}
#con5 .bx{width: 100%;max-width: 1920px;position: relative;padding: 104px 0;background: #F2F2F2;}
#con5 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl{font-size: 80px;font-weight: 300;color: #5F5E5E;letter-spacing: 5px;line-height: 1.4;text-align: center;margin-bottom: -3px; padding-left: 6px;}
#con5 .bx .inner .ttl1{font-size: 20px;font-weight: 400;color: #5F5E5E;letter-spacing: 1px;margin-bottom: 46px;text-align: center;}
#con5 .bx .inner .icon{position: absolute; right: 63px; top: -41px;}
#con5 .bx .inner .in-inner{width: 1100px; margin: 0 auto; }

#con6 {margin: 0 auto 160px;  }
#con6 .bx{width: 100%; max-width: 1920px; position: relative; }
#con6 .bx::before{content: ""; width: 18.5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con6 .bx .inner{width: 1100px; margin: 0 auto; }
#con6 .bx .inner .ttl{font-size: 60px; font-weight: 200; color: #5F5E5E;  letter-spacing: 2.3px; line-height: 1.5;}
#con6 .bx .inner .ttl1{font-size: 20px; font-weight: 400; color: #5F5E5E;  letter-spacing: 1px; margin-bottom: 56px;}
#con6 .bx .inner .in-inner{width: 1100px; margin: 0 auto;}
#con6 .bx .inner .in-inner .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;}
#con6 .bx .inner .in-inner .list li{width: 340px; margin-right: 40px; margin-bottom: 30px;}
#con6 .bx .inner .in-inner .list li:nth-child(3n){margin-right: 0;}


}

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




main {line-height: 1.9;}
#company .seo_bread_list a{color: #A4A4A4;}
#company .seo_bread_list {color: #A4A4A4;padding-top: 0px;position: relative;top: -12px;left: 10px;}


#con1 {margin: -17vw auto 21vw;}
#con1 .top-bg{padding: 31.291vw 0; content: ""; width: 100%; margin: 0 auto; margin-bottom: 4.6vw; background: url(../images/company/sp-con1-top-bg.png) no-repeat top center; background-size: 100%;}
#con1 .bx{width: 87%; margin: 0 auto; position: relative; }
#con1 .bx::before{content: ""; width: 15%; height: 0.13vw; margin-right: auto; background: #5F5E5E; position: absolute; left: -10vw; top: 15vw;}
#con1 .bx .inner{ margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{font-size: 10vw; font-weight: 200; color: #5F5E5E;  letter-spacing: 0.35vw; line-height: 1.3; padding-left: 2vw;}
#con1 .bx .inner .ttl1{font-size: 3vw; font-weight: 400; color: #5F5E5E; letter-spacing: 0.4vw; margin-bottom: 8vw; padding-left: 5.2vw;}
#con1 .bx .inner .img{margin-bottom: 7vw;}
#con1 .bx .inner .ttl2{font-size: 6.8vw; font-weight: 600; line-height: 1.8; letter-spacing: 0.261vw; margin-bottom: 4.4vw; position: relative; padding-left: 2vw;}
#con1 .bx .inner .ttl2 .ss1{position: relative;}
#con1 .bx .inner .ttl2 .ss1::before{content: ""; width: 63vw; height: 0.13vw; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: 0vw;}
#con1 .bx .inner .ttl2 .ss2{position: relative;}
#con1 .bx .inner .ttl2 .ss2::before{content: ""; width: 63vw; height: 0.13vw; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: -0.8vw;}
#con1 .bx .inner .txt{font-size: 4.8vw; font-weight: 600; letter-spacing: 0.25vw; margin-bottom: 5.5vw; padding-left: 2vw;}
#con1 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2.15; margin-bottom: 8vw; padding-left: 2vw;}
#con1 .bx .inner .txt-name{font-size: 3.5vw; letter-spacing: 0.55vw; line-height: 1.5; margin-bottom: 7.5vw; margin-left: 51.8vw; margin-top: -0.5vw;}

#con2 {margin: 0 auto 22vw;  }
#con2 .bx{width: 92%; margin: 0 auto; position: relative; }
#con2 .bx::before{content: ""; width: 15%; height: 0.13vw; margin-right: auto; background: #5F5E5E; position: absolute; left: -8vw; top: 15vw;}
#con2 .bx .inner{ margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl{font-size: 10vw; font-weight: 200; color: #5F5E5E;  letter-spacing: 0.4vw; line-height: 1.2; padding-left: 4vw;}
#con2 .bx .inner .ttl1{font-size: 3vw; font-weight: 400; color: #5F5E5E; letter-spacing: 0.4vw; margin-bottom: 8.7vw; padding-left: 8.2vw;}
#con2 .bx .inner .in-inner{ margin: 0 auto;}
#con2 .bx .inner .in-inner table{}
#con2 .bx .inner .in-inner table tr{border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6}
#con2 .bx .inner .in-inner table th{display: inline-block; width: 41%; font-size: 3.6vw; text-align: left; letter-spacing: 0.1vw; padding: 3.85vw 0 3.85vw 2.35vw; vertical-align: top;}
#con2 .bx .inner .in-inner table td{display: inline-block; width: 57%; font-size: 3.5vw; text-align: left; letter-spacing: 0.1vw; padding: 3.85vw 0 3.85vw 0.5vw;}

#con3 {margin: 0 auto 20vw;  }
#con3 .bx{width: 92%; margin: 0 auto; position: relative; }
#con3 .bx::before{content: ""; width: 15%; height: 0.13vw; margin-right: auto; background: #5F5E5E; position: absolute; left: -8vw; top: 15vw;}
#con3 .bx .inner{ margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl{font-size: 10vw; font-weight: 200; color: #5F5E5E;  letter-spacing: 0.4vw; line-height: 1.2; padding-left: 4vw;}
#con3 .bx .inner .ttl1{font-size: 3vw; font-weight: 400; color: #5F5E5E; letter-spacing: 0.4vw; margin-bottom: 8vw; padding-left: 8.2vw;}
#con3 .bx .inner .in-inner{ margin: 0 auto;}
#con3 .bx .inner .in-inner table{}
#con3 .bx .inner .in-inner table tr{border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6}
#con3 .bx .inner .in-inner table th{display: block; width: 100%; font-size: 3.6vw; font-weight: bold; text-align: left; letter-spacing: 0.1vw; padding: 3.85vw 0 0 2.35vw; position: relative; vertical-align: top;}
#con3 .bx .inner .in-inner table th span{position: absolute; left: 20vw; top: 4vw;}
#con3 .bx .inner .in-inner table td{display: block; width: 100%; font-size: 3.5vw; text-align: left; letter-spacing: 0.05vw; padding: 0 0 3.85vw 2.3vw;}

#con4 {margin: 0 auto 24vw;  }
#con4 .bx{width: 92%; margin: 0 auto; position: relative; }
#con4 .bx::before{content: ""; width: 15%; height: 0.13vw; margin-right: auto; background: #5F5E5E; position: absolute; left: -8vw; top: 15vw;}
#con4 .bx .inner{ margin: 0 auto; position: relative;}
#con4 .bx .inner .ttl{font-size: 10vw; font-weight: 200; color: #5F5E5E;  letter-spacing: 0.4vw; line-height: 1.3; padding-left: 4vw;}
#con4 .bx .inner .ttl1{font-size: 3vw; font-weight: 400; color: #5F5E5E; letter-spacing: 0.4vw; margin-bottom: 8vw; padding-left: 8.2vw;}
#con4 .bx .inner .in-inner{ margin: 0 auto; background: #F2F2F2; padding: 10.5vw 6vw 11vw;}
#con4 .bx .inner .in-inner .ttl2{font-size: 4.2vw; letter-spacing: 0.12vw; position: relative; margin-bottom: 6vw; padding-left: 4.2vw;}
#con4 .bx .inner .in-inner .ttl2::after{content: ""; width: 86vw; height: 0.1vw; margin: 0 auto; background: #CECEC1; position: absolute; left: -3vw; bottom: -1vw;}
#con4 .bx .inner .in-inner .access{}
#con4 .bx .inner .in-inner .access iframe{width: 100%; height: 57vw; margin: 0 auto;}
#con4 .bx .inner .in-inner .txt{font-size: 3.4vw; letter-spacing: 0.15vw; position: relative; padding-left: 0;}

#con5 {margin: 0 auto 22vw;}
#con5 .bx{width: 100%; position: relative; padding: 16vw 0; background: #F2F2F2;}
#con5 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl{font-size: 12vw;font-weight: 300;color: #5F5E5E;letter-spacing: 1.0vw;line-height: 1.4;text-align: center;padding-left: 1vw;line-height: 1.3;}
#con5 .bx .inner .ttl1{font-size: 4.3vw;font-weight: 400;color: #5F5E5E;letter-spacing: 0.2vw;margin-bottom: 10.5vw;text-align: center;}
#con5 .bx .inner .icon{width: 21.5%; position: absolute; right: 7vw; top: 8vw;}
#con5 .bx .inner .in-inner{width: 100%; margin: 0 auto; }

#con6 {margin: 0 auto 28vw;  }
#con6 .bx{width: 92%; margin: 0 auto; position: relative; }
#con6 .bx::before{content: ""; width: 15%; height: 0.13vw; margin-right: auto; background: #5F5E5E; position: absolute; left: -8vw; top: 15vw;}
#con6 .bx .inner{ margin: 0 auto; position: relative;}
#con6 .bx .inner .ttl{font-size: 10vw; font-weight: 200; color: #5F5E5E;  letter-spacing: 0.4vw; line-height: 1.2; padding-left: 4vw;}
#con6 .bx .inner .ttl1{font-size: 3vw; font-weight: 400; color: #5F5E5E; letter-spacing: 0.4vw; margin-bottom: 8.4vw; padding-left: 8.2vw;}
#con6 .bx .inner .in-inner{width: 90%; margin: 0 auto;}
#con6 .bx .inner .in-inner .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;}
#con6 .bx .inner .in-inner .list li{width: 100%; margin: 0 auto 4.4vw;}
#con6 .bx .inner .in-inner .list li:last-child{margin-bottom: 0;}

}


@media screen and (min-width: 1649px) and (max-width: 1919px) {
#con1 .bx::before{content: ""; width: 15%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con2 .bx::before{content: ""; width: 15%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con3 .bx::before{content: ""; width: 15%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con4 .bx::before{content: ""; width: 15%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con6 .bx::before{content: ""; width: 15%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}

}

@media screen and (min-width: 1449px) and (max-width: 1650px) {
#con1 .bx::before{content: ""; width: 10%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con2 .bx::before{content: ""; width: 10%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con3 .bx::before{content: ""; width: 10%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con4 .bx::before{content: ""; width: 10%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con6 .bx::before{content: ""; width: 10%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}

}

@media screen and (min-width: 767px) and (max-width: 1450px) {
#con1 .bx::before{content: ""; width: 5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con2 .bx::before{content: ""; width: 5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con3 .bx::before{content: ""; width: 5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con4 .bx::before{content: ""; width: 5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}
#con6 .bx::before{content: ""; width: 5%; height: 1px; margin-right: auto; background: #5F5E5E; position: absolute; left: 0; top: 53px;}

}