/* _kampo_features.html.liquid | haricchi_theme_20261020 | 2026-10-24 */

.kampo-common{font-family:"Noto Sans JP",sans-serif;color:#3d3935;max-width:calc(750px + 450px);margin:0 auto;width:calc(100% - 40px)}
.kampo-common .kampo-features-section{padding:80px 0 120px;background:#EDEDED;box-shadow:0 0 0 100vmax #EDEDED;clip-path:inset(0 -100vmax)}
.kampo-common .kampo-features-section header{border-bottom:1px solid #bdb8b3;padding-bottom:22px;margin-bottom:48px}
.kampo-common .kampo-features-section h2{font-family:Jost,sans-serif;font-size:24px;font-weight:500;letter-spacing:.04em;line-height:1.4;color:#494949;margin:0 0 12px}
.kampo-common .kampo-features-section header p{font-size:15px;font-weight:500;line-height:1.6;margin:0}
.kampo-common .kampo-features-section__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.kampo-common .kampo-features-section article img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}
.kampo-common .kampo-features-section h4{font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:500;line-height:1.667;letter-spacing:.04em;color:inherit;margin:32px 0 24px;min-height:60px}
.kampo-common .kampo-features-section article p{font-size:15px;line-height:1.8667;letter-spacing:.04em;margin:0}
@media(max-width:719px){
.kampo-common .kampo-features-section{padding:32px 0 56px}
.kampo-common .kampo-features-section__grid{grid-template-columns:1fr;gap:40px}
.kampo-common .kampo-features-section header{margin-bottom:32px}
.kampo-common .kampo-features-section h4{margin:20px 0 16px;font-size:18px;min-height:0}
.kampo-common .kampo-features-section article p{font-size:14px}
}