@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root{--color-primary: #229ED1;--color-lightblue: #C6ECFC;--color-paleblue: #EBF9FF;--color-hover: #0070AA;--color-black: #333}.compare__nav-dropdown,.compare__nav-list a{display:flex;align-items:baseline;gap:12px;font-size:16px;color:var(--color-black);font-weight:500;padding:16px 20px;box-shadow:0 2px 3px var(--color-lightblue);border-radius:8px;transition:.2s color,.2s background,.2s box-shadow}@media(max-width: 767.9px){.compare__nav-dropdown,.compare__nav-list a{padding:12px 15px;font-size:14px}}.compare{width:min(100%,1000px);margin:0 auto;padding-bottom:60px}@media(max-width: 1000px){.compare{padding-left:15px;padding-right:15px}}:where(.compare,[class^=compare__]){font-family:"Noto Sans JP",sans-serif !important;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.03em;font-feature-settings:"palt" 1;color:var(--color-black) !important;margin:0;padding:0}:where(.compare,[class^=compare__]),:where(.compare,[class^=compare__])::before,:where(.compare,[class^=compare__])::after,:where(.compare,[class^=compare__]) *,:where(.compare,[class^=compare__]) *::before,:where(.compare,[class^=compare__]) *::after{box-sizing:border-box}:where(.compare,[class^=compare__]) a{text-decoration:none !important}:where(.compare,[class^=compare__]) ul,:where(.compare,[class^=compare__]) li{list-style:none}.compare__visual img{display:block;width:100%}.compare__visual+*{margin-top:40px}@media(max-width: 1000px){.compare__visual{position:relative;width:calc(100% + 30px);left:-15px}}.compare__nav{position:relative}@media(max-width: 768px){.compare__nav::after{content:"";display:block;position:absolute;top:calc(50% - 4px);left:calc(100% - 28px);width:13px;height:8px;background:var(--color-primary);mask:url(/img/compare/icon_compare_dropdown.svg) center/contain no-repeat;pointer-events:none}}.compare__nav+*{margin-top:64px}.compare__nav-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:18px}@media(max-width: 900px){.compare__nav-list{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 700px){.compare__nav-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 500px){.compare__nav-list{grid-template-columns:1fr}}.compare__nav-list a{background:var(--color-paleblue)}.compare__nav-list a::before{content:"";display:block;width:15px;height:12px;background:var(--color-primary);mask:url(/img/compare/icon_compare_arrow_nav.svg) center/contain no-repeat;transition:.2s background-color;flex-shrink:0}@media(hover: hover){.compare__nav-list a:hover{color:var(--color-hover);background:var(--color-lightblue);box-shadow:0 2px 5px var(--color-primary)}@supports(background: color-mix(in srgb, red 50%, blue)){.compare__nav-list a:hover{background:color-mix(in srgb, var(--color-lightblue), var(--color-paleblue) 50%)}}.compare__nav-list a:hover::before{background-color:var(--color-hover)}}.compare__nav-dropdown{display:none;appearance:none;width:100%;border:0;background:var(--color-paleblue)}.compare__nav-dropdown:focus-visible{color:var(--color-hover);background-color:var(--color-lightblue);outline:none;box-shadow:0 2px 5px var(--color-primary)}@supports(background: color-mix(in srgb, red 50%, blue)){.compare__nav-dropdown:focus-visible{background-color:color-mix(in srgb, var(--color-lightblue), var(--color-paleblue) 50%)}}.compare__section:not(.compare__section--details){counter-reset:category}.compare__section--details+*{margin-top:56px}.compare__section-title,.compare__section-box{border-left:8px solid;padding-left:25px}.compare__section-title+.compare__section-title,.compare__section-box+.compare__section-title{margin-top:40px}.compare__section-title+.compare__section-box,.compare__section-box+.compare__section-box{margin-bottom:24px}.compare__section-title{font-size:24px;font-weight:700;border-left-color:var(--color-primary)}.compare__section--details .compare__section-title::before{content:attr(data-category);display:block;width:100%;font-size:14px;font-weight:700;color:var(--color-primary);letter-spacing:0;margin-bottom:8px}.compare__section-desc{margin:0;font-size:14px;line-height:24px}.compare__section-title+.compare__section-desc{margin-top:32px}@supports(text-justify: inter-character){.compare__section-desc{text-align:justify;text-justify:inter-character}}.compare__section-box{border-left-color:rgba(0,0,0,0);padding-top:16px}.compare__section-list{column-count:2;column-gap:36px;margin-top:-16px;padding:0}.compare__section-list,.compare__section-list .compare__section-item{list-style:none}.compare__section-list a{display:block;position:relative;width:100%;padding:16px 42px 16px 0;border-bottom:1px solid var(--color-lightblue);transition:.2s color,.2s border-bottom-color}.compare__section-list a,.compare__section-list a:visited{color:var(--color-black)}.compare__section-list a small{font-size:14px}.compare__section-list a::before{content:"";display:block;width:0;height:1px;background:var(--color-hover);position:absolute;bottom:-1px;right:0;transition:.15s width}.compare__section-list a::after{content:"";display:block;position:absolute;right:0;top:22px;width:13px;height:13px;background:var(--color-primary);mask:url(/img/compare/icon_compare_arrow_link.svg) right center/contain no-repeat;margin-right:12px;transition:.2s background-color;flex-shrink:0}@media(hover: hover){.compare__section-list a:hover{color:var(--color-hover)}.compare__section-list a:hover::before{width:100%;right:auto;left:0;transition:.25s width}.compare__section-list a:hover::after{background-color:var(--color-hover)}}@media(max-width: 767.9px){.compare{padding-bottom:50px}.compare__visual+*{margin-top:24px}.compare__nav+*{margin-top:28px}.compare__nav-list{display:none}.compare__nav-dropdown{display:block}.compare__section:not(.compare__section--details){grid-template-columns:1fr}.compare__section--details+*{margin-top:28px}.compare__section-title,.compare__section-box{padding-left:18px}.compare__section-title+.compare__section-title,.compare__section-box+.compare__section-title{margin-top:24px}.compare__section-title+.compare__section-box,.compare__section-box+.compare__section-box{margin-bottom:12px}.compare__section-title{font-size:18px}.compare__section--details .compare__section-title::before{font-size:12px;margin-bottom:4px}.compare__section-title+.compare__section-desc{margin-top:24px}.compare__section-box{padding-top:8px;padding-bottom:6px}.compare__section-list{column-count:1;margin-top:0}.compare__section-list a{padding:12px 42px 12px 0;gap:12px;font-size:14px}.compare__section-list a small{font-size:12px}.compare__section-list a::before{display:none}.compare__section-list a::after{top:17px;margin-right:15px}}