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

.kampo-web-module{font-family:"Noto Sans JP",sans-serif}
.kampo-web-module .kampo-web-diagnosis{container-type:inline-size;position:relative;aspect-ratio:1200/302;max-width:calc(750px + 450px);width:calc(100% - 40px);margin:80px auto;background:#7b2333 url('../images/pc/diagnosis-banner-background.jpg') center/100% 100% no-repeat;overflow:hidden;box-sizing:border-box}
.kampo-web-module .kampo-web-diagnosis__copy{position:absolute;left:19.3333%;top:25%;color:#fff;letter-spacing:.04em}
.kampo-web-module .kampo-web-diagnosis h2{margin:0;color:#fff;font-family:"Noto Sans JP",sans-serif;font-size:clamp(13px,1.83333cqw,22px);font-weight:500;line-height:1.5;letter-spacing:.04em}
.kampo-web-module .kampo-web-diagnosis p{margin:1.83333cqw 0 0;color:#fff;font-size:clamp(11px,1.25cqw,15px);font-weight:400;line-height:1.6;letter-spacing:.04em}
.kampo-web-module .kampo-web-diagnosis a{display:flex;align-items:center;justify-content:center;gap:1.25cqw;width:27.5cqw;height:4cqw;min-height:32px;margin-top:3.33333cqw;border-radius:2px;background:#fff;color:#7b2333;font-size:clamp(11px,1.08333cqw,13px);font-weight:500;line-height:1.5;letter-spacing:.04em;text-decoration:none;transition:opacity .2s}
.kampo-web-module .kampo-web-diagnosis a::after{content:"";width:10px;height:10px;background:#7b2333;clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)}
.kampo-web-module .kampo-web-diagnosis a:hover{opacity:.85}
.kampo-web-module .kampo-web-diagnosis a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.kampo-web-module .kampo-web-diagnosis .diagnosis-sp-phone,.kampo-web-module .kampo-web-diagnosis .diagnosis-sp-break{display:none}
@media(max-width:719px){
.kampo-web-module .kampo-web-diagnosis{aspect-ratio:335/473;min-height:0;background:#7b2333;border:.5px solid #dedcda;box-sizing:border-box;container-type:inline-size}
.kampo-web-module .kampo-web-diagnosis::before{content:"";position:absolute;inset:0;background:url('../images/sp/kampo-diagnosis-pattern-sp.png') center/100% 100%;pointer-events:none}
.kampo-web-module .kampo-web-diagnosis__copy{display:block;position:absolute;top:9.55224cqw;left:6.1194%;width:87.7612%;text-align:center;z-index:1}
.kampo-web-module .kampo-web-diagnosis h2{font-size:6.56716cqw!important;line-height:10.14925cqw!important;font-weight:500;margin:0!important}
.kampo-web-module .kampo-web-diagnosis .diagnosis-sp-break{display:block}
.kampo-web-module .kampo-web-diagnosis p{font-size:4.1791cqw;line-height:7.16418cqw;margin:2.83582cqw 0 0;white-space:nowrap}
.kampo-web-module .kampo-web-diagnosis a{width:95.2381%;height:14.32836cqw;min-height:0;margin:7.46269cqw auto 0;font-size:3.8806cqw;gap:2.98507cqw;border-radius:1px}
.kampo-web-module .kampo-web-diagnosis .diagnosis-sp-phone{display:block;position:absolute;bottom:0;left:12.53731%;width:74.92537%;height:auto;max-width:none}
}