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

    #contentsmain {margin: 0 auto 265px;position: relative;}
    #contentsmain .inner-Box {margin: 0 auto 159px;position: relative;width: 1100px;padding-top: 116px;}
    #contentsmain .inner-Box span.icon01 {display: none;line-height: 1;position: absolute;top: -30px;right: -327px;}
    #contentsmain .inner-Box h2{font-size: 38px;line-height: 1.6;font-weight: 700;letter-spacing: 4.56px;margin-bottom: 12px;color: #DEDC9A;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h3.f-gop {font-size: 86px;line-height: 1;font-weight: 500;letter-spacing: 2.58px;margin-bottom: -153px;color: #DEDC9A;}
    #contentsmain .inner-Box h3.f-gop span{  }
    #contentsmain .inBox {margin: 0 auto 0 550px;position: relative;color: #fff;}
    #contentsmain .inBox h4{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 33px;}
    #contentsmain .inBox p.text {font-size: 14px;line-height: 34px;font-weight: 300;letter-spacing: 1.68px;margin-bottom: 34px;}
    #contentsmain span.icon02 {display: block;line-height: 1;position: absolute;top: 401px;left: -136px;}
    #contentsmain figure.photo01 { position: relative; top: 0; left: 0; }
    #contentsmain figure.photo01 img{ width: 100%; height: auto; }

    #contents01 {margin: 0 auto 230px;height: 665px;position: relative;}
    #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-top: 109px;color: #fff;}
    #contents01 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -166px;left: 50%;margin-left: -909px;}
    #contents01 .inner-Box span.f-gop {color: #DEDC9A;font-size: 50px;line-height: 1;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 22px;display: block;}
    #contents01 .inner-Box h2{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 34px;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box p.text {font-size: 14px;line-height: 34px;font-weight: 500;letter-spacing: 1.68px;margin-bottom: 30px;width: 392px;}
    #contents01 .inner-Box figure.photo {position: absolute;top: 0;right: -170px;}

    #contents02 {margin: 0 auto 230px;height: 665px;position: relative;}
    #contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-top: 88px;color: #fff;padding-left: 708px;}
    #contents02 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -178px;left: 50%;margin-left: 625px;}
    #contents02 .inner-Box span.f-gop {color: #DEDC9A;font-size: 50px;line-height: 1;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 22px;display: block;}
    #contents02 .inner-Box h2{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 34px;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box p.text {font-size: 14px;line-height: 34px;font-weight: 500;letter-spacing: 1.68px;margin-bottom: 35px;width: 392px;}
    #contents02 .inner-Box figure.photo {position: absolute;top: 0;left: -170px;}

    #contents03 {margin: 0 auto 242px;height: 665px;position: relative;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-top: 73px;color: #fff;}
    #contents03 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -145px;left: 50%;margin-left: -844px;}
    #contents03 .inner-Box span.f-gop {color: #DEDC9A;font-size: 50px;line-height: 1;letter-spacing: 0.8px;font-weight: 500;margin-bottom: 22px;display: block;}
    #contents03 .inner-Box h2{font-size: 28px;line-height: 45px;font-weight: 700;letter-spacing: 3.36px;margin-bottom: 34px;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box p.text {font-size: 14px;line-height: 34px;font-weight: 500;letter-spacing: 1.68px;margin-bottom: 30px;width: 462px;}
    #contents03 .inner-Box figure.photo {position: absolute;top: 0;right: -170px;}

    #contentsbottom {margin: 0 auto 184px;position: relative;background: url('../images/concept/contentsbottom-back01.png')repeat-x top center;animation: slideRightToLeft 45s linear infinite;}
    @keyframes slideRightToLeft { from { background-position: left 215% top 200px; } to { background-position:  left 0% top 200px; } }
    
    #contentsbottom span.icon01 {display: block;line-height: 1;position: absolute;top: -116px;left: 50%;margin-left: -908px;}
    #contentsbottom span.icon02 {display: block;line-height: 1;position: absolute;top: 20px;left: 50%;margin-left: 550px;}
    #contentsbottom h2{font-size: 35px;line-height: 50px;font-weight: 700;letter-spacing: 4.2px;margin-bottom: 671px;text-align: center;color: #fff;position: relative;left: 2px;}
    #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 818px;}
    #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: 26px;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li figure{  }
    

}

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

    #contentsmain {margin: 0 auto 33.9vw;position: relative;}
    #contentsmain .inner-Box {margin: 0 5.7vw 22.7vw;position: relative;padding-top: 48.1vw;}
    #contentsmain .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: 26.1vw;right: -16.6vw;width: 43vw;}
    #contentsmain .inner-Box h2{font-size: 6.2vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 3.6vw;color: #DEDC9A;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h3.f-gop {font-size: 15.4vw;line-height: 1;font-weight: 500;letter-spacing: 0.3vw;color: #DEDC9A;margin-bottom: 14.9vw;}
    #contentsmain .inner-Box h3.f-gop span{  }
    #contentsmain .inBox {position: relative;color: #fff;}
    #contentsmain .inBox h4{font-size: 4.6vw;line-height: 2;font-weight: 700;letter-spacing: 0.75vw;margin-bottom: 3.1vw;}
    #contentsmain .inBox p.text {font-size: 3.2vw;line-height: 2.7;font-weight: 300;letter-spacing: 0.37vw;margin-bottom: -0.4vw;}
    #contentsmain span.icon02 {display: none;line-height: 1;position: absolute;top: 52.3vw;left: -17.7vw;}
    #contentsmain figure.photo01 { position: relative; top: 0; left: 0; }
    #contentsmain figure.photo01 img{ width: 100%; height: auto; }
    
    #contents01 {margin: 0 auto 28.7vw;position: relative;}
    #contents01 .inner-Box {margin: 0 5.4vw;position: relative;color: #fff;}
    #contents01 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -10.6vw;right: -51.4vw;width: 79.6vw;}
    #contents01 .inner-Box span.f-gop {color: #DEDC9A;font-size: 13.2vw;line-height: 1;letter-spacing: 0.3vw;font-weight: 500;margin-bottom: 2.9vw;display: block;}
    #contents01 .inner-Box h2{font-size: 5.6vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.1vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box p.text {font-size: 3.5vw;line-height: 2.45;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: 10.5vw;}
    #contents01 .inner-Box figure.photo {position: relative;top: 0;}
    
    #contents02 {margin: 0 auto 29vw;position: relative;}
    #contents02 .inner-Box {margin: 0 5.4vw;position: relative;color: #fff;}
    #contents02 .inner-Box span.icon01 {display: none;line-height: 1;position: absolute;top: -10.6vw;right: -51.4vw;width: 79.6vw;}
    #contents02 .inner-Box span.f-gop {color: #DEDC9A;font-size: 13.2vw;line-height: 1;letter-spacing: 0.3vw;font-weight: 500;margin-bottom: 2.9vw;display: block;}
    #contents02 .inner-Box h2{font-size: 5.6vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.1vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box p.text {font-size: 3.5vw;line-height: 2.45;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: 0.4vw;}
    #contents02 .inner-Box figure.photo {position: relative;top: 0;margin-top: 10.3vw;}
    
    #contents03 {margin: 0 auto 30.0vw;position: relative;}
    #contents03 .inner-Box {margin: 0 5.4vw;position: relative;color: #fff;}
    #contents03 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -12.4vw;right: -11.6vw;width: 31.2vw;}
    #contents03 .inner-Box span.f-gop {color: #DEDC9A;font-size: 13.2vw;line-height: 1;letter-spacing: 0.3vw;font-weight: 500;margin-bottom: 2.9vw;display: block;}
    #contents03 .inner-Box h2{font-size: 5.6vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 6.1vw;margin-right: -3vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box p.text {font-size: 3.5vw;line-height: 2.45;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: 10.5vw;}
    #contents03 .inner-Box figure.photo {position: relative;top: 0;}
    
    #contentsbottom {margin: 0 auto 18.5vw;position: relative;background: url('../images/concept/contentsbottom-back01.png')repeat-x top center;animation: slideRightToLeft 45s linear infinite;padding-top: 19.8vw;background-size: 230%;}
    @keyframes slideRightToLeft { from { background-position: left 215% top 70vw; } to { background-position:  left 0% top 70vw; } }
    
    #contentsbottom span.icon01 {display: block;line-height: 1;position: absolute;top: -7.5vw;left: 0vw;margin-left: -51.1vw;width: 86vw;}
    #contentsbottom span.icon02 {display: block;line-height: 1;position: absolute;top: 2.6vw;left: 50%;margin-left: 71.7vw;}
    #contentsbottom h2{font-size: 7.1vw;line-height:1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 94.2vw;text-align: center;color: #fff;position: relative;left: 0.3vw;}
    #contentsbottom .inner-Box {margin: 0 5.5vw;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: 5.6vw;}
    #contentsbottom .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }
    
}