/* Figma 01_TOP 2026-10-22 / theme 40029 only */
#index-view .kampo-home-feature{font-family:"Noto Sans JP",sans-serif;color:#3d3935;margin:80px 0}
#index-view .kampo-home-visual,#index-view .kampo-home-visual img{display:block;width:100%;height:auto}
#index-view .kampo-home-feature__inner{max-width:calc(750px + 450px);width:calc(100% - 40px);margin:80px auto 0}
#index-view .kampo-home-feature__en{font-family:Jost,sans-serif;font-size:16px;line-height:1.4;letter-spacing:.12em;margin:0 0 64px;color:#494949}
#index-view .kampo-home-feature__columns{display:grid;grid-template-columns:40% 60%;gap:0}
#index-view .kampo-home-feature h2{font-family:"Noto Sans JP",sans-serif;font-size:22px;font-weight:500;line-height:38px;letter-spacing:.04em;color:inherit;margin:0 0 24px}
#index-view .kampo-home-feature__eyebrow{font-size:13px;line-height:1.8;font-weight:500;letter-spacing:.12em;margin:0}
#index-view .kampo-home-feature__body p{font-size:14px;line-height:30px;letter-spacing:.02em;margin:0 0 30px}
#index-view .kampo-home-feature__body a{display:inline-flex;align-items:center;justify-content:center;margin:0;font-size:13px}
#index-view .kampo-home-type-labels{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px;color:#21364e}
#index-view .kampo-home-type-label{display:inline-flex;border:1px solid #21364e;font-size:11px;font-weight:500;line-height:1.4;padding:2px 5px}
#index-view .kampo-home-type-label>span+span{border-left:1px solid #21364e;margin-left:6px;padding-left:6px}
#index-view .kampo-home-product .c-product_item__inner__title{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:500}
#index-view .kampo-home-categories .grid-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:16px;width:calc(100% - 40px);max-width:1160px}
#index-view [data-section-id="9f5f552cd08cb076f9b34e755efc964c"] h3{font-family:"Noto Sans JP",sans-serif;font-size:22px;font-weight:500;line-height:38px;letter-spacing:.04em}
@media(max-width:719px){
#index-view .kampo-home-feature{margin:48px 0}
#index-view .kampo-home-feature__inner{margin-top:40px}
#index-view .kampo-home-feature__en{font-size:16px;margin-bottom:24px}
#index-view .kampo-home-feature__columns{grid-template-columns:1fr;gap:24px}
#index-view .kampo-home-feature__body p{font-size:14px;line-height:2}
#index-view .kampo-home-type-label{font-size:10px}
#index-view .kampo-home-categories .grid-inner{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1160px}
}

#index-view .kampo-home-lineup-button{box-sizing:border-box;position:relative;display:inline-flex;justify-content:center;align-items:center;width:330px;max-width:100%;height:48px;border:1px solid #21364e;border-radius:2px;background:#fff;color:#21364e;font-family:"Noto Sans JP",sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;text-decoration:none}
#index-view .kampo-home-lineup-button svg{position:absolute;right:20px;width:10px;height:10px}
#index-view .kampo-home-categories .box-kampo{grid-area:4/1/5/3;aspect-ratio:1160/300;height:auto}
#index-view .kampo-home-categories .box-kampo img{display:block;width:100%;height:100%;object-fit:cover}
#index-view .kampo-home-categories .box-kampo .main-title{font-family:Jost,sans-serif;font-size:28px;color:#fff}
#index-view .kampo-home-categories .box-kampo .sub-title{font-family:"Noto Sans JP",sans-serif;font-size:14px;color:#fff}

/* Match the existing product lineup button hover. */
#index-view .kampo-home-lineup-button{transition:0.4s}
#index-view .kampo-home-lineup-button:hover{background:#21364e;color:#fff;opacity:1}

@media(max-width:719px){#index-view .kampo-home-categories .box-kampo .main-title{font-size:20px;line-height:1.2;letter-spacing:.08em}}
