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

#contentsmain {margin: 0 auto -45px;position: relative;background: url('../images/concept/contentsmain-back01.png')repeat-x bottom center;animation: slide-left 60s linear infinite;height: 958px;}
@keyframes slide-left {
    0% { background-position: 0 bottom; }
    100% { background-position: -2400px bottom; }
  }

#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 102px 0 0;}
#contentsmain .inner-Box figure.img {position: absolute;top: 38px;left: 0;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h2 {
    margin-bottom: 33px;
}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3.f-mins {font-size: 50px;line-height: 2;font-weight: 500;letter-spacing: 2.5px;margin-bottom: 24px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 34px;position: relative;}

#contents01 {margin: 0 auto -14px;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat top center;padding: 234px 0px 140px;}
#contents01 .inner-Box {margin: 0 auto 172px;position: relative;width: 1280px;}
#contents01  h2 {font-size: 46px;line-height: 1.81;font-weight: 500;letter-spacing: 2.3px;margin-bottom: 46px;position: relative;top: -10px;text-align: center;}
#contents01  h2::before{content: "";display: block;background: #003253;width: 60px;height: 4px;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -37px;left: 50%;margin-left: 600px;}
#contents01 .inner-Box span.icon01 img {  }
#contents01 .inner-Box .inBox {margin: 80px 0 0 auto;position: relative;background: #fff;box-shadow: 0px 3px 6px #00000029;width: 730px;height: 558px;padding: 65px 90px;}
#contents01 .inner-Box .inBox h3 {font-size: 25px;line-height: 1.88;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 125px;left: -110px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box2 {margin: 0 auto 172px;position: relative;width: 1280px;}
#contents01 .inner-Box2 span.icon01 {display: block;line-height: 1;position: absolute;top: 16px;left: 50%;margin-left: -768px;}
#contents01 .inner-Box2 span.icon01 img {  }
#contents01 .inner-Box2 .inBox {margin: 80px auto 0 0;position: relative;background: #fff;box-shadow: 0px 3px 6px #00000029;width: 730px;height: 619px;padding: 65px 90px;}
#contents01 .inner-Box2 .inBox h3 {font-size: 25px;line-height: 1.88;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 125px;right: -320px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 .inner-Box3 {margin: 0 auto 172px;position: relative;width: 1280px;}
#contents01 .inner-Box3 span.icon01 {display: block;line-height: 1;position: absolute;top: 0px;left: 50%;margin-left: 600px;}
#contents01 .inner-Box3 span.icon01 img {  }
#contents01 .inner-Box3 .inBox {margin: 80px 0 0 auto;position: relative;background: #fff;box-shadow: 0px 3px 6px #00000029;width: 730px;height: 558px;padding: 65px 90px;}
#contents01 .inner-Box3 .inBox h3 {font-size: 25px;line-height: 1.88;font-weight: 700;letter-spacing: 1.25px;margin-bottom: 34px;position: relative;}
#contents01 .inner-Box3 figure.photo {position: absolute;top: 125px;left: 0px;}
#contents01 .inner-Box3 figure.photo img{  }
#contents01 .inner-Box3 .inBox p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contentsbottom {margin: 0 auto 150px;position: relative;background: url('../images/concept/contentsbottom-back01.png')no-repeat top 239px center;}
#contentsbottom h2.f-mins {font-size: 46px;line-height: 1.74;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 647px;position: relative;text-align: center;}
#contentsbottom .inner-Box {margin: 0 auto 86px;position: relative;width: 861px;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;}
#contentsbottom .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#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 {position: relative;margin-right: 40px;}
#contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }

}

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

    #contentsmain {margin: 0 auto -19.6vw;position: relative;background: url('../images/concept/contentsmain-back01.png')repeat-x bottom center;animation: slide-left 120s linear infinite;background-size: auto 26.27vw;z-index: 3;}
    @keyframes slide-left {
        0% { background-position: 0 bottom; }
        100% { background-position: -579.71vw bottom; }
      }
    
    #contentsmain .inner-Box {position: relative;text-align: center;padding: 25.54vw 0 40.3vw;}
    #contentsmain .inner-Box figure.img {position: absolute;top: 5.9vw;left: -0.8vw;width: 34vw;}
    #contentsmain .inner-Box figure.img img{  }
    #contentsmain .inner-Box h2 {
        margin: 0 24.4vw 1.57vw 24.7vw;
    }
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box h3.f-mins {font-size: 6.52vw;line-height: 1.74;font-weight: 500;letter-spacing: 0.33vw;margin-bottom: 5.8vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;position: relative;text-align: left;margin: 0 11.5vw 7vw;}
    
    #contents01 {margin: 0 auto 0vw;position: relative;background: url('../images/concept/sp-contents01-back01.jpg')no-repeat top center,url('../images/concept/sp-contents01-back02.png')repeat top center;padding: 41.52vw 0.0vw 0.82vw;background-size: 100% auto;}
    #contents01 .inner-Box {margin: 0 auto 22.25vw;position: relative;}
    #contents01  h2 {font-size: 7.73vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.36vw;margin-bottom: -8.09vw;position: relative;top: 0vw;text-align: center;}
    #contents01  h2::before{content: "";display: block;background: #003253;width: 14.49vw;height: 0.97vw;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}
    #contents01 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: 0vw;left: 50%;margin-left: 0vw;}
    #contents01 .inner-Box span.icon01 img {  }
    #contents01 .inner-Box .inBox {margin: 19.32vw 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 10.6vw 7.74vw 4.1vw 7.74vw;}
    #contents01 .inner-Box .inBox h3 {font-size: 5.80vw;line-height: 1.96;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 6.21vw;position: relative;}
    #contents01 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 .inner-Box2 {margin: 0 auto 22.25vw;position: relative;}
    #contents01 .inner-Box2 span.icon01 {display: block;line-height: 1;position: absolute;top: -21vw;left: 0vw;margin-left: 0vw;width: 36vw;}
    #contents01 .inner-Box2 span.icon01 img {  }
    #contents01 .inner-Box2 .inBox {margin: 19.32vw 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 10.6vw 7.74vw 4.1vw 7.74vw;}
    #contents01 .inner-Box2 .inBox h3 {font-size: 5.80vw;line-height: 1.96;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 6.21vw;position: relative;margin-right: -1vw;}
    #contents01 .inner-Box2 figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 .inner-Box3 {margin: 0 auto 11.15vw;position: relative;}
    #contents01 .inner-Box3 span.icon01 {display: block;line-height: 1;position: absolute;top: -22vw;right: 0vw;width: 34.8vw;}
    #contents01 .inner-Box3 span.icon01 img {  }
    #contents01 .inner-Box3 .inBox {margin: 19.32vw 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 10.6vw 7.74vw 4.1vw 7.74vw;}
    #contents01 .inner-Box3 .inBox h3 {font-size: 5.80vw;line-height: 1.96;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 6.21vw;position: relative;}
    #contents01 .inner-Box3 figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents01 .inner-Box3 figure.photo img{  }
    #contents01 .inner-Box3 .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contentsbottom {margin: 0 auto 12.23vw;position: relative;background: url('../images/concept/sp-contentsbottom-back01.png')no-repeat top 56.73vw center;background-size: 94.8vw auto;padding: 16.4vw 0 0;}
    #contentsbottom h2.f-mins {font-size: 6.52vw;line-height: 1.74;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 164vw;position: relative;text-align: center;}
    #contentsbottom .inner-Box {margin: 0 6vw 20.77vw;position: relative;}
    #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.76vw;position: relative;}
    #contentsbottom .inner-Box2 {margin: 0 8.9vw;position: relative;}
    #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 {position: relative;margin-bottom: 9.66vw;}
    #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }

}