/* Scoped to the home page; shared styles and image treatments stay unchanged. */
.page-top .nb{white-space:nowrap}
.page-top .hero-top h1{font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1.6;letter-spacing:.11em}
.page-top .hero-top h1 .h1-line{display:block;white-space:nowrap}
.page-top .hero-top h1 .h1-line:last-child{display:flex;flex-wrap:nowrap}
.page-top .hero-description{width:340px;display:block}
.page-top .hero-description>p{line-height:1.9;letter-spacing:.04em;word-break:auto-phrase}
.page-top .hero-description>p+p{margin-top:14px}
.page-top .philosophy-tiers .section-heading{margin-bottom:0}
.page-top .tiers{margin-top:34px;border-bottom:1px solid #dce2e5}
.page-top .tier{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;padding:38px 0 42px;border-top:1px solid #dce2e5}
.page-top .tier .eyebrow{margin:0;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.17em;color:#857657}
.page-top .tier .eyebrow-jp{font-size:14px;letter-spacing:.1em;color:#857657}
.page-top .tier-body{min-width:0}
.page-top .tier-main{font-family:var(--serif);font-weight:500;color:#202b30;font-size:1.45rem;line-height:1.9;letter-spacing:.07em;word-break:auto-phrase}
.page-top .tier-main.is-vision{font-size:1.9rem;line-height:1.7}
.page-top .tier-main+.tier-main{margin-top:4px}
.page-top .tier-text{margin-top:22px;max-width:38em;font-size:1rem;line-height:2.1;color:#4f5c63;word-break:auto-phrase}
.page-top .tier .tier-note{margin-top:18px}
@media(max-width:1100px){
 .page-top .hero-description{width:300px}
 .page-top .hero-top{gap:40px}
 .page-top .tier{grid-template-columns:200px minmax(0,1fr);gap:30px}
}
@media(max-width:900px){
 .page-top .hero-top{display:block;padding-top:48px}
 .page-top .hero-top h1{font-size:clamp(1.9rem,5.4vw,2.6rem);letter-spacing:.08em}
 .page-top .hero-description{width:100%;max-width:560px;margin:0;padding-top:28px;padding-bottom:24px}
}
@media(max-width:650px){
 .page-top .hero-top{padding-top:38px}
 .page-top .hero-top h1{font-size:clamp(1.9rem,7vw,2.4rem);letter-spacing:.075em}
 .page-top .hero-top h1 .h1-line:last-child{flex-wrap:wrap}
 .page-top .hero-description{padding-top:25px}
 .page-top .tier{grid-template-columns:1fr;gap:14px;padding:28px 0 32px}
 .page-top .tier-main{font-size:1.25rem}
 .page-top .tier-main.is-vision{font-size:1.5rem}
 .page-top .tier-text{margin-top:16px;font-size:.94rem}
 .page-top .tiers{margin-top:28px}
}
@media(min-width:901px){ .page-top .hero-description{padding-bottom:34px} }

/* 理念のブロックの下の小さなリンク（黒文字・黒の罫線だけ。金茶・影・角丸は使わない）。スマホで触れる高さ44px。下線の位置は変えず、文字の上に余白を足している */
.page-top .philosophy-readmore{display:inline-flex;align-items:flex-end;min-height:44px;border-bottom:1px solid #202b30;padding:0 0 5px;font-size:.9rem;font-weight:500;line-height:1.8;color:#202b30}
.page-top .philosophy-readmore:hover{color:#202b30;border-bottom-width:2px;padding-bottom:4px}
.page-top .philosophy-more{margin-top:35px}
@media(max-width:650px){.page-top .philosophy-more{margin-top:23px}}