/* SELAこだて：個店設定。元マスターの構造と寸法を維持。 */
:root{--accent:#009D40;--page-header-color:#009D40;--sub:#000}
.__main-color,.legacy-content .__main-color{color:#009D40!important}
.__main-bgcolor,.legacy-content .__main-bgcolor{background-color:#009D40!important;color:#fff!important}
.__main-borderBottmcolor{border-bottom-color:#009D40!important}
.__main-bordercolor{border-color:#009D40!important}
.__sub-color{color:#000!important}
.__sub-bordercolor{border-color:#000!important}
.top-btn,.p-btn,.action-button,.static-detail-button{background:#009D40;color:#fff!important}
.top-btn:hover,.p-btn:hover,.action-button:hover{color:#fff!important}
.line-button,.line-button:hover{background:#00B900!important;color:#fff!important}
.site-logo img{max-height:86px;width:auto;max-width:100%;object-fit:contain}
.header-top-inner .header-desc{max-width:54%;white-space:normal;overflow-wrap:anywhere}
.header-phone a,.contact-band .tel a{color:inherit;text-decoration:none}
.footer-sns{display:flex;justify-content:center;align-items:center;gap:24px}
.footer-sns img{width:30px;height:30px;object-fit:contain}
.mascot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.mascot-card{min-width:0}.mascot-photo{overflow:hidden;border-radius:9px;aspect-ratio:1.6}
.mascot-photo img{display:block;width:100%;height:100%;object-fit:cover}
.mascot-card:nth-child(2) .mascot-photo img{object-position:center 36%}
.mascot-card h3{text-align:center;font-size:20px;margin:23px 0 17px;color:#111}
.mascot-card p{font-weight:600;line-height:2.05;font-size:15px;margin:0}
.mascot-link{display:inline-block;color:#319c61;font-weight:700;margin-top:10px;text-decoration:none}
.mascot-link:hover{text-decoration:underline}
.legacy-content .reason-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.legacy-content .reason img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:4px}
.legacy-content .reason h4{font-size:16px;font-weight:700;line-height:1.7;margin:12px 0}
.legacy-content .reason p{font-size:14px;line-height:1.85;margin:0}
.service-overviews .static-detail-button{border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;text-decoration:none;font-weight:700}
.page-main .faq-index-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-main .faq-index-links a{color:#009D40;text-decoration:none;border:1px solid #dedede;border-radius:5px;padding:10px 14px}
.page-main .faq-index-links a:hover{background:#f2f9f4}
.static-qa-a{display:flex;gap:15px;align-items:flex-start;font-size:14px;line-height:1.9}
.static-qa-a-symbol{font-weight:700;color:#333;flex:none;min-width:24px}
.static-qa-a p{margin:0}.static-qa-q>span:last-child{min-width:0}
.legacy-content .c-section_slide>li:not(:first-child){display:list-item}
.legacy-content .c-section_slide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.legacy-content .c-section_slide>li{min-width:0}.legacy-content .c-section_slide img{aspect-ratio:1.5;object-fit:cover}
.article-date{color:#777;font-size:14px}.article-title{font-size:25px;line-height:1.6;margin:15px 0 26px}
.article-rich{font-size:16px;line-height:2;overflow-wrap:anywhere}.article-rich p{margin:0 0 20px;white-space:pre-line}
.article-rich img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:4px}
.article-rich .post_row{display:flex;flex-wrap:wrap;gap:15px}.article-rich .post_col{flex:1 1 220px;min-width:0}
.article-rich a{color:#009D40}.article-rich h3{font-size:19px;margin-top:28px}
.contact-static-number a{font-size:27px;font-weight:700;text-decoration:none;color:#009D40}
.notfound-content{max-width:830px;margin:50px auto 85px;line-height:2;color:#292929}
.notfound-content h2{font-size:24px;color:#009D40;line-height:1.6}
.notfound-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}
@media(max-width:850px){.mascot-grid{gap:16px}.mascot-photo{aspect-ratio:1.35}.mascot-card h3{font-size:18px}.mascot-card p{font-size:14px}.header-top-inner .header-desc{max-width:100%}.page-main .faq-index-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.header-lower-inner{gap:8px}.site-logo{min-width:0;flex:1 1 auto;max-width:calc(100% - 102px)}.site-logo img{max-height:64px;width:100%;height:auto}.mobile-menu{flex:0 0 88px;min-width:88px}.mobile-menu summary{font-size:13px;white-space:nowrap;gap:4px} }
@media(max-width:650px){.mascot-grid{grid-template-columns:1fr;gap:38px}.mascot-photo{aspect-ratio:1.65}.mascot-card h3{margin:14px 0 10px}.mascot-card p{line-height:1.85}.page-main .faq-index-links{grid-template-columns:1fr}.legacy-content .reason-list{grid-template-columns:1fr}.legacy-content .c-section_slide{grid-template-columns:repeat(2,minmax(0,1fr))}.article-title{font-size:21px}}

/* 2026-11-12 layout fixes. Preserve the supplied master navigation's colors and spacing. */
.nav-links{background:transparent}
.nav-links a:not(.active){background:#f6f6f6;color:#111!important}
.nav-links a.active,.nav-links a[aria-current="page"]{background:#009D40!important;color:#fff!important;border-color:#009D40}
.nav-links a:not(.active):hover{background:#e9f5ec;color:#009D40!important;border-color:#009D40}
/* Show the entire TOP hero image at all widths, including mobile. */
.hero img{width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center center}
/* ABOUT reason subheads use the store accent, not legacy black sub-color. */
.legacy-content .about-reasons h3.e-title{color:#009D40!important}
/* FAQ categories are the original master component. */
.page-main .faq-category-links a{color:#009D40}
.page-main .faq-category-links a:hover{background:#f2f9f4;border-color:#009D40;color:#009D40}