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

#contentsmain {margin: 0 auto;position: relative;background: url('../images/concept/main-back01.png')no-repeat bottom center;height: 811px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 41px 0 0;}
#contentsmain .inner-Box h2 {text-align: center;padding-left: 10px;margin-bottom: 9px;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 32px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 32px;text-align: center;}

#contents01 {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box span.no {display: block;line-height: 1;padding-top: 100px;margin-bottom: 32px;}
#contents01 .inner-Box h2{font-size: 28px;line-height: 50px;font-weight: 700;letter-spacing: 5.6px;margin-bottom: 27px;margin-left: 100px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box figure{position: absolute;top: 217px;right: -324px;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;margin-left: 100px;width: 600px;}

#contents02 {width: 1100px;margin: 0 auto 234px;position: relative;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box span.no {display: block;line-height: 1;padding-top: 95px;margin-bottom: 37px;}
#contents02 .inner-Box h2{font-size: 28px;line-height: 50px;font-weight: 700;letter-spacing: 5.6px;margin-bottom: 27px;margin-left: 100px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box figure{position: absolute;top: 168px;right: -157px;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;margin-left: 100px;width: 600px;}

#contents03 {margin: 0 auto 112px;position: relative;}
#contents03 .inner-Box {width: 1020px; margin: 0 auto; position: relative; }
#contents03 .inner-Box::before{content: url('../images/concept/contents03-back01.png');position: absolute;top: -183px;left: -360px;}
#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;position: relative;z-index: 5;}
#contents03 .inner-Box ul li { margin-right: 30px; margin-bottom: 40px; }
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul li figure{  }

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

#contentsmain {position: relative;background: url('../images/concept/sp-main-back01.png')no-repeat bottom center;height: 215.7vw;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 4vw;position: relative;padding: 6.4vw 0 0;}
#contentsmain .inner-Box h2 {text-align: center;margin: 0 0.9vw 5.7vw 1.9vw;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 3.6vw;line-height: 2.15;font-weight: 500;letter-spacing: 0.65vw;margin: 0 2.8vw 4.2vw;}

#contents01 {position: relative;margin-bottom: -9vw;}
#contents01 .inner-Box {position: relative;}
#contents01 .inner-Box span.no {display: block;line-height: 1;margin: 0 24.5vw 2.1vw;}
#contents01 .inner-Box h2{font-size: 6.7vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.35vw;margin: 0 6.7vw 8vw;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box figure{margin: 0 6.4vw 7.6vw;}
#contents01 .inner-Box p.text {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0.35vw;margin: 0 6.8vw 7.5vw;}

#contents02 {position: relative;margin-bottom: 15.2vw;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box span.no {display: block;line-height: 1;margin: 0 24.5vw 2.1vw;}
#contents02 .inner-Box h2{font-size: 6.7vw;line-height: 1.8;font-weight: 700;letter-spacing: 0.35vw;margin: 0 6.7vw -5vw;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box figure{margin: 0 6.4vw 7.6vw;}
#contents02 .inner-Box p.text {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0.35vw;margin: 0 6.8vw 7.5vw;}


#contents03 {margin: 0 auto 19.3vw;position: relative;}
#contents03 .inner-Box {margin: 0 11.3vw;position: relative;}
#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;position: relative;z-index: 5;}
#contents03 .inner-Box ul li {margin-bottom: 5.6vw;}
#contents03 .inner-Box ul li figure{ margin-bottom: 4vw; }


}