@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* mainimage */
.mainvisual{position: relative;overflow: hidden;width: 100%;padding-top: 0!important;}
.mainvisual h2{position: absolute;z-index: 2;display: flex;left: unset;top: unset;margin: unset;height: unset;font-size: unset;letter-spacing: unset;padding-left: unset;text-align: unset;color: unset;width: unset;}
#mv h2{width: 85%;bottom: 12%;right: 7%;opacity: 0.8;}
.mainimage{width: 100%;}
.mainimage figcaption.cap_w{font-size: 12px;position: absolute;bottom: 10px;right: 20px;z-index: 2;}

@media screen and (max-width: 767px){
.mainimage{width: 100%;}
}

/* 共通 */
section{overflow: hidden;padding: 80px 0 0 0;}
.contents_imgbg{background: url("../../common/img/layer_bk.webp") no-repeat 50% center/cover;}
.outer{max-width: 1300px;margin: 0 auto;}
.inner{max-width: 1000px;margin: 0 auto;width: 90%;}
.bottom_note .inner{padding: 0;}
.contents_tit{font-size: 32px;text-align: center;line-height: 1.2;letter-spacing: 0.2em;padding-left: 0.2em;}
.style{display: flex;margin-top: 30px;}
.style dt{width: 60%;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;position: relative;}
.style dt::after{content: "";display: block;height: 100%;width: 100px;position: absolute;right: -100px;top: 0;z-index: 1;}
.style_tit{font-size: 45px;letter-spacing: 0.1em;}
.style_tit small{font-size: 0.6em;}
.style_tit + p{text-align: center;font-size: 18px;letter-spacing: 0.05em;}
.style dd{width: 40%;}
.plan_tit_area{max-width: 900px;margin: 40px auto 0;display: flex;border-top: 1px solid #555;border-bottom: 1px solid #555;}
.plan_tit_area > dt{width: 60%;padding: 20px 10px;display: flex;}
.plan_tit{font-size: 70px;line-height: 1;vertical-align: -0.05em;}
.plan_tit small{font-size: 0.35em;margin-left: 0.5em;}
.plan_tit + p{font-size: 40px;align-self: flex-end;margin-left: 30px;}
.plan_tit + p small{font-size: 0.8em;}
.plan_tit_area > dd{width: 40%;border-left: 1px solid #555;padding: 15px 0 15px 25px;display: flex;justify-content: center;flex-direction: column;}
.senyu{font-size: 18px;}
.senyu big{font-size: 2em;line-height: 1;}
.senyu span{font-size: 1.5em;line-height: 1;}
.five_point{display: flex;justify-content: space-between;gap: 10px;max-width: 900px;margin: 20px auto 0;}
.five_point > li{flex: 1;color: #fff;padding: 0.5em 0;text-align: center;font-size: 13px;}
.plan_wrap{display: flex;justify-content: space-between; margin-top: 80px;}
.plan_wrap > dt{width: 56%;}
.plan_wrap > dd{width: 40%;}
.link{width: 60%;margin: 2em auto;text-align: center;}
.item.be_img{display: flex;justify-content: space-between;flex-wrap: wrap;}
.item + .item{margin-top: 40px;}
.item_tit{letter-spacing: 0.15em;font-weight: 500;display: flex;width: 100%;}
.item_tit span{color: #fff;text-align: center;width: 100px;padding: 0.3em;display: flex;justify-content: center;align-items: center;}
.item_tit span big{font-size: 1.5em;line-height: 1;}
.item_tit div{width: calc(100% - 100px);background: #deded9;padding: 0.5em 0.9em;font-size: 17px;}
.item_tit + p{margin-top: 0.8em;}
.item.be_img > p{width: 55%;}
.item.be_img > figure{margin-top: 0.8em;width: 40%;align-self: flex-start;}
.note{font-size: 10px;margin-top: 0.9em;text-align: justify;}
.note.tx_r{text-align: right;}
.cap_b{text-shadow: 0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff;}
.cap_w{text-shadow: 0 0 0.1em #000,0 0 0.1em #000,0 0 0.1em #000,0 0 0.1em #000;}
.bottom_note ul li::before{content: "※";}
sup{font-size: 0.6em;vertical-align: 0.5em;}
sub{font-size: 0.6em;}

@media screen and (max-width: 767px){
section{overflow: hidden;padding-top: 50px;}
.cap_l,
.cap_r{font-size: 10px;}
.bottom_note .inner{padding: 0;}
.contents_tit{font-size: 26px;}
.style{flex-wrap: wrap; margin-top: 20px;}
.style dt{width: 100%;padding: 15px 0;}
.style dt::after{height: 50px;width: 100%;right: 0;top: 100%;}
.style_tit{font-size: 32px;}
.style_tit + p{font-size: 15px;}
.style dd{width: 100%;}
.plan_tit_area{margin: 20px auto 0;flex-wrap: wrap;}
.plan_tit_area > dt{width: 100%;padding: 10px 10px;justify-content: center;}
.plan_tit{font-size: 55px;}
.plan_tit + p{font-size: 30px;margin-left: 20px;}
.plan_tit_area > dd{width: 100%;border-left: none;border-top: 1px solid #555;padding: 10px 0 10px 0;align-items: center;}
.senyu{font-size: 15px;}
.senyu + p{font-size: 13px;}
.five_point{flex-wrap: wrap;justify-content: center; gap: 10px;margin: 15px auto 0;}
.five_point > li{flex: auto;font-size: 13px;padding: 0.3em 0;}
.plan_wrap{flex-wrap: wrap; margin: 20px auto 0;width: 90%;}
.plan_wrap > dt{width: 100%;}
.link{width: 90%;margin: 2em auto;text-align: center;}
.plan_wrap > dd{width: 100%;margin-top: 30px;}
.item.be_img{display: flex;justify-content: space-between;flex-wrap: wrap;}
.item + .item{margin-top: 20px;}
.item_tit{}
.item_tit span{font-size: 14px;width: 80px;padding: 0.3em;}
.item_tit div{width: calc(100% - 80px);padding: 0.5em 0.9em;font-size: 14px;}
.item_tit + p{margin-top: 0.8em;font-size: 14px;}
.note{font-size: 9px;}
.simplebar-track.simplebar-horizontal{height: 8px!important;background: #B5B5B5;border-radius: 5px;max-width: 700px;margin: 0 auto;}
.simplebar-scrollbar{height: 8px;background: #41485B;border-radius: 5px;top: 0;}
}

.anchor{display: flex;justify-content: center;gap: 30px;padding-top: 150px;}
.anchor > a{color: #fff;padding: 0.5em;width: 320px;text-align: center;text-decoration: none;position: relative;transition: 0.3s all;}
.anchor > a:nth-of-type(1){background: #5c6e72;}
.anchor > a:nth-of-type(2){background: #5e6d57;}
.anchor > a span{display: block;font-size: 1.1em;letter-spacing: 0.1em;}

@media screen and (min-width: 768px){
.anchor > a:hover{opacity: 0.6;}
}

@media screen and (max-width: 767px){
.anchor{gap: 10px;padding-top: 100px;width: 90%;margin-inline: auto;}
.anchor > a{font-size: 13px;line-height: 1.4;}
}

/* リード文 */
.intro_tit{font-size: 32px;text-align: center;color: #5e6d57;letter-spacing: 0.15em;font-weight: 600;padding-left: 0.15em;}
.intro_tit + p{text-align: center;letter-spacing: 0.05em;line-height: 1.8;font-size: 18px;margin-top: 2em;}

@media screen and (max-width: 767px){
.intro_tit{font-size: 20px;}
.intro_tit + p{font-size: 15px;}
}

/* for FAMILY */
#for_family .contents_tit{color: #5c6e72;}
#for_family .style dt{background: #5c6e72;}
#for_family .style dt::after{background: linear-gradient(to right,#5c6e72,transparent);}
#for_family .plan_tit{color: #5c6e72;}
#for_family .five_point > li{background: #5c6e72;}
#for_family .item_tit span{background: #5c6e72;}

#for_dinks{padding-bottom: 80px;}
#for_dinks .contents_tit{color: #5e6d57;}
#for_dinks .style dt{background: #5e6d57;}
#for_dinks .style dt::after{background: linear-gradient(to right,#5e6d57,transparent);}
#for_dinks .plan_tit{color: #5e6d57;}
#for_dinks .five_point > li{background: #5e6d57;}
#for_dinks .item_tit span{background: #5e6d57;}

@media screen and (min-width: 768px){
#Atype > dt{margin-top: -50px;}
#Btype > dt{order: 2;}
}

@media screen and (max-width: 767px){
#for_family .style dt::after{background: linear-gradient(to bottom,#5c6e72,transparent);}
#for_dinks .style dt::after{background: linear-gradient(to bottom,#5e6d57,transparent);}
}

.entryaction{padding: 90px 0 0;}
@media screen and (max-width: 767px){
.entryaction{padding: 10px 0 0;}
.entryaction .inner{ padding: 0;}
}