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

@keyframes bg-scroll{
    from{
        background-position: 0 593px;
    }
    to{
        background-position: -3200px 593px;
    }
    }

#contentsmain {margin: 76px auto -174px;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;padding-top: 100px;z-index: 3;}
#contentsmain .inner-Box{margin: 0 auto 240px;position: relative;background: url('../images/concept/contentsmain-back02.png')repeat-x top 593px center;animation: bg-scroll 40s linear infinite;padding: 463px 0 140px;}
#contentsmain .inner-Box h2 { position: absolute; top: 28px; left: 50%; margin-left: -550px; }
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .text-Box {position: relative;left: 50%;width: 750px;height: 499px;background: #fff;box-shadow: 0px 0px 40px #00000029;margin-left: -119px;padding: 77px 80px;}
#contentsmain .text-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 32px;position: relative;}


#contentsmain .text-Box h3 {font-size: 20px;line-height: 1.65;font-weight: 700;letter-spacing: 2px;margin-bottom: 23px;position: relative;}

#contents01 {margin: 0 auto 79px;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat top 305px center;padding: 114px 0 0;}
#contents01 .inner-Box {margin: 0 auto 85px;position: relative;width: 1100px;}
#contents01 .inner-Box span.no {display: block;line-height: 1;margin-bottom: 16px;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box h2 {font-size: 32px;line-height: 1.75;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 0;right: -50px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3 {font-size: 22px;line-height: 1.75;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 14px;position: relative;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;width: 550px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 50px 0 180px 550px;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 0;left: -50px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 30px; position: relative; }

#contents02 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 101px 0 0;max-width: 1400px;}
#contents02 .inner-Box {margin: 0 auto 73px;position: relative;width: 1100px;padding-left: 595px;}
#contents02 .inner-Box span.no {display: block;line-height: 1;margin-bottom: 5px;}
#contents02 .inner-Box span.no img {  }
#contents02 .inner-Box h2 {font-size: 32px;line-height: 1.75;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 23px;position: relative;}
#contents02 .inner-Box figure.photo {position: absolute;top: 0;left: -50px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 20px;line-height: 1.75;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 26px;position: relative;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;width: 500px;}
#contents02 .inner-Box2 {margin: 0 auto 26px;position: relative;width: 1100px;padding: 0px 600px 83px 0px;}
#contents02 .inner-Box2 figure.photo {position: absolute;top: -12px;right: 0px;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 30px; position: relative; }

#contents03 {margin: 0 auto 79px;position: relative;background: url('../images/concept/contents03-back01.png')no-repeat top 305px center;padding: 114px 0 0;}
#contents03 .inner-Box {margin: 0 auto 70px;position: relative;width: 1100px;}
#contents03 .inner-Box span.no {display: block;line-height: 1;margin-bottom: 16px;}
#contents03 .inner-Box span.no img {  }
#contents03 .inner-Box h2 {font-size: 32px;line-height: 1.75;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 50px;position: relative;}
#contents03 .inner-Box figure.photo {position: absolute;top: 0;right: -50px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {font-size: 22px;line-height: 1.75;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 31px;position: relative;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;width: 550px;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 68px 0 180px 550px;}
#contents03 .inner-Box2 figure.photo {position: absolute;top: 0;left: -50px;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 30px; position: relative; }

#contentsbottom {margin: 0 auto 132px;position: relative;}
#contentsbottom .inner-Box1 {margin: 0 auto 39px;position: relative;text-align: center;}
#contentsbottom .inner-Box1 h2 {margin-bottom: 30px;}
#contentsbottom .inner-Box1 h2 span{  }
#contentsbottom .inner-Box1 h2 img {  }
#contentsbottom .inner-Box1 h3 {font-size: 42px;line-height: 1.75;font-weight: 500;letter-spacing: 4.2px;margin-bottom: 31px;position: relative;}
#contentsbottom .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 49px;}
#contentsbottom .inner-Box1 figure.photo img{  }
#contentsbottom .inner-Box1 h4 {font-size: 18px;line-height: 1.78;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 0px;position: relative;}
#contentsbottom .inner-Box1 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 30px; position: relative; }
#contentsbottom .inner-Box1 p.btn {padding-top: 129px;}
#contentsbottom .inner-Box1 p.btn img {  }
#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{margin-right: 39px;}
#contentsbottom .inner-Box2 ul li:nth-child(3n){ margin-right: 0; }


}

@media screen and (max-width: 767px) {
    @keyframes bg-scroll{
        from{
          background-position: 0 45.2vw;
        }
        to{
          background-position: -100% 45.2vw;
        }
      }
    
    #contentsmain {margin: 5.6vw auto 14.4vw;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top center;padding-top: 64.68vw;z-index: 3;background-size: 100% auto;}
    #contentsmain .inner-Box{margin: 0 auto -2.53vw;position: relative;background: url('../images/concept/contentsmain-back02.png')repeat-x top 45.2vw center;animation: bg-scroll 40s linear infinite;background-size: auto 34vw;}
    #contentsmain .inner-Box h2 {margin-left: 9.1vw;margin-bottom: 39.86vw;margin-right: 30vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .text-Box {position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 9.66vw #00000029;padding: 8.6vw 5.92vw;margin: 0 3vw;}
    #contentsmain .text-Box p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.73vw;position: relative;}
    

    #contentsmain .text-Box h3 {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 5.56vw;position: relative;}

#contents01 {margin: 0 auto 12.28vw;position: relative;background: url('../images/concept/sp-contents01-back01.png')no-repeat top 73.67vw center;padding: 0 0 7.1vw;background-size: 100% auto;}
#contents01 .inner-Box {margin: 0 6.5vw -1.47vw;position: relative;}
#contents01 .inner-Box span.no {display: block;line-height: 1;margin: 0 51.6vw 5.06vw 0vw;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box h2 {font-size: 4.83vw;line-height: 1.85;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 3.75vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -2.5vw 6.9vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box h3 {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 3.38vw;position: relative;}
#contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contents01 .inner-Box2 {margin: 0 6.5vw -1.47vw;position: relative;}
#contents01 .inner-Box2 figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -2.5vw 3.9vw;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contents02 {margin: 0 4vw 12vw;position: relative;background: #F2F2F2;padding: 14.4vw 0 6.6vw;}
#contents02 .inner-Box {margin: 0 5vw -1.47vw;position: relative;}
#contents02 .inner-Box span.no {display: block;line-height: 1;margin: 0 47.3vw 5.06vw 0vw;}
#contents02 .inner-Box span.no img {  }
#contents02 .inner-Box h2 {font-size: 4.83vw;line-height: 1.85;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 4.35vw;position: relative;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -4.9vw 5.9vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 3.86vw;line-height: 2.05;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 2.98vw;position: relative;}
#contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contents02 .inner-Box2 {margin: 0 4.8vw 0.53vw;position: relative;}
#contents02 .inner-Box2 figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -2.4vw 5.9vw;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contents03 {margin: 0 auto 13.78vw;position: relative;background: url('../images/concept/sp-contents03-back01.png')no-repeat top 73.67vw center;padding: 0 0 5.1vw;background-size: 100% auto;}
#contents03 .inner-Box {margin: 0 6.5vw -1.47vw;position: relative;}
#contents03 .inner-Box span.no {display: block;line-height: 1;margin: 0 51.6vw 5.06vw 0vw;}
#contents03 .inner-Box span.no img {  }
#contents03 .inner-Box h2 {font-size: 4.83vw;line-height: 1.85;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 3.75vw;position: relative;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -2.5vw 6.9vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 3.38vw;position: relative;}
#contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contents03 .inner-Box2 {margin: 0 6.5vw -1.47vw;position: relative;}
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;right: 0vw;margin: 0 2.5vw 3.9vw;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;}

#contentsbottom {margin: 0 auto 17.88vw;position: relative;}
#contentsbottom .inner-Box1 {margin: 0 auto 9.42vw;position: relative;text-align: center;}
#contentsbottom .inner-Box1 h2 {margin: 0 25.6vw 4.95vw 26vw;}
#contentsbottom .inner-Box1 h2 span{  }
#contentsbottom .inner-Box1 h2 img {  }
#contentsbottom .inner-Box1 h3 {font-size: 6.28vw;line-height: 1.65;font-weight: 500;letter-spacing: 0.63vw;margin-bottom: 5.39vw;position: relative;}
#contentsbottom .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin: 0 4.1vw 11.84vw;}
#contentsbottom .inner-Box1 figure.photo img{  }
#contentsbottom .inner-Box1 h4 {font-size: 4.35vw;line-height: 1.78;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 7.6vw;position: relative;}
#contentsbottom .inner-Box1 p.text { font-size: 3.86vw; line-height: 2; font-weight: 400; letter-spacing: 0.39vw; margin-bottom: 7.25vw; position: relative; }
#contentsbottom .inner-Box1 p.btn {padding-top: 14.86vw;margin: 0 4.1vw;}
#contentsbottom .inner-Box1 p.btn img {  }
#contentsbottom .inner-Box2 {margin: 0 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{margin-bottom: 3.72vw;}
#contentsbottom .inner-Box2 ul li:nth-child(3n){ margin-right: 0; }

}