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

.main-title{ background: url(../images/service/h1.png)no-repeat top right;}

#contentsmain {margin: 0 auto -341px;position: relative;background: url('../images/service/contentsmain-back01.png')no-repeat top 0 center;padding: 68px 0 389px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {margin-bottom: 93px;}
#contentsmain .inner-Box h2 img{position: relative;left: 50%;transform: translateX(-50%);}
#contentsmain .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;max-width: 1480px;width: 100%;min-width: 1280px;margin: 0 auto;padding: 0 40px;}
#contentsmain .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contentsmain .inner-Box ul li {position: relative;width: 31.4%;margin-right: 2.9%;margin-bottom: 43px;}
#contentsmain .inner-Box ul li a{  }
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -57px;left: -31px;z-index: 3;}
#contentsmain .inner-Box figure.img { position: relative;}
#contentsmain .inner-Box figure.img img{ width: 100%; height: auto;}
#contentsmain .inner-Box p.lit {font-size: 30px;line-height: 50px;font-weight: 500;letter-spacing: 2.7px;margin-bottom: 30px;position: absolute;left: 0;width: 100%;text-align: center;top: 30%;text-decoration: underline;}
#contentsmain .inner-Box ul li:nth-child(4) p.lit{top: 61px;}

#contents01 {margin: 0 auto -157px;position: relative;width: 100%;max-width: 1600px;background: #191919;padding: 100px 100px;}
#contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1200px;border-bottom: #CFCFCF 1px solid;padding-bottom: 71px;padding: 0 20px;}
#contents01 .inner-Box1 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-bottom: 49px;}
#contents01 .inner-Box1 ul li{position: relative;width: 100%;margin-right: 2.9%;}
#contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0px; }
#contents01 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 527px;left: 0;}
#contents01 .inner-Box1 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 533px;left: 178px;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 51px 559px;}
#contents01 .inner-Box1 .inBox {margin: 0 auto 53px;position: relative;width: 1200px;background: #292929;padding: 26px 90px 2px 506px;}
#contents01 .inner-Box1 .inBox figure.aniimg {position: absolute;top: -30px;left: -99px;}
#contents01 .inner-Box1 .inBox h3{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 30px;position: absolute;top: 56px;left: 130px;}
#contents01 .inner-Box1 .inBox h3::before{content: "";background: #00B7FF;width: 1px;height: 85px;position: absolute;right: -56px;bottom: -24px;}
#contents01 .inner-Box1 .inBox p.text2 {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 25px;}

#contents01 .inner-Box2 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1200px;border-bottom: #CFCFCF 1px solid;padding-bottom: 71px;}
#contents01 .inner-Box2 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-bottom: 49px;}
#contents01 .inner-Box2 ul li{position: relative;width: 100%;margin-right: 2.9%;}
#contents01 .inner-Box2 ul li:nth-child(3n){ margin-right: 0px; }
#contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
#contents01 .inner-Box2 figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 522px;left: 0;}
#contents01 .inner-Box2 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 533px;left: 178px;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px -14px 614px;}
#contents01 .inner-Box2 figure.aniimg {position: absolute;bottom: -27px;left: 15px;}
#contents01 .inner-Box2 .inBox {margin: 0 auto;position: relative;width: 1200px;background: #292929;padding: 26px 90px 2px 506px;}
#contents01 .inner-Box2 .inBox h3{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 30px;position: absolute;top: 56px;left: 130px;}
#contents01 .inner-Box2 .inBox h3::before{content: "";background: #00B7FF;width: 1px;height: 85px;position: absolute;right: -56px;bottom: -24px;}
#contents01 .inner-Box2 .inBox p.text2 {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 25px;}

#contents01 .inner-Box3 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 71px;padding-top: 20px;}
#contents01 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: 17px;left: 0;}
#contents01 .inner-Box3 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents01 .inner-Box3 h2 span{  }
#contents01 .inner-Box3 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents01 .inner-Box3 figure.aniimg {position: absolute;bottom: -63px;left: 0px;}

#contents01 .inner-Box4 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 34px;padding-top: 20px;}
#contents01 .inner-Box4 span.no {display: block;line-height: 1;position: absolute;top: 20px;left: 0;}
#contents01 .inner-Box4 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents01 .inner-Box4 h2 span{  }
#contents01 .inner-Box4 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents01 .inner-Box4 figure.aniimg {position: absolute;bottom: -33px;left: 0px;}

#contents01 .inner-Box5 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 34px;padding-top: 20px;}
#contents01 .inner-Box5 span.no {display: block;line-height: 1;position: absolute;top: 16px;left: 0;}
#contents01 .inner-Box5 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents01 .inner-Box5 h2 span{  }
#contents01 .inner-Box5 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents01 .inner-Box5 figure.aniimg {position: absolute;bottom: -19px;left: 11px;}

#contents01 .inner-Box6 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 26px;padding-top: 20px;}
#contents01 .inner-Box6 span.no {display: block;line-height: 1;position: absolute;top: 17px;left: 0;}
#contents01 .inner-Box6 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents01 .inner-Box6 h2 span{  }
#contents01 .inner-Box6 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents01 .inner-Box6 figure.aniimg {position: absolute;bottom: -41px;left: 19px;z-index: 10;}




#contents02 .back{margin: 0 auto -157px;position: relative;width: 1600px;background: #191919;padding: 100px 100px;}
#contents02 {margin: 0 auto -341px;position: relative;background: url('../images/service/contents02-back01.png')no-repeat top 0px center;padding: 193px 0 231px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 111px;}
#contents02 .inner-Box h2 img{position: relative;left: 50%;transform: translateX(-50%);}
#contents02 .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;max-width: 1480px;width: 100%;min-width: 1280px;margin: 0 auto 50px;padding: 0 40px;}
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents02 .inner-Box ul li {position: relative;width: 31.4%;margin-right: 2.9%;margin-bottom: 43px;}
#contents02 .inner-Box ul li a{  }
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -57px;left: -31px;z-index: 3;}
#contents02 .inner-Box figure.img { position: relative;}
#contents02 .inner-Box figure.img img{ width: 100%; height: auto;}
#contents02 .inner-Box p.lit {font-size: 30px;line-height: 50px;font-weight: 500;letter-spacing: 2.7px;margin-bottom: 30px;position: absolute;left: 0;width: 100%;text-align: center;top: 27%;text-decoration: underline;}
#contents02 .inner-Box ul li:nth-child(3n) p.lit {text-decoration: none;top: 32px;}
#contents02 .inner-Box p.lit span.min{display: block;text-decoration: none;font-size: 18px;}
#contents02 .inner-Box p.lit span.undter{text-decoration: underline;}


#contents02 {}
#contents02 .inner-Box1 {margin: 0 auto 59px;position: relative;max-width: 1440px;width: 100%;min-width: 1200px;border-bottom: #CFCFCF 1px solid;padding-bottom: 71px;}
#contents02 .inner-Box1 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-bottom: 49px;}
#contents02 .inner-Box1 ul li{position: relative;width: 100%;margin-right: 2.9%;}
#contents02 .inner-Box1 ul li:nth-child(3n){ margin-right: 0px; }
#contents02 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
#contents02 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents02 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 526px;left: 0;}
#contents02 .inner-Box1 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 533px;left: 178px;}
#contents02 .inner-Box1 h2 span{  }
#contents02 .inner-Box1 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px -16px 613px;}
#contents02 .inner-Box1 figure.aniimg {position: absolute;bottom: -40px;left: -10px;width: 10vw;}

#contents02 .inner-Box2 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 36px;padding-top: 20px;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 18px;left: 0;}
#contents02 .inner-Box2 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents02 .inner-Box2 h2 span{  }
#contents02 .inner-Box2 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents02 .inner-Box2 figure.aniimg {position: absolute;bottom: -18px;left: 19px;}

#contents02 .inner-Box3 {margin: 0 auto 60px;position: relative;max-width: 1440px;width: 100%;min-width: 1280px;border-bottom: #CFCFCF 1px solid;padding-bottom: 33px;padding-top: 20px;}
#contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: 14px;left: 0;}
#contents02 .inner-Box3 h2{font-size: 36px;line-height: 56px;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 30px;position: absolute;top: 25px;left: 178px;}
#contents02 .inner-Box3 h2 span{font-size: 18px;display: block;letter-spacing: 1.62px;position: relative;left: 4px;top: 2px;}
#contents02 .inner-Box3 p.text1 {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin: 0 101px 22px 614px;}
#contents02 .inner-Box3 figure.aniimg {position: absolute;bottom: -14px;left: 18px;}

#contents02 .inner-Box4 {margin: 0 auto;position: relative;text-align: center;padding: 41px 0 0px;z-index: 3;}
#contents02 .inner-Box4 h3{font-size: 38px;line-height: 1.6;font-weight: 700;letter-spacing: 3.04px;margin-bottom: 30px;}
#contents02 .inner-Box4 h3 span{display: block;font-size: 34px;letter-spacing: 7.82px;margin-bottom: 17px;z-index: 3;position: relative;}

}






@media screen and (min-width:768px) and (max-width:1500px) {
#contentsmain {margin: 0 auto -22.73vw; position: relative; background: url('../images/service/contentsmain-back01.png') no-repeat top 0 center; padding: 4.53vw 0 25.93vw;}
#contentsmain .inner-Box {margin: 0 auto; position: relative;}
#contentsmain .inner-Box h2 {margin-bottom: 6.2vw;}
#contentsmain .inner-Box h2 img {position: relative; left: 50%; transform: translateX(-50%);}
#contentsmain .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; max-width: 98.67vw; width: 100%; min-width: 85.33vw; margin: 0 auto; padding: 0 2.67vw;}
#contentsmain .inner-Box ul li:nth-child(3n) {margin-right: 0;}
#contentsmain .inner-Box ul li {position: relative; width: 31.4%; margin-right: 2.9%; margin-bottom: 2.87vw;}
#contentsmain .inner-Box ul li a { }
#contentsmain .inner-Box span.icon {display: block; line-height: 1; position: absolute; top: -3.8vw; left: -2.07vw; z-index: 3;}
#contentsmain .inner-Box figure.img {position: relative;}
#contentsmain .inner-Box figure.img img {width: 100%; height: auto;}
#contentsmain .inner-Box p.lit {font-size: 2vw;line-height: 3.33vw;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 2vw;position: absolute;left: 0;width: 100%;text-align: center;top: 5vw;text-decoration: underline;}
#contentsmain .inner-Box ul li:nth-child(4) p.lit {top: 3.6vw;}
}
  

@media screen and (min-width:768px) and (max-width:1700px) {
  #contents01 {margin: 0 auto -8.24vw;position: relative;width: 100%;max-width: 94.12vw;background: #191919;padding: 5.88vw 5.88vw;}
  #contents01 img{width: 100%;}
  #contents01 .inner-Box1 {margin: 0 auto 3.53vw; position: relative; max-width: 84.71vw; width: 100%; min-width: 70.59vw; border-bottom: #CFCFCF 1px solid; padding-bottom: 4.18vw; padding: 0 1.18vw;}
  #contents01 .inner-Box1 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-bottom: 2.88vw;}
  #contents01 .inner-Box1 ul li {position: relative;width: 100%;margin-right: 2.9%;}
  #contents01 .inner-Box1 ul li:nth-child(3n) {margin-right: 0;}
  #contents01 .inner-Box1 figure.photo {position: relative; top: 0; left: 0;}
  #contents01 .inner-Box1 figure.photo img {width: 100%; height: auto;}
  #contents01 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 30.8vw;left: 0;width: 7vw;}
  #contents01 .inner-Box1 h2 {font-size: 2.12vw; line-height: 3.29vw; font-weight: 700; letter-spacing: 0.11vw; margin-bottom: 1.76vw; position: absolute; top: 31.35vw; left: 10.47vw;}
  #contents01 .inner-Box1 p.text1 {font-size: 16px;/* line-height: 2.12vw; */font-weight: 500;/* letter-spacing: 0.05vw; */margin: 0 0 3vw 29.88vw;}
  #contents01 .inner-Box1 .inBox {margin: 0 auto 3vw;position: relative;width: 77.59vw;background: #292929;padding: 1.1vw 5.29vw 0.12vw 29.76vw;}
  #contents01 .inner-Box1 .inBox figure.aniimg {position: absolute;top: -1.76vw;left: -6.82vw;width: 21vw;}
  #contents01 .inner-Box1 .inBox h3 {font-size: 1.41vw; line-height: 1.6; font-weight: 700; letter-spacing: 0.2vw; margin-bottom: 1.76vw; position: absolute; top: 3.29vw; left: 7.65vw;}
  #contents01 .inner-Box1 .inBox h3::before {content: "";background: #00B7FF;width: 0.06vw;height: 5vw;position: absolute;right: -3.29vw;bottom: -1.41vw;}
  #contents01 .inner-Box1 .inBox p.text2 {font-size: 14px;/* line-height: 2; */font-weight: 500;/* letter-spacing: 0.05vw; */margin-bottom: 1.47vw;}
  
  #contents01 .inner-Box2 {margin: 0 auto 3.53vw; position: relative; max-width: 84.71vw; width: 100%; min-width: 70.59vw; border-bottom: #CFCFCF 1px solid; padding-bottom: 4.18vw; padding: 0 1.18vw;}
  #contents01 .inner-Box2 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-bottom: 2.88vw;}
  #contents01 .inner-Box2 ul li {position: relative;width: 100%;margin-right: 2.9%;}
  #contents01 .inner-Box2 ul li:nth-child(3n) {margin-right: 0;}
  #contents01 .inner-Box2 figure.photo {position: relative; top: 0; left: 0;}
  #contents01 .inner-Box2 figure.photo img {width: 100%; height: auto;}
  #contents01 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 30.8vw;left: 0;width: 7vw;}
  #contents01 .inner-Box2 h2 {font-size: 2.12vw; line-height: 3.29vw; font-weight: 700; letter-spacing: 0.11vw; margin-bottom: 1.76vw; position: absolute; top: 31.35vw; left: 10.47vw;}
  #contents01 .inner-Box2 p.text1 {font-size: 16px;/* line-height: 2.12vw; */font-weight: 500;/* letter-spacing: 0.05vw; */margin: 0 0 3vw 34.88vw;}

  #contents01 .inner-Box3 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
  #contents01 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
  #contents01 .inner-Box3 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
  #contents01 .inner-Box3 h2 span { }
  #contents01 .inner-Box3 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
  #contents01 .inner-Box3 figure.aniimg {position: absolute;bottom: -2.705vw;left: 2vw;width: 11vw;}

  #contents01 .inner-Box4 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
  #contents01 .inner-Box4 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
  #contents01 .inner-Box4 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
  #contents01 .inner-Box4 h2 span { }
  #contents01 .inner-Box4 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
  #contents01 .inner-Box4 figure.aniimg {position: absolute;bottom: -2.705vw;left: 2vw;width: 9vw;}

  #contents01 .inner-Box5 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
  #contents01 .inner-Box5 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
  #contents01 .inner-Box5 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
  #contents01 .inner-Box5 h2 span { }
  #contents01 .inner-Box5 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
  #contents01 .inner-Box5 figure.aniimg {position: absolute;bottom: -2.705vw;left: 2vw;width: 9vw;}

  #contents01 .inner-Box6 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
  #contents01 .inner-Box6 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
  #contents01 .inner-Box6 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
  #contents01 .inner-Box6 h2 span { }
  #contents01 .inner-Box6 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
  #contents01 .inner-Box6 figure.aniimg {position: absolute;bottom: -2.705vw;left: 2vw;width: 9vw;z-index: 10;}
}


@media screen and (min-width:768px)  and (max-width: 1500px) {
  #contents02 {margin: 0 auto -22.73vw; position: relative; background: url('../images/service/contents02-back01.png') no-repeat top 0vw center; padding: 12.87vw 0 15.4vw;}
  #contents02 .inner-Box {margin: 0 auto; position: relative;}
  #contents02 .inner-Box h2 {margin-bottom: 7.4vw;}
  #contents02 .inner-Box h2 img {position: relative; left: 50%; transform: translateX(-50%);}

  #contents02 .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; max-width: 98.67vw; width: 100%; min-width: 85.33vw; margin: 0 auto; padding: 0 2.67vw;}
  #contents02 .inner-Box ul li:nth-child(3n) {margin-right: 0;}
  #contents02 .inner-Box ul li {position: relative; width: 31.4%; margin-right: 2.9%; margin-bottom: 2.87vw;}
  #contents02 .inner-Box ul li a { }
  #contents02 .inner-Box span.icon {display: block; line-height: 1; position: absolute; top: -3.8vw; left: -2.07vw; z-index: 3;}
  #contents02 .inner-Box figure.img {position: relative;}
  #contents02 .inner-Box figure.img img {width: 100%; height: auto;}
  #contents02 .inner-Box p.lit {font-size: 2vw;line-height: 3.33vw;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 2vw;position: absolute;left: 0;width: 100%;text-align: center;top: 6vw;text-decoration: underline;}
  #contents02 .inner-Box ul li:nth-child(3) p.lit {top: 3.6vw;}
}


@media screen and (min-width:768px) and (max-width:1700px) {
#contents02 .back{margin: 0 auto -8.24vw;position: relative;width: 100%;max-width: 94.12vw;background: #191919;padding: 5.88vw 5.88vw;}

#contents02 .inner-Box1 {margin: 0 auto 3.53vw; position: relative; max-width: 84.71vw; width: 100%; min-width: 70.59vw; border-bottom: #CFCFCF 1px solid; padding-bottom: 4.18vw; padding: 0 1.18vw;}
#contents02 .inner-Box1 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-bottom: 2.88vw;}
#contents02 .inner-Box1 ul li {position: relative;width: 100%;margin-right: 2.9%;}
#contents02 .inner-Box1 ul li:nth-child(3n) {margin-right: 0;}
#contents02 .inner-Box1 figure.photo {position: relative; top: 0; left: 0;}
#contents02 .inner-Box1 figure.photo img {width: 100%; height: auto;}
#contents02 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 30.8vw;left: 0;width: 7vw;}
#contents02 .inner-Box1 h2 {font-size: 2.12vw; line-height: 3.29vw; font-weight: 700; letter-spacing: 0.11vw; margin-bottom: 1.76vw; position: absolute; top: 31.35vw; left: 10.47vw;}
#contents02 .inner-Box1 p.text1 {font-size: 16px;/* line-height: 2.12vw; */font-weight: 500;/* letter-spacing: 0.05vw; */margin: 0 0 3vw 34.88vw;}

#contents02 .inner-Box2 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
#contents02 .inner-Box2 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
#contents02 .inner-Box2 h2 span { }
#contents02 .inner-Box2 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
#contents02 .inner-Box2 figure.aniimg {position: absolute;bottom: -1.705vw;left: 2vw;width: 9vw;}

#contents02 .inner-Box3 {margin: 0 auto 2.529vw;position: relative;max-width: 84.705vw;width: 100%;min-width: 75.294vw;/* border-bottom: 0.784vw solid #CFCFCF; */padding-bottom: 1.176vw;padding-top: 1.176vw;}
#contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: 1vw;left: 0;width: 7vw;}
#contents02 .inner-Box3 h2 { font-size: 2.117vw; line-height: 3.294vw; font-weight: 700; letter-spacing: 0.105vw; margin-bottom: 1.764vw; position: absolute; top: 1.470vw; left: 10.470vw; }
#contents02 .inner-Box3 h2 span { }
#contents02 .inner-Box3 p.text1 {font-size: 16px;/* line-height: 2.117vw; */font-weight: 500;/* letter-spacing: 0.052vw; */margin: 0 0vw 1.294vw 36.235vw;}
#contents02 .inner-Box3 figure.aniimg {position: absolute;bottom: -1.705vw;left: 1vw;width: 7vw;}

}

@media screen and (min-width:768px) and (max-width: 1300px) {
    #contents02 .inner-Box4 {margin: 0 auto; position: relative; text-align: center; padding: 3.15vw 0 0vw; z-index: 3;}
    #contents02 .inner-Box4 h3 {font-size: 2.92vw; line-height: 1.6; font-weight: 700; letter-spacing: 0.23vw; margin-bottom: 2.31vw;}
    #contents02 .inner-Box4 h3 span {display: block; font-size: 2.62vw; letter-spacing: 0.6vw; margin-bottom: 1.31vw; z-index: 3; position: relative;}
  }
  






@media screen and (max-width: 767px) {
    .main-title{ background: url(../images/service/sp-h1.png)no-repeat top right;background-size: 100% auto;}
    #contentsmain {margin: -6vw auto -83.4vw;position: relative;background: url('../images/service/sp-contentsmain-back01.png') no-repeat top 44.1vw center;background-size: 100% auto;padding: 5.4vw 0 94.0vw;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box h2 {margin-bottom: 15.4vw;}
    #contentsmain .inner-Box h2 img{position: relative;left: 50%;transform: translateX(-50%);}
    #contentsmain .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 9.2vw;}
    #contentsmain .inner-Box ul li:nth-child(1){margin-bottom: 11.8vw;}
    #contentsmain .inner-Box ul li {position: relative;margin-bottom: 6vw;}
    #contentsmain .inner-Box ul li a{  }
    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -9.8vw;left: -5.3vw;z-index: 3;width: 23vw;}
    #contentsmain .inner-Box figure.img { position: relative;}
    #contentsmain .inner-Box figure.img img{ width: 100%; height: auto;}
    #contentsmain .inner-Box p.lit {font-size: 4.83vw;line-height: 7.97vw;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 7.2vw;position: absolute;left: 0;width: 100%;text-align: center;top: 30.8%;text-decoration: underline;}
    #contentsmain .inner-Box ul li:nth-child(4) p.lit{top: 11.7vw;}
    
    #contents01 {margin: 0 auto -13.3vw;position: relative;background: #191919;padding: 15.4vw 8.9vw;}
    #contents01 .inner-Box1 {margin: 0 auto 12.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 12.7vw;}
    #contents01 .inner-Box1 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-bottom: 19vw;}
    #contents01 .inner-Box1 ul li{position: relative;margin: 0 0vw 7.8vw;}
    #contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
    #contents01 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
    #contents01 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 162.5vw;left: 0;width: 12.8vw;}
    #contents01 .inner-Box1 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: 162.7vw;left: 18.5vw;}
    #contents01 .inner-Box1 h2 span{  }
    #contents01 .inner-Box1 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw 13.3vw -0.3vw;}
    #contents01 .inner-Box1 .inBox {position: relative;background: #292929;padding-bottom: 2vw;}
    #contents01 .inner-Box1 .inBox figure.aniimg {position: absolute;top: -13.3vw;left: 23vw;width: 52.9vw;}
    #contents01 .inner-Box1 .inBox h3{font-size: 4.34vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: 8.9vw;position: relative;text-align: center;padding: 21vw 0 0;}
    #contents01 .inner-Box1 .inBox h3::before{content: "";background: #00B7FF;height: 1px;position: absolute;left: 30.8vw;bottom: -4.8vw;width: 20.5vw;}
    #contents01 .inner-Box1 .inBox p.text2 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 5vw 6.0vw;}
    
    #contents01 .inner-Box2 {margin: 0 auto 15.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 15.7vw;}
    #contents01 .inner-Box2 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-bottom: 18.9vw;}
    #contents01 .inner-Box2 ul li{position: relative;margin: 0 0vw 7.8vw;}
    #contents01 .inner-Box2 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;}
    #contents01 .inner-Box2 figure.photo img{ width: 100%; height: auto; }
    #contents01 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 223.5vw;left: 0;width: 14.4vw;}
    #contents01 .inner-Box2 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: 223.7vw;left: 18.5vw;}
    #contents01 .inner-Box2 h2 span{  }
    #contents01 .inner-Box2 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents01 .inner-Box2 figure.aniimg {position: absolute;bottom: -5.4vw;left: 58.4vw;width: 26.9vw;}
    
    #contents01 .inner-Box3 {margin: 0 auto 12.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 19.7vw;padding-top: 17.3vw;}
    #contents01 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: -4.8vw;left: 0;width: 14.4vw;}
    #contents01 .inner-Box3 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents01 .inner-Box3 h2 span{  }
    #contents01 .inner-Box3 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents01 .inner-Box3 figure.aniimg {position: absolute;bottom: -10.4vw;right: -6vw;width: 26.3vw;}

    #contents01 .inner-Box4 {margin: 0 auto 15.3vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 16.1vw;padding-top: 22.3vw;}
    #contents01 .inner-Box4 span.no {display: block;line-height: 1;position: absolute;top: -0.8vw;left: 0;width: 14.4vw;}
    #contents01 .inner-Box4 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents01 .inner-Box4 h2 span{  }
    #contents01 .inner-Box4 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents01 .inner-Box4 figure.aniimg {position: absolute;bottom: -4.6vw;right: -0.2vw;width: 22.8vw;}
    
    #contents01 .inner-Box5 {margin: 0 auto 15.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 16vw;padding-top: 17.3vw;}
    #contents01 .inner-Box5 span.no {display: block;line-height: 1;position: absolute;top: -4vw;left: 0;width: 14.4vw;}
    #contents01 .inner-Box5 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents01 .inner-Box5 h2 span{  }
    #contents01 .inner-Box5 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents01 .inner-Box5 figure.aniimg {position: absolute;bottom: -3.6vw;right: -0.4vw;width: 17.3vw;}
    
    #contents01 .inner-Box6 {margin: 0 auto 15.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 10.1vw;padding-top: 17.3vw;z-index: 3;}
    #contents01 .inner-Box6 span.no {display: block;line-height: 1;position: absolute;top: -4vw;left: 0;width: 14.4vw;}
    #contents01 .inner-Box6 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents01 .inner-Box6 h2 span{  }
    #contents01 .inner-Box6 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents01 .inner-Box6 figure.aniimg {position: absolute;bottom: -7.4vw;right: 1.9vw;width: 15vw;}
    


    #contents02 .back{margin: 0 auto -37.9vw;position: relative;background: #191919;padding: 20.9vw 9.1vw 33.2vw 9.1vw;}
    
    #contents02 .inner-Box p.lit span.min{display: block;text-decoration: none;font-size: 4.3vw;}
#contents02 .inner-Box p.lit span.undter{text-decoration: underline;}

    #contents02 {margin: -6vw auto -83.4vw;position: relative;background: url('../images/service/sp-contents02-back01.png') no-repeat top 0vw center;background-size: 100% auto;padding: 5.4vw 0 94.0vw;}
    #contents02 .inner-Box {position: relative;}
    #contents02 .inner-Box h2 {margin-bottom: 11.5vw;}
    #contents02 .inner-Box h2 img{position: relative;left: 50%;transform: translateX(-50%);}
    #contents02 .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 9.2vw;}
    #contents02 .inner-Box ul li:nth-child(1){}
    #contents02 .inner-Box ul li {position: relative;margin-bottom: 9vw;}
    #contents02 .inner-Box ul li a{  }
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -9.8vw;left: -5.3vw;z-index: 3;width: 23vw;}
    #contents02 .inner-Box figure.img { position: relative;}
    #contents02 .inner-Box figure.img img{ width: 100%; height: auto;}
    #contents02 .inner-Box p.lit {font-size: 4.83vw;line-height: 7.97vw;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 7.2vw;position: absolute;left: 0;width: 100%;text-align: center;top: 30.8%;text-decoration: underline;}
    #contents02 .inner-Box ul li:nth-child(3) p.lit{top: 11.7vw; text-decoration: none;}
    
    #contents02 .inner-Box1 {margin: 0 auto 15.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 14.4vw;}
    #contents02 .inner-Box1 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-bottom: 21.9vw;}
    #contents02 .inner-Box1 ul li{position: relative;margin: 0 0vw 7.8vw;}
    #contents02 .inner-Box1 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents02 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;}
    #contents02 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
    #contents02 .inner-Box1 span.no {display: block;line-height: 1;position: absolute;top: 117.5vw;left: 0;width: 12.8vw;}
    #contents02 .inner-Box1 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: 116.7vw;left: 18.5vw;}
    #contents02 .inner-Box1 h2 span{  }
    #contents02 .inner-Box1 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw 0.3vw -0.3vw;}
    #contents02 .inner-Box1 figure.aniimg {position: absolute;bottom: -4vw;right: -2.3vw;width: 18.4vw;}
    
    #contents02 .inner-Box2 {margin: 0 auto 15.1vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 15.8vw;padding-top: 17.3vw;}
    #contents02 .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: -3.8vw;left: 0;width: 14.4vw;}
    #contents02 .inner-Box2 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents02 .inner-Box2 h2 span{  }
    #contents02 .inner-Box2 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents02 .inner-Box2 figure.aniimg {position: absolute;bottom: -2.4vw;right: -0.6vw;width: 16.3vw;}

    #contents02 .inner-Box3 {margin: 0 auto 12.4vw;position: relative;width: 100%;border-bottom: #CFCFCF 0.2vw solid;padding-bottom: 15.8vw;padding-top: 21.4vw;}
    #contents02 .inner-Box3 span.no {display: block;line-height: 1;position: absolute;top: -3.8vw;left: 0;width: 14.4vw;}
    #contents02 .inner-Box3 h2{font-size: 4.34vw;line-height: 1.7;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;position: absolute;top: -4.2vw;left: 18.5vw;}
    #contents02 .inner-Box3 h2 span{  }
    #contents02 .inner-Box3 p.text1 {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 -0.6vw -2.1vw -0.3vw;}
    #contents02 .inner-Box3 figure.aniimg {position: absolute;bottom: -2.4vw;right: 0vw;width: 14.7vw;}

    
#contents02 .inner-Box3 h2 span{font-size: 3.5vw;display: block;letter-spacing: 0.3vw;position: relative;left: -0.5vw;top: 0vw;}
    
    #contents02 .inner-Box4 {position: relative;text-align: center;padding: 1.3vw 0 0.0vw;}
    #contents02 .inner-Box4 h3{font-size: 4.34vw;line-height: 2;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 7.2vw;}
    #contents02 .inner-Box4 h3 span{display: block;}
    
}