.nihon-hero-compare{--nihon-compare-tick: rgb(var(--color-foreground))}.nihon-hero-compare__inner{max-width:140rem;margin:0 auto;padding:0 1.5rem}.nihon-hero-compare .nihon-section-header{margin-bottom:2.4rem}.nihon-hero-compare__table--cols-4{--nihon-compare-label-width: 33%;--nihon-compare-table-max: 90rem}.nihon-hero-compare__table--cols-3{--nihon-compare-label-width: 36%;--nihon-compare-table-max: 76rem}.nihon-hero-compare__table--cols-2{--nihon-compare-label-width: 40%;--nihon-compare-table-max: 62rem}.nihon-hero-compare__table{table-layout:fixed;width:100%;max-width:var(--nihon-compare-table-max, 90rem);margin:0 auto;border-collapse:collapse}.nihon-hero-compare__corner,.nihon-hero-compare__feature{width:var(--nihon-compare-label-width, 33%)}.nihon-hero-compare__feature{padding:1.2rem 1rem 1.2rem 0;text-align:left;font-size:1.4rem;font-weight:500;line-height:1.4;overflow-wrap:break-word;color:rgb(var(--color-foreground))}.nihon-hero-compare__brand{padding:1rem .4rem;text-align:center;vertical-align:bottom}.nihon-hero-compare__brand img{display:block;width:100%;max-width:12rem;margin:0 auto;object-fit:contain}.nihon-hero-compare__brand-name{font-size:1.3rem;font-weight:700;line-height:1.3;overflow-wrap:break-word;color:rgb(var(--color-foreground))}.nihon-hero-compare__cell{padding:1rem .4rem;text-align:center}.nihon-hero-compare__table tbody tr{border-top:.1rem solid rgba(var(--color-foreground),.12)}.nihon-hero-compare__cell--us{background:rgba(var(--color-foreground),.06);--nihon-compare-tick: #c4916e}.nihon-hero-compare__mark{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--nihon-compare-tick)}.nihon-hero-compare__mark svg{width:1.4rem;height:auto;color:rgb(var(--color-background))}.nihon-hero-compare__mark--question{opacity:.7}.nihon-hero-compare__mark--cross{opacity:.5}.nihon-hero-compare__mark .nihon-tick{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nihon-compare-tick);color:rgb(var(--color-background))}.nihon-hero-compare__mark .nihon-tick svg{width:1.4rem;height:auto}@media screen and (max-width:749px){.nihon-hero-compare__feature{font-size:1.2rem;padding:1rem .6rem 1rem 0}.nihon-hero-compare__brand-name{font-size:1.1rem}.nihon-hero-compare__mark{width:2rem;height:2rem}.nihon-hero-compare__mark svg{width:1.2rem}.nihon-hero-compare__mark .nihon-tick svg{width:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nihon-hero-compare.css.map */