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

#contents01 {width: 1100px;position: relative;margin: 0 auto 50px;z-index: 5;}
#contents01::before{width: 801px;height: 399px;/* opacity: 0.9; */content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: -43px;left: -410px;}
#contents01 .inner-Box {width: 1100px;box-shadow: 0 6px 36px rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 80px 0 0 80px;min-height: 490px;}
#contents01 .inner-Box h2{font-size: 35px;font-weight: 700;letter-spacing: 10.5px;margin-bottom: -19px;}
#contents01 .inner-Box span.en {display: block;margin-bottom: 52px;}
#contents01 .inner-Box figure{position: absolute;top: 71px;right: 80px;}
#contents01 .inner-Box p{font-size: 18px;letter-spacing: 0.9px;line-height: 34px;width: 440px;}

#contents02 {width: 1100px;position: relative;margin: 0 auto 50px;z-index: 4;}
#contents02::before{width: 801px;height: 399px;/* opacity: 0.9; */content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: -144px;right: -410px;}
#contents02 .inner-Box {width: 1100px;box-shadow: 0 6px 36px rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 88px 0 0 80px;min-height: 561px;}
#contents02 .inner-Box h2{font-size: 35px;font-weight: 700;letter-spacing: 10.5px;margin-bottom: -11px;line-height: 52px;}
#contents02 .inner-Box span.en {display: block;margin-bottom: 49px;}
#contents02 .inner-Box figure{position: absolute;top: 71px;right: 80px;}
#contents02 .inner-Box p{font-size: 18px;letter-spacing: 0.9px;line-height: 34px;width: 470px;}
#contents02 .inner-Box ul{margin-top: 15px;}
#contents02 .inner-Box ul li{ position: relative;  }
#contents02 .inner-Box ul li p{ padding-left: 34px; font-size: 18px; letter-spacing: 0.9px; }
#contents02 .inner-Box ul li span{position: absolute;top: 9px;left: 3px;line-height: 1;}

#contents03 {width: 1100px;position: relative;margin: 0 auto 161px;z-index: 3;}
#contents03::before{width: 801px;height: 399px;/* opacity: 0.9; */content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: -144px;left: -410px;}
#contents03 .inner-Box {width: 1100px;box-shadow: 0 6px 36px rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 78px 0 0 80px;min-height: 559px;}
#contents03 .inner-Box h2{font-size: 35px;font-weight: 700;letter-spacing: 10.5px;margin-bottom: -7px;line-height: 52px;}
#contents03 .inner-Box h2 span{font-size: 22px;letter-spacing: 6.6px;display: block;margin-bottom: -6px;}
#contents03 .inner-Box span.en {display: block;margin-bottom: 47px;}
#contents03 .inner-Box figure{position: absolute;top: 71px;right: 80px;}
#contents03 .inner-Box p{font-size: 18px;letter-spacing: 0.9px;line-height: 34px;width: 440px;margin-bottom: 10px;}

#contents04 {background: url('../images/expertise/contents04-back.jpg')no-repeat top center;padding-top: 114px;margin-bottom: 149px;}
#contents04 .inner-Box { width: 1200px; margin: 0 auto; text-align: center; }
#contents04 .inner-Box h2{font-size: 45px;font-weight: 700;letter-spacing: 13.5px;line-height: 119px;padding-left: 10px;margin-bottom: 41px;}
#contents04 .inner-Box h2 span{display: block;font-size: 30px;letter-spacing: 9px;line-height: 1;margin-bottom: -10px;}
#contents04 .inner-Box figure{margin-bottom: 80px;}
#contents04 .inner-Box p.btn{margin-bottom: 137px;}
#contents04 .inner-Box p.btn img{  }
#contents04 .inner-Box h3 {margin-bottom: 39px;}
#contents04 .inner-Box h3 img{  }
#contents04 .inner-Box ul{ width: 1100px; margin: 0 auto; 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;}
#contents04 .inner-Box ul li {margin-right: 9px;}
#contents04 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents04 .inner-Box ul li img{  }


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

#contents01 {position: relative;margin: 0 auto -2.5vw;z-index: 5;padding: 8.3vw 4vw;}
#contents01::before{height: 33.5vw;width: 46vw;opacity: 0.9;content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: 0vw;left: 0vw;}
#contents01 .inner-Box {box-shadow: 0 0.8vw 30.8vw rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 7.5vw 5vw 8.4vw;}
#contents01 .inner-Box h2{font-size: 5.6vw;font-weight: 700;letter-spacing: 1.8vw;margin-bottom: -1.5vw;text-align: left;padding-left: 23.4vw;}
#contents01 .inner-Box span.en {display: block;margin-bottom: 6.8vw;text-align: center;line-height: 1;}
#contents01 .inner-Box span.en img{height: 2.46vw;}
#contents01 .inner-Box figure{margin-bottom: 4.5vw;}
#contents01 .inner-Box p{font-size: 3.6vw;letter-spacing: 0.2vw;line-height: 1.75;}

#contents02 {position: relative;margin: 0 auto;z-index: 4;padding: 0vw 4vw 0vw 4vw;}
#contents02::before{height: 33.5vw;width: 46vw;opacity: 0.9;content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: -14.5vw;right: 0vw;}
#contents02 .inner-Box {box-shadow: 0 0.8vw 30.8vw rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 8.5vw 5vw 8.4vw;}
#contents02 .inner-Box h2{font-size: 5.6vw;font-weight: 700;letter-spacing: 1.8vw;margin-bottom: -0.5vw;text-align: center;padding-left: 1.4vw;line-height: 1.4;}
#contents02 .inner-Box span.en {display: block;margin-bottom: 6.8vw;text-align: center;line-height: 1;}
#contents02 .inner-Box span.en img{height: 2.46vw;}
#contents02 .inner-Box figure{margin-bottom: 4.5vw;}
#contents02 .inner-Box p{font-size: 3.6vw;letter-spacing: 0.2vw;line-height: 1.75;}
#contents02 .inner-Box ul{margin-top: 2.0vw;}
#contents02 .inner-Box ul li{ position: relative;  }
#contents02 .inner-Box ul li p{padding-left: 6.4vw;font-size: 3.6vw;letter-spacing: 0.3vw;}
#contents02 .inner-Box ul li span{position: absolute;top: 0.1vw;left: 0.4vw;line-height: 1;width: 3vw;}

#contents03 {position: relative;margin: 0 auto -2.5vw;z-index: 3;padding: 5.7vw 4vw 20.3vw 4vw;}
#contents03::before{height: 33.5vw;width: 46vw;opacity: 0.9;content: "";background: url('../images/expertise/contents-back.jpg');position: absolute;top: -9vw;left: 0vw;}
#contents03 .inner-Box {box-shadow: 0 0.8vw 30.8vw rgba(204, 204, 204, 0.27);background: #ffffff;position: relative;padding: 8.5vw 5vw 8.4vw;}
#contents03 .inner-Box h2{font-size: 5.6vw;font-weight: 700;letter-spacing: 1.8vw;margin-bottom: -0.5vw;text-align: center;padding-left: 1.4vw;line-height: 1.5;}
#contents03 .inner-Box h2 span{ font-size: 3.6vw; display: block; }
#contents03 .inner-Box span.en {display: block;margin-bottom: 6.8vw;text-align: center;line-height: 1;}
#contents03 .inner-Box span.en img{height: 3.2vw;}
#contents03 .inner-Box figure{margin-bottom: 4.5vw;}
#contents03 .inner-Box p{font-size: 3.6vw;letter-spacing: 0.2vw;line-height: 1.75;}

#contents04 {background: url('../images/expertise/sp-contents04-back.jpg')no-repeat top center;background-size: 100% auto;padding-top: 14.9vw;margin-bottom: 41.4vw;}
#contents04 .inner-Box {  margin: 0 4vw; text-align: center; }
#contents04 .inner-Box h2{font-size: 6.9vw;font-weight: 700;letter-spacing: 2.7vw;line-height: 1.5;padding-left: 3.3vw;margin-bottom: 5.3vw;font-feature-settings: "palt";}
#contents04 .inner-Box h2 span{display: block;font-size: 4.6vw;letter-spacing: 2vw;line-height: 1;margin-bottom: 1.7vw;}
#contents04 .inner-Box figure{margin: 0 -4vw 12.5vw;}
#contents04 .inner-Box p.btn{margin: 0 7vw 21vw;}
#contents04 .inner-Box p.btn img{  }
#contents04 .inner-Box h3 {margin: 0 35vw 5.2vw;}
#contents04 .inner-Box h3 img{  }
#contents04 .inner-Box ul{margin: 0 7.5vw;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;}
#contents04 .inner-Box ul li {margin-bottom: 6.2vw;}
#contents04 .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }
#contents04 .inner-Box ul li img{  }


}