.phase4-top-design :is(#area-massage-information,#area-faq){position:relative;padding:126px 32px;overflow:hidden}.phase4-top-design #area-massage-information{background:var(--paper)}.phase4-top-design #area-faq{background:#f7f7f5;border-top:1px solid rgba(222,222,222,.72);border-bottom:1px solid rgba(222,222,222,.72)}.phase4-top-design :is(#area-massage-information,#area-faq) .split-layout{width:min(100%,1140px);grid-template-columns:minmax(0,.92fr) minmax(0,1.16fr);gap:92px}.phase4-top-design :is(#area-massage-information,#area-faq) .section-number{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:#8b793a;font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em}.phase4-top-design :is(#area-massage-information,#area-faq) .section-number::before{width:38px;height:1px;background:var(--gold);content:""}.phase4-top-design :is(#area-massage-information,#area-faq) h2{position:relative;margin-bottom:34px;padding-bottom:22px;color:#292722;font-family:Georgia,"Times New Roman","Yu Mincho",serif;font-size:clamp(27px,2.3vw,34px);font-weight:500;letter-spacing:.025em}.phase4-top-design :is(#area-massage-information,#area-faq) h2::after{position:absolute;bottom:0;left:0;width:54px;height:1px;background:var(--gold);content:""}.phase4-top-design :is(#area-massage-information,#area-faq) .split-media{position:relative;background:#ddd;box-shadow:0 22px 42px rgba(28,27,24,.14)}.phase4-top-design :is(#area-massage-information,#area-faq) .split-media::before{position:absolute;z-index:0;top:-14px;right:-14px;width:72px;height:72px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);content:""}.phase4-top-design :is(#area-massage-information,#area-faq) .split-media img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;filter:none}.hotel-reservation-note{margin:0 0 18px;color:#5f5b52;font-size:14px;line-height:1.8}.area-service-information{margin:0;border-top:1px solid #d6d2c6}.area-service-information>div{padding:20px 8px;border-bottom:1px solid #dedbd2}.area-service-information dt{margin-bottom:6px;color:#5d5747;font-size:13px}.area-service-information dd{margin:0;color:#292722;font-family:Georgia,"Times New Roman","Yu Mincho",serif;font-size:20px}.area-faq-list{display:grid;gap:16px}.area-faq-item{padding:22px 24px;background:#fff;border:1px solid #e1ded5;box-shadow:0 8px 22px rgba(33,31,26,.045)}.area-faq-item p{position:relative;margin:0;padding-left:39px}.area-faq-item p+p{margin-top:15px;padding-top:15px;border-top:1px solid #ebe7dc}.area-faq-item p span{position:absolute;left:0;color:#a58b36;font-family:Georgia,serif;font-size:21px;font-weight:600}.area-faq-question{color:#302e29;font-size:15px;font-weight:600}.area-faq-answer{color:#56534c;font-size:14px;line-height:1.9}
@media(max-width:767px){.phase4-top-design :is(#area-massage-information,#area-faq){padding:82px 20px 88px}.phase4-top-design :is(#area-massage-information,#area-faq) .split-layout,.phase4-top-design :is(#area-massage-information,#area-faq) .split-layout.image-first{grid-template-columns:1fr;gap:38px}.phase4-top-design :is(#area-massage-information,#area-faq) .split-copy{padding:0}.phase4-top-design :is(#area-massage-information,#area-faq) .section-number{margin-bottom:12px;font-size:10px}.phase4-top-design :is(#area-massage-information,#area-faq) h2{margin-bottom:28px;padding-bottom:18px;font-size:25px;line-height:1.55}.phase4-top-design :is(#area-massage-information,#area-faq) .split-media{box-shadow:0 16px 32px rgba(28,27,24,.13)}.phase4-top-design :is(#area-massage-information,#area-faq) .split-media::before{top:-9px;right:-9px;width:52px;height:52px}.phase4-top-design #area-faq .split-copy{order:1}.phase4-top-design #area-faq .split-media{order:2}.area-service-information dd{font-size:21px}.area-faq-item{padding:19px 18px}.area-faq-item p{padding-left:34px}}
@media(min-width:901px){.phase4-top-design :is(#area-massage-information,#area-faq) .split-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}