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

#contentsmain { background: url('../images/company/main-back.jpg')no-repeat bottom center; text-align: center; margin-bottom: -80px;}
#contentsmain .inner-Box {  padding-bottom: 155px;}
#contentsmain .inner-Box h2 {  position: relative;top: -6px;}
#contentsmain .inner-Box h2 img{  }

#contents01 { width: 1100px; margin: 0 auto; background: #fff; border-radius: 40px; }
#contents01 .inner-Box {  padding: 68px 48px 107px;}
#contents01 .inner-Box span.subttl {  display: block;text-align: center;margin-bottom: 13px;}
#contents01 .inner-Box h2{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;text-align: center;margin-bottom: 19px;}
#contents01 .inner-Box table{ width: 100%; }
#contents01 .inner-Box table th { padding: 26px 40px; font-size: 16px; letter-spacing: 0.8px; font-weight: 700; width: 250px; background: #f4efe7; border: 1px solid #fff; text-align: left;}
#contents01 .inner-Box table td { padding: 27px 40px; font-size: 16px; letter-spacing: 0.8px; }

#contents02 { width: 1000px; margin: 0 auto 100px; }
#contents02 .inner-Box { position: relative; }
#contents02 .inner-Box span.subttl { display: block;text-align: center;margin-bottom: 13px; }
#contents02 .inner-Box h2{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;text-align: center;margin-bottom: 35px;position: relative;}
#contents02 .inner-Box h2::before{ content: ""; width: 60px; height: 4px; background-color: #6bc2b7; display: block;position: absolute;bottom: -18px;left: 50%;margin-left: -30px;}
#contents02 .inner-Box p.text { text-align: center;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 26px;}
#contents02 .inner-Box p.text span.wf{ font-weight: bold; }
#contents02 .inner-Box span.icon { position: absolute; top: 109px; right: -39px; }
#contents02 .inner-Box iframe{ width: 1000px; height: 500px; }

#contents03 { width: 1140px; margin: 0 auto 80px; }
#contents03 .inner-Box {  }
#contents03 .inner-Box span.subttl { display: block;text-align: center;margin-bottom: 13px; }
#contents03 .inner-Box h2{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;text-align: center;margin-bottom: 47px;position: relative;}
#contents03 .inner-Box h2::before{ content: ""; width: 60px; height: 4px; background-color: #6bc2b7; display: block;position: absolute;bottom: -18px;left: 50%;margin-left: -30px;}
#contents03 .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;}
#contents03 .inner-Box ul li { margin-right: 30px; text-align: center; margin-bottom: 37px;}
#contents03 .inner-Box ul li:nth-child(3){ margin-right: 0px; }
#contents03 .inner-Box ul li:nth-child(6){ margin-right: 0px; }
#contents03 .inner-Box ul li:nth-child(7){ margin-left: 195px; }
#contents03 .inner-Box ul li:nth-child(11){ margin-right: 0px; }
#contents03 .inner-Box ul li:nth-child(12){ margin-left: 195px; }
#contents03 .inner-Box ul li:nth-child(14){ margin-left: 195px; }

#contents03 .inner-Box ul li img{  margin-bottom: 15px;}
#contents03 .inner-Box ul li p{ font-size: 16px; font-weight: 700; letter-spacing: 0.8px; }

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

#contentsmain {  text-align: center; margin-bottom: -10.4vw;}
#contentsmain .inner-Box {  }
#contentsmain .inner-Box h2 {  position: relative;top: -0.8vw;}
#contentsmain .inner-Box h2 img{  }

#contents01 {  margin: 0 4vw; background: #fff; border-radius: 5.2vw; position: relative;}
#contents01 .inner-Box {  padding: 8.9vw 2.3vw 14.0vw;}
#contents01 .inner-Box span.subttl {  display: block;text-align: center;margin: 0 auto 1.7vw;width: 35vw;}
#contents01 .inner-Box h2{  font-size: 5.6vw;font-weight: 700;letter-spacing: 0.3vw;text-align: center;margin-bottom: 2.5vw;}
#contents01 .inner-Box table{ width: 100%; }
#contents01 .inner-Box table th { padding: 3vw; font-size: 3.8vw; letter-spacing: 0.3vw; font-weight: 700;  background: #f4efe7; border: 0.1vw solid #fff; text-align: left;display: block;}
#contents01 .inner-Box table td { padding: 3.5vw 5.2vw; font-size: 3.6vw; letter-spacing: 0.3vw; display: block;}

#contents02 {  margin: 0 4vw 13.0vw; }
#contents02 .inner-Box { position: relative; }
#contents02 .inner-Box span.subttl {  display: block;text-align: center;margin: 0 auto 1.7vw;width: 35vw;}
#contents02 .inner-Box h2{ position: relative; font-size: 5.6vw;font-weight: 700;letter-spacing: 0.3vw;text-align: center;margin-bottom: 2.5vw;}
#contents02 .inner-Box h2::before{ width: 10vw; content: "";  height: 0.5vw; background-color: #6bc2b7; display: block;position: absolute;bottom: -1vw;left: 50%;margin-left: -3.9vw;}
#contents02 .inner-Box p.text { text-align: center;font-size: 3.6vw;letter-spacing: 0.3vw;margin-bottom: 4.8vw;}
#contents02 .inner-Box p.text span.wf{ font-weight: bold; }
#contents02 .inner-Box span.icon {position: absolute;top: -0.8vw;left: -0.1vw;width: 20vw;}
#contents02 .inner-Box iframe{ width: 100%; height: 75.2vw; }

#contents03 {  margin: 0 auto 10.4vw; }
#contents03 .inner-Box {  }
#contents03 .inner-Box span.subttl {  display: block;text-align: center;margin: 0 auto 1.7vw;width: 35vw;}
#contents03 .inner-Box h2{ position: relative; font-size: 5.6vw;font-weight: 700;letter-spacing: 0.3vw;text-align: center;margin-bottom: 12.5vw;}
#contents03 .inner-Box h2::before{ width: 10vw; content: "";  height: 0.5vw; background-color: #6bc2b7; display: block;position: absolute;bottom: -1vw;left: 50%;margin-left: -3.9vw;}
#contents03 .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;margin: 0 14vw;}
#contents03 .inner-Box ul li { margin-bottom: 3.9vw; text-align: center; margin-bottom: 4.8vw;}

#contents03 .inner-Box ul li img{  margin-bottom: 2.0vw;}
#contents03 .inner-Box ul li p{ font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; }

}