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

#contentsmain {margin: 193px auto 204px auto;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;padding-top: 299px;}
#contentsmain h2 {font-size: 158px;line-height: 1.38;font-weight: 500;letter-spacing: 0;position: absolute;top: -114px;left: 160px;}
#contentsmain h3 {text-align: right;font-size: 69px;position: absolute;top: 36px;right: 160px;}
#contentsmain h3 span{  }
#contentsmain h3 img {  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1199px;}
#contentsmain .inner-Box h4 {margin-left: 49px;margin-bottom: 210px;}
#contentsmain .inner-Box h4 span{  }
#contentsmain .inner-Box h4 img {  }
#contentsmain .inner-Box figure.photo {position: absolute;top: 0;left: 50%;margin-left: -240px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box h5 {font-size: 22px;line-height: 1.38;font-weight: 500;letter-spacing: 1.1px;margin-bottom: 26px;position: relative;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents01 { margin: 0 auto; position: relative; background: url('../images/concept/contents01-back01.png')no-repeat top center; }
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1240px;height: 1845px;padding: 495px 0 0 680px;}
#contents01 .inner-Box h2 {position: absolute;top: 226px;left: 0px;z-index: 3;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.photo01 {position: absolute;top: 365px;left: -100px;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box h3 {font-size: 28px;line-height: 1.68;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 23px;position: relative;margin-left: 20px;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 40px 20px;position: relative;width: 390px;}
#contents01 .inner-Box figure.photo02 {position: absolute;bottom: 160px;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box figure.photo02 img{  }

#contents01 .morebtn{ position: relative; left: -50px; top: 16px; }

#contents02 {margin: 0 auto 162px;position: relative;background: url('../images/concept/contents02-back01.png')no-repeat top center;padding-bottom: 150px;}
#contents02 .inner-Box {margin: 0 auto 120px;position: relative;width: 1240px;padding-top: 280px;}
#contents02 .inner-Box h2 { position: relative; z-index: 3; margin-bottom: 67px; }
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box figure.photo01 {position: absolute;top: 160px;right: -220px;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box h3 {font-size: 28px;line-height: 1.68;font-weight: 500;letter-spacing: 2.8px;margin: 0px 0px 20px 18px;position: relative;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2.48;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 0 20px;position: relative;width: 340px;}
#contents02 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 6px 0 0 560px;}
#contents02 .inner-Box2 figure.photo02 { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box2 figure.photo02 img{  }
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 40px;position: relative;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/concept/contents03-back01.png')no-repeat top center;padding: 379px 0 0;}
#contents03 .inner-Box {margin: 0 auto 180px;position: relative;width: 1280px;padding: 110px 0 0 839px;height: 1270px;}
#contents03 .inner-Box h2 {position: absolute;top: -136px;left: 50%;z-index: 3;margin-left: 57px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box figure.photo {position: absolute;top: 0;left: -80px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box h3 {font-size: 28px;line-height: 1.68;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 20px;position: relative;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 40px;position: relative;}
#contents03 .morebtn{position: relative;left: -10px;top: 16px;}

#contents04 {margin: 0 auto 170px;position: relative;padding: 124px 0 0;}
#contents04 h2 {position: absolute;top: 6px;left: 50%;z-index: 3;margin-left: -601px;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 figure.photo {position: relative;top: 0;left: 0;}
#contents04 figure.photo img{width: 100%;height: auto;}
#contents04 figure.img {left: 0;text-align: center;position: relative;top: -60px;margin-bottom: 40px;}
#contents04 figure.img img{  }
#contents04 .inner-Box {margin: 0 auto;position: relative;background: #F7F8F8;max-width: 1400px;padding: 79px 0 80px;}

#contents04 .inner-Box ul{ width: 1100px; margin: 0 auto; 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; }
#contents04 .inner-Box ul li{ width: 340px; margin-right: 40px; text-align: center;}
#contents04 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contents04 .inner-Box ul li p{font-size: 14px;letter-spacing: 0.7px;line-height: 1.86;padding-top: 10px;}


}
@media screen and (min-width:768px) and ( max-width:1850px) {

#contentsmain h2 {font-size: 108px;top: -104px;left: 160px;}
#contentsmain h3 {text-align: right;font-size: 49px;;top: 36px;right: 160px;}


}


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

    #contentsmain {position: relative;margin: 18.8vw 0 19vw;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top center;padding-top: 13.22vw;background-size: 100% 100%;}
    #contentsmain h2 {font-size: 12.08vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;position: absolute;top: -6.5vw;left: 21.65vw;}
    #contentsmain h3 {font-size: 8.70vw;letter-spacing: 0;margin: 0 -0.3vw 11vw 5.3vw;}
    #contentsmain h3 span{  }
    #contentsmain h3 img {  }
    #contentsmain .inner-Box {margin: 0 5.3vw;position: relative;padding-bottom: 7vw;}
    #contentsmain .inner-Box h4 {
    margin-bottom: 7vw;
}
    #contentsmain .inner-Box h4 span{  }
    #contentsmain .inner-Box h4 img {  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;margin-bottom: 7.1vw;}
    #contentsmain .inner-Box figure.photo img{  }
    #contentsmain .inner-Box h5 {font-size: 4.51vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 3.28vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 {position: relative;background: url('../images/concept/sp-contents01-back01.png')no-repeat top center;background-size: 100% auto;}
    #contents01 .inner-Box {position: relative;padding: 46vw 0 28vw 0vw;}
    #contents01 .inner-Box h2 {position: relative;left: 0.0vw;z-index: 3;margin: 0 6.3vw -2.6vw 3vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box figure.photo01 {position: relative;left: 0vw;margin-right: 6.5vw;margin-bottom: 5.8vw;}
    #contents01 .inner-Box figure.photo01 img{  }
    #contents01 .inner-Box h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 4.56vw;position: relative;text-align: center;margin-right: 1.9vw;}
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin: 0 6.3vw 7vw;position: relative;}
    #contents01 .inner-Box figure.photo02 {
    margin: 0 13.7vw 5.7vw; padding-top: 2.7vw; }
    #contents01 .inner-Box figure.photo02 img{  }
    
    #contents01 .morebtn{position: relative;left: 0vw;margin: 0 5vw;top: 3.8vw;}
    #contents01 .morebtn a{ height: 17.3vw; padding-top: 3.2vw; }
#contents01 .morebtn a .arr{top: 3.2vw;right: 5vw;}
    #contents02 {margin: 0 auto 24.13vw;position: relative;background: url('../images/concept/sp-contents02-back01.png')no-repeat top center;padding-bottom: 8.23vw;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 auto 8.09vw;position: relative;padding-top: 22.53vw;}
    #contents02 .inner-Box h2 {position: relative;z-index: 3;margin: 0 25vw -4vw 3.5vw;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box h2 img {  }
    #contents02 .inner-Box figure.photo01 {position: relative;right: 0vw;margin-left: 6.5vw;margin-bottom: 5.5vw;}
    #contents02 .inner-Box figure.photo01 img{  }
    #contents02 .inner-Box h3 {font-size: 4.83vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.48vw;margin: 0.0vw 0vw 3.83vw 6.35vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin: 0 11vw 0 6.53vw;position: relative;}
    #contents02 .inner-Box2 {margin: 0 4vw;position: relative;padding: 1.45vw 0 0 0vw;}
    #contents02 .inner-Box2 figure.photo02 {position: relative;top: 0;left: 0;margin: 0 7.3vw 5.9vw;}
    #contents02 .inner-Box2 figure.photo02 img{  }
    #contents02 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin: 0 2.5vw 6.66vw;position: relative;}
    
    #contents03 {position: relative;background: url('../images/concept/sp-contents03-back01.png')no-repeat top center;padding: 23.35vw 0 0;background-size: 100% auto;margin-bottom: 2vw;}
    #contents03 .inner-Box {margin: 0 auto 3.48vw;position: relative;padding: 17.67vw 0 91vw 0vw;}
    #contents03 .inner-Box h2 {position: absolute;top: 0vw;left: 0;z-index: 3;width: 76.9vw;}
    #contents03 .inner-Box h2 span{  }
    #contents03 .inner-Box h2 img {  }
    #contents03 .inner-Box figure.photo {position: relative;top: 0;margin: 0 6.5vw 6vw;left: 0vw;}
    #contents03 .inner-Box figure.photo img{  }
    #contents03 .inner-Box h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.48vw;margin: 0 6.5vw 4.43vw;position: relative;}
    #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 6.5vw 6.66vw;position: relative;}
    #contents03 .morebtn{position: relative;left: 0vw;top: 3.16vw;margin: 0 5vw;}
    #contents03 .morebtn a{}
    #contents03 .morebtn a{/* padding-top: 3.2vw; */}
    #contents03 .morebtn a .arr{top: 3.2vw;right: 5vw;}
    
    #contents04 {margin: 0 auto 32.76vw;position: relative;padding: 37.75vw 0 0;}
    #contents04 h2 {position: absolute;top: 13.6vw;left: 14vw;width: 77.8vw;z-index: 3;}
    #contents04 h2 span{  }
    #contents04 h2 img {  }
    #contents04 figure.photo {position: relative;top: 0;left: 0;margin-bottom: -4.9vw;}
    #contents04 figure.photo img{width: 100%;height: auto;}
    #contents04 figure.img {left: 0;text-align: center;position: relative;top: 0vw;margin: 0 27vw 18.9vw;}
    #contents04 figure.img img{  }
    #contents04 .inner-Box {margin: 0 3.1vw;position: relative;background: #F7F8F8;padding: 11.68vw 0 4.62vw;}
    
    #contents04 .inner-Box ul{margin: 0 6vw;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;}
    #contents04 .inner-Box ul li{margin-bottom: 7.96vw;text-align: center;}
    #contents04 .inner-Box ul li:nth-child(3n){ margin-right: 0; }
    #contents04 .inner-Box ul li p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.86;padding-top: 2.42vw;}
    

}