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

main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; }
.seo_bread_list {color: #fff; margin-bottom: -55px!important;}
.seo_bread_list a{color: #fff;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/company/con1-bg1.png) no-repeat top center; padding: 141px 0 185px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto 75px; position: relative;}
#con1 .bx .inner .ttl1{font-size: 58px; letter-spacing: 0.8px; line-height: 1.3; font-weight: bold; text-align: left; color: #fff; margin-bottom: 38px; }
#con1 .bx .inner .icon1{position: absolute; top: -135px; right: -50px;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/company/con2-bg1.png) no-repeat top center; padding: 150px 0 0;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{text-align: center; margin-bottom: 6px;}
#con2 .bx .inner .ttl2{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 55px; position: relative;}
#con2 .bx .inner .ttl2::before{content: ""; width: 422px; height: 1px; margin: 0 auto; text-align: center; background: url(../images/company/con2-ttl2-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 35px;}
#con2 .bx .inner .txt1{font-size: 32px; letter-spacing: 1.5px; line-height: 1.5; font-weight: bold; text-align: center; margin-bottom: 60px;}
#con2 .bx .inner .img1{text-align: center; margin-bottom: -85px;}
#con2 .bx .inner .icon1{text-align: center; padding-right: 15px;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/company/con3-bg1.png) no-repeat top center; padding: 120px 0 1px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto 50px; position: relative;}
#con3 .bx .inner .ttl1{text-align: center; margin-bottom: 98px;}
#con3 .bx .inner .icon1{position: absolute; right: 45px; top: -145px;}
#con3 .bx .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; justify-content: center;}
#con3 .bx .inner .list li{width: 530px; margin-right: 40px; margin-bottom: 70px; background: #fff; padding: 65px 40px 40px 40px; position: relative;}
#con3 .bx .inner .list li:nth-child(1){ padding: 92px 40px 20px 40px; }
#con3 .bx .inner .list li:nth-child(2){ padding: 67px 40px 37px 40px; }
#con3 .bx .inner .list li:nth-child(3){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(4){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(5){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(6){ padding: 87px 40px 20px 40px; }
#con3 .bx .inner .list li:nth-child(7){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(8){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(9){ padding: 67px 40px 34px 40px; }
#con3 .bx .inner .list li:nth-child(10){ padding: 87px 40px 20px 40px; }

#con3 .bx .inner .list li:nth-child(2n){margin-right: 0;}
#con3 .bx .inner .list li .num1{position: absolute; right: 0; left: 0; top: -40px; text-align: center;}
#con3 .bx .inner .list li .ttl2{font-size: 26px; letter-spacing: 1.5px; line-height: 1.65; font-weight: bold; text-align: center; margin-bottom: 40px;}
#con3 .bx .inner .list li:nth-child(1) .ttl2{margin-bottom: 40px;}
#con3 .bx .inner .list li:nth-child(2) .ttl2{margin-bottom: 20px;}
#con3 .bx .inner .list li:nth-child(3) .ttl2{margin-bottom: 27px;}
#con3 .bx .inner .list li:nth-child(4) .ttl2{margin-bottom: 27px;}
#con3 .bx .inner .list li:nth-child(5) .ttl2{margin-bottom: 23px;}
#con3 .bx .inner .list li:nth-child(6) .ttl2{margin-bottom: 45px;}
#con3 .bx .inner .list li:nth-child(7) .ttl2{margin-bottom: 22px;}
#con3 .bx .inner .list li:nth-child(8) .ttl2{margin-bottom: 22px;}
#con3 .bx .inner .list li:nth-child(9) .ttl2{margin-bottom: 22px;}
#con3 .bx .inner .list li:nth-child(10) .ttl2{margin-bottom: 45px;}

#con3 .bx .inner .list li .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.75; font-weight: 500; }


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 130px 0 0;}
#con4 .bx .inner{width: 1100px; margin: 0 auto 140px; position: relative;}
#con4 .bx .inner .ttl1{text-align: center; margin-bottom: 6px;}
#con4 .bx .inner .ttl2{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 60px; position: relative;}

#con4 .bx .inner table{width: 980px; margin: 0 auto; position: relative; left: 30px;}
#con4 .bx .inner tbody{}
#con4 .bx .inner tr{border-bottom: 1px solid #8E8E8E; }
#con4 .bx .inner tr:first-child{border-top: 1px solid #8E8E8E; }
#con4 .bx .inner th{width: 200px; font-size: 16px; letter-spacing: 0.8px; line-height: 1.4; font-weight: bold; vertical-align: top; padding: 30px 10px 30px 50px;}
#con4 .bx .inner td{width: 680px; font-size: 16px; letter-spacing: 0.6px; line-height: 1.48; font-weight: 400; vertical-align: top; padding: 30px 10px 30px 65px;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: #F2F2F2; padding: 115px 0 130px;}
#con5 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl1{text-align: center; margin-bottom: 6px; padding-right: 35px;}
#con5 .bx .inner .ttl2{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 55px; position: relative;}

#con5 .bx .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; justify-content: center;}
#con5 .bx .inner .list li{width: 530px; margin-right: 40px; position: relative;}
#con5 .bx .inner .list li:last-child{margin-right: 0;}
#con5 .bx .inner .list li .map{width: 1100px; height: 360px; margin-bottom: 10px; position: relative; z-index: 1;}
#con5 .bx .inner .list li .map iframe{width: 1100px; height: 360px;}
#con5 .bx .inner .list li .map-txt{font-size: 14px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center; }
#con5 .bx .inner .list li .map-txt a{border-bottom: 1px solid #000;}
#con5 .bx .inner .list li .map-txt a:hover{text-decoration: none;}
#con5 .bx .inner .list li .icon1{position: absolute; left: -10px; bottom: -145px;}
#con5 .bx .inner .list li .img1{margin-bottom: -50px;}
#con5 .bx .inner .list li .img2{position: absolute; right: 18px; bottom: -129px; z-index: 1; }
#con5 .bx .inner .list li .img2 img{width: 80%;}


#con6 {}
#con6 .bx{width: 100%; margin: 0 auto; padding: 110px 0 35px;}
#con6 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con6 .bx .inner .ttl1{text-align: center; margin-bottom: 6px; }
#con6 .bx .inner .ttl2{font-size: 40px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 55px; position: relative;}

#con6 .bx .inner .bx1{width: 1100px; margin: 0 auto 57px;}
#con6 .bx .inner .bx1 .ttl3{font-size: 18px; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 20px;}
#con6 .bx .inner .bx1 .ttl3::before{content: ""; width: 985px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;}
#con6 .bx .inner .bx1 .img1{text-align: center;}

#con6 .bx .inner .bx2{width: 1100px; margin: 0 auto 57px;}
#con6 .bx .inner .bx2 .ttl4{font-size: 18px; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 20px;}
#con6 .bx .inner .bx2 .ttl4::before{content: ""; width: 963px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;}
#con6 .bx .inner .bx2 .img2{text-align: center; margin-bottom: 25px;}
#con6 .bx .inner .bx2 .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;}
#con6 .bx .inner .bx2 .list li{width: 350px; margin-right: 25px;}
#con6 .bx .inner .bx2 .list li:last-child{margin-right: 0;}

#con6 .bx .inner .bx3{width: 1100px; margin: 0 auto 16px;}
#con6 .bx .inner .bx3 .ttl5{font-size: 18px; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 20px;}
#con6 .bx .inner .bx3 .ttl5::before{content: ""; width: 878px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;}
#con6 .bx .inner .bx3 .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;}
#con6 .bx .inner .bx3 .list li{width: 350px; margin-right: 25px;}
#con6 .bx .inner .bx3 .list li:last-child{margin-right: 0;}

#con6 .bx .inner .bx4{width: 1100px; margin: 0 auto 32px;}
#con6 .bx .inner .bx4 .ttl6{font-size: 18px; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 20px;}
#con6 .bx .inner .bx4 .ttl6::before{content: ""; width: 968px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;}
#con6 .bx .inner .bx4 .list{padding-right: 30px; 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;}
#con6 .bx .inner .bx4 .list li{width: 350px; margin-right: 30px; margin-bottom: 25px;}
#con6 .bx .inner .bx4 .list li:nth-child(2n){margin-right: 0;}

#con6 .bx .inner .bx5{width: 1100px; margin: 0 auto 16px;}
#con6 .bx .inner .bx5 .ttl7{font-size: 18px; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 20px;}
#con6 .bx .inner .bx5 .ttl7::before{content: ""; width: 896px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;}
#con6 .bx .inner .bx5 .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;}
#con6 .bx .inner .bx5 .list li{width: 350px; margin-right: 25px;}
#con6 .bx .inner .bx5 .list li:last-child{margin-right: 0;}



}












@media screen and (max-width: 767px) {
h1.main-title { margin-bottom: 0vw!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/company/sp-con1-bg1.png) no-repeat top center; padding: 8vw 0 1vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.5; font-weight: bold; text-align: center; color: #fff; margin-bottom: -14vw; padding-left: 1vw;}
#con1 .bx .inner .icon1{width: 97%; margin: 0 auto -15vw; padding-left: 2vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/company/sp-con2-bg1.png) no-repeat top center; padding: 15vw 0 0; background-size: 100%;}
#con2 .bx .inner{width: 92%; margin: 0 auto; position: relative;}
#con2 .bx .inner .ttl1{width: 49%; margin: 0 auto 2vw;}
#con2 .bx .inner .ttl2{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 7vw; position: relative;}
/* #con2 .bx .inner .ttl2::before{content: ""; width: 422px; height: 1px; margin: 0 auto; text-align: center; background: url(../images/company/sp-con2-ttl2-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 35px;} */
#con2 .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 14vw;}
#con2 .bx .inner .img1{width: 100%; margin: 0 auto -8vw;}
#con2 .bx .inner .icon1{width: 89%; margin: 0 auto; position: relative; left: 2vw;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: url(../images/company/sp-con3-bg1.png) no-repeat top center; padding: 14.5vw 0 1vw; background-size: 100%;}
#con3 .bx .inner{width: 92%; margin: 0 auto 5vw; position: relative;}
#con3 .bx .inner .ttl1{width: 71%; margin: 0 auto 16.5vw;}
#con3 .bx .inner .icon1{width: 14%; position: absolute; right: 7vw; top: 19vw;}
#con3 .bx .inner .list{}
#con3 .bx .inner .list li{width: 100%; margin: 0 auto 12vw; background: #fff; padding: 12vw 5vw 7vw 5vw; position: relative;}
#con3 .bx .inner .list li .num1{width: 16%; margin: 0 auto; position: absolute; right: 0; left: 0; top: -7vw; text-align: center;}
#con3 .bx .inner .list li .ttl2{font-size: 5vw; letter-spacing: 0vw; line-height: 1.4; font-weight: bold; text-align: center; margin-bottom: 4vw;}
#con3 .bx .inner .list li .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.75; font-weight: 500;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; padding: 13.5vw 0 0;}
#con4 .bx .inner{width: 100%; margin: 0 auto 21vw; position: relative;}
#con4 .bx .inner .ttl1{width: 25%; margin: 0 auto 2vw;}
#con4 .bx .inner .ttl2{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 9vw; position: relative;}

#con4 .bx .inner table{width: 92%; margin: 0 auto;}
#con4 .bx .inner tbody{}
#con4 .bx .inner tr{border-bottom: 1px solid #8E8E8E; }
#con4 .bx .inner tr:first-child{border-top: 1px solid #8E8E8E; }
#con4 .bx .inner th{width: 35%; font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.45; font-weight: bold; vertical-align: top; padding: 6.5vw 0 6.5vw 4vw; text-align: left;}
#con4 .bx .inner td{width: 65%; font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.55; font-weight: 400; vertical-align: top; padding: 6.5vw 1vw 6.5vw 2vw; text-align: left;}


#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; background: #F2F2F2; padding: 11vw 0 5vw;}
#con5 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con5 .bx .inner .ttl1{width: 45%; margin: 0 auto 2vw; padding-right: 7vw;}
#con5 .bx .inner .ttl2{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 9vw; position: relative;}

#con5 .bx .inner .list{}
#con5 .bx .inner .list li{width: 100%; margin: 0 auto 9vw; position: relative;}
#con5 .bx .inner .list li .map{width: 100%; height: 60vw; margin-bottom: 13.5vw; position: relative; z-index: 2;}
#con5 .bx .inner .list li .map iframe{width: 100%; height: 70vw;}
#con5 .bx .inner .list li .map-txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; text-align: center; position: relative; z-index: 2;}
#con5 .bx .inner .list li .map-txt a{border-bottom: 1px solid #000;}
#con5 .bx .inner .list li .map-txt a:hover{text-decoration: none;}
#con5 .bx .inner .list li .icon1{width: 20%; position: absolute; left: 8vw; bottom: -1vw; z-index: 2;}
#con5 .bx .inner .list li .img1{width: 90%; margin: 0 auto;}
#con5 .bx .inner .list li .img2{width: 100%; position: absolute; right: -66vw; bottom: -5vw; z-index: 1;}
#con5 .bx .inner .list li .img2 img{width: 30%; }


#con6 {}
#con6 .bx{width: 90%; margin: 0 auto; padding: 18vw 0 5vw;}
#con6 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con6 .bx .inner .ttl1{width: 25%; margin: 0 auto 2vw; }
#con6 .bx .inner .ttl2{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 9vw; position: relative;}

#con6 .bx .inner .bx1{width: 100%; margin: 0 auto 9vw;}
/* #con6 .bx .inner .bx1 .ttl3{font-size: 4vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 5vw; text-align: left;} */
/* #con6 .bx .inner .bx1 .ttl3::before{content: ""; width: 985px; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 15px;} */
#con6 .bx .inner .bx1 .img1{text-align: center;}

#con6 .bx .inner .bx2{width: 100%; margin: 0 auto 9vw;}
#con6 .bx .inner .bx2 .ttl4{font-size: 4vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 4.5vw;}
#con6 .bx .inner .bx2 .ttl4::before{content: ""; width: 69%; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 3vw;}
#con6 .bx .inner .bx2 .img2{text-align: center; margin-bottom: 4vw;}
#con6 .bx .inner .bx2 .list{}
#con6 .bx .inner .bx2 .list li{width: 100%; margin: 0 auto 5vw;}

#con6 .bx .inner .bx3{width: 100%; margin: 0 auto 10vw;}
#con6 .bx .inner .bx3 .ttl5{font-size: 3.9vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 4.5vw;}
#con6 .bx .inner .bx3 .ttl5::before{content: ""; width: 48%; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 3vw;}
#con6 .bx .inner .bx3 .img2{text-align: center; margin-bottom: 4vw;}
#con6 .bx .inner .bx3 .list{}
#con6 .bx .inner .bx3 .list li{width: 100%; margin: 0 auto 4.5vw;}

#con6 .bx .inner .bx4{width: 100%; margin: 0 auto 10vw;}
#con6 .bx .inner .bx4 .ttl6{font-size: 3.9vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 4vw;}
#con6 .bx .inner .bx4 .ttl6::before{content: ""; width: 70%; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 2.5vw;}
#con6 .bx .inner .bx4 .img2{text-align: center; margin-bottom: 4vw;}
#con6 .bx .inner .bx4 .list{}
#con6 .bx .inner .bx4 .list li{width: 100%; margin: 0 auto 4.5vw;}

#con6 .bx .inner .bx5{width: 100%; margin: 0 auto 11vw;}
#con6 .bx .inner .bx5 .ttl7{font-size: 3.9vw; letter-spacing: 0; line-height: 1.6; font-weight: bold; position: relative; margin-bottom: 4vw;}
#con6 .bx .inner .bx5 .ttl7::before{content: ""; width: 53%; height: 1px; background: #1A1A1A; position: absolute; right: 0; top: 2.5vw;}
#con6 .bx .inner .bx5 .img2{text-align: center; margin-bottom: 4vw;}
#con6 .bx .inner .bx5 .list{}
#con6 .bx .inner .bx5 .list li{width: 100%; margin: 0 auto 4.5vw;}



}