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

.seo_bread_list{ margin-bottom: 10px; }
#contentsmain { background: url('../images/concept/main-back.jpg')no-repeat top center; }
#contentsmain .inner-Box1 { width: 1200px; margin: 0 auto; min-height: 540px; padding-top: 90px;}
#contentsmain .inner-Box1 span.en {  display: block;padding-left: 6px;margin-bottom: 33px;}
#contentsmain .inner-Box1 h2 {  margin-bottom: 49px;margin-left: 52px;}
#contentsmain .inner-Box1 h2 img{  }
#contentsmain .inner-Box1 p{  margin-left: 50px;font-size: 24px;letter-spacing: 1.2px;font-weight: 700;}
#contentsmain .inner-Box2 { width: 1200px; margin: 0 auto 28px; min-height: 540px; padding-top: 122px; position: relative;padding-left: 531px;}
#contentsmain .inner-Box2 h3{  font-size: 24px;font-weight: 700;line-height: 48px;letter-spacing: 1.5px;margin-bottom: 39px;}
#contentsmain .inner-Box2 figure{  position: absolute;top: 6px;left: -115px;}
#contentsmain .inner-Box2 p{  width: 615px;font-size: 16px;letter-spacing: 0.8px;margin-bottom: 26px;}

#contents00 { background: url('../images/concept/contents00-back.jpg')no-repeat top 27px center; padding-bottom: 400px;margin-bottom: -280px;}
#contents00 .inner-Box {  width: 1100px;margin: 0 auto;}
#contents00 .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;}
#contents00 .inner-Box ul li { margin-right: 10px; }
#contents00 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents00 .inner-Box ul li img{  }


#contents01 { background: url('../images/concept/contents01-back.png')no-repeat top center; min-height: 1037px; padding-top: 90px;margin-bottom: 100px;}
#contents01 .inner-Box1 { width: 1200px; margin: 0 auto 30px; position: relative; min-height: 646px; }
#contents01 .inner-Box1 span.no {  position: relative;top: -24px;left: 53px;display: block;margin-bottom: 21px;}
#contents01 .inner-Box1 h2{ color: #fff; font-size: 36px; line-height: 1; letter-spacing: 3.6px;  margin-left: 30px;font-weight: bold;margin-bottom: -66px;position: relative;z-index: 4;}
#contents01 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 15px 25px;margin-bottom: 6px;}
#contents01 .inner-Box1 figure{  position: absolute; top:0; right: -114px;}
#contents01 .textbox {  background: #ffffff;width: 621px;margin-left: 50px;padding: 96px 50px 43px 50px;position: relative;z-index: 3;}
#contents01 .textbox h3{  font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 36px;margin-bottom: 20px;}
#contents01 .textbox p{ font-size: 16px; }
#contents01 .inner-Box2 { width: 1100px; height: 205px; margin: 0 auto; background: #fff; position: relative; padding: 46px 110px 0 440px; }
#contents01 .inner-Box2 figure{ position: absolute; top: 0; left: 0; }
#contents01 .inner-Box2 p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; }

#contents02 { background: url('../images/concept/contents03-back.png')no-repeat top center; min-height: 1037px; padding-top: 0px;margin-bottom: 39px;}
#contents02 .inner-Box1 { width: 1200px; margin: 0 auto 67px; position: relative; min-height: 736px; padding-left: 516px;padding-top: 90px;}
#contents02 .inner-Box1 span.no {  position: relative;top: -24px;left: 157px;display: block;margin-bottom: 21px;}
#contents02 .inner-Box1 h2{ color: #fff; font-size: 36px; line-height: 1; letter-spacing: 3.6px;  margin-left: 30px;font-weight: bold;margin-bottom: -66px;position: relative;z-index: 4;}
#contents02 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 15px 25px;margin-bottom: 6px;}
#contents02 .inner-Box1 figure{  position: absolute; top: 90px; left: -71px;}
#contents02 .inner-Box1 .textbox {  background: #ffffff;width: 634px;margin-left: 50px;padding: 96px 30px 43px 50px;position: relative;z-index: 3;}
#contents02 .inner-Box1 .textbox h3{  font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 36px;margin-bottom: 20px;margin-right: 60px;}
#contents02 .inner-Box1 .textbox p{ font-size: 16px; width: 545px;}
#contents02 .inner-Box2 { width: 1100px; height: 352px; margin: 0 auto; position: relative; }
#contents02 .inner-Box2 figure{ position: absolute; top: -65px; right: -50px; }
#contents02 .inner-Box2 p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; }
#contents02 .inner-Box2 .textbox {  background: #ffffff;width: 634px;padding: 46px 30px 43px 50px;position: relative;z-index: 3;}
#contents02 .inner-Box2 .textbox h3{  font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 36px;margin-bottom: 20px;margin-right: 60px;}
#contents02 .inner-Box2 .textbox p{ font-size: 16px; width: 545px;}


#contents03 { background: url('../images/concept/contents01-back.png')no-repeat top center; min-height: 1037px; padding-top: 85px;margin-bottom: 130px;}
#contents03 .inner-Box1 { width: 1200px; margin: 0 auto 140px; position: relative; min-height: 646px; }
#contents03 .inner-Box1 span.no {  position: relative;top: -24px;left: 53px;display: block;margin-bottom: 21px;}
#contents03 .inner-Box1 h2{ color: #fff; font-size: 36px; line-height: 1; letter-spacing: 3.6px;  margin-left: 30px;font-weight: bold;margin-bottom: -66px;position: relative;z-index: 4;}
#contents03 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 15px 25px;margin-bottom: 6px;}
#contents03 .inner-Box1 figure{  position: absolute; top: 33px; right: -150px;}
#contents03 .inner-Box1 .textbox {  background: #ffffff;width: 656px;margin-left: 50px;padding: 96px 50px 19px 50px;position: relative;z-index: 3;}
#contents03 .inner-Box1 .textbox h3{  font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 36px;margin-bottom: 20px;}
#contents03 .inner-Box1 .textbox p{ font-size: 16px; margin-bottom: 25px;}
#contents03 .inner-Box2{ position: relative; width: 752px; margin: 0 auto; padding: 49px 50px 19px 50px; background: #ffffff; text-align: center;}
#contents03 .inner-Box2 .textbox {   position: relative;z-index: 3;}
#contents03 .inner-Box2 .textbox p{ font-size: 16px; margin-bottom: 25px;}
#contents03 .inner-Box2 figure{ position: absolute; top: -172px; left: 142px; z-index: 6;}

#contents04 { background: url('../images/concept/contents04-back.jpg')no-repeat top center; min-height: 1403px; margin-bottom: -1px;}
#contents04 .inner-Box { text-align: center; padding-top: 711px;}
#contents04 .inner-Box h2{ font-size: 32px; font-weight: 700; letter-spacing: 1.6px; line-height: 54px; margin-bottom: 50px;}
#contents04 .inner-Box p{ font-size: 16px; letter-spacing: 0.8px; line-height: 37px; margin-bottom: 25px;}
#contents04 .inner-Box p span{ font-weight: bold; }

.endback{ background: url('../images/concept/end-back.jpg')no-repeat top center; }


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



.seo_bread_list{ margin-bottom: 1.3vw; }
#contentsmain { background: url('../images/concept/sp-main-back.jpg')no-repeat top center; background-size: 100% auto; }
#contentsmain .inner-Box1 {    padding-top: 15.7vw;padding-bottom: 8vw;}
#contentsmain .inner-Box1 span.en {  display: block;padding-left: 0.8vw;margin: 0 49.3vw 41vw 4vw;}
#contentsmain .inner-Box1 h2 {  margin-bottom: 5.4vw;margin-left: 8.8vw;margin-right: 13vw;}
#contentsmain .inner-Box1 h2 img{  }
#contentsmain .inner-Box1 p{  margin-left: 8.5vw;font-size: 3.8vw;letter-spacing: 0.3vw;font-weight: 700;}
#contentsmain .inner-Box2 {  margin: 0 auto 3.7vw;   position: relative;}
#contentsmain .inner-Box2 h3{  font-size: 4.2vw;font-weight: 700;line-height:1.6;letter-spacing: 0.3vw;margin: 0 9vw 5.1vw;}
#contentsmain .inner-Box2 figure{ margin-bottom: 7vw; }
#contentsmain .inner-Box2 p{  font-size: 3.6vw;letter-spacing: 0.3vw;margin: 0 9vw 5.8vw;}

#contents00 { background: url('../images/concept/sp-contents00-back.jpg')no-repeat top 3.5vw center; background-size: 100% 100%; padding-bottom: 33vw;padding-top: 26vw;margin-bottom: -18vw;}
#contents00 .inner-Box {  margin: 0 4vw;}
#contents00 .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 9vw;}
#contents00 .inner-Box ul li { margin-bottom: 4.3vw; }
#contents00 .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }
#contents00 .inner-Box ul li img{  }


#contents01 { background: url('../images/concept/sp-contents01-bottomback.jpg')no-repeat bottom center #F4EFE7; background-size: 100% auto; padding-top: 11.7vw;margin-bottom: 13.0vw;padding-bottom: 21vw;}
#contents01 .inner-Box1 {  margin: 0 auto 6.9vw; position: relative;  }
#contents01 .inner-Box1 span.no {  position: relative;top: -3.1vw;left: 8.9vw;display: block;margin-bottom: 2.7vw;width: 23vw;}
#contents01 .inner-Box1 h2{ color: #fff; font-size: 5.8vw; line-height: 1; letter-spacing: 0.3vw;  margin-left: 8.9vw;font-weight: bold;position: relative;z-index: 4;margin-bottom: 3vw;}
#contents01 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 2.0vw 3.3vw;margin-bottom: 0.8vw;}
#contents01 .inner-Box1 figure{ margin: 0 9vw 4vw; }
#contents01 .textbox {  margin: 0 8.5vw;position: relative;z-index: 3;}
#contents01 .textbox h3{  font-weight: 700;font-size: 4vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 5.6vw;}
#contents01 .textbox p{ font-size: 3.6vw; }
#contents01 .inner-Box2 {   margin: 0 9vw;  position: relative;  background: #fff;padding-bottom: 3vw;}
#contents01 .inner-Box2 figure{ margin-bottom: 4vw; }
#contents01 .inner-Box2 p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin: 0 4vw;}

#contents02 { background: url('../images/concept/sp-contents03-bottomback.jpg')no-repeat bottom center, url('../images/concept/sp-contents03-topback.jpg')no-repeat top center #F4EFE7; background-size: 100% auto; padding-top: 11.7vw;margin-bottom: 13.0vw;padding-bottom: 21vw;}
#contents02 .inner-Box1 {  margin: 0 auto 6.9vw; position: relative;  }
#contents02 .inner-Box1 span.no {  position: relative;top: -3.1vw;left: 8.9vw;display: block;margin-bottom: 2.7vw;width: 23vw;}
#contents02 .inner-Box1 h2{ color: #fff; font-size: 5.8vw; line-height: 1; letter-spacing: 0.3vw;  margin-left: 8.9vw;font-weight: bold;position: relative;z-index: 4;margin-bottom: 3vw;}
#contents02 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 2.0vw 3.3vw;margin-bottom: 0.8vw;}
#contents02 .inner-Box1 figure{ margin: 0 9vw 4vw; }
#contents02 .inner-Box1 .textbox {  position: relative;z-index: 3;margin: 0 8vw;}
#contents02 .textbox h3{  font-weight: 700;font-size: 4vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 5.6vw;}
#contents02 .textbox p{ font-size: 3.6vw; }
#contents02 .inner-Box2 {   margin: 0 9vw;  position: relative;  background: #fff;padding-bottom: 3vw;}
#contents02 .inner-Box2 figure{ margin-bottom: 4vw; }
#contents02 .inner-Box2 p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin: 0 4vw;}


#contents03 { background: url('../images/concept/sp-contents03-bottomback.jpg')no-repeat bottom center, url('../images/concept/sp-contents03-topback.jpg')no-repeat top center #F4EFE7; background-size: 100% auto; padding-top: 11.7vw;margin-bottom: 13.0vw;padding-bottom: 21vw;}
#contents03 .inner-Box1 {  margin: 0 auto 6.9vw; position: relative;  }
#contents03 .inner-Box1 span.no {  position: relative;top: -3.1vw;left: 8.9vw;display: block;margin-bottom: 2.7vw;width: 23vw;}
#contents03 .inner-Box1 h2{color: #fff;font-size: 5.8vw;line-height: 1;letter-spacing: 0.3vw;margin-left: 0vw;font-weight: bold;position: relative;z-index: 4;margin-bottom: 3vw;margin-left: 9vw;}
#contents03 .inner-Box1 h2 span{ display: inline-block; background: #6cae30; padding: 2.0vw 3.3vw;margin-bottom: 0.8vw;}
#contents03 .inner-Box1 figure{ margin: 0 9vw 4vw; }
#contents03 .inner-Box1 .textbox {  position: relative;z-index: 3;margin: 0 8vw 12vw;}
#contents03 .textbox h3{  font-weight: 700;font-size: 4vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 5.6vw;}
#contents03 .textbox p{ font-size: 3.6vw; }
#contents03 .inner-Box2 {   margin: 0 9vw;  position: relative;  background: #fff;padding-bottom: 3vw;}
#contents03 .inner-Box2 figure{ width: 60vw; margin: 0 0vw -5vw 10vw; position: relative;top: -7vw;}
#contents03 .inner-Box2 p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin: 0 8vw 3vw;}

#contents04 { background: url('../images/concept/sp-contents04-back.jpg')no-repeat top center; background-size: 100% auto; margin-bottom: -4vw;}
#contents04 .inner-Box {text-align: center;padding-top: 56vw;padding-bottom: 35vw;}
#contents04 .inner-Box h2{ font-size: 5.2vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 6.5vw;}
#contents04 .inner-Box p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; margin-bottom: 3.3vw;}
#contents04 .inner-Box p span{ font-weight: bold; }

.endback{ background: url('../images/concept/sp-end-back.jpg')no-repeat top center; background-size: 100% auto; }

}