@charset "UTF-8";
main { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media screen and (min-width: 768px),print {

#main-bx {}
#main-bx .bx{width: 100%; margin: 56px auto 78px; background: url(../images/company/main-bg.png) no-repeat top center; padding-top: 298px;;}
#main-bx .bx .inner{width: 612px; margin: 0 auto; background: #fff;}
#main-bx .bx .inner .icon{text-align: center; position: relative; top: -55px; margin-bottom: -40px;}
#main-bx .bx .inner .ttl{font-size: 22px; letter-spacing: 2px; font-weight: bold; text-align: center; line-height: 1.63;}
#main-bx .bx .inner .ttl span{font-size: 30px; letter-spacing: 3.3px;}

#con1 {}
#con1 .bx{width: 1100px; margin: 0 auto 100px;} 
#con1 .bx .ttl{font-size: 32px; font-weight: bold; letter-spacing: 2.5px; text-align: center; color: #fff; background: #000772; padding: 10px 0; margin-bottom: 43px;} 
#con1 .bx .inner{width: 960px; margin: 0 auto; }
#con1 .bx .inner table{}
#con1 .bx .inner tbody{}
#con1 .bx .inner tr{border: 1px solid #EEEFF5; }
#con1 .bx .inner .tr1{line-height: 1.9; }
#con1 .bx .inner .td1{padding: 20px 40px;}
#con1 .bx .inner th{width: 210px; font-size: 16px; font-weight: bold; text-align: left; letter-spacing: 0.5px; padding: 15px 30px 15px; background: #EEEFF5; border-bottom: 1px solid #fff; }
#con1 .bx .inner td{width: 750px; font-size: 16px; text-align: left; letter-spacing: 0.8px; padding: 15px 40px 15px; border-bottom: 1px solid #EEEFF5; }
#con1 .bx .inner td a{ text-decoration:underline; }

#con2 {}
#con2 .bx{width: 1100px; margin: 0 auto 115px;} 
#con2 .bx .ttl{font-size: 32px; font-weight: bold; letter-spacing: 2.5px; text-align: center; color: #fff; background: #000772; padding: 10px 0; margin-bottom: 43px;} 
#con2 .bx .inner{width: 1100px; margin: 0 auto; background: url(../images/company/con2-bg.png) repeat; padding: 40px;;}
#con2 .bx .inner .in-inner{background: #fff; padding: 40px 40px 35px; position: relative;}
#con2 .bx .inner .in-inner .in-inner1{width: 520px; margin-right: auto;}
#con2 .bx .inner .in-inner .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.5px; font-weight: bold; color: #fff; text-align: center; display: inline-block; background: #0533DD; padding: 1px 36px; margin-bottom: 5px;}
#con2 .bx .inner .in-inner .in-inner1 .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 1.85; margin-bottom: 15px;}
#con2 .bx .inner .in-inner .in-inner1 .txt2 span{font-weight: bold;}
#con2 .bx .inner .in-inner .in-inner1 .map{position: absolute; right: 40px; top: 0;}
#con2 .bx .inner .in-inner .in-inner1 .txt3{font-size: 22px; font-weight: bold; letter-spacing: 1px;}

#con3 {}
#con3 .bx{width: 1100px; margin: 0 auto 80px;}
#con3 .bx .ttl{font-size: 32px; font-weight: bold; letter-spacing: 3px; text-align: center; margin-bottom: 30px;}
#con3 .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; }
#con3 .bx .list li{ width: 350px; margin-right: 25px;}
#con3 .bx .list li:last-child{ margin-right: 0;}
#con3 .bx .list li .link{ margin-bottom: 12px;}
#con3 .bx .list li .txt{ font-size: 14px; letter-spacing: 0.8px; text-align: center; line-height: 1.88;}

#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/company/con4-bg.png) repeat; padding: 65px 0;}
#con4 .bx .inner{width: 1100px; margin: 0 auto;}
#con4 .bx .inner .ttl{text-align: center; margin-bottom: 35px; margin-left: 50px;}
#con4 .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;}
#con4 .bx .inner .list li{width: 270px; height: 240px; margin-right: 6px;}
#con4 .bx .inner .list li:last-child{margin-right: 0}
#con4 .bx .inner .list li .link{margin-bottom: 10px;}
#con4 .bx .inner .list li .txt{font-size: 14px; text-align: center; letter-spacing: 0.5px; line-height: 1.95; margin: 0 10px;}

#con5 {}
#con5 .bx {width: 1100px; margin: 0 auto 85px;}
#con5 .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;}
#con5 .bx .list li{width: 350px; margin-right: 25px; margin-bottom: 32px;}
#con5 .bx .list li:nth-child(3n){margin-right: 0}
#con5 .bx .list li:nth-child(7){margin-left: 188px}
#con5 .bx .list li .link{margin-bottom: 10px;}
#con5 .bx .list li .txt{font-size: 14px; text-align: center; letter-spacing: 0.5px; line-height: 1.95; margin: 0 5px;}




}

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

#main-bx {}
#main-bx .bx{width: 90vw; margin: 5vw auto 10vw; background: url(../images/company/sp-main-bg.png) no-repeat top center; padding-top: 30vw; background-size: 100%;}
#main-bx .bx .inner{width: 80vw; margin: -5vw auto 0; background: #fff;}
#main-bx .bx .inner .icon{width: 10vw; text-align: center; margin: 0 auto; position: relative; top: -8vw; margin-bottom: -5vw;}
#main-bx .bx .inner .ttl{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.65;}
#main-bx .bx .inner .ttl span{font-size: 5vw; letter-spacing: 0.5vw;}

#con1 {}
#con1 .bx{width: 90vw; margin: 0 auto 10vw;} 
#con1 .bx .ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; color: #fff; background: #000772; padding: 2.5vw 0 2vw; margin-bottom: 5vw;} 
#con1 .bx .inner{width: 90vw; margin: 0 auto; }
#con1 .bx .inner table{}
#con1 .bx .inner tbody{}
#con1 .bx .inner tr{border: 1px solid #EEEFF5; }
#con1 .bx .inner .tr1{line-height: 1.8; }
#con1 .bx .inner .td1{padding: 2vw 20vw 2vw 3vw;}
#con1 .bx .inner th{width: 100%; display: block; font-size: 3.6vw; font-weight: bold; text-align: left; letter-spacing: 0.2vw; padding: 3vw 5vw; background: #EEEFF5; border-bottom: 1px solid #fff; }
#con1 .bx .inner td{width: 100%; display: block; font-size: 3.6vw; text-align: left; letter-spacing: 0.2vw; padding: 3vw 5vw; border-bottom: 1px solid #EEEFF5; }
#con1 .bx .inner td a{ text-decoration:underline; }

#con2 {}
#con2 .bx{width: 90vw; margin: 0 auto 10vw;} 
#con2 .bx .ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; color: #fff; background: #000772; padding: 2.5vw 0 2vw; margin-bottom: 5vw;} 
#con2 .bx .inner{width: 90vw; margin: 0 auto; background: url(../images/company/con2-bg.png) repeat; padding: 5vw;}
#con2 .bx .inner .in-inner{background: #fff; padding: 5vw; position: relative;}
#con2 .bx .inner .in-inner .in-inner1{}
#con2 .bx .inner .in-inner .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0.2vw; font-weight: bold; color: #fff; text-align: center; display: inline-block; background: #0533DD; padding: 1vw 5vw; margin-bottom: 2vw;}
#con2 .bx .inner .in-inner .in-inner1 .txt2{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.85; margin-bottom: 3vw;}
#con2 .bx .inner .in-inner .in-inner1 .txt2 span{font-weight: bold;}
#con2 .bx .inner .in-inner .in-inner1 .map{}
#con2 .bx .inner .in-inner .in-inner1 .txt3{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw;}

#con3 {}
#con3 .bx{width: 100vw; margin: 0 auto 10vw;}
#con3 .bx .ttl{font-size: 5.4vw; font-weight: bold; letter-spacing: 0.3vw; text-align: center; margin-bottom: 3vw;}
#con3 .bx .list{width: 77.925vw; margin: 0 auto; }
#con3 .bx .list li{ margin: 0 auto 5vw;}
#con3 .bx .list li:last-child{ margin-bottom: 0;}
#con3 .bx .list li .link{ margin-bottom: 3vw;}
#con3 .bx .list li .txt{ font-size: 3.6vw; letter-spacing: 0; text-align: center; line-height: 1.8;}

#con4 {}
#con4 .bx{width: 100vw; margin: 0 auto 10vw; background: url(../images/company/con4-bg.png) repeat; padding: 8vw 0;}
#con4 .bx .inner{width: 90vw; margin: 0 auto;}
#con4 .bx .inner .ttl{width: 80vw; margin: 0 auto 8vw; position: relative; left: 3vw;}
#con4 .bx .list{width: 77.925vw; margin: 0 auto; }
#con4 .bx .list li{ margin: 0 auto 5vw;}
#con4 .bx .list li:last-child{ margin-bottom: 0;}
#con4 .bx .list li .link{ margin-bottom: 3vw;}
#con4 .bx .list li .txt{ font-size: 3.6vw; letter-spacing: 0; text-align: center; line-height: 1.8;}

#con5 {}
#con5 .bx {width: 90vw; margin: 0 auto 10vw;}
#con5 .bx .list{width: 77.925vw; margin: 0 auto; }
#con5 .bx .list li{ margin: 0 auto 5vw;}
#con5 .bx .list li:last-child{ margin-bottom: 0;}
#con5 .bx .list li .link{ margin-bottom: 3vw;}
#con5 .bx .list li .txt{ font-size: 3.6vw; letter-spacing: 0; text-align: center; line-height: 1.8;}


}