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

#contentsmain {margin: 0 auto;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat bottom center;padding: 96px 0 740px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2.f_m {margin-bottom: 19px;position: relative;color: #1A1A1A;text-align: center;font-size: 48px;font-weight: 400;letter-spacing: 0.1em;line-height: 1.6;}
#contentsmain .inner-Box p.text {margin-bottom: 30px;position: relative;color: #1A1A1A;text-align: center;font-size: 22px;font-weight: 400;letter-spacing: 0.05em;line-height: 1.8;}

#contents01 {margin: 0 auto 160px;position: relative;background: url('../images/company/contents01-back01.png')no-repeat bottom center #F5F5F5;padding: 150px 0 637px;}
#contents01 .inner-Box1 {margin: 0 auto 48px;position: relative;width: 1280px;padding: 84px 100px 104px 100px;background: #fff;}
#contents01 .inner-Box1 h2.f_m {margin-bottom: 43px;position: relative;color: #1A1A1A;font-size: 24px;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;}
#contents01 .inner-Box1 h2.f_m span {color: #1A1A1A;font-size: 80px;font-weight: 600;letter-spacing: 0.05em;line-height: 1;display: block;}
#contents01 .inner-Box1 table.tblls {color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.01em;line-height: 2;width: 100%;}
#contents01 .inner-Box1 table th {  }
#contents01 .inner-Box1 table td {  }
#contents01 .inner-Box1 table th {background: #fff;padding: 20px 30px;text-align: left;width: 243px;}
#contents01 .inner-Box1 table tr:nth-child(odd) th { background: #F5F5F5; }
#contents01 .inner-Box1 table td {background: #fff;padding: 20px 30px;}
#contents01 .inner-Box1 table tr:nth-child(odd) td { background: #F5F5F5; }
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1280px;padding: 84px 100px;background: #fff;}
#contents01 .inner-Box2 h2.f_m {margin-bottom: 33px;position: relative;color: #1A1A1A;font-size: 24px;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;}
#contents01 .inner-Box2 h2.f_m span {color: #1A1A1A;font-size: 80px;font-weight: 600;letter-spacing: 0.05em;line-height: 1;display: block;}
#contents01 .inner-Box2 p.text {margin-bottom: 25px;position: relative;color: #1A1A1A;font-size: 15px;font-weight: 400;letter-spacing: 0.01em;line-height: 1.6;}
#contents01 .inner-Box2 iframe{height: 380px;width: 100%;}

#contents-bottom {margin: 0 auto;position: relative;background: url(../images/company/contents02-back01.png)no-repeat top 40px right;}
#contents-bottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents-bottom .inner-Box h2.f_m {margin-bottom: 74px;position: relative;color: #1A1A1A;font-size: 24px;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;}
#contents-bottom .inner-Box h2.f_m span {color: #1A1A1A;font-size: 80px;font-weight: 600;letter-spacing: 0.05em;line-height: 1;display: block;}
#contents-bottom .inBox {margin: 0 auto;position: relative;margin-bottom: 60px;}
#contents-bottom .inBox h3 {margin-bottom: 37px;position: relative;color: #1A1A1A;font-size: 20px;font-weight: 400;letter-spacing: 0.1em;line-height: 1;border-bottom: 1px solid #333;}
#contents-bottom .inBox h3 span {display: inline-block;background: #fff;position: relative;top: 10px;padding: 0 30px 0 0;}
#contents-bottom .inBox 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;}
#contents-bottom .inBox ul li {margin-right: 29px;margin-bottom: 29px;}
#contents-bottom .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents-bottom .inBox ul li.fnoen{margin-right: 0;}
#contents-bottom .inBox ul li a {  }
#contents-bottom .inBox ul li a:hover {  }
#contents-bottom .inBox ul li.forc{margin-right: 9px;}
#contents-bottom .inBox ul li.forcls{ margin-right: 0;}


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

#contentsmain {position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat bottom center;padding: 13.49vw 0 63.7vw;background-size: 100% auto;}
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box h2.f_m {margin-bottom: 3.19vw;position: relative;color: #1A1A1A;text-align: center;font-size: 5.31vw;font-weight: 400;letter-spacing: 0.1em;line-height: 1.6;}
#contentsmain .inner-Box p.text {margin-bottom: 7.25vw;position: relative;color: #1A1A1A;text-align: center;font-size: 3.38vw;font-weight: 400;letter-spacing: 0.05em;line-height: 1.8;}

#contents01 {margin: 0 auto 22.65vw;position: relative;background: url('../images/company/sp-contents01-back01.png')no-repeat bottom center #F5F5F5;padding: 9.63vw 5vw 67vw;background-size: 100% auto;}
#contents01 .inner-Box1 {margin: 0 auto 4.59vw;position: relative;padding: 12.9vw 1.2vw 10vw;background: #fff;}
#contents01 .inner-Box1 h2.f_m {margin-bottom: 3.19vw;position: relative;color: #1A1A1A;font-size: 4.83vw;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;margin-left: 3.1vw;}
#contents01 .inner-Box1 h2.f_m span {display: block;color: #1A1A1A;font-size: 9.18vw;font-weight: 600;letter-spacing: 0.05em;line-height: 1;}
#contents01 .inner-Box1 table.tblls {color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0.01em;line-height: 2;width: 100%;}
#contents01 .inner-Box1 table th {  }
#contents01 .inner-Box1 table td {  }
#contents01 .inner-Box1 table th {background: #fff;padding: 2.53vw 3.35vw;text-align: left;width: 28.9vw;}
#contents01 .inner-Box1 table tr:nth-child(odd) th { background: #F5F5F5; }
#contents01 .inner-Box1 table td {background: #fff;padding: 2.53vw 3.35vw;}
#contents01 .inner-Box1 table tr:nth-child(odd) td { background: #F5F5F5; }
#contents01 .inner-Box2 {position: relative;padding: 12.9vw 1.2vw 0vw;background: #fff;}
#contents01 .inner-Box2 h2.f_m {margin-bottom: 4.29vw;position: relative;color: #1A1A1A;font-size: 4.83vw;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;margin-left: 3.1vw;}
#contents01 .inner-Box2 h2.f_m span {display: block;color: #1A1A1A;font-size: 9.18vw;font-weight: 600;letter-spacing: 0.05em;line-height: 1;}
#contents01 .inner-Box2 p.text {margin-bottom: 3.04vw;position: relative;color: #1A1A1A;font-size: 3.62vw;font-weight: 400;letter-spacing: 0.01em;line-height: 1.6;margin-left: 3.4vw;}
#contents01 .inner-Box2 iframe{height: 51.79vw;width: 100%;}

#contents-bottom {position: relative;background: url(../images/company/sp-contents02-back01.png)no-repeat top right #F7F7F7;background-size: 100% auto;}
#contents-bottom .inner-Box {position: relative;margin: 0 4.7vw;}
#contents-bottom .inner-Box h2.f_m {margin-bottom: 7.19vw;position: relative;color: #1A1A1A;font-size: 4.83vw;font-weight: 400;letter-spacing: 0.1em;line-height: 2.4;}
#contents-bottom .inner-Box h2.f_m span {display: block;color: #1A1A1A;font-size: 9.18vw;font-weight: 600;letter-spacing: 0.05em;line-height: 1;}
#contents-bottom .inBox {position: relative;margin-bottom: 8.59vw;}
#contents-bottom .inBox h3 {margin-bottom: 8.94vw;position: relative;color: #1A1A1A;font-size: 4.83vw;font-weight: 400;letter-spacing: 0.1em;line-height: 1;border-bottom: 0.24vw solid #333;}
#contents-bottom .inBox h3 span {display: inline-block;background: #F7F7F7;position: relative;top: 2.42vw;padding: 0 7.25vw 0 0;}
#contents-bottom .inBox h3 span.bgwh{background: #fff; }

#contents-bottom .inBox 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;}
#contents-bottom .inBox ul li {margin-bottom: 2.3vw;}
#contents-bottom .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents-bottom .inBox ul li.fnoen{margin-right: 0;}
#contents-bottom .inBox ul li a {  }
#contents-bottom .inBox ul li a:hover {  }
#contents-bottom .inBox ul li.forc{margin-right: 2.17vw;}
#contents-bottom .inBox ul li.forcls{ margin-right: 0;}

}