html{scroll-behavior:smooth}body{margin:0;background:#f2f6f3;color:#173632;font-family:system-ui,"Yu Gothic UI",Meiryo,sans-serif;line-height:1.65}*{box-sizing:border-box}a{color:#0b6656}a:focus-visible,summary:focus-visible{outline:3px solid #367e96;outline-offset:3px}.compare-header{background:#fff;border-bottom:1px solid #d5e1d9;padding:.7rem max(1rem,calc((100% - 70rem)/2));display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.compare-header img{width:190px;height:57px;object-fit:contain}.compare-header nav{display:flex;gap:.8rem;flex-wrap:wrap}.compare-header a{text-decoration:none;font-weight:650}.compare-main{max-width:72rem;margin:auto;padding:1.2rem 1rem}.compare-intro h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.3;margin:.4rem 0}.compare-intro p{margin:.5rem 0}.compare-tag{font-size:.8rem;border:1px solid #bfd6ca;border-radius:.4rem;padding:.15rem .5rem;background:#e8f4ed}.compare-steps{display:flex;gap:.6rem;flex-wrap:wrap;padding:0;list-style:none;font-weight:650}.compare-steps li{background:#fff;border:1px solid #d5e1d9;border-radius:.4rem;padding:.35rem .6rem}.compare-warning{font-size:.9rem;color:#5d5543;border-left:3px solid #c2954b;padding-left:.65rem}.compare-frame{width:100%;height:1050px;border:0;display:block;border-radius:.7rem;background:#f2f6f3}.compare-panel{background:#fff;border:1px solid #d5e1d9;border-radius:.8rem;padding:clamp(.9rem,2vw,1.5rem);margin:1.1rem 0}.compare-panel h2{font-size:1.3rem;margin-top:0}.compare-panel h3{font-size:1.05rem}.compare-panel details{padding:.65rem 0;border-top:1px solid #e0e9e4}.compare-panel summary{font-weight:650;cursor:pointer}.compare-ad{display:grid;place-items:center;min-height:115px;margin:1rem 0;color:#64766d;font-size:.75rem}.compare-ad .ad-slot{width:100%;min-height:90px;text-align:center}.compare-ad:has(.active){visibility:visible}.compare-ad:not(:has(.active)){visibility:hidden}.compare-footer{max-width:72rem;margin:0 auto;padding:1rem;display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.compare-footer button{padding:.4rem .6rem;background:#fff;border:1px solid #bfd6ca;border-radius:.4rem}.compare-promo{padding:1rem;border:1px solid #bfd6ca;border-radius:.7rem;background:#eff7f2;margin:1rem 0}@media(max-width:560px){.compare-main{padding:.8rem .5rem}.compare-header{padding:.6rem .8rem;gap:.4rem}.compare-header img{width:160px;height:48px}.compare-header nav{font-size:.85rem;gap:.65rem}.compare-frame{min-height:650px}.compare-ad{min-height:90px}.compare-ad .ad-slot{min-height:60px}}
.compare-header .compare-brand{display:flex;align-items:center;gap:.45rem;font-size:1.3rem;color:#173632}.compare-header .compare-brand img{width:48px;height:48px}.compare-brand small{display:block;font-size:.64rem;line-height:1.2}@media(max-width:560px){.compare-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;font-size:.78rem}.compare-steps li{padding:.3rem}.compare-warning{font-size:.82rem}}