/* 【選ばれる8つの理由】専用：共通タイトル・本文幅・基本文字組みはcommon.cssを使用 */
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 52px;padding:0;list-style:none}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav)::before,:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav)::after{content:none;display:none}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav) li{margin:0;padding:0;min-width:0;list-style:none}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav) a{display:flex;align-items:center;justify-content:center;min-height:72px;height:100%;padding:12px 8px;text-align:center;text-decoration:none;border:1px solid #c9ad83;background:#fbf7f0;color:#4a4038;font-size:var(--site-text-size,18px);line-height:1.45;transition:background-color .2s,border-color .2s}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav) a:hover,:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav) a:focus-visible{background:#efe3d2;border-color:#aa8757}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-grid, .classy-reason-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:40px;align-items:stretch}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card){min-width:0;scroll-margin-top:115px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card) h2{margin:0 0 18px;padding:0;border:0;background:none;line-height:1}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card) h2 img{display:block;width:100%;max-width:100%;height:auto}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card) p{margin:0 0 14px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card) p:last-child{margin-bottom:0}
@media(max-width:767px){
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:36px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-nav, .classy-reason-nav) a{min-height:64px;padding:10px 6px;font-size:16px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-grid, .classy-reason-grid){grid-template-columns:minmax(0,1fr);row-gap:30px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card){scroll-margin-top:90px}
:is(.reason-page .content, .classy-reason-page__container) :is(.reason-card, .classy-reason-card) h2{margin-bottom:14px}
}