@charset "UTF-8";
@media screen and (min-width: 768px),print {
.aaa{margin-bottom: 0;}
main#concept{ width:100%; }

#con01{ position: relative; width:100%; max-width:1920px; margin:0 auto 160px; padding-bottom: 354px; background: url(../images/concept/con01-bg01.png) no-repeat center bottom; }
#con01 .pic{ position: relative; overflow: hidden; height: 600px; margin-bottom: 211px; }
#con01 .pic img{ position: absolute; top: 50%; left: 50%; width: 1920px; height: 600px; transform: translate(-50%, -50%); }
#con01 .inner-Box{ width:1200px; margin:0 auto; position:relative; }
#con01 .pic1{ position:absolute; top:0; right:-203px; }
#con01 .txt-box{ min-height:1030px; }
#con01 .txt-box .ttl{ margin-bottom:100px; }
#con01 .txt-box .ttl1{ font-size:20px; font-weight:700; line-height:33px; letter-spacing:3px; color:#159785; margin-bottom:50px; }
#con01 .txt-box .txt{ font-size:16px; line-height:33px; letter-spacing:0.8px; }
#con01 .txt-box .mb1{ margin-bottom: 30px; }
#con01 .icon-txt{ position:absolute; bottom:260px; right:180px; }

#con02{ width:100%; max-width:1920px; margin:0 auto 200px; padding:160px 0 180px; background-color:#F9F8F4; }
#con02 .box1{ width:1100px; min-height: 405px; margin:0 auto 152px; position:relative; }
#con02 .box1 .pic{ position:absolute; top:0; right:-140px; }
#con02 .box1 .txt-box{ width:555px; }
#con02 .box1 .ttl{ font-size:24px; font-weight:700; line-height:46px; letter-spacing:1.2px; color:#159785; margin-bottom:30px; }
#con02 .box1 .txt{ font-size:16px; line-height:32px; letter-spacing:0.8px; }
#con02 .box1 .mb1{ margin-bottom:28px; }
#con02 .box2{ width:1100px; min-height: 405px; margin:0 auto 152px; position:relative; }
#con02 .box2 .pic{ position:absolute; top:0; left:-140px; }
#con02 .box2 .txt-box{ width:555px; margin-left:auto; }
#con02 .box2 .ttl{ font-size:24px; font-weight:700; line-height:46px; letter-spacing:1.2px; color:#159785; margin-bottom:30px; }
#con02 .box2 .txt{ font-size:16px; line-height:32px; letter-spacing:0.8px; }
#con02 .box2 .mb1{ margin-bottom:28px; }
#con02 .last-box{ margin-bottom:0; }

#con03{ width:100%; max-width:1920px; margin:0 auto 160px; min-height:440px; background: url(../images/concept/con03-bg01.png) no-repeat center top; }
#con03 .inner-Box{ width:1280px; margin:0 auto; position:relative; }
#con03 .ttl{ position:absolute; top: 136px; left: 50px; }

#end-contents{ width:1200px; margin: 0 auto 180px; padding-bottom: 90px; background: url(../images/concept/con04-bg01.png) no-repeat center bottom; }
#end-contents .list{ width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; }
#end-contents .list li{ width:330px; }
#end-contents .list li img{ margin-bottom:15px; }
#end-contents .list li p{ font-size:16px; line-height:32px; letter-spacing:0px; }

}

@media screen and (max-width: 767px) {
.aaa{margin-bottom: 0;}

#con01{ margin:0 auto 25vw; padding-bottom: 72vw; background: url(../images/concept/sp-con01-bg01.png) no-repeat center top 82vw,url(../images/concept/sp-con01-bg02.png) no-repeat center bottom; background-size: 74%,82%; }
#con01 .pic{ margin-bottom: 30vw; }
#con01 .inner-Box{ margin:0 auto; position:relative; }
#con01 .pic1{ margin-bottom:12vw; }
#con01 .txt-box{ margin: 0 7vw; }
#con01 .txt-box .ttl{ margin: 0 6vw 18vw; }
#con01 .txt-box .ttl1{ font-size:5.6vw; font-weight:700; line-height: 1.8; letter-spacing: 0.24vw; color:#159785; margin-bottom:8vw; }
#con01 .txt-box .txt{ font-size:3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con01 .txt-box .mb1{ margin-bottom: 7.24vw; }

#con02{ margin:0 auto 15vw; padding:12vw 7vw 12vw; background-color:#F9F8F4; }
#con02 .box1{ margin:0 auto 15vw; position:relative; }
#con02 .box1 .pic{ margin-bottom:5vw; }
#con02 .box1 .txt-box{ }
#con02 .box1 .ttl{ font-size:5vw; font-weight:700; line-height: 1.8; letter-spacing: 0.24vw; color:#159785; margin-bottom:7vw; }
#con02 .box1 .txt{ font-size:3.86vw; line-height: 1.8; letter-spacing: 0.24vw; }
#con02 .box1 .mb1{ margin-bottom:6.76vw; }
#con02 .box2{ margin:0 auto 15vw; position:relative; }
#con02 .box2 .pic{ margin-bottom:5vw; }
#con02 .box2 .txt-box{ }
#con02 .box2 .ttl{ font-size:5vw; font-weight:700; line-height: 1.8; letter-spacing: 0.24vw; color:#159785; margin-bottom:7vw; }
#con02 .box2 .txt{ font-size:3.86vw; line-height: 1.8; letter-spacing: 0.24vw; }
#con02 .box2 .mb1{ margin-bottom:6.76vw; }
#con02 .last-box{ margin-bottom:0; }

#con03{ margin:0 auto 15vw; min-height:83vw; background: url(../images/concept/sp-con03-bg01.png) no-repeat center bottom; background-size: 100%; }
#con03 .inner-Box{ margin:0 auto; position:relative; }
#con03 .ttl{ margin:0 10vw; }

#end-contents{ margin: 0 auto 20vw; padding-bottom: 24vw; background: url(../images/concept/sp-con04-bg01.png) no-repeat center bottom; background-size: 100%; }
#end-contents .list{ margin: 0 7vw; }
#end-contents .list li{ margin-bottom:10vw; }
#end-contents .list li img{ margin-bottom:3.62vw; }
#end-contents .list li p{ font-size:3.86vw; line-height: 1.6; letter-spacing: 0.24vw; }
#end-contents .list li:nth-child(3n){ margin-bottom:0; }




}