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

    #contentsmain {margin: 0 auto 175px;position: relative;text-align: center;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 72px 0 0;}
    #contentsmain .inner-Box h2 {margin-bottom: 53px;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 28px;}

    #contents01 {margin: 0 auto 117px;position: relative;width: 1100px;}
    #contents01 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
    #contents01 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin: 0px 0 40px 80px;padding-top: 4px;}
    #contents01 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 610px;}
    #contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
    #contents01 .inner-Box h3{font-size: 25px;line-height: 40px;font-weight: 500;letter-spacing: 4.5px;margin-bottom: 15px;color: #0062B2;}
    #contents01 .inner-Box h3 span{  }
    #contents01 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 19px;}

    #contents02 {margin: 0 auto 125px;position: relative;width: 1100px;}
    #contents02 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
    #contents02 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin: 0px 0 40px 90px;padding-top: 4px;}
    #contents02 .inner-Box {margin: 0 auto;position: relative;padding: 0 610px 0 0;}
    #contents02 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
    #contents02 .inner-Box h3{font-size: 25px;line-height: 40px;font-weight: 500;letter-spacing: 4.5px;margin-bottom: 15px;color: #0062B2;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 19px;}
    
    #contents03 {margin: 0 auto 136px;position: relative;width: 1100px;}
    #contents03 span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
    #contents03 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin: 0px 0 40px 90px;padding-top: 4px;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 610px;}
    #contents03 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
    #contents03 .inner-Box h3{font-size: 25px;line-height: 40px;font-weight: 500;letter-spacing: 4.5px;margin-bottom: 15px;color: #0062B2;}
    #contents03 .inner-Box h3 span{  }
    #contents03 .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 19px;}

    #contentsbottom {margin: 0 auto;position: relative;background: url('../images/concept/contentsbottom-back01.png')no-repeat top center;padding: 474px 0 0;}
    #contentsbottom h2{font-size: 36px;line-height: 52px;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 27px;text-align: center;}
    #contentsbottom h2 span{}
    #contentsbottom .inner-Box {margin: 0 auto 141px;position: relative;background: #F5F7F7;width: 1100px;height: 310px;padding: 60px 125px;text-align: center;}
    #contentsbottom .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 500;letter-spacing: 2.88px;margin-bottom: 4px;}
    #contentsbottom .inner-Box2 {margin: 0 auto 200px;position: relative;width: 1100px;}
    #contentsbottom .inner-Box2 h3 {position: relative;left: 32px;margin-bottom: 30px;}
    #contentsbottom .inner-Box2 h3 img{  }
    #contentsbottom .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;}
    #contentsbottom .inner-Box2 ul li {margin-right: 22px;}
    #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box2 ul li figure{  }
    
}
@media screen and (max-width: 767px) {

    #contentsmain {margin: 0 auto 21.77vw;position: relative;text-align: center;}
#contentsmain .inner-Box {position: relative;padding: 7.89vw 0 0;}
#contentsmain .inner-Box h2 {margin: 0 8vw 9.1vw;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 6.76vw;}

#contents01 {margin: 0 auto 12.26vw;position: relative;}
#contents01 span.icon {display: block;line-height: 1;position: relative;top: 0;left: 0;margin: 0 43.5vw 1.2vw;}
#contents01 h2{font-size: 4.83vw;line-height: 7vw;font-weight: 500;letter-spacing: 0.8vw;padding-top: 0.97vw;text-align: center;margin-bottom: 6vw;}
#contents01 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.1vw;}
#contents01 .inner-Box h3{font-size: 4.34vw;line-height: 6.52vw;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 2.82vw;color: #0062B2;text-align: center;}
#contents01 .inner-Box h3 span{  }
#contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.69vw;}

#contents02 {margin: 0 auto 12.16vw;position: relative;}
#contents02 span.icon {display: block;line-height: 1;position: relative;top: 0;left: 0;margin: 0 42.5vw 1.2vw;}
#contents02 h2{font-size: 4.83vw;line-height: 7vw;font-weight: 500;letter-spacing: 0.8vw;padding-top: 0.97vw;text-align: center;margin-bottom: 6vw;}
#contents02 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.1vw;}
#contents02 .inner-Box h3{font-size: 4.34vw;line-height: 6.52vw;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 2.82vw;color: #0062B2;text-align: center;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.69vw;}
#contents02 .inner-Box h4 {font-size: 3.86vw;line-height: 6.76vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 2.69vw;}

#contents03 {margin: 0 auto 19.16vw;position: relative;}
#contents03 span.icon {display: block;line-height: 1;position: relative;top: 0;left: 0;margin: 0 42.5vw 1.2vw;}
#contents03 h2{font-size: 4.83vw;line-height: 7vw;font-weight: 500;letter-spacing: 0.8vw;padding-top: 0.97vw;text-align: center;margin-bottom: 6vw;}
#contents03 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.1vw;}
#contents03 .inner-Box h3{font-size: 4.34vw;line-height: 6.52vw;font-weight: 500;letter-spacing: 0.78vw;margin-bottom: 2.82vw;color: #0062B2;text-align: center;}
#contents03 .inner-Box h3 span{  }
#contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.69vw;}



    #contentsbottom {position: relative;background: url('../images/concept/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;padding: 53vw 0 0;}
    #contentsbottom h2{font-size: 6.76vw;line-height: 9.66vw;font-weight: 500;letter-spacing: 1.21vw;margin-bottom: 2.9vw;text-align: center;}
    #contentsbottom .inner-Box {margin: 0 4.1vw 21.26vw;position: relative;background: #F5F7F7;padding: 9.19vw 3.99vw 7.49vw;text-align: center;}
    #contentsbottom .inner-Box p.text {font-size: 3.38vw;line-height: 6.76vw;font-weight: 500;letter-spacing: 0.57vw;margin-bottom: 0.32vw;}
    #contentsbottom .inner-Box2 {margin: 0 auto 19.31vw;position: relative;}
    #contentsbottom .inner-Box2 h3 {position: relative;margin-bottom: 12.95vw;}
    #contentsbottom .inner-Box2 h3 img{  }
    #contentsbottom .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: 0 8vw;}
    #contentsbottom .inner-Box2 ul li {margin-bottom: 0.61vw;}
    #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box2 ul li figure{ margin-bottom: 4vw; }

}