.compare-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 14px}
.compare-head small{display:block;color:#CC361E;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
.compare-head h2{font-size:25px;letter-spacing:-.04em;margin:0;color:#122435}
.compare-head>span{font-size:10px;font-weight:800;color:#69737A}
.compare-notice{background:#EFEFEF;border:1px solid #D1D1D1;padding:10px 12px;font-size:10px;line-height:1.5;color:#59636B;margin-bottom:12px}
.compare-scroll{overflow-x:auto}
.compare-table.compare-smart{min-width:720px}
.compare-table.compare-smart th{width:150px;position:sticky;left:0;background:#fff;z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.compare-table.compare-smart td{min-width:180px;line-height:1.5}
.compare-table.compare-smart .compare-diff th,.compare-table.compare-smart .compare-diff td{background:#FAF5F2}
.compare-table.compare-smart .compare-diff th{box-shadow:inset 3px 0 0 #CC361E}
.compare-product{display:flex;gap:10px;align-items:center}.compare-product img{width:70px;height:70px;object-fit:contain;background:#fff}.compare-product strong{font-size:11px;line-height:1.4;color:#122435}
.compare-foot{font-size:10px;color:#6B747B;line-height:1.55;margin:14px 0 0}
.compare-scroll:focus-visible{outline:2px solid #224766;outline-offset:3px}
.compare-scroll-hint{display:none}
@media(max-width:520px){
 .compare-head{display:block;padding-right:32px}
 .compare-head>div{min-width:0}
 .compare-head h2{font-size:22px;line-height:1.2;overflow-wrap:anywhere}
 .compare-head>span{display:block;margin-top:8px}
 .compare-scroll-hint{display:block;font-size:12px;line-height:1.5;color:#59636B;margin:10px 0}
 .compare-table.compare-smart th{width:105px;min-width:105px}
}