@charset "UTF-8";

.f-shi { font-family: "Shippori Mincho", serif;font-weight: 500; font-style: normal;}
.f-gothic1 { font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 300;font-style: normal;}

@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/company/con1-bg.png) no-repeat top center; padding: 193px 0 197px; position: relative; z-index: -1;}
#con1 .bx .inner{width: 1000px; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 40px; letter-spacing: -1.5px; line-height: 1.5; color: #fff; text-align: center;}

#all-bx {background: #F9F9F9; padding: 142px 0 100px;}


#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 128px;}
#con2 .bx .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; background: #EDEDED; padding: 15px 0 20px; text-align: center; margin-bottom: 54px;}
#con2 .bx .inner{width: 725px; margin-right: auto; position: relative;}
#con2 .bx .inner .txt1{font-size: 16px; letter-spacing: 0px; line-height: 2;}
#con2 .bx .inner .txt1 .ss1{}
#con2 .bx .inner .txt1 .ss2{}
#con2 .bx .inner .txt1 .ss3{}
#con2 .bx .inner .img1{position: absolute; right: -474px; top: 5px;}

#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 140px;}
#con3 .bx .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; background: #EDEDED; padding: 15px 0 20px 13px; text-align: center; margin-bottom: 47px;}
#con3 .bx .inner{width: 800px; margin: 0 auto;}
#con3 .bx .inner table{}
#con3 .bx .inner tbody{}
#con3 .bx .inner tr{border-bottom: 1px solid #222123;}
#con3 .bx .inner th{width: 205px; font-size: 16px; letter-spacing: 0.8px; line-height: 2.5; font-weight: 500; text-align: left; padding: 10px 10px 10px 0;}
#con3 .bx .inner td{width: 600px; font-size: 16px; letter-spacing: 0; line-height: 2.5; font-weight: 400; text-align: left; padding: 10px 0 10px 0;}
#con3 .bx .inner td .ss1{line-height: 1.5; margin-bottom: -13px; display: block;}
#con3 .bx .inner td .ss2{line-height: 1.5; margin-bottom: 9px; display: block;}
#con3 .bx .inner td .ss3{line-height: 1.55; display: block;}

#con4 {}
#con4 .bx{width: 1200px; margin: 0 auto 105px;}
#con4 .bx .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; background: #EDEDED; padding: 15px 22px 20px 0; text-align: center; margin-bottom: 58px;}
#con4 .bx .inner{}
#con4 .bx .inner .flex-bx{margin-bottom: 2px; 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 .flex-bx .l-bx{}
#con4 .bx .inner .flex-bx .l-bx .map{width: 600px; height: 318px; margin: 0 auto;}
#con4 .bx .inner .flex-bx .l-bx .map iframe{width: 600px; height: 318px; margin: 0 auto;}
#con4 .bx .inner .flex-bx .r-bx{}
#con4 .bx .inner .flex-bx .r-bx .img1{}

#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; margin-bottom: 17px;}
#con4 .bx .inner .ttl2{font-size: 25px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; margin-bottom: 23px; text-align: center;}
#con4 .bx .inner .txt2{font-size: 16px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 10px; text-align: center;}


#con5 {}
#con5 .bx{width: 1200px; margin: 0 auto;padding-bottom: 70px;}
#con5 .bx .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; background: #EDEDED; padding: 15px 0 20px 0; text-align: center; margin-bottom: 43px;}
#con5 .bx .inner{}
#con5 .bx .inner .ttl2{font-size: 25px; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 28px;}
#con5 .bx .inner .list1{margin-bottom: 28px; 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 .list1 li{width: 585px; margin-right: 30px; margin-bottom: 27px;}
#con5 .bx .inner .list1 li:last-child{margin-right: 0;}

#con5 .bx .inner .ttl3{font-size: 25px; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 28px;}
#con5 .bx .inner .list2{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 .list2 li{width: 380px; margin-right: 30px; margin-bottom: 27px;}
#con5 .bx .inner .list2 li:nth-child(3){margin-right: 0;}
#con5 .bx .inner .list2 li:last-child{margin-right: 0;}

#con5 .bx .inner .list3{margin-bottom: 40px; 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 .list3 li{width: 585px; margin-right: 30px; margin-bottom: 27px;}
#con5 .bx .inner .list3 li:last-child{margin-right: 0;}

#con5 .bx .inner .ttl4{font-size: 25px; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 28px;}
#con5 .bx .inner .list4{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 .list4 li{width: 585px; margin-right: 30px; margin-bottom: 26px;}
#con5 .bx .inner .list4 li:nth-child(2){margin-right: 0;}
#con5 .bx .inner .list4 li:last-child{margin-right: 0;}

#con5 .bx .inner .list5{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 .list5 li{width: 380px; margin-right: 30px; margin-bottom: 33px;}
#con5 .bx .inner .list5 li:last-child{margin-right: 0;}

#con5 .bx .inner .last-bnr{text-align: center;}

#page-common .page-bx {
width: 1200px;
margin: 0 auto;
padding-bottom: 200px!important;
}

#ee {margin-top: 0;}

}



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

#con1 {
    margin-top: -0.483vw;
}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/company/sp-con1-bg.png) no-repeat top center; padding: 26vw 0 21vw; position: relative; z-index: -1; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.5; color: #fff; text-align: center; padding-left: 1.5vw;}

#all-bx {background: #F9F9F9; padding: 14vw 0 0;}

#con2 {}
#con2 .bx{width: 90%; margin: 0 auto 17vw;}
#con2 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center; margin-bottom: 8vw;}

#con2 .bx .inner{width: 100%; margin-right: auto; position: relative;}
#con2 .bx .inner .txt1{font-size: 3.4vw; letter-spacing:-0.02vw; line-height: 2;}
#con2 .bx .inner .txt1 .ss1{display: block; margin-bottom: 6.5vw;}
#con2 .bx .inner .txt1 .ss2{display: block; margin-bottom: 6.5vw;}
#con2 .bx .inner .txt1 .ss3{display: block; margin-bottom: 8.5vw;}
#con2 .bx .inner .img1{}

#con3 {}
#con3 .bx{width: 90%; margin: 0 auto 10vw;}
#con3 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center; margin-bottom: 6vw;}
#con3 .bx .inner{width: 91%; margin: 0 auto;}
#con3 .bx .inner table{}
#con3 .bx .inner tbody{}
#con3 .bx .inner tr{display: block; margin-bottom: 1vw; border-bottom: 1px solid #222123;}
#con3 .bx .inner th{display: block; width: 100%; font-size: 3.4vw; letter-spacing: 0; line-height: 1.6; font-weight: 500; text-align: left; padding: 2vw 0vw 1vw 0vw;}
#con3 .bx .inner td{display: block; width: 100%; font-size: 3.4vw; letter-spacing: 0; line-height: 1.6; font-weight: 400; text-align: left; padding: 2vw 0 2vw 3vw;}
#con3 .bx .inner td .ss1{line-height: 1.5; margin-bottom: -4vw; display: block;}
#con3 .bx .inner td .ss2{line-height: 1.5; margin-bottom: 2vw; display: block;}
#con3 .bx .inner td .ss3{line-height: 1.8; display: block;}
#con3 .bx .inner td .ss4{font-size: 3vw; line-height: 1.7; display: block;}

#con4 {}
#con4 .bx{width: 89%; margin: 0 auto 16vw;}
#con4 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0vw 3vw 0; text-align: center; margin-bottom: 9vw;}
#con4 .bx .inner{}
#con4 .bx .inner .flex-bx{margin-bottom: 6vw; 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; flex-direction: column-reverse;}
#con4 .bx .inner .flex-bx .l-bx{}
#con4 .bx .inner .flex-bx .l-bx .map{width: 100%; height: 48vw; margin: 0 auto;}
#con4 .bx .inner .flex-bx .l-bx .map iframe{width: 100%; height: 48vw; margin: 0 auto;}
#con4 .bx .inner .flex-bx .r-bx{}
#con4 .bx .inner .flex-bx .r-bx .img1{margin-bottom: 5vw;}

#con4 .bx .inner .txt1{font-size: 3.4vw; letter-spacing:-0.02vw; line-height: 2; margin-bottom: 5vw;}
#con4 .bx .inner .ttl2{font-size: 4.7vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: 500; margin-bottom: 2vw; text-align: center;}
#con4 .bx .inner .txt2{font-size: 3.35vw; letter-spacing: -0.02vw; line-height: 1.6; font-weight: 500; margin-bottom: 1vw; text-align: center;}


#con5 {}
#con5 .bx{width: 90%; margin: 0 auto;padding-bottom: 19vw;}
#con5 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center; margin-bottom: 7vw;}
#con5 .bx .inner{}
#con5 .bx .inner .ttl2{font-size: 5.4vw; letter-spacing: -0.4vw; line-height: 1.6; text-align: center; margin-bottom: 5vw;}
#con5 .bx .inner .list1{margin-bottom: 6vw; }
#con5 .bx .inner .list1 li{ margin: 0 auto 2vw;}
#con5 .bx .inner .list1 li:last-child{margin-bottom: 0;}

#con5 .bx .inner .ttl3{font-size: 5.4vw; letter-spacing: -0.4vw; line-height: 1.6; text-align: center; margin-bottom: 5vw;}
#con5 .bx .inner .list2{margin-bottom: 3vw; }
#con5 .bx .inner .list2 li{ margin: 0 auto 2vw;}
#con5 .bx .inner .list2 li:last-child{margin-bottom: 0;}

#con5 .bx .inner .list3{margin-bottom: 6vw; }
#con5 .bx .inner .list3 li{ margin: 0 auto 2vw;}
#con5 .bx .inner .list3 li:last-child{margin-bottom: 0;}

#con5 .bx .inner .ttl4{font-size: 5.4vw; letter-spacing: -0.4vw; line-height: 1.6; text-align: center; margin-bottom: 5vw;}
#con5 .bx .inner .list4{margin-bottom: 3vw; }
#con5 .bx .inner .list4 li{ margin: 0 auto 2vw;}
#con5 .bx .inner .list4 li:last-child{margin-bottom: 0;}

#con5 .bx .inner .list5{margin-bottom: 2vw; }
#con5 .bx .inner .list5 li{ margin: 0 auto 2vw;}
#con5 .bx .inner .list5 li:last-child{margin-bottom: 0;}

#con5 .bx .inner .last-bnr{text-align: center;}

#ee {margin-top: 0;}

}