/* Only fixed-page titles positioned above content; leave inline titles untouched. */
.bd-page-title.bd-pt--corner-right #top_title_area{
 --bd-pt-screen:var(--bd-pt-height-pc,240px);
 box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;
 width:100%;max-width:none;height:auto;min-height:var(--bd-pt-screen);
 padding:24px clamp(40px,6vw,80px);margin:0;
 border-radius:0 0 0 min(var(--bd-pt-corner-radius,240px),35vw);
}
@media(max-width:959px){.bd-page-title.bd-pt--corner-right #top_title_area{--bd-pt-screen:var(--bd-pt-height-sp,176px)}}
.bd-page-title.bd-pt--corner-right #top_title_area{
 width:calc(100% * var(--bd-pt-width-percent,.88));
 min-height:var(--bd-pt-screen);
 margin:0 0 0 auto;
}
.bd-page-title.bd-pt--corner-right #top_title_area .l-topTitleArea__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bd-page-title.bd-pt--corner-right #top_title_area .l-topTitleArea__body{box-sizing:border-box;max-width:1200px;min-width:0;margin-inline:auto;padding:0;overflow-wrap:anywhere}
.bd-page-title.bd-pt--corner-right #top_title_area .c-pageTitle{overflow-wrap:anywhere;line-height:1.5}

/* Second fixed-page title design: SWELL's subtitle becomes a pale title backdrop. */
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area{
 --bd-pt-screen:var(--bd-pt-height-pc,240px);
 box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;
 width:100%;max-width:none;height:auto;min-height:var(--bd-pt-screen);
 margin:0;padding:clamp(95px,12vw,170px) clamp(24px,6vw,90px);
 border-radius:0;
 background:linear-gradient(110deg,#f7e8e9 0%,#fff8f2 48%,#f8e1d5 100%);
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .l-topTitleArea__img{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .l-topTitleArea__body{
 box-sizing:border-box;width:100%;max-width:none;min-width:0;
 margin:0;padding:0;color:#493c38;overflow-wrap:anywhere;
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle{
 position:relative;isolation:isolate;margin:0;
 font-size:clamp(30px,4vw,54px);line-height:1.4;
 overflow-wrap:anywhere;
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle:has(> .c-pageTitle__subTitle){
 padding-block-start:clamp(20px,3vw,44px);
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle__subTitle{
 position:absolute;z-index:-1;top:0;left:0;
 display:block;box-sizing:border-box;max-width:100%;margin:0;padding:0;
 transform:translateY(-38%);opacity:1;
 font-size:0!important;line-height:1;font-style:normal;
 white-space:normal;overflow-wrap:anywhere;pointer-events:none;
}
.bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle__subTitle::after{
 content:var(--bd-pt-overlay-text,"");display:block;
 font-family:var(--bd-pt-overlay-font,Georgia,"Times New Roman",serif);
 font-size:var(--bd-pt-overlay-size,clamp(72px,9vw,140px));
 font-weight:var(--bd-pt-overlay-weight,400);line-height:1;color:var(--bd-pt-overlay-color,#ecc6bc);
 white-space:normal;overflow-wrap:anywhere;
}
.bd-page-title.bd-pt--subtitle-backdrop.bd-pt-align-center #top_title_area .c-pageTitle__subTitle{
 left:50%;transform:translate(-50%,-38%);
}
.bd-page-title.bd-pt--subtitle-backdrop.bd-pt-align-right #top_title_area .c-pageTitle__subTitle{
 left:auto;right:0;transform:translateY(-38%);
}
@media(max-width:959px){
 .bd-page-title.bd-pt--subtitle-backdrop #top_title_area{
  --bd-pt-screen:var(--bd-pt-height-sp,176px);
  padding:clamp(70px,12vw,100px) clamp(20px,5vw,48px);
 }
 .bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle{font-size:clamp(24px,6vw,36px)}
 .bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle:has(> .c-pageTitle__subTitle){padding-block-start:26px}
 .bd-page-title.bd-pt--subtitle-backdrop #top_title_area .c-pageTitle__subTitle::after{
  font-size:var(--bd-pt-overlay-size-sp,clamp(56px,13vw,90px));
 }
}
