@font-face{font-family:LP;src:url('assets/fonts/noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-display:block}
.revision-region{position:absolute;font-family:LP,sans-serif;line-height:1.65;color:#24363f}.revision-region p,.revision-region h3{margin:0}.revision-region img{display:block;max-width:100%}.asset img{width:100%;height:100%;object-fit:contain}.official-logo img{object-fit:contain}.official-product img{filter:drop-shadow(0 14px 14px #20313b14)}.replacement-white{background:#fff;border-radius:14px}.faq-product{background:transparent}.replacement-white img{object-fit:contain}.interior-photo{background:white;border-radius:20px;overflow:hidden}.interior-photo img{object-fit:cover}.cm-card p{position:absolute;bottom:0;left:0;width:100%;font-size:30px;font-weight:700;text-align:center;color:#fff;white-space:nowrap}.mode-sp .cm-card p{font-size:35px}.cm-hit{display:block;width:100%;height:80%;cursor:pointer;background:transparent;border:0;border-radius:20px}.cm-hit:focus-visible{outline:5px solid #ffe055}.fire-stat{background:#fff;border-radius:20px;padding:20px 24px 15px}.fire-stat h3{display:flex;align-items:center;justify-content:space-between;font-size:28px;font-weight:700}.fire-stat h3 strong{font-size:50px;color:#009f97;line-height:1.3}.fire-stat h3 strong span{font-size:27px}.fire-stat-body{display:flex;align-items:center;gap:18px;margin:18px 0 15px}.cause-pie{flex:0 0 267px;height:267px;border-radius:50%;background:conic-gradient(#00ada4 0deg 126.706deg,#78939c 126.706deg 261.818deg,#a9bdc2 261.818deg 285.538deg,#526770 285.538deg 286.138deg,#d1dddf 286.138deg 306.855deg,#e7eeef 306.855deg 360deg);display:grid;place-items:center;position:relative}.cause-pie>div{width:176px;height:176px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;font-weight:700;line-height:1.45;text-align:center}.cause-pie strong{display:block;color:#008f88;font-size:45px;line-height:1.15}.cause-pie strong span{font-size:23px}.cause-legend{margin:0;padding:0;list-style:none;flex:1;font-size:21px;line-height:1.55}.cause-legend li{position:relative;padding-left:21px;margin-bottom:5px}.cause-legend li:before{content:'';position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:2px;background:#78939c}.cause-legend .co{color:#008e86;font-size:21px}.cause-legend .co:before{background:#00ada4}.cause-legend span{display:block}.cause-legend .suicide:before{background:#a9bdc2}.cause-legend .injury:before{background:#526770}.cause-legend .other:before{background:#d1dddf}.cause-legend .unknown:before{background:#e7eeef}.source{font-size:18px;line-height:1.6;color:#465b63}.source a{color:inherit;text-underline-offset:3px}.mode-sp .fire-stat{padding:25px 30px}.mode-sp .fire-stat h3{font-size:33px}.mode-sp .fire-stat h3 strong{font-size:63px}.mode-sp .fire-stat-body{align-items:center;gap:20px;margin-top:30px}.mode-sp .cause-pie{flex-basis:285px;height:285px}.mode-sp .cause-legend{font-size:25px;line-height:1.65}.mode-sp .cause-legend .co{font-size:26px}.mode-sp .cause-legend li{margin-bottom:14px}.mode-sp .source{font-size:23px}.co-label{font-size:48px;font-weight:800;display:grid;place-items:center;color:#fff;text-shadow:0 2px 3px #24363f50}.experiment-result{padding:35px 7% 72px;background:#c9f2ee;color:#24363f;text-align:center}.experiment-result .eyebrow{font-size:20px;font-weight:700;margin:0 0 12px}.experiment-result h3{font-size:clamp(22px,3vw,40px);line-height:1.6;margin:0 0 35px}.experiment-result h3 span{color:#008e84}.experiment-times{list-style:none;display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 25px;padding:0}.experiment-times li:not(.time-gap){flex:1;background:#fff;border-radius:15px;padding:22px 12px;max-width:310px;display:flex;flex-direction:column}.experiment-times li span{font-size:17px}.experiment-times li b{font-size:20px}.experiment-times li strong{font-size:38px;color:#008f89;line-height:1.5}.time-gap{font-size:18px;font-weight:700;white-space:nowrap}.experiment-result>p:not(.eyebrow){max-width:990px;margin:18px auto 0;text-align:left;font-size:17px;line-height:2}.experiment-result .result-note{font-size:12px!important}.experiment-result a{color:#006c65}.sp-break{display:none}.co-feature{display:flex;align-items:center;background:#fff;border-radius:10px;gap:10px;padding:8px}.co-feature img{width:42%;height:100%;object-fit:cover;border-radius:12px}.co-feature>div{flex:1}.co-feature>div>span{color:#009c91;font-size:25px;font-weight:700}.co-feature p{font-size:22px;line-height:1.8;margin-top:8px}.co-feature b{font-weight:700}.install-photo{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 2px #06bcb5}.install-photo img{height:calc(100% - 45px);width:100%;object-fit:cover}.install-photo p{font-size:21px;font-weight:700;line-height:45px;text-align:center;white-space:nowrap}.install-photo p span{color:#00a89e;margin-right:12px}.mode-sp .install-photo{display:flex;align-items:center;border-radius:16px}.mode-sp .install-photo img{width:53%;height:100%;object-fit:cover}.mode-sp .install-photo p{width:47%;white-space:normal;font-size:27px;line-height:1.7;padding:20px}.mode-sp .install-photo p span{display:block;font-size:34px}.lineup-product{background:transparent;border-radius:0;overflow:visible}.lineup-product img{object-fit:contain;padding:0;filter:drop-shadow(0 12px 14px #003b3b40)}.lineup-logo{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:#fff;border-radius:12px}.lineup-logo img{max-width:44%;max-height:100%;object-fit:contain}.lineup-logo img:only-child{max-width:100%}.pill-link{display:flex;align-items:center;justify-content:center;border-radius:50px;width:100%;height:100%;background:white;color:#00958e;text-decoration:none;font-size:29px;font-weight:700}.pill-link span{margin-left:34px;font-size:35px}.company-copy{color:white;font-size:25px;line-height:1.8}.company-copy p+p{margin-top:15px}.company-photo{border-radius:22px;overflow:hidden;background:white}.company-photo img{object-fit:cover}.company-source{font-size:20px;line-height:1.7;color:#40585f}.mode-sp .company-source{font-size:24px}.family-stat{text-align:center;padding:0 10px;background:#c4f4ed;border-radius:50px}.family-stat h3{font-size:29px;line-height:1.4;padding:12px 0 20px}.family-stat h3 small{font-size:18px;font-weight:500}.age-pie{position:relative;margin:0 auto 20px;width:445px;height:445px;border-radius:50%;background:conic-gradient(#00b4a6 0 272.16deg,#b2e8e1 272.16deg 360deg)}.age-other{position:absolute;left:50px;top:93px;font-size:27px;line-height:1.5}.age-main{position:absolute;left:94px;top:260px;color:white;font-size:31px;line-height:1.5;white-space:nowrap}.age-main strong{display:block;font-size:66px;line-height:1.2}.age-main strong span{font-size:42px}.family-stat .source{text-align:left;margin:0 18px;font-size:20px}.media-section{background:#f2f9f8;position:relative;padding:85px 9% 110px}.media-section .eyebrow{color:#009e96;font-weight:700;letter-spacing:.08em;font-size:20px;margin:0 0 13px}.media-section h2{font-size:48px;line-height:1.4;margin:0 0 30px}.media-section>p:not(.eyebrow){font-size:26px;font-weight:600;margin:0 0 45px}.media-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}.media-list li{padding:24px 25px 28px;border-bottom:1px solid #9edbd5;min-height:155px}.media-list li:nth-child(3n+2),.media-list li:nth-child(3n+3){border-left:1px solid #9edbd5}.media-list h3{font-size:23px;color:#008e88;margin:0 0 12px;line-height:1.5}.media-list h3:before{content:'●';font-size:15px;margin-right:7px}.media-list p{font-size:19px;line-height:1.8;margin:0}.media-section:before{content:'';position:absolute;right:5%;top:45px;border-radius:50%;width:60px;height:60px;background:#c3eeea}.purchase-popup{text-align:center}.purchase-logo{width:230px;margin:0 auto 20px;display:block}.purchase-popup>p{font-size:16px}.purchase-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.purchase-options>div{padding:20px 8px;border:1px solid #8fcac4;border-radius:12px;font-size:13px;line-height:1.7}.purchase-options span{display:block;font-size:33px;line-height:1.3;color:#00998e;margin-bottom:10px}.share-page{border:0;background:#009f95;color:#fff;border-radius:99px;padding:12px 25px;font:700 16px LP;cursor:pointer}.purchase-qr{display:block;width:128px;height:128px;margin:12px auto}.share-status{font-size:12px;min-height:1.8em}.art-slice{position:absolute;left:0;overflow:hidden;width:100%;pointer-events:none}.art-slice img{position:absolute;left:0;width:100%;max-width:none}.section-after{width:100%;margin:0}.mode-sp .family-stat h3{font-size:31px}.mode-sp .family-stat h3 small{font-size:23px}.mode-sp .family-stat .source{font-size:23px}.mode-sp .co-feature p{font-size:25px}.mode-sp .co-feature>div>span{font-size:26px}
@media(max-width:767px){.experiment-result{padding:30px 24px 42px}.sp-break{display:block}.experiment-times{flex-direction:column;gap:10px;margin-bottom:20px}.experiment-times li:not(.time-gap){width:100%;max-width:320px;padding:14px}.experiment-times li span{font-size:14px}.experiment-times li b{font-size:18px}.experiment-times li strong{font-size:34px}.experiment-times .time-gap{font-size:14px}.experiment-result>p:not(.eyebrow){font-size:14px;line-height:1.9}.experiment-result .result-note{font-size:11px!important}.media-section{padding:45px 25px 55px}.media-section .eyebrow{font-size:13px}.media-section h2{font-size:29px;margin-bottom:22px}.media-section>p:not(.eyebrow){font-size:15px;margin-bottom:22px}.media-list{grid-template-columns:1fr}.media-list li{border-left:0!important;min-height:0;padding:23px 0}.media-list h3{font-size:17px;margin-bottom:6px}.media-list p{font-size:14px}.media-section:before{width:34px;height:34px;top:32px}.purchase-options{gap:6px}.purchase-options>div{padding:16px 5px;font-size:11px}dialog{padding:32px 18px}dialog h2{font-size:22px}}
.mode-pc .cause-legend{font-size:20px;line-height:1.65}.mode-pc .cause-legend span{display:inline;margin-left:.3em}.mode-pc .cause-legend .co span{display:block;margin-left:0}.mode-pc .cause-legend li{margin-bottom:7px}

.mode-pc .replacement-white img{padding-left:95px}.mode-sp .replacement-white img{padding-left:65px}

.company-copy{font-size:22px;line-height:1.65}.company-copy p+p{margin-top:12px}

.mode-sp .cause-legend{font-size:23px;line-height:1.45}.mode-sp .cause-legend .co{font-size:23px}.mode-sp .cause-legend li{margin-bottom:6px}.mode-sp .fire-stat-body{margin-top:22px}.mode-sp .fire-stat .source{font-size:21px}

.replacement-white{box-shadow:0 0 0 8px #fff}

.purchase-options .purchase-icon{display:block;width:90px;height:70px;object-fit:contain;margin:0 auto 12px}
@media(max-width:767px){.purchase-options .purchase-icon{width:70px;height:55px}}
.co-label{line-height:1.2}
.cm-player{display:block;width:100%;height:80%;border:0;border-radius:20px;background:#000}
.cm-player:focus-visible{outline:5px solid #ffe055;outline-offset:3px}
.cm-launch{padding:0;cursor:pointer;display:grid;place-items:center;color:#fff}
.cm-play-icon{display:grid;place-items:center;width:90px;height:64px;border-radius:16px;background:#f03;transition:background-color .2s}
.cm-play-icon::after{content:'';width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:26px solid #fff;margin-left:6px}
.cm-launch:hover .cm-play-icon,.cm-launch:focus-visible .cm-play-icon{background:#c90028}
.art-part svg{display:block;width:100%;height:100%}.art-part{user-select:none}.media-section:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:35px;background:#00999b;border-radius:70% 30% 0 0/100% 70% 0 0}
.media-rays{position:absolute;left:calc(9% + 310px);top:98px;width:62px;height:65px;object-fit:contain;pointer-events:none}
.art-part[data-part^="yellow-rays-"],.art-part[data-part="yellow-ray-product"]{z-index:4}
@media(max-width:767px){.media-rays{left:207px;top:56px;width:38px;height:41px}}
/* Shared PC seam backing prevents subpixel gaps between the three scaled stages. */
.mode-pc #section-05,.mode-pc #section-05-result,.mode-pc #section-06{background:#c9f2ee}
.mode-pc #section-05 [data-part="mint-next"]{height:72px!important}
.faq-accordion{position:absolute;display:flex;flex-direction:column}
.faq-item{position:relative;background:#fff;flex:none}
.faq-question{position:relative;margin:0;border-radius:inherit}
.faq-toggle:focus-visible{outline:4px solid #009b94;outline-offset:-4px}
.faq-item.is-open .faq-plus-vertical{visibility:hidden}
.faq-answer{padding:8px 52px 32px 128px;font:400 24px/1.85 LP,sans-serif;color:#24363f;overflow-wrap:anywhere}
.faq-answer p{margin:0 0 16px}.faq-answer p:last-child{margin-bottom:0}
.faq-answer a{color:#007f79;text-underline-offset:4px}.faq-answer a:focus-visible{outline:3px solid #00a69e;outline-offset:3px}
.mode-sp .faq-answer{padding:20px 38px 36px;font-size:32px;line-height:1.85}
.mode-sp .faq-answer p{margin-bottom:22px}.mode-sp .faq-answer p:last-child{margin-bottom:0}
.embedded-video{overflow:hidden;border-radius:14px;background:#15212a}
.embedded-video iframe{display:block;width:100%;height:100%;border:0}
.related-video-poster{display:block;width:100%;height:100%;padding:0;border:0;background:#cbd7d5;cursor:pointer}
.related-video-poster img{display:block;width:100%;height:100%;object-fit:contain}
.related-video-poster:focus-visible{outline:5px solid #ffdf4b;outline-offset:-5px}
.video-youtube-link{position:absolute;right:12px;bottom:12px;z-index:1;padding:7px 13px;border-radius:20px;background:#fff;color:#006c69;font:700 14px/1.3 LP,sans-serif;text-decoration:none;box-shadow:0 2px 8px #0005}
.video-youtube-link:focus-visible{outline:3px solid #ffdf4b;outline-offset:2px}

/* Match the 75.6% segment to the nearby family-dot while keeping the other segment white. */
.age-pie{background:conic-gradient(#74dacf 0 272.16deg,#fff 272.16deg 360deg);box-shadow:inset 0 0 0 3px #fff}
.age-main{color:#000}

/* installation-hand-closeups-20260926 */
.install-photo{background:transparent;border-radius:0;overflow:visible;box-shadow:none;display:block}
.install-photo .install-photo-image{position:absolute;top:0;left:50%;transform:translateX(-50%);width:330px;height:330px;box-sizing:border-box;border:5px solid #91e5dc;border-radius:50%;overflow:hidden;background:#def8f4;box-shadow:0 12px 22px #1d727218}
.install-photo .install-photo-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;padding:0;transform:scale(1.8)}
.install-photo p{position:absolute;top:332px;left:0;width:100%;height:32px;margin:0;padding:0;line-height:32px;text-align:center;font-size:22px;font-weight:700;color:#213440;white-space:nowrap}
.install-photo p span{color:#00a89e;margin-right:12px}
.mode-sp .install-photo{display:block;overflow:visible;background:transparent;border-radius:0;box-shadow:none}
.mode-sp .install-photo .install-photo-image{position:absolute;top:0;left:50%;transform:translateX(-50%);width:410px;height:410px;margin:0;border:5px solid #91e5dc;box-shadow:0 12px 22px #1d727218}
.mode-sp .install-photo .install-photo-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.8)}
.mode-sp .install-photo p{position:absolute;top:318px;left:50%;transform:translateX(-50%);width:560px;height:auto;margin:0;padding:15px 20px 17px;background:#fffffff5;border:2px solid #8fded5;border-radius:18px;box-shadow:0 9px 18px #1d727226;font-size:27px;line-height:1.35;text-align:center;white-space:normal}
.mode-sp .install-photo p span{display:inline;margin:0 8px 0 0;font-size:31px;line-height:1.1}

/* The official fire statistics put burns first (37.5%), followed by CO (35.2%). */
.cause-pie{background:conic-gradient(#00ada4 0deg 135.112deg,#78939c 135.112deg 261.818deg,#a9bdc2 261.818deg 285.538deg,#526770 285.538deg 286.138deg,#d1dddf 286.138deg 306.855deg,#e7eeef 306.855deg 360deg)}
.cause-pie>div small{display:block;font-size:13px;font-weight:500;line-height:1.1;color:#526770}
.cause-legend .burn{color:#008e86;font-weight:700}
.cause-legend .burn:before{background:#00ada4}
.cause-legend .co{color:#24363f;font-size:21px}
.cause-legend .co:before{background:#78939c}
.mode-sp .cause-legend .co{font-size:23px}

/* Client product photo and the generated transparent speech-bubble part. */
.co-feature{gap:0;padding:6px;background:#fff;border-radius:16px;overflow:visible}
.co-feature .co-feature-product{flex:0 0 32%;width:32%;height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 10px 13px #284b5030)}
.co-feature .co-feature-bubble{position:relative;flex:0 0 68%;width:68%;height:100%}
.co-feature .co-feature-bubble>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0}
.co-feature .co-feature-copy{position:absolute;left:17%;right:5%;top:15%;bottom:13%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.co-feature .co-feature-copy>span{color:#009c91;font-size:25px;font-weight:800;line-height:1.3;white-space:nowrap}
.co-feature .co-feature-copy p{font-size:20px;line-height:1.45;margin:10px 0 0;white-space:nowrap}
.co-feature .co-feature-copy b{font-weight:800}
.mode-sp .co-feature .co-feature-copy>span{font-size:27px}
.mode-sp .co-feature .co-feature-copy p{font-size:21px}

/* Keep the little CO marker subordinate to the actual warning text. */
.co-label{font-size:40px}

/* Feature #03 keeps the supplied wall photo, with only the CO indicator off. */
.interior-photo .co-lamp-off{position:absolute;left:352px;top:197px;width:64px;height:64px;background:url('assets/client/product-co-lit.jpg') -352px -174px/654px 436px no-repeat;mask-image:radial-gradient(circle,#000 0 58%,transparent 100%);-webkit-mask-image:radial-gradient(circle,#000 0 58%,transparent 100%);pointer-events:none}
.interior-photo .co-lamp-off-label{position:absolute;left:371px;top:223px;width:26px;text-align:center;color:#a9aaab;font:500 11px/1 Arial,sans-serif;letter-spacing:-.03em;pointer-events:none}
.mode-sp .interior-photo .co-lamp-off{left:351px;top:152px;background-position:-351px -173px;background-size:652px 435px}
.mode-sp .interior-photo .co-lamp-off-label{left:370px;top:178px}

/* Keep the existing media dot and its exact color, with the organic ornament shape. */
.media-section:before{background:transparent url("assets/parts/organic-ornaments/media-dot.svg") center/100% 100% no-repeat;border-radius:0}

/* The purchase hit area, artwork, label and arrow share one hover state. */
#section-01 .purchase-action{border-radius:999px}
#section-01 [data-part="cta"]{background-color:var(--purchase-fill,#00a59d)!important;transition:background-color .22s ease}
#section-01 .textline[data-copy="ご購入について"] .glyph,
#section-01 .textline[data-copy="ご購入について"] .glyph span{color:var(--purchase-ink,#f5fcfb)!important;transition:color .22s ease}
#section-01 [data-part="cta-arrow"] path{stroke:var(--purchase-ink,#fff);transition:stroke .22s ease}
#section-01 .stage:has(> .purchase-action:focus-visible){--purchase-fill:#f4bd22;--purchase-ink:#22323c}
@media(hover:hover) and (pointer:fine){
  #section-01 .stage:has(> .purchase-action:hover){--purchase-fill:#f4bd22;--purchase-ink:#22323c}
}
@media(prefers-reduced-motion:reduce){
  #section-01 [data-part="cta"],#section-01 .textline[data-copy="ご購入について"] .glyph,
  #section-01 .textline[data-copy="ご購入について"] .glyph span,#section-01 [data-part="cta-arrow"] path{transition:none}
}

/* Keep FAQ phrases and values together, with breaks between natural units. */
.faq-answer .faq-phrase{display:inline-block;white-space:nowrap}
.mode-sp .faq-answer,.mode-pc .faq-item:last-child .faq-answer{overflow-wrap:normal;word-break:normal;line-break:strict}