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

    #contentsmain {margin: 0 auto -100px;position: relative;background: url('../images/concept/contentsmain-back01.png')repeat-x bottom center;animation: bg-scroll 60s linear infinite;text-align: center;padding: 54px 0 543px;z-index: 3;}
@keyframes bg-scroll { 0% { background-position-x: 0; } 100% { background-position-x: -2070px; } }
    
    #contentsmain .inner-Box { margin: 0 auto; position: relative; }
    #contentsmain .inner-Box h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 68px;position: relative;}
    #contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

    #contents01 {margin: 0 auto -355px;position: relative;background: url('../images/concept/contents01-back00.png')no-repeat top center;padding: 140px 0 377px;}
    #contents01 h2 {text-align: center;margin-bottom: 50px;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 h3.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 0px;text-align: center;position: relative;}
    #contents01 .inner-Box{margin: 0 auto;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat top center;padding-bottom: 107px;}
    #contents01 .inner-Box .inBox {margin: 0 auto;position: relative;width: 1200px;padding: 157px 60px 0 599px;}
    #contents01 .inner-Box .inBox h4.f-min {font-size: 23px;line-height: 1.7;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 30px;position: relative;}
    #contents01 .inner-Box .inBox figure.photo {position: absolute;top: 102px;left: 50%;margin-left: -960px;}
    #contents01 .inner-Box .inBox figure.photo img{  }
    #contents01 .inner-Box .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
    #contents01 .inner-Box2{ margin: 0 auto; position: relative; background: url('../images/concept/contents01-back02.png')no-repeat top center; }
    #contents01 .inner-Box2 .inBox2 {margin: 0 auto;position: relative;width: 1200px;padding: 157px 0 239px 48px;}
    #contents01 .inner-Box2 .inBox2 h4.f-min {font-size: 23px;line-height: 1.7;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 30px;position: relative;}
    #contents01 .inner-Box2 .inBox2 figure.photo {position: absolute;top: 103px;right: -40px;}
    #contents01 .inner-Box2 .inBox2 figure.photo img{  }
    #contents01 .inner-Box2 .inBox2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;}
    #contents01 .inner-Box2 .inBox2 h5.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 0px;position: relative;padding: 82px 0 0;}
    #contents01 .inner-Box2 .inBox2 h5.f-min span {font-size: 16px;letter-spacing: 0.8px;display: inline-block;margin-right: -9px;}
    #contents01 .inner-Box3 {margin: 0 auto 40px;position: relative;}
    #contents01 .inner-Box3 h4.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 76px;position: relative;text-align: center;}
    #contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 50%;text-align: center;margin-bottom: -27px;transform: translateX(-50%);}
    #contents01 .inner-Box3 figure.photo img{  }
    #contents01 .inBox3 {margin: 0 auto;position: relative;width: 1100px;height: 604px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 95px 0 0;}
    #contents01 .inBox3 h5.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 32px;position: relative;text-align: center;}
    #contents01 .inBox3 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 850px;}
    #contents01 .inBox3 p.btn {text-align: center;padding-top: 6px;}
    #contents01 .inBox3 p.btn img {  }
    #contents01 .inner-Box4{margin: 0 auto;position: relative;background: url('../images/concept/contents01-back01.png')no-repeat top center;padding-bottom: 107px;}
    #contents01 .inner-Box4 .inBox4 {margin: 0 auto;position: relative;width: 1200px;padding: 157px 60px 0 599px;}
    #contents01 .inner-Box4 .inBox4 h4.f-min {font-size: 23px;line-height: 1.7;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 30px;position: relative;}
    #contents01 .inner-Box4 .inBox4 figure.photo {position: absolute;top: 102px;left: 50%;margin-left: -640px;}
    #contents01 .inner-Box4 .inBox4 figure.photo img{  }
    #contents01 .inner-Box4 .inBox4 p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

    #contentsbottom {margin: 0 auto 198px;position: relative;text-align: center;padding: 90px 0 0;}
    #contentsbottom h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;}
    #contentsbottom h3.f-min {font-size: 23px;line-height: 1.71;font-weight: 400;letter-spacing: 2.3px;margin-bottom: 46px;position: relative;}
    #contentsbottom p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 57px;position: relative;}
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 95px;}
    #contentsbottom figure.photo img{ width: 100%; height: auto; }
    #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
    #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 {margin-right: 40px;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    

}

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



    #contentsmain {margin: 0 auto -15vw;position: relative;background: url('../images/concept/contentsmain-back01.png')repeat-x bottom center;animation: bg-scroll 120s linear infinite;text-align: center;padding: 4.04vw 0 67.9vw;z-index: 3;background-size: auto 54.27vw;}
    @keyframes bg-scroll { 0% { background-position-x: 0; } 100% { background-position-x: -500.00vw; } }
        
        #contentsmain .inner-Box {margin: 0 8.1vw;position: relative;}
        #contentsmain .inner-Box h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.33vw;position: relative;}
        #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;text-align: left;}
    
        #contents01 {margin: 0 auto -77.2vw;position: relative;background: url('../images/concept/contents01-back00.png')repeat top center;padding: 18.82vw 0 64.76vw;background-size: 100% auto;}
        #contents01 h2 {text-align: center;margin-bottom: 12.08vw;margin-right: 5.4vw;}
        #contents01 h2 span{  }
        #contents01 h2 img {  }
        #contents01 h3.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.8vw;text-align: center;position: relative;}
        #contents01 .inner-Box{position: relative;box-shadow: 0px 0.72vw 1.45vw #00000029;background: #fff;padding: 8.7vw 0vw 1.7vw 0vw;margin-bottom: 7vw;}
        #contents01 .inner-Box .inBox {margin: 0 8vw;position: relative;}
        #contents01 .inner-Box .inBox h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin: 0 -4vw 6.15vw;position: relative;text-align: center;}
        #contents01 .inner-Box .inBox figure.photo {position: relative;margin-bottom: 6.8vw;}
        #contents01 .inner-Box .inBox figure.photo img{  }
        #contents01 .inner-Box .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
        #contents01 .inner-Box2{position: relative;padding-bottom: 25.85vw;box-shadow: 0px 0.72vw 1.45vw #00000029;background: #fff;padding: 9.1vw 0vw 8.2vw 0vw;margin-bottom: 16vw;}
        #contents01 .inner-Box2 .inBox2 {margin: 0 8vw;position: relative;}
        #contents01 .inner-Box2 .inBox2 h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin: 0 -4vw 6.15vw;position: relative;text-align: center;}
        #contents01 .inner-Box2 .inBox2 figure.photo {position: relative;margin-bottom: 6.8vw;}
        #contents01 .inner-Box2 .inBox2 figure.photo img{  }
        #contents01 .inner-Box2 .inBox2 p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
        #contents01 .inner-Box2 .inBox2 h5.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 0.0vw;position: relative;padding: 0.81vw 0 0;}
        #contents01 .inner-Box2 .inBox2 h5.f-min span {font-size: 3.86vw;letter-spacing: 0.19vw;display: inline-block;margin-right: -2.1vw;}
        #contents01 .inner-Box3 {margin: 0 auto 6.86vw;position: relative;}
        #contents01 .inner-Box3 h4.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 10.66vw;position: relative;text-align: center;}
        #contents01 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 0vw;}
        #contents01 .inner-Box3 figure.photo img{  }
        #contents01 .inBox3 {position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 8.65vw 0 10vw;}
        #contents01 .inBox3 h5.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.53vw;position: relative;text-align: center;}
        #contents01 .inBox3 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8vw 7.25vw;position: relative;}
        #contents01 .inBox3 p.btn {text-align: center;padding-top: 1.45vw;margin: 0 10vw;}
        #contents01 .inBox3 p.btn img {  }
        #contents01 .inner-Box4{position: relative;padding-bottom: 25.85vw;box-shadow: 0px 0.72vw 1.45vw #00000029;background: #fff;padding: 9.1vw 0vw 8.2vw 0vw;margin-bottom: 16vw;}
        #contents01 .inner-Box4 .inBox4 {margin: 0 8vw;position: relative;}
        #contents01 .inner-Box4 .inBox4 h4.f-min {font-size: 4.83vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin: 0 -4vw 6.15vw;position: relative;text-align: center;}
        #contents01 .inner-Box4 .inBox4 figure.photo {position: relative;margin-bottom: 6.8vw;}
        #contents01 .inner-Box4 .inBox4 figure.photo img{  }
        #contents01 .inner-Box4 .inBox4 p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    

    #contentsbottom {margin: 0 auto 13.91vw;position: relative;text-align: center;padding: 12.84vw 0 0;}
    #contentsbottom h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.16vw;position: relative;}
    #contentsbottom h3.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 10.76vw;position: relative;}
    #contentsbottom p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8vw 8.77vw;position: relative;text-align: left;}
    #contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 15.94vw;}
    #contentsbottom figure.photo img{ width: 100%; height: auto; }
    #contentsbottom .inner-Box {margin: 0 9vw;position: relative;}
    #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 {margin-bottom: 9.66vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }

    
}