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

#contentsmain {margin: 0 auto 120px;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat bottom center;padding-bottom: 150px;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/concept/contentsmain-back02.png')repeat-x bottom center;min-height: 950px;animation: bg-scroll 30s linear infinite;}
@keyframes bg-scroll {
    0%   { background-position: 100% bottom; }
    100% { background-position: 0% bottom; }
  }

#contentsmain .inner-Box h2 {text-align: center;padding: 70px 0 0;margin-bottom: 45px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inBox {margin: 0 auto;position: relative;width: 700px;}
#contentsmain .inBox p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 28px;position: relative;}

#contents01 {margin: 0 auto -290px;position: relative;width: 1100px;z-index: 3;}
#contents01 h2 {margin-bottom: 59px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 figure.photo {position: absolute;top: 102px;right: -90px;}
#contents01 figure.photo img{  }
#contents01 .inner-Box {margin: 0 auto 0 0px;position: relative;width: 650px;height: 382px;box-shadow: 20px 20px 30px #0000002B;background: #fff;padding: 48px;}
#contents01 .inner-Box h3 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;position: relative;border-bottom: #959595 dotted 2px;padding-bottom: 13px;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents02 {margin: 0 auto 182px;position: relative;width: 1100px;z-index: 3;}
#contents02 h2 {margin-bottom: 59px;margin-left: 385px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 figure.photo {position: absolute;top: 102px;left: -90px;}
#contents02 figure.photo img{  }
#contents02 .inner-Box {margin: 0 0 0px auto;position: relative;width: 650px;height: 382px;box-shadow: 20px 20px 30px #0000002B;background: #fff;padding: 48px;}
#contents02 .inner-Box h3 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;position: relative;border-bottom: #959595 dotted 2px;padding-bottom: 13px;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents03 {margin: 0 auto 182px;position: relative;width: 1100px;z-index: 3;}
#contents03 h2 {margin-bottom: 59px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 figure.photo {position: absolute;top: 102px;right: -90px;}
#contents03 figure.photo img{  }
#contents03 .inner-Box {margin: 0 auto 0 0px;position: relative;width: 650px;height: 382px;box-shadow: 20px 20px 30px #0000002B;background: #fff;padding: 48px;}
#contents03 .inner-Box h3 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;position: relative;border-bottom: #959595 dotted 2px;padding-bottom: 13px;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents04 {margin: 0 auto 182px;position: relative;width: 1100px;z-index: 3;}
#contents04 h2 {margin-bottom: 59px;margin-left: 385px;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 figure.photo {position: absolute;top: 102px;left: -90px;}
#contents04 figure.photo img{  }
#contents04 .inner-Box {margin: 0 0 0px auto;position: relative;width: 650px;height: 382px;box-shadow: 20px 20px 30px #0000002B;background: #fff;padding: 48px;}
#contents04 .inner-Box h3 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;position: relative;border-bottom: #959595 dotted 2px;padding-bottom: 13px;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents05 {margin: 0 auto 182px;position: relative;width: 1100px;z-index: 3;}
#contents05 h2 {margin-bottom: 59px;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 figure.photo {position: absolute;top: 102px;right: -90px;}
#contents05 figure.photo img{  }
#contents05 .inner-Box {margin: 0 auto 0 0px;position: relative;width: 650px;height: 382px;box-shadow: 20px 20px 30px #0000002B;background: #fff;padding: 48px;}
#contents05 .inner-Box h3 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;position: relative;border-bottom: #959595 dotted 2px;padding-bottom: 13px;}
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}


.backk{background: url(../images/concept/backkk.png);padding: 470px 0 74px;margin-bottom: -101px;}

#contentsbottom {margin: 0px auto 165px;position: relative;}
#contentsbottom h2 {font-size: 32px;line-height: 1.68;font-weight: 500;letter-spacing: 2.24px;margin-bottom: 46px;position: relative;text-align: center;}
#contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 48px;}
#contentsbottom figure.photo img{ width: 100%; height: auto; }
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box .text{ width: 800px; margin: 0 auto 98px; line-height: 1.75; font-size: 16px; letter-spacing: 0.8px; }
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {width: 320px;margin-right: 70px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 12px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

}

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

    #contentsmain {margin: -1.1vw auto 11.49vw;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat bottom center;padding-bottom: 15.43vw;background-size: 100% auto;}
    #contentsmain .inner-Box{position: relative;background: url('../images/concept/contentsmain-back02.png')repeat-x bottom center;animation: bg-scroll 30s linear infinite;background-size: auto 44.7vw;padding-bottom: 53.8vw;}
    @keyframes bg-scroll {
        0%   { background-position: 100% bottom; }
        100% { background-position: 0% bottom; }
      }
    
    #contentsmain .inner-Box h2 {text-align: center;margin: 0 16.9vw 9.27vw;padding-top: 0.5vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inBox {margin: 0 8vw;position: relative;}
    #contentsmain .inBox p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.76vw;position: relative;}
    
    #contents01 {margin: 0 auto -117.9vw;position: relative;z-index: 3;}
    #contents01 h2 {margin: 0 10.1vw 9.65vw 10.9vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 figure.photo {position: relative;right: 0vw;margin-bottom: -5.1vw;}
    #contents01 figure.photo img{  }
    #contents01 .inner-Box {margin: 0 3vw 0;position: relative;box-shadow: 4.83vw 4.83vw 7.25vw #0000002B;background: #fff;padding: 11.59vw 9.09vw 3.99vw 9.09vw;}
    #contents01 .inner-Box h3 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.86vw;position: relative;border-bottom: #959595 dotted 0.48vw;padding-bottom: 3.14vw;text-align: center;}
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin: 0 -3vw 7.25vw;position: relative;}
    
    #contents02 {margin: 0 auto 11vw;position: relative;z-index: 3;}
    #contents02 h2 {margin: 0 7.8vw 9.65vw 8.2vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 figure.photo {position: relative;right: 0vw;margin-bottom: -5.1vw;}
    #contents02 figure.photo img{  }
    #contents02 .inner-Box {margin: 0 3vw 0;position: relative;box-shadow: 4.83vw 4.83vw 7.25vw #0000002B;background: #fff;padding: 11.59vw 9.09vw 3.99vw 9.09vw;}
    #contents02 .inner-Box h3 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.86vw;position: relative;border-bottom: #959595 dotted 0.48vw;padding-bottom: 3.14vw;text-align: center;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin: 0 -3vw 7.25vw;position: relative;}
    
    #contents03 {margin: 0 auto 11vw;position: relative;z-index: 3;}
    #contents03 h2 {margin: 0 7.8vw 9.65vw 8.2vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 figure.photo {position: relative;right: 0vw;margin-bottom: -5.1vw;}
    #contents03 figure.photo img{  }
    #contents03 .inner-Box {margin: 0 3vw 0;position: relative;box-shadow: 4.83vw 4.83vw 7.25vw #0000002B;background: #fff;padding: 11.59vw 9.09vw 3.99vw 9.09vw;}
    #contents03 .inner-Box h3 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.86vw;position: relative;border-bottom: #959595 dotted 0.48vw;padding-bottom: 3.14vw;text-align: center;}
    #contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin: 0 -3vw 7.25vw;position: relative;}
    
    #contents04 {margin: 0 auto 11vw;position: relative;z-index: 3;}
    #contents04 h2 {margin: 0 7.8vw 9.65vw 8.2vw;}
    #contents04 h2 span{  }
    #contents04 h2 img {  }
    #contents04 figure.photo {position: relative;right: 0vw;margin-bottom: -5.1vw;}
    #contents04 figure.photo img{  }
    #contents04 .inner-Box {margin: 0 3vw 0;position: relative;box-shadow: 4.83vw 4.83vw 7.25vw #0000002B;background: #fff;padding: 11.59vw 9.09vw 3.99vw 9.09vw;}
    #contents04 .inner-Box h3 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.86vw;position: relative;border-bottom: #959595 dotted 0.48vw;padding-bottom: 3.14vw;text-align: center;}
    #contents04 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin: 0 -3vw 7.25vw;position: relative;}
    
    #contents05 {margin: 0 auto 11vw;position: relative;z-index: 3;}
    #contents05 h2 {margin: 0 7.8vw 9.65vw 8.2vw;}
    #contents05 h2 span{  }
    #contents05 h2 img {  }
    #contents05 figure.photo {position: relative;right: 0vw;margin-bottom: -5.1vw;}
    #contents05 figure.photo img{  }
    #contents05 .inner-Box {margin: 0 3vw 0;position: relative;box-shadow: 4.83vw 4.83vw 7.25vw #0000002B;background: #fff;padding: 11.59vw 9.09vw 3.99vw 9.09vw;}
    #contents05 .inner-Box h3 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 6.86vw;position: relative;border-bottom: #959595 dotted 0.48vw;padding-bottom: 3.14vw;text-align: center;}
    #contents05 .inner-Box p.text {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin: 0 -3vw 7.25vw;position: relative;}
    

    
    .backk{background: url(../images/concept/backkk.png);padding: 128vw 0 27.87vw;margin-bottom: -33.2vw;background-size: 100% auto;}
    
    #contentsbottom {margin: 0.0vw auto 39.86vw;position: relative;}
    #contentsbottom h2 {font-size: 7.25vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.54vw;margin-bottom: 8.91vw;position: relative;text-align: center;}
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 11.59vw;}
    #contentsbottom figure.photo img{ width: 100%; height: auto; }
    #contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box .text{margin: 0 auto 23.07vw;line-height: 1.75;font-size: 3.86vw;letter-spacing: 0.19vw;}
    #contentsbottom .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 7.3vw;}
    #contentsbottom .inner-Box ul li {margin-bottom: 1.31vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {margin-bottom: 2.9vw;}
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    #contentsbottom .inner-Box p.ltext { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    


}