.mr-compare-wrap{max-width:1200px;margin:32px auto 64px;color:#111;font-family:'Zen Kaku Gothic New',sans-serif;letter-spacing:0}
.mr-compare-wrap[hidden]{display:none!important}
.mr-compare-scroll{overflow-x:auto;overscroll-behavior-x:contain;border-bottom:2px solid #111;scrollbar-color:#111 #eee;scrollbar-width:thin}
.mr-compare{width:100%;min-width:740px;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:center;font-size:17px;line-height:1.6;color:#151515;background:#fff}
.mr-compare caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mr-compare .mr-items{width:22%}
.mr-compare th,.mr-compare td{vertical-align:middle;padding:23px 14px;border:0;border-bottom:1px solid #dcdedc;word-break:normal}
.mr-compare thead th{height:150px;border-top:2px solid #111;border-bottom:2px solid #111;background:#f5f5f2}
.mr-compare thead td{border-bottom:2px solid #111}
.mr-compare thead strong{display:block;font-size:20px;font-weight:800;line-height:1.5}
.mr-compare thead small{display:block;font-size:12px;font-weight:500;line-height:1.7;margin-top:11px;color:#555}
.mr-compare thead .mr-terasu{background:#101010;color:#fff;border-radius:15px 15px 0 0}
.mr-compare thead .mr-terasu strong{font-family:Arial,sans-serif;letter-spacing:.15em;font-size:33px}
.mr-compare thead .mr-terasu small{color:#71e4ce;font-size:12px;letter-spacing:.05em}
.mr-compare tbody th{text-align:left;font-size:16px;font-weight:700;background:#fff}
.mr-compare tbody .mr-terasu{background:#e2f8f2;font-weight:800;border-bottom-color:#bfded5}
.mr-compare tbody .mr-symbol{font-size:30px;line-height:1.2;font-family:Arial,'Zen Kaku Gothic New',sans-serif;font-weight:400}
.mr-compare tbody .mr-terasu.mr-symbol{font-weight:500}
.mr-compare tbody tr:last-child>*{border-bottom:0}
.mr-scroll-note{display:none}
@media(max-width:760px){.mr-compare-wrap{margin:24px 0 44px}.mr-compare{min-width:720px;font-size:15px}.mr-compare .mr-items{width:140px}.mr-compare th,.mr-compare td{padding:20px 12px}.mr-compare thead th{height:132px}.mr-compare thead strong{font-size:17px}.mr-compare thead small{font-size:11px}.mr-compare thead .mr-terasu strong{font-size:27px}.mr-compare tbody th{font-size:14px;position:sticky;left:0;z-index:1;box-shadow:1px 0 #dcdedc}.mr-compare thead td{position:sticky;left:0;background:#fff;z-index:2}.mr-scroll-note{display:block!important;font:12px/1.6 system-ui!important;margin:10px 0 0!important;color:#666!important;text-align:right!important}}
.mr-compare-wrap[data-design=editorial] .mr-compare-scroll{border-bottom:1px solid #151515}
.mr-compare-wrap[data-design=editorial] .mr-compare{background:#fff;font-size:16px}
.mr-compare-wrap[data-design=editorial] .mr-compare th,.mr-compare-wrap[data-design=editorial] .mr-compare td{padding:25px 20px;border-bottom:1px solid #deded8}
.mr-compare-wrap[data-design=editorial] .mr-compare thead th{height:158px;background:white;border-top:0;border-bottom:2px solid #171717;text-align:left;vertical-align:bottom;padding-bottom:25px}
.mr-compare-wrap[data-design=editorial] .mr-compare thead td{border-bottom:2px solid #171717}
.mr-compare-wrap[data-design=editorial] .mr-compare thead strong{font-size:20px;letter-spacing:-.03em}
.mr-compare-wrap[data-design=editorial] .mr-compare thead .mr-terasu{border-radius:0;background:#fff;color:#111;border-bottom:5px solid #00c2a8}
.mr-compare-wrap[data-design=editorial] .mr-compare thead .mr-terasu strong{font:700 32px/1.2 Arial,sans-serif;letter-spacing:.12em}
.mr-compare-wrap[data-design=editorial] .mr-compare thead .mr-terasu small{color:#34463f}
.mr-compare-wrap[data-design=editorial] .mr-compare tbody td{text-align:left;color:#666}
.mr-compare-wrap[data-design=editorial] .mr-compare tbody th{font-weight:500;font-size:16px}
.mr-compare-wrap[data-design=editorial] .mr-compare tbody .mr-terasu{background:#f2faf7;color:#111;font-weight:800}
.mr-compare-wrap[data-design=editorial] .mr-compare tbody .mr-symbol{font-size:26px}

.mr-compare-wrap[data-design=noir] .mr-compare-scroll{border:0}
.mr-compare-wrap[data-design=noir] .mr-compare{background:#f6f5f1;font-size:16px}
.mr-compare-wrap[data-design=noir] .mr-compare th,.mr-compare-wrap[data-design=noir] .mr-compare td{padding:24px 18px;border-color:#d9d8d2}
.mr-compare-wrap[data-design=noir] .mr-compare thead th{background:#f6f5f1;border-top:0;border-bottom:1px solid #d9d8d2;height:165px}
.mr-compare-wrap[data-design=noir] .mr-compare thead td{background:#f6f5f1;border-bottom:1px solid #d9d8d2}
.mr-compare-wrap[data-design=noir] .mr-compare thead strong{font-size:19px}
.mr-compare-wrap[data-design=noir] .mr-compare tbody th{background:#f6f5f1;font-weight:500}
.mr-compare-wrap[data-design=noir] .mr-compare tbody td{color:#666}
.mr-compare-wrap[data-design=noir] .mr-compare .mr-terasu{background:#141414;color:#fff;border-bottom:1px solid #393939}
.mr-compare-wrap[data-design=noir] .mr-compare thead .mr-terasu{border-radius:24px 24px 0 0}
.mr-compare-wrap[data-design=noir] .mr-compare thead .mr-terasu strong{font-size:32px;letter-spacing:.13em}
.mr-compare-wrap[data-design=noir] .mr-compare thead .mr-terasu small{color:#85e6d5}
.mr-compare-wrap[data-design=noir] .mr-compare tbody .mr-terasu.mr-symbol{color:#6be0c9;font-size:31px}
.mr-compare-wrap[data-design=noir] .mr-compare tbody tr:last-child .mr-terasu{border-radius:0 0 24px 24px}

.mr-compare-wrap[data-design=columns] .mr-compare-scroll{border:0}
.mr-compare-wrap[data-design=columns] .mr-compare{border-spacing:12px 0;background:transparent;font-size:16px;min-width:780px}
.mr-compare-wrap[data-design=columns] .mr-compare th,.mr-compare-wrap[data-design=columns] .mr-compare td{padding:23px 16px;border-bottom:1px solid #ddded8;background:#efefea}
.mr-compare-wrap[data-design=columns] .mr-compare thead th{height:170px;border-top:0;border-bottom:1px solid #d2d4ce;border-radius:20px 20px 0 0;vertical-align:middle}
.mr-compare-wrap[data-design=columns] .mr-compare thead strong{font-size:19px}
.mr-compare-wrap[data-design=columns] .mr-compare thead small{font-size:11px}
.mr-compare-wrap[data-design=columns] .mr-compare thead td,.mr-compare-wrap[data-design=columns] .mr-compare tbody th{background:#fff;border-bottom:1px solid #e1e1db}
.mr-compare-wrap[data-design=columns] .mr-compare tbody th{font-weight:500;font-size:15px}
.mr-compare-wrap[data-design=columns] .mr-compare .mr-terasu{background:#cbf3e8;color:#111;border-color:#9edacc}
.mr-compare-wrap[data-design=columns] .mr-compare thead .mr-terasu{background:#00c2a8}
.mr-compare-wrap[data-design=columns] .mr-compare thead .mr-terasu strong{font:700 31px/1.2 Arial,sans-serif;letter-spacing:.12em}
.mr-compare-wrap[data-design=columns] .mr-compare thead .mr-terasu small{color:#103c34;font-size:11px}
.mr-compare-wrap[data-design=columns] .mr-compare tbody .mr-symbol{font-size:29px}
.mr-compare-wrap[data-design=columns] .mr-compare tbody tr:last-child td{border-radius:0 0 20px 20px;border-bottom:0}
@media(max-width:760px){
 .mr-compare-wrap[data-design] .mr-compare{min-width:720px}
 .mr-compare-wrap[data-design] .mr-compare th,.mr-compare-wrap[data-design] .mr-compare td{padding:20px 14px}
 .mr-compare-wrap[data-design] .mr-compare tbody th{font-size:14px}
 .mr-compare-wrap[data-design] .mr-compare thead th{height:150px}
 .mr-compare-wrap[data-design] .mr-compare thead strong{font-size:17px}
 .mr-compare-wrap[data-design=columns] .mr-compare{min-width:750px;border-spacing:8px 0}
 .mr-compare-wrap[data-design=columns] .mr-compare tbody th{background:#fff}
}
