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

#contentsmain {margin: 0 auto 79px;position: relative;text-align: center;padding: 40px 0 0;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 49px;position: relative;}
#contentsmain .inner-Box h2::before{content: "";background: #DFAE64;width: 50px;height: 1px;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box h3.f-min {font-size: 36px;line-height: 65px;font-weight: 400;letter-spacing: 0.36px;margin-bottom: 20px;position: relative;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto;position: relative;background: #F5F5F5;text-align: center;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 66px 0 77px;}
#contents01 .inner-Box h2 {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 25px;position: relative;padding-right: 20px;}
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box iframe{width: 800px;height: 449px;margin-bottom: 42px;}

#contents02 {margin: 0 auto 160px;position: relative;background: url('../images/company/contents02-back01.png')repeat top center;padding: 198px 0 90px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 840px;}
#contents02 .inner-Box h2 {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 70px;position: relative;text-align: center;}
#contents02 .inner-Box h2::before{content: "";background: #DFAE64;width: 50px;height: 1px;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
#contents02 .inner-Box table{  }
#contents02 .inner-Box table th {text-align: left;padding: 19px 30px 22px 30px;border-bottom: #65A8D2 1px solid;line-height: 1.88;width: 226px;}
#contents02 .inner-Box table td {border-bottom: #9F9F9F 1px solid;padding: 19px 30px 22px 30px;letter-spacing: 0;line-height: 1.88;}

#contents02 .inner-Box table .nob th{ border-bottom: none;}
#contents02 .inner-Box table .nob td{ border-bottom: none;}

#contents03 {margin: 0 auto 158px;position: relative;}
#contents03 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents03 .inner-Box h2 {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 70px;position: relative;text-align: center;}
#contents03 .inner-Box h2::before{content: "";background: #DFAE64;width: 50px;height: 1px;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0px; margin-bottom: 30px; position: relative; }
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents03 .inner-Box figure.img img{  }

#contents04 {margin: 0 auto 150px;position: relative;background: url('../images/company/contents04-back01.png')no-repeat top center;padding: 158px 0 0;}
#contents04 h2 {font-size: 32px;line-height: 1.68;font-weight: 400;letter-spacing: 3.2px;margin-bottom: 70px;position: relative;text-align: center;}
#contents04 h2::before{content: "";background: #DFAE64;width: 50px;height: 1px;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
#contents04 .inner-Box1 {margin: 0 auto 80px;position: relative;width: 1100px;}
#contents04 .inner-Box1 .inBox {margin: 0 auto;position: relative;height: 426px;}
#contents04 .inner-Box1 .inBox h3 {font-size: 27px;line-height: 1.68;font-weight: 400;letter-spacing: 2.7px;margin-bottom: 22px;position: relative;}
#contents04 .inner-Box1 .inBox figure.photo {position: absolute;top: 0;right: 0;}
#contents04 .inner-Box1 .inBox figure.photo img{  }
#contents04 .inner-Box1 .inBox figure.img {position: absolute;top: 281px;left: 0;}
#contents04 .inner-Box1 .inBox figure.img img{  }
#contents04 .inner-Box1 .inBox table{  }
#contents04 .inner-Box1 .inBox table th {text-align: left;width: 81px;padding-bottom: 5px;}
#contents04 .inner-Box1 .inBox table td {  }
#contents04 .inner-Box1 iframe{ width: 1100px; height: 382px; }

#contents04 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contents04 .inner-Box2 .inBox {margin: 0 auto;position: relative;height: 426px;}
#contents04 .inner-Box2 .inBox h3 {font-size: 27px;line-height: 1.68;font-weight: 400;letter-spacing: 2.7px;margin-bottom: 22px;position: relative;}
#contents04 .inner-Box2 .inBox figure.photo {position: absolute;top: 0;right: 0;}
#contents04 .inner-Box2 .inBox figure.photo img{  }
#contents04 .inner-Box2 .inBox figure.img {position: absolute;top: 281px;left: 0;}
#contents04 .inner-Box2 .inBox figure.img img{  }
#contents04 .inner-Box2 .inBox table{  }
#contents04 .inner-Box2 .inBox table th {text-align: left;width: 81px;padding-bottom: 5px;}
#contents04 .inner-Box2 .inBox table td {  }
#contents04 .inner-Box2 iframe{ width: 1100px; height: 382px; }



#contentsbottom {margin: 0 auto 155px;position: relative;background: #F5F5F5;padding: 130px 0 70px;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 28px;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {width: 347px;margin-right: 29px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {}
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box h3{font-size: 18px;text-align: center;letter-spacing: 0px;font-weight: 400;padding: 21px 0 0;margin-bottom: -7px;}
#contentsbottom .inner-Box p.litext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding-top: 17px;}


}

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

#contentsmain {margin: 0 auto 19.08vw;position: relative;text-align: center;padding: 12.66vw 0 0;}
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box h2 {font-size: 6.28vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.77vw;margin-bottom: 8.84vw;position: relative;}
#contentsmain .inner-Box h2::before{content: "";background: #DFAE64;width: 10.08vw;height: 0.24vw;position: absolute;bottom: -4.8vw;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box h3.f-min {font-size: 6.76vw;line-height: 12.9vw;font-weight: 400;letter-spacing: 0.09vw;margin-bottom: 4.83vw;position: relative;}
#contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4.2vw -2.75vw;position: relative;text-align: left;}

#contents01 {position: relative;background: #F5F5F5;text-align: center;}
#contents01 .inner-Box {position: relative;padding: 9.74vw 0 8.6vw;}
#contents01 .inner-Box h2 {font-size: 7.73vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.77vw;margin: 0 15.7vw 7.04vw 13.7vw;position: relative;}
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 7.9vw 7.25vw;position: relative;text-align: left;}
#contents01 .inner-Box iframe{height: 47vw;margin-bottom: 2.94vw;width: 84vw;}

#contents02 {margin: 0 auto 15.65vw;position: relative;background: url('../images/company/contents02-back01.png')repeat top center;padding: 16.23vw 0 21.74vw;background-size: 100% auto;}
#contents02 .inner-Box {margin: 0 8.3vw;position: relative;}
#contents02 .inner-Box h2 {font-size: 6.28vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.63vw;margin-bottom: 9.91vw;position: relative;text-align: center;}
#contents02 .inner-Box h2::before{content: "";background: #DFAE64;width: 10.38vw;height: 0.24vw;position: absolute;bottom: -5.3vw;left: 50%;transform: translateX(-50%);}
#contents02 .inner-Box table{font-size: 3.86vw;}
#contents02 .inner-Box table th {text-align: left;padding: 3.91vw 0vw;border-bottom: #65A8D2 0.24vw solid;line-height: 1.88;display: block;width: 100%;}
#contents02 .inner-Box table td {border-bottom: #9F9F9F 0.24vw solid;padding: 3.69vw 0vw 4.31vw;letter-spacing: 0;line-height: 1.88;display: block;width: 100%;}

#contents02 .inner-Box table .nob th{ border-bottom: none;}
#contents02 .inner-Box table .nob td{ border-bottom: none;}

#contents03 {margin: 0 auto 24.46vw;position: relative;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
#contents03 .inner-Box h2 {font-size: 6.33vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.57vw;margin-bottom: 11.84vw;position: relative;}
#contents03 .inner-Box h2::before{content: "";background: #DFAE64;width: 10.08vw;height: 0.24vw;position: absolute;bottom: -5.3vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 4.05vw;position: relative;text-align: left;}
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 4vw;}
#contents03 .inner-Box figure.img img{  }

#contents04 {margin: 0 auto 22.23vw;position: relative;background: url('../images/company/contents04-back01.png')no-repeat top center;padding: 16.46vw 0 0;background-size: 100% auto;}
#contents04 h2 {font-size: 6.28vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.77vw;margin-bottom: 13.94vw;position: relative;text-align: center;}
#contents04 h2::before{content: "";background: #DFAE64;width: 9.08vw;height: 0.24vw;position: absolute;bottom: -4.9vw;left: 50%;transform: translateX(-50%);}
#contents04 .inner-Box1 {margin: 0 8vw 12.92vw;position: relative;}
#contents04 .inner-Box1 .inBox {position: relative;}
#contents04 .inner-Box1 .inBox h3 {font-size: 5.31vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.65vw;margin-bottom: 3.31vw;position: relative;}
#contents04 .inner-Box1 .inBox figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.4vw;}
#contents04 .inner-Box1 .inBox figure.photo img{  }
#contents04 .inner-Box1 .inBox figure.img {position: relative;left: 0;display: none;}
#contents04 .inner-Box1 .inBox figure.img img{  }
#contents04 .inner-Box1 .inBox table{font-size: 3.86vw;margin-bottom: 7.7vw;}
#contents04 .inner-Box1 .inBox table th {text-align: left;padding-bottom: 1.21vw;width: 19.8vw;}
#contents04 .inner-Box1 .inBox table td {  }
#contents04 .inner-Box1 iframe{height: 72.27vw;width: 100%;}

#contents04 .inner-Box2 {margin: 0 8vw 19.32vw;position: relative;}
#contents04 .inner-Box2 .inBox {position: relative;}
#contents04 .inner-Box2 .inBox h3 {font-size: 5.31vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.65vw;margin-bottom: 3.31vw;position: relative;}
#contents04 .inner-Box2 .inBox figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.4vw;}
#contents04 .inner-Box2 .inBox figure.photo img{  }
#contents04 .inner-Box2 .inBox figure.img {position: relative;left: 0;display: none;}
#contents04 .inner-Box2 .inBox figure.img img{  }
#contents04 .inner-Box2 .inBox table{font-size: 3.86vw;margin-bottom: 7.7vw;}
#contents04 .inner-Box2 .inBox table th {text-align: left;padding-bottom: 1.21vw;width: 19.8vw;}
#contents04 .inner-Box2 .inBox table td {  }
#contents04 .inner-Box2 iframe{height: 72.27vw;width: 100%;}


#contentsbottom {margin: 0 auto 24.44vw;position: relative;background: #F5F5F5;padding: 19.2vw 0 8.15vw;}
#contentsbottom .inner-Box {margin: 0 8vw;position: relative;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {margin-bottom: 4vw;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {}
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;padding-top: 2.51vw;}
#contentsbottom .inner-Box h3{font-size: 4.35vw;text-align: center;letter-spacing: 0.0vw;font-weight: 400;padding: 5.07vw 0 0;margin-bottom: 0vw;}

}