/* 本人の追加指定：08は大きな明朝・中央。机と説明/ボタンの間をあけた2配置。 */
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury{
 --ymh-scene-height:clamp(940px,65.3vw,1040px);
 min-height:0;height:auto;
}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury :is(.ymh-scene,.ymh-shade){height:var(--ymh-scene-height);bottom:auto}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-content{
 display:flex;flex-direction:column;text-align:center;max-width:none;
 height:var(--ymh-scene-height);margin:0;padding:64px 5vw 42px;
}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury h1{
 font-family:var(--ymh-serif);font-weight:400;text-align:center;max-width:none;
 font-size:clamp(76px,10.4vw,174px);line-height:1.2;letter-spacing:-.035em;
 text-shadow:0 2px 18px #15253555;
}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-bottom{margin-top:auto;width:100%;min-width:0}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-description{max-width:1050px;margin:0 auto;font-size:clamp(15px,1.3vw,20px);line-height:1.9}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-actions{justify-content:center;margin:22px 0 0}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-button{align-self:center}
body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-scroll{display:none}
body[data-mercury-layout="below-desk"] .ymh-hero.hero.ymh-mercury .ymh-shade{
 background:linear-gradient(180deg,#10203942,transparent 48%,#08171b10 72%,#061116ac 100%);
}
/* B：画像の下へ出す案。風景の切り取りと説明の可読性を独立させる。 */
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-content{
 height:auto;display:grid;grid-template-rows:calc(var(--ymh-scene-height) - 64px) auto;padding:64px 0 0;
}
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury h1{align-self:start;padding-inline:5vw}
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-bottom{padding:36px 24px 42px;background:#faf8f2;color:#26322d;margin:0}
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-description{text-shadow:none}
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-button-primary{background:#283a31;color:#fff;border-color:#283a31}
body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-button-secondary{color:#283a31;background:transparent;border-color:#809083;backdrop-filter:none}
@media(max-width:767px){
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury{--ymh-scene-height:max(1000px,calc(100svh - 100px))}
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-content{padding:76px 20px 26px}
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury h1{font-size:clamp(40px,13.6vw,88px);line-height:1.24;letter-spacing:-.045em}
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-description{font-size:14px;line-height:1.9;max-width:380px}
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-actions{margin-top:18px;gap:10px}
 body[data-mercury-layout] .ymh-hero.hero.ymh-mercury .ymh-button{max-width:260px;min-height:46px}
 body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-content{padding:76px 0 0;grid-template-rows:calc(var(--ymh-scene-height) - 76px) auto}
 body[data-mercury-layout="below-image"] .ymh-hero.hero.ymh-mercury .ymh-bottom{padding:30px 20px 34px}
}