/* 企業理念ページ専用。body に class page-philosophy が付いたページにだけ効く。共通の /style.css は変えない */
.page-philosophy .nb{white-space:nowrap}
.page-philosophy .philosophy-hero{padding-top:34px;padding-bottom:96px}
.page-philosophy .philosophy-hero h1{margin-top:6px;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.6;letter-spacing:.1em}
.page-philosophy .philosophy-hero h1 .h1-line{display:block;white-space:nowrap}
.page-philosophy .philosophy-hero h1 .h1-line:last-child{display:flex;flex-wrap:nowrap}
.page-philosophy .philosophy-lead{margin-top:56px;max-width:46em}
.page-philosophy .philosophy-lead>p{font-size:1.06rem;line-height:2.2;letter-spacing:.05em;color:#4f5c63;word-break:auto-phrase}
.page-philosophy .philosophy-lead>p+p{margin-top:12px}
.page-philosophy .tiers{border-bottom:1px solid #dce2e5}
.page-philosophy .tier{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:70px 0 76px;border-top:1px solid #dce2e5}
.page-philosophy .tier .eyebrow{margin:0;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.17em;color:#857657}
.page-philosophy .tier .eyebrow-jp{font-size:14px;letter-spacing:.1em;color:#857657}
.page-philosophy .tier-body{min-width:0}
.page-philosophy .tier-main{font-family:var(--serif);font-weight:500;color:#202b30;font-size:1.75rem;line-height:1.9;letter-spacing:.07em;word-break:auto-phrase}
.page-philosophy .tier-main.is-vision{font-size:2.5rem;line-height:1.65}
.page-philosophy .tier-main+.tier-main{margin-top:6px}
.page-philosophy .tier-text{margin-top:28px;max-width:38em;font-size:1.0625rem;line-height:2.1;color:#4f5c63;word-break:auto-phrase}
.page-philosophy .tier .tier-note{margin-top:22px}
/* 最後の2つのリンク：スマホで触れる高さ44px。下線の位置は変えず、文字の上に余白を足している */
.page-philosophy .philosophy-links{display:flex;flex-wrap:wrap;gap:11px 56px;padding-top:55px;padding-bottom:120px}
.page-philosophy .philosophy-link{display:inline-flex;align-items:flex-end;min-height:44px;border-bottom:1px solid #202b30;padding:0 0 5px;font-size:.95rem;font-weight:500;line-height:1.8;color:#202b30}
.page-philosophy .philosophy-link:hover{color:#202b30;border-bottom-width:2px;padding-bottom:4px}
@media(max-width:1100px){
 .page-philosophy .tier{grid-template-columns:220px minmax(0,1fr);gap:40px}
 .page-philosophy .tier-main.is-vision{font-size:2.2rem}
}
@media(max-width:900px){
 .page-philosophy .philosophy-hero{padding-bottom:72px}
 .page-philosophy .tier{grid-template-columns:1fr;gap:18px;padding:52px 0 58px}
 .page-philosophy .tier-main.is-vision{font-size:2.1rem}
 .page-philosophy .philosophy-links{padding-bottom:90px}
}
@media(max-width:650px){
 .page-philosophy .philosophy-hero{padding-top:22px;padding-bottom:52px}
 .page-philosophy .philosophy-hero h1{font-size:clamp(1.9rem,7.4vw,2.4rem);letter-spacing:.075em}
 .page-philosophy .philosophy-hero h1 .h1-line:last-child{flex-wrap:wrap}
 .page-philosophy .philosophy-lead{margin-top:36px}
 .page-philosophy .philosophy-lead>p{font-size:1rem;line-height:2.1}
 .page-philosophy .tier{gap:14px;padding:38px 0 44px}
 .page-philosophy .tier-main{font-size:1.3rem}
 .page-philosophy .tier-main.is-vision{font-size:1.5rem}
 .page-philosophy .tier-text{margin-top:18px;font-size:.94rem}
 .page-philosophy .philosophy-links{flex-direction:column;align-items:flex-start;gap:13px;padding-top:35px;padding-bottom:70px}
}