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

#svttl{text-align: left;height: auto;}
#svttl .inbox1{max-width: 1240px;margin: 0 auto 77px;padding: 145px 20px 0 65rem;position: relative;}
#svttl .inbox1 h2{position: absolute;left: 20px;top: 0;}
#svttl .inbox1 p.text{font-size: 1.6rem;letter-spacing: 0;line-height: 2;font-weight: 500;margin-bottom: 32px;}
#svttl .inbox1 .en{letter-spacing: 5px;text-align: left;}
#svttl .inbox1 .jp{text-align: left;margin-left: 7px;letter-spacing: 0;}
#svttl .inbox2{max-width: 1280px;margin: 0 auto;padding: 0 4rem 100px;}
#svttl .inbox2 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;}
#svttl .inbox2 ul li{width: 23.8%;margin-right: 1.6%;position: relative;}
#svttl .inbox2 ul li.acv::before{content: url(../images/new/img01.svg);position: absolute;top: -51px;left: 30px;z-index: 3;}
#svttl .inbox2 ul li.acv::after{content: url(../images/new/contentsmain-icon01.svg);position: absolute;bottom: 16px;left: 50%;z-index: 3;transform: translateX(-50%);}
#svttl .inbox2 ul li.acv a{ background: #FFEE4A; }

#svttl .inbox2 ul li:nth-child(4){margin-right: 0;}
#svttl .inbox2 ul li a{display: block;height: 140px;background: #fff;border-radius: 15px;text-align: center;box-shadow: 0 10px 0 0 #89B62B;position: relative; top: 0; padding: 36px 0 0;font-size: 2.2rem;font-weight: bold;transition: all 0.3s ease-in-out;}
#svttl .inbox2 ul li a:hover{ text-decoration: none;box-shadow: 0 0px 0 0 #89B62B; background: #FFEE4A; top: 10px;}
#svttl .inbox2 ul li a span{display: block;font-size: 1.5rem;font-weight: 500;margin-bottom: 2px;}
#svttl .inbox2 ul li.acv a:hover{ text-decoration: none;box-shadow: 0 10px 0 0 #89B62B; background: #FFEE4A; top: 0px;}

#contents01 {margin: 0 auto 248px;position: relative;padding: 33px 5rem 0;max-width: 1460px;}
#contents01 span.subttl{text-align: center;display: block;font-size: 2.8rem;font-weight: 600;letter-spacing: 0.14rem;margin-bottom: 10px;}
#contents01 h2 {font-size: 6.4rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.32rem;margin-bottom: 83px;position: relative;text-align: center;color: #fff;-webkit-text-stroke: 6px black;paint-order: stroke;}
#contents01 .inner-Box {margin: 0 auto;position: relative;margin-left: 550px;}
#contents01 .minBox {position: relative;max-width: 580px;min-height: 200px;border-radius: 20px;background: #fff;z-index: 3;line-height: 1.81;font-size: 2.7rem;font-weight: 700;letter-spacing: 0.135rem;padding: 51px 35px 55px 55px;margin-bottom: 60px;}
#contents01 .minBox::before{content: "";background: url(../images/new/icon01.svg)no-repeat;width: 60px;height: 46px;position: absolute;top: -25px;left: 40px;}
#contents01 .minBox::after{content: "";background: url(../images/new/icon02.svg)no-repeat;width: 60px;height: 46px;position: absolute;bottom: -25px;right: 29px;}
#contents01 figure.img {position: absolute;top: 56px;left: -551px;background: #F1E046;border-radius: 30px;width: 600px;height: 600px;z-index: -1;padding: 136px 0 0 172px;}
#contents01 figure.img img{  }
#contents01 p.text {font-size: 1.6rem;line-height: 2.19;font-weight: 400;letter-spacing: 0;margin-bottom: 34px;position: relative;max-width: 580px;}
#contents01 h3.f-pro {font-size: 6.8rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.34rem;margin-bottom: 0px;position: relative;transform: rotate(90deg);transform-origin: center;color: #F1E046;position: absolute;top: 465px;left: 50%;z-index: -1;margin-left: 341px;}

#contents02 {margin: 0 auto 142px;position: relative;padding: 0 5rem;max-width: 1300px;}
#contents02 figure.photo {position: absolute;top: -180px;right: -30px;z-index: 3;}
#contents02 figure.photo img{  }
#contents02 .inner-Box {margin: 0 auto;position: relative;background: #fff;border-radius: 30px;padding: 71px 3rem 66px;}
#contents02 .inner-Box h2 {font-size: 2rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 0px;position: absolute;top: -70px;left: 0;height: 130px;width: 410px;background: #fff;border-radius: 30px;padding: 28px 0 0 57px;}
#contents02 .inner-Box h2::before{content: "";background:  url(../images/new/contents02-icon02.svg);display: block;width: 40px;height: 40px;position: absolute;top: 30px;right: -39px;}
#contents02 .inner-Box h2 span{background: url(../images/new/contents02-line.svg)no-repeat bottom left;display: inline-block;padding: 0 20px 20px 7px;}
#contents02 .inner-Box ul{ max-width: 757px; margin: 0 auto; position: relative; left: 27px; }
#contents02 .inner-Box ul li { position: relative; }
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 8px;left: -46px;}
#contents02 .inner-Box span.ch img {  }
#contents02 .inner-Box p.ltext {font-size: 2.3rem;line-height: 1.94;font-weight: 700;letter-spacing: 0.115rem;margin-bottom: 9px;position: relative;}
#contents02 .inner-Box figure.img {position: absolute;bottom: -44px;right: 45px;}
#contents02 .inner-Box figure.img img{  }


#contents03 {margin: 0 auto 221px;position: relative;padding: 0 5rem;max-width: 1260px;}
#contents03 .inner-Box1 {margin: 0 auto 114px;position: relative;}
#contents03 .inner-Box1 h2 {font-size: 4rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.2rem;margin-bottom: 43px;position: relative;text-align: center;}
#contents03 .inner-Box1 h2::before{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 27px;height: 48px;display: block;position: absolute;left: 50%;margin-left: -328px;top: 8px;}
#contents03 .inner-Box1 h2::after{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 27px;height: 48px;display: block;position: absolute;left: 50%;margin-left: 301px;top: 8px;transform: scaleX(-1);}

#contents03 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;}
#contents03 ul li {position: relative;width: 31.1%;margin-right: 3.3%;}
#contents03 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 ul li a {  }
#contents03 ul li a:hover {  }
#contents03 .photoBox {margin: 0 auto 20px;position: relative;overflow: hidden;border-radius: 19px;}
#contents03 .photoBox figure.img {width: 100%;aspect-ratio: 36 / 48;overflow: hidden;text-align: center;position: relative;}
#contents03 .photoBox figure.img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents03 .hvBox { transition: all 0.3s ease-in-out; opacity: 0; width: 100%;aspect-ratio: 36 / 48;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);padding: 11.7rem 4rem 0;}
#contents03 ul li a:hover .hvBox{ opacity: 1; }

#contents03 .hvBox span.end{color: #FFEE4A;font-size: 1.4rem;margin-bottom: 15px;display: block;}
#contents03 .hvBox p.hbtext {font-size: 1.4rem;line-height: 1.71;font-weight: 400;letter-spacing: 0rem;margin-bottom: 30px;position: relative;color: #fff;}
#contents03 .hvBox p.hbtext span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
#contents03 .hvBox p.dlmoert {font-size: 1.3rem;line-height: 1.94;font-weight: 400;letter-spacing: 0;position: absolute;color: #fff;bottom: 43px;right: 83px;}
#contents03 .hvBox span.dlarr {display: block;line-height: 1;position: absolute;top: -3px;right: -41px;}
#contents03 .hvBox span.dlarr img {  }
#contents03  h3 {font-size: 2rem;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 16px;position: relative;}
#contents03  p.tagtext {font-size: 1.1rem;line-height: 1.94;font-weight: 400;letter-spacing: 0.055rem;margin-bottom: 30px;position: relative;color: #797461;}
#contents03  p.tagtext span {display: inline-block;background: url(../images/new/contents03-icon01.svg)no-repeat left center;padding: 0 0 0 22px;margin-right: 20px;margin-bottom: 3px;}

#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 h2 {font-size: 4rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.2rem;margin-bottom: 11px;position: relative;text-align: center;}
#contents03 .inner-Box2 h2 span{font-size: 2rem;display: block;letter-spacing: 0.1rem;margin-bottom: 16px;}
#contents03 .inner-Box2 h2::before{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 27px;height: 48px;display: block;position: absolute;left: 50%;margin-left: -313px;top: 48px;}
#contents03 .inner-Box2 h2::after{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 27px;height: 48px;display: block;position: absolute;left: 50%;margin-left: 286px;top: 48px;transform: scaleX(-1);}
#contents03 .inner-Box2 p.subtext {font-size: 1.6rem;line-height: 1.94;font-weight: 400;letter-spacing: 0;margin-bottom: 40px;position: relative;text-align: center;}

#contents04 {margin: 0 auto 120px;position: relative;padding: 0px 5rem;}
#contents04 figure.img01 {position: absolute;top: -73px;left: 50%;margin-left: 187px;}
#contents04 figure.img01 img{  }
#contents04 .inneBox {margin: 0 auto;position: relative;background: #F1E046;border-radius: 30px;max-width: 1200px;padding: 60px 11rem 113px 11rem;}
#contents04 .inneBox h2 {font-size: 3rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.15rem;margin-bottom: 13px;position: relative;text-align: center;}
#contents04 .inneBox p.subtext {font-size: 1.6rem;line-height: 1.94;font-weight: 400;letter-spacing: 0;margin-bottom: 30px;text-align: center;position: relative;}
#contents04 .inner-Box1 { margin: 0 auto; position: relative; }
#contents04 .inner-Box1::before{content: "";display: block;height: 220px;width: 2px;background: url(../images/new/contents04-line.svg);position: absolute;left: 40px;top: 94px;}
#contents04 .inner-Box2::before{content: "";display: block;height: 195px;width: 2px;background: url(../images/new/contents04-line.svg);position: absolute;left: 40px;top: 94px;}
#contents04 .inner-Box3::before{content: "";display: block;height: 163px;width: 2px;background: url(../images/new/contents04-line.svg);position: absolute;left: 40px;top: 94px;}
#contents04 .inner-Box4::before{content: "";display: block;height: 125px;width: 2px;background: url(../images/new/contents04-line.svg);position: absolute;left: 40px;top: 94px;}
#contents04 .inner-Box5::before{content: "";display: block;height: 129px;width: 2px;background: url(../images/new/contents04-line.svg);position: absolute;left: 40px;top: 94px;}
#contents04 .inner-Box2 { margin: 0 auto; position: relative; }
#contents04 .inner-Box3 { margin: 0 auto; position: relative; }
#contents04 .inner-Box2 .img{position: absolute;left: 16px;top: 133px; transform-origin: center top; animation: yurayura 3s linear infinite}
#contents04 .inner-Box4 .img{position: absolute;right: -58px;top: 31px;}
#contents04 .inner-Box6 .img{position: absolute;right: -25px;bottom: -96px;z-index: 3;}
#contents04 .inner-Box4 { margin: 0 auto; position: relative; }
#contents04 .inner-Box5 { margin: 0 auto; position: relative; }
#contents04 .inner-Box6 { margin: 0 auto; position: relative; }
#contents04 .inner-Box7 { margin: 0 auto; position: relative; }
#contents04 .inner-Box8 { margin: 0 auto; position: relative; }
#contents04 p.flicon {font-size: 1.4rem;line-height: 1;font-weight: 400;letter-spacing: 0.07rem;position: absolute;width: 80px;height: 80px;background: #FD734A;border-radius: 50%;top: 4px;left: 0;color: #fff;text-align: center;padding: 20px 0 0;}
#contents04 p.flicon span {display: block;font-size: 2.7rem;padding-top: 3px;}
#contents04 h3 {font-size: 2.2rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.11rem;margin-bottom: 20px;position: relative;padding: 23px 0 0 123px;}
#contents04 .minBox {margin: 0 0 26px auto;position: relative;width: 870px;border-radius: 20px;background: #fff;right: -10px;padding: 27px 55px 41px 55px;z-index: 3;}
#contents04 .minBox p.mintext {font-size: 1.6rem;line-height: 1.94;font-weight: 400;letter-spacing: 0;margin-bottom: 16px;position: relative;}
#contents04 .minBox p.morebtn {}
#contents04 .minBox p.morebtn a{ width: 320px; height: 64px; text-align: center; padding: 19px; font-size: 1.6rem; }

#contents05 {margin: 0 auto -100px;position: relative;background: url('../images/new/contents05-back01.svg')no-repeat top center #A5D54C;padding: 0 5rem 233px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1160px;height: 227px;}
#contents05 .inner-Box h2 {font-size: 4rem;line-height: 1.4;font-weight: 700;letter-spacing: 0.2rem;margin-bottom: 25px;position: relative;text-align: center;color: #523E1F;}
#contents05 .inner-Box p.subtext {font-size: 1.6rem;line-height: 2.19;font-weight: 400;letter-spacing: 0;margin-bottom: 30px;position: relative;text-align: center;color: #523E1F;}
#contents05 .inner-Box figure.img01 {position: absolute;top: 72px;right: 90px;}
#contents05 .inner-Box figure.img01 img{  }
#contents05 .inner-Box figure.img02 {position: absolute;bottom: -10px;right: 146px;z-index: 0;}
#contents05 .inner-Box figure.img02 img{  }

#contents05 .faq-Box { max-width: 1160px; margin: 0 auto; position: relative; }
#contents05 .faq-Box .toggle {display: none; }
#contents05 .faq-Box .option {position: relative;margin-bottom: 20px;background: #fff;border-radius: 30px;}
#contents05 .faq-Box .title span{display: inline-block;width: 62px;position: absolute;top: 28px;left: 41px;}
#contents05 .faq-Box .content span{display: inline-block;width: 26px;position: absolute;top: 0;left: 0;}
#contents05 .faq-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contents05 .faq-Box .title {padding: 37px 40px 37px 121px;display: block;border-radius: 10px;font-size: 2.2rem;letter-spacing: 0.11rem;font-weight: bold;}
#contents05 .faq-Box .title::after { content: ""; position: absolute; right: 64px; top: 47px; width: 29px; height: 14px; background: url(../images/new/contents05-icon02.svg)no-repeat; transition: all 0.3s; background-size: 100% auto; }
#contents05 .faq-Box .title::after {transform: rotate(180deg);}
#contents05 .faq-Box .content {max-height: 0; overflow: hidden; }
#contents05 .faq-Box .content div.inbox {margin: 0;padding: 4px 5px 35px;font-size: 1.6rem;letter-spacing: 0rem;line-height: 2;margin-left: 0px;background: #fff;border-radius: 14px;}
#contents05 .faq-Box .content div.inbox a{ text-decoration: underline; color: #FD734A; }
#contents05 .faq-Box .content div.inbox img{max-width: 100%;}
#contents05 .faq-Box .toggle:checked + .title{border-radius: 10px 10px 0px 0px; }
#contents05 .faq-Box .toggle:checked + .title + .content {max-height: 500px;transition: max-height 1.5s;border-radius: 14px;padding-left: 45px;padding-right: 40px;margin-bottom: 20px;}
#contents05 .faq-Box .toggle:checked + .title::after {transform: rotate(0deg) !important; }




}
@media screen and (min-width:768px) and ( max-width:1040px) {
	
#svttl .inbox1{padding: 145px 50px 0;}
#svttl .inbox1 h2{position: relative;left: 0px;top: 0; margin-bottom: 30px;}
#svttl .inbox1 h2 .en{ padding-top: 0;}    
#svttl .inbox2 ul li a{font-size: 1.6rem;}

#contents03 .hvBox { padding: 3.7rem 4rem 0;}

}


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

#svttl{text-align: left;height: auto;}
#svttl .inbox1{margin: 0 auto 5.75vw;padding: 0 6vw;position: relative;}
#svttl .inbox1 h2{ margin-bottom: 6.2vw; }
#svttl .inbox1 p.text{font-size: 2.75vw;letter-spacing: 0.00vw;line-height: 1.91;font-weight: 500;margin-bottom: 5.2vw;}
#svttl .inbox1 .en{letter-spacing: 1.25vw;/* text-align: left; */letter-spacing: 0.4vw;}
#svttl .inbox1 .jp{text-align: center;letter-spacing: 0.2vw;display: block;}
#svttl .inbox2{margin: 0 5vw;padding-bottom: 7.9vw;}
#svttl .inbox2 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;}
#svttl .inbox2 ul li{width: 48.7%;margin-right: 2.6%;position: relative;margin-bottom: 2.8vw;}
#svttl .inbox2 ul li.acv::after{content: "";background: url(../images/new/contentsmain-icon01.svg)no-repeat;position: absolute;bottom: 2.5vw;left: 50%;width: 3.00vw;height: 2.50vw;z-index: 3;transform: translateX(-50%);background-size: 100% auto;}
#svttl .inbox2 ul li.acv a{ background: #FFEE4A; }

#svttl .inbox2 ul li:nth-child(2n){margin-right: 0;}
#svttl .inbox2 ul li a{display: block;height: 19.7vw;background: #fff;border-radius: 3.75vw;text-align: center;box-shadow: 0 0.7vw 0 0 #89B62B;position: relative;top: 0;padding: 4.1vw 0 0;font-size: 4.00vw;font-weight: bold;transition: all 0.3s ease-in-out;}
#svttl .inbox2 ul li a span{display: block;font-size: 2.25vw;font-weight: 500;margin-bottom: 0.1vw;}

#contents01 {margin: 0 auto 72vw;position: relative;padding: 8.25vw 2.6vw 0;}
#contents01 span.subttl{text-align: center;display: block;font-size: 4.25vw;font-weight: 600;letter-spacing: 0.21vw;margin-bottom: 0.5vw;}
#contents01 h2 {font-size: 9.50vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.47vw;margin-bottom: 7.85vw;position: relative;text-align: center;color: #fff;-webkit-text-stroke: 0.9vw black;paint-order: stroke;}
#contents01 .inner-Box {position: relative;}
#contents01 .minBox {position: relative;border-radius: 5.0vw;background: #fff;z-index: 3;line-height: 1.81;font-size: 4.50vw;font-weight: 700;letter-spacing: 0.23vw;padding: 12.6vw 2.8vw 13.6vw 9.8vw;margin-bottom: -4vw;}
#contents01 .minBox::before{content: "";background: url(../images/new/icon01.svg)no-repeat;width: 10vw;height: 11.5vw;position: absolute;top: -3.7vw;left: 6.1vw;background-size: 100% auto;}
#contents01 .minBox::after{content: "";background: url(../images/new/icon02.svg)no-repeat;width: 10.1vw;height: 11.5vw;position: absolute;bottom: -7.4vw;right: 6.15vw;background-size: 100% auto;}
#contents01 figure.img {position: relative;margin: 0 auto 5.7vw;width: 33.2vw;z-index: 3;}
#contents01 figure.img img{  }
#contents01 p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0;margin: 0 2.5vw 6.3vw;position: relative;}
#contents01 h3.f-pro {font-size: 5.75vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: 0.0vw;transform: rotate(90deg);transform-origin: center;color: #F1E046;position: absolute;bottom: -28.1vw;z-index: -1;right: -8.3vw;}

#contents02 {margin: 0 auto 29.3vw;position: relative;padding: 0;}
#contents02 figure.photo {position: absolute;top: -65vw;right: 15vw;z-index: 3;width: 70vw;}
#contents02 figure.photo img{  }
#contents02 .inner-Box {margin: 0 2.7vw;position: relative;background: #fff;border-radius: 1.5vw;padding: 10.5vw 0 6.7vw;}
#contents02 .inner-Box h2 {font-size: 3.50vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 0.0vw;position: absolute;top: -10vw;left: 0;height: 14.5vw;background: #fff;border-radius: 2.5vw;padding: 4vw 0 0 3.15vw;}
#contents02 .inner-Box h2::before{content: "";background:  url(../images/new/contents02-icon02.svg);display: block;width: 7vw;height: 7vw;position: absolute;top: 6vw;right: -6.9vw;background-size: 100% auto;}
#contents02 .inner-Box h2 span{background: url(../images/new/contents02-line.svg)no-repeat bottom left;display: inline-block;padding: 0 6vw 3.9vw 1.75vw;background-size: 51.8vw auto;}
#contents02 .inner-Box ul{margin: 0 4vw 0 16.5vw;position: relative;}
#contents02 .inner-Box ul li { position: relative; }
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 0.4vw;left: -8.9vw;width: 6.1vw;}
#contents02 .inner-Box span.ch img {}
#contents02 .inner-Box p.ltext {font-size: 4.00vw;line-height: 1.63;font-weight: 700;letter-spacing: 0vw;margin-bottom: 4.65vw;position: relative;}
#contents02 .inner-Box figure.img {position: absolute;bottom: -21.1vw;right: 2.25vw;width: 37vw;}
#contents02 .inner-Box figure.img img{  }


#contents03 {margin: 0 auto 30.55vw;position: relative;padding: 0 0 0 0vw;}
#contents03 .inner-Box1 {margin: 0 auto 14.7vw;position: relative;}
#contents03 .inner-Box1 h2 {font-size: 5.00vw;line-height: 1.55;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.95vw;position: relative;text-align: center;}
#contents03 .inner-Box1 h2::before{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 6.75vw;height: 12.0vw;display: block;position: absolute;left: 50%;margin-left: -39.7vw;top: 2.0vw;background-size: 100% auto;}
#contents03 .inner-Box1 h2::after{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 6.75vw;height: 12.0vw;display: block;position: absolute;left: 50%;margin-left: 32.65vw;top: 2.0vw;transform: scaleX(-1);background-size: 100% auto;}

#contents03 ul {display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;gap: 5vw; /* liの隙間調整 */margin-left: 5vw; /* 左に少し余白 */}
#contents03 ul li { flex: 0 0 auto; width: 56.25vw; scroll-snap-align: start; }

#contents03 ul li a {  }
#contents03 ul li a:hover {  }
#contents03 .photoBox {margin: 0 auto 3vw;position: relative;overflow: hidden;border-radius: 4.75vw;}
#contents03 .photoBox figure.img {width: 100%;aspect-ratio: 36 / 48;overflow: hidden;text-align: center;position: relative;}
#contents03 .photoBox figure.img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents03 .hvBox { transition: all 0.3s ease-in-out; opacity: 0; width: 100%;aspect-ratio: 36 / 48;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);padding: 11.7rem 4rem 0;}

#contents03 .hvBox span.end{color: #FFEE4A;font-size: 3.5vw;margin-bottom: 3.75vw;display: block;}
#contents03 .hvBox p.hbtext {font-size: 3.5vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.5vw;position: relative;color: #fff;}
#contents03 .hvBox p.hbtext span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
#contents03 .hvBox p.dlmoert {font-size: 3.25vw;line-height: 1.94;font-weight: 400;letter-spacing: 0;position: absolute;color: #fff;bottom: 10.75vw;right: 20.75vw;}
#contents03 .hvBox span.dlarr {display: block;line-height: 1;position: absolute;top: 0vw;right: 0vw;}
#contents03 .hvBox span.dlarr img {  }
#contents03  h3 {font-size: 3.75vw;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 1.7vw;position: relative;}
#contents03  p.tagtext {font-size: 2.25vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 7.5vw;position: relative;color: #797461;}
#contents03  p.tagtext span {display: inline-block;background: url(../images/new/contents03-icon01.svg)no-repeat left center;padding: 0 0 0 3.7vw;margin-right: 2.7vw;margin-bottom: 0.45vw;background-size: 2.50vw auto;}

#contents03 .inner-Box2 {position: relative;}

#contents03 .inner-Box2 h2 {font-size: 5.00vw;line-height: 1.55;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.95vw;position: relative;text-align: center;}
#contents03 .inner-Box2 h2::before{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 6.75vw;height: 12.0vw;display: block;position: absolute;left: 50%;margin-left: -39.7vw;top: 2.0vw;background-size: 100% auto;}
#contents03 .inner-Box2 h2::after{content: "";background: url(../images/new/contents03-line.svg)no-repeat;width: 6.75vw;height: 12.0vw;display: block;position: absolute;left: 50%;margin-left: 32.65vw;top: 2.0vw;transform: scaleX(-1);background-size: 100% auto;}

#contents03 .inner-Box2 h2 span{font-size: 3.75vw;display: block;letter-spacing: 0.19vw;margin-bottom: 1vw;}
#contents03 .inner-Box2 p.subtext {font-size: 3.25vw;line-height: 1.62;font-weight: 400;letter-spacing: 0;margin-bottom: 4.1vw;position: relative;text-align: center;}

#contents04 {margin: 0 auto 15.2vw;position: relative;}
#contents04 figure.img01 {position: absolute;top: -13.5vw;width: 12.6vw;right: 10.4vw;}
#contents04 figure.img01 img{  }
#contents04 .inneBox {position: relative;background: #F1E046;padding: 14.1vw 0vw;}
#contents04 .inneBox h2 {font-size: 5.00vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.25vw;position: relative;text-align: center;}
#contents04 .inneBox p.subtext {font-size: 3.25vw;line-height: 1.62;font-weight: 400;letter-spacing: 0;margin-bottom: 6.5vw;text-align: center;position: relative;}
#contents04 .inner-Box1 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box2 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box3 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box2 .img{position: absolute;right: 9vw;width: 12.6vw;top: -12.55vw;transform-origin: center top;animation: yurayura 3s linear infinite;z-index: 3;}
#contents04 .inner-Box4 .img{position: absolute;right: 6.7vw;top: -2.95vw;width: 22.2vw;}
#contents04 .inner-Box6 .img{position: absolute;right: 8.6vw;bottom: -17.3vw;z-index: 3;width: 18.3vw;}
#contents04 .inner-Box4 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box5 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box6 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box7 { margin: 0 4vw; position: relative; }
#contents04 .inner-Box8 { margin: 0 4vw; position: relative; }
#contents04 p.flicon {font-size: 2.25vw;line-height: 1;font-weight: 400;letter-spacing: 0.18vw;position: absolute;width: 14.6vw;height: 14.6vw;background: #FD734A;border-radius: 50%;top: -4.2vw;left: 0;color: #fff;text-align: center;padding: 4vw 0 0;}
#contents04 p.flicon span {display: block;font-size: 5.00vw;padding-top: 0.75vw;}
#contents04 h3 {font-size: 4.00vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.20vw;margin-bottom: 7.1vw;position: relative;padding: 0.75vw 0 0 17.95vw;}

#contents04 .inner-Box1 p.flicon{top: -1.5vw;}
#contents04 .inner-Box1 h3 { margin-bottom: 4vw; }
#contents04 .minBox {margin: 0 0 11.4vw auto;position: relative;border-radius: 1.9vw;background: #fff;right: 0vw;padding: 5.9vw 5.9vw 8.6vw 5.9vw;z-index: 3;}
#contents04 .minBox p.mintext {font-size: 3.25vw;line-height: 1.94;font-weight: 400;letter-spacing: 0;margin-bottom: 2.4vw;position: relative;}
#contents04 .minBox p.morebtn {}
#contents04 .minBox p.morebtn a{height: 14.2vw;text-align: center;padding: 4.15vw;font-size: 3.75vw;}

#contents05 {position: relative;background: url('../images/new/sp-contents05-back01.svg')no-repeat top center #A5D54C;background-size: 100% auto;padding-bottom: 16vw;margin-bottom: -11vw;}
#contents05 .inner-Box {margin: 0 3.8vw;position: relative;height: 57.1vw;}
#contents05 .inner-Box h2 {font-size: 5.00vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.35vw;position: relative;text-align: center;color: #523E1F;}
#contents05 .inner-Box p.subtext {font-size: 3.25vw;line-height: 1.62;font-weight: 400;letter-spacing: 0;margin: 0 2.5vw 7.5vw;position: relative;color: #523E1F;}
#contents05 .inner-Box figure.img01 {position: absolute;top: 37.6vw;right: 3.7vw;width: 20.7vw;}
#contents05 .inner-Box figure.img01 img{  }
#contents05 .inner-Box figure.img02 {position: absolute;bottom: -9.7vw;width: 20vw;right: 22.6vw;z-index: 0;}
#contents05 .inner-Box figure.img02 img{  }

#contents05 .faq-Box {margin: 0 3.7vw;position: relative;}
#contents05 .faq-Box .toggle {display: none; }
#contents05 .faq-Box .option {position: relative;margin-bottom: 5.0vw;background: #fff;border-radius: 2.50vw;}
#contents05 .faq-Box .title span{display: inline-block;width: 10vw;position: absolute;top: 3.5vw;left: 3.65vw;}
#contents05 .faq-Box .content span{display: inline-block;width: 6.5vw;position: absolute;top: 0;left: 0;}
#contents05 .faq-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contents05 .faq-Box .title {padding: 5.65vw 10.0vw 5.65vw 16.95vw;display: block;border-radius: 2.5vw;font-size: 3.75vw;line-height: 1.53;letter-spacing: 0.19vw;font-weight: bold;}
#contents05 .faq-Box .title::after {content: "";position: absolute;right: 4vw;top: 6.95vw;width: 4.45vw;height: 3.5vw;background: url(../images/new/contents05-icon02.svg)no-repeat;transition: all 0.3s;background-size: 100% auto;}
#contents05 .faq-Box .title::after {transform: rotate(180deg);}
#contents05 .faq-Box .content {max-height: 0; overflow: hidden; }
#contents05 .faq-Box .content div.inbox {margin: 0;padding: 2.1vw 6.55vw 7.05vw;font-size: 3.25vw;font-weight: 400;letter-spacing: 0.0vw;line-height: 1.92;margin-left: 0.0vw;}
#contents05 .faq-Box .content div.inbox a{ text-decoration: underline; color: #FD734A; }
#contents05 .faq-Box .content div.inbox img{max-width: 100%;}
#contents05 .faq-Box .toggle:checked + .title{border-radius: 2.5vw 2.5vw 0.0vw 0.0vw; }
#contents05 .faq-Box .toggle:checked + .title + .content {max-height: 200vw;transition: max-height 1.5s;}
#contents05 .faq-Box .toggle:checked + .title::after {transform: rotate(0deg) !important; }


}