
:root{--u:min(1px, .0520833333vw);--ink:#282866;--purple:#5d5c98;--light:#f6faff;--orange:#ff9408}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#4d4d4d;background:white;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.8}p,h1,h2,h3,ul,ol{margin:0}a{color:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ff9408;outline-offset:5px}a:hover{opacity:.8}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px;background:white;z-index:10}.orange{color:var(--orange)}.content{width:calc(1356 * var(--u));max-width:calc(100% - 40px);margin:auto}.hero{min-height:calc(745 * var(--u));background:#f6faff url('/biz/sp/scs/images/hero-background.svg') center top / 100% 100% no-repeat;position:relative}.header{height:calc(94 * var(--u));display:flex;align-items:flex-start;justify-content:space-between;padding:calc(27 * var(--u)) calc(25 * var(--u)) 0 calc(31 * var(--u))}.header img{width:calc(145 * var(--u));margin-top:calc(12 * var(--u))}.header-contact{padding:calc(10 * var(--u)) calc(20 * var(--u));font-size:max(11px,calc(14 * var(--u)));line-height:20px;background:var(--ink);color:white;text-decoration:none;border-radius:6px;white-space:nowrap}.hero-inner{width:calc(1432 * var(--u));max-width:calc(100% - 40px);margin:auto;display:grid;grid-template-columns:calc(815 * var(--u)) calc(641 * var(--u));gap:calc(35 * var(--u));align-items:start}.hero-copy{padding-top:calc(45 * var(--u));font-weight:700}.eyebrow{font-size:calc(30 * var(--u));color:var(--purple);margin-bottom:calc(13 * var(--u))}h1{font-size:calc(54 * var(--u));line-height:1.4;letter-spacing:-.035em;white-space:nowrap}.hero-description{font-size:calc(19 * var(--u));color:var(--purple);margin-top:calc(22 * var(--u))}.hero-art{width:calc(641 * var(--u));margin-top:calc(-27 * var(--u))}.hero-message{border:1px solid var(--ink);border-radius:calc(10 * var(--u));text-align:center;margin-top:calc(28 * var(--u));min-height:calc(160 * var(--u));padding:0 calc(12 * var(--u)) calc(18 * var(--u));width:calc(806 * var(--u));max-width:100%;color:var(--ink)}.hero-message p:first-child{font-size:calc(36 * var(--u));line-height:1.4}.hero-message span{font-size:calc(64 * var(--u));color:var(--orange)}.hero-message p:last-child{font-size:calc(27 * var(--u));color:var(--purple)}
.section{padding-top:calc(81 * var(--u))}.section-heading{height:calc(156 * var(--u));display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.section-heading h2{position:relative;z-index:1;color:var(--ink);font-size:calc(48 * var(--u));line-height:1.4;font-weight:700}.heading-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.quote{width:calc(191 * var(--u))}.lead{width:calc(1210 * var(--u));max-width:calc(100% - 48px);margin:calc(63 * var(--u)) auto 0;font-size:calc(24 * var(--u));font-weight:700;line-height:1.8}.about{min-height:calc(1720 * var(--u));padding-bottom:calc(140 * var(--u))}.before-after{margin-top:calc(77 * var(--u));display:grid;grid-template-columns:1fr 1fr;min-height:calc(365 * var(--u));background:url('/biz/sp/scs/images/before-after.svg') center top /100% 100% no-repeat;font-weight:700}.before-after>div{padding:calc(20 * var(--u)) calc(115 * var(--u)) calc(28 * var(--u));text-align:center}.before{color:#788393}.after{color:var(--ink)}.before .en,.before .small-label{color:#9ba5b3}.after .en,.after .small-label{color:var(--purple)}.en{font-size:calc(48 * var(--u));line-height:1.5}.small-label{font-size:calc(24 * var(--u))}.before-after h3{font-size:calc(36 * var(--u));margin:calc(19 * var(--u)) 0 calc(12 * var(--u));white-space:nowrap}.description{font-size:calc(20 * var(--u));text-align:left;line-height:1.8}.rating-title{margin-top:calc(51 * var(--u));background:#f0efff;border-radius:calc(15 * var(--u));text-align:center;color:#2d236b;padding:calc(12 * var(--u)) 10px;font-weight:700}.rating-title h3{font-size:calc(51.7 * var(--u));line-height:1.4;display:flex;align-items:center;justify-content:center;gap:calc(24 * var(--u))}.rating-title h3 span{font-size:calc(30.7 * var(--u));padding:calc(6 * var(--u)) calc(28 * var(--u));border-radius:40px;background:#d8d2ff}.rating-title p{font-size:calc(32.3 * var(--u));line-height:1.5}.table-scroll{overflow:auto;overscroll-behavior-x:contain}.rating-scroll{margin-top:calc(14.5 * var(--u))}.rating{width:100%;border-spacing:calc(14 * var(--u)) 0;table-layout:fixed;font-size:calc(29 * var(--u));line-height:1.35;font-weight:700;color:#536176}.rating th,.rating td{background:#efedff;text-align:center;padding:calc(8 * var(--u));border-bottom:2px solid white}.rating th:first-child{font-size:calc(28 * var(--u))}.rating td:last-child{color:#332573}.rating thead th{height:calc(97 * var(--u));font-size:calc(77.5 * var(--u));color:var(--orange);border-radius:12px 12px 0 0}.rating tbody tr:nth-child(1){height:calc(70 * var(--u))}.rating tbody tr:nth-child(2),.rating tbody tr:nth-child(3){height:calc(91 * var(--u))}.rating tbody tr:last-child{height:calc(65 * var(--u))}.rating tbody tr:last-child>*{border-radius:0 0 12px 12px}.rating strong{font-size:calc(37 * var(--u))}.rating-start{background:#f0efff;border-radius:calc(23 * var(--u));margin-top:calc(14.5 * var(--u));text-align:center;color:#332573;font-size:calc(37 * var(--u));font-weight:700;line-height:1.7}.as-of{text-align:right;font-size:calc(16 * var(--u));font-weight:700;margin-top:calc(20 * var(--u))}
.benefits{background:var(--light);min-height:calc(1145 * var(--u));padding-bottom:calc(90 * var(--u))}.question{width:calc(228 * var(--u));top:calc(72 * var(--u))}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(48 * var(--u));margin-top:calc(84 * var(--u))}.benefit-photo{width:100%;border-radius:calc(18 * var(--u))}.benefit-grid h3{font-size:calc(32 * var(--u));line-height:1.4;color:var(--ink);margin:calc(36 * var(--u)) 0 calc(22 * var(--u));white-space:nowrap}.benefit-grid p{font-size:calc(20 * var(--u));font-weight:500}.benefit-grid strong{font-weight:900}.start-note{text-align:center;font-size:calc(34 * var(--u));font-weight:700;margin:calc(36 * var(--u)) 20px 0}.start-note strong{font-size:calc(48 * var(--u));color:#b10000}.start-note strong span{font-size:calc(36 * var(--u))}
.steps{min-height:calc(1487 * var(--u));padding-bottom:calc(134 * var(--u))}.steps-art{width:calc(192.4 * var(--u));margin-top:calc(-12 * var(--u))}.steps .section-heading .orange{font-size:calc(64 * var(--u))}.step-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(74 * var(--u));min-height:calc(500 * var(--u));background:url('/biz/sp/scs/images/step-line.svg') left bottom/100% calc(500.5 * var(--u)) no-repeat}.step-grid li{position:relative;padding:0 calc(24 * var(--u));align-self:start}.step-grid li:nth-child(1){padding-top:calc(278 * var(--u))}.step-grid li:nth-child(2){padding-top:calc(148 * var(--u))}.step-number{color:#a4a3cd;font-weight:700;font-size:calc(32 * var(--u));line-height:1.4}.step-body{padding-top:calc(40 * var(--u))}.step-body h3{color:var(--ink);font-size:calc(32 * var(--u));line-height:1.4;margin-bottom:calc(22 * var(--u));white-space:nowrap}.step-body>p{font-size:calc(20 * var(--u));line-height:1.8;font-weight:500}.step-icon{position:absolute;width:calc(144 * var(--u));left:50%;transform:translateX(-50%);top:calc(126 * var(--u))}.step-grid li:nth-child(2) .step-icon{top:calc(23 * var(--u))}.stars{display:flex;gap:calc(7 * var(--u));margin-top:calc(24 * var(--u))}.stars img{width:calc(93 * var(--u));height:auto}.feature-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(30 * var(--u)) calc(28 * var(--u));margin-top:calc(48 * var(--u))}.feature-grid li{border:1px solid var(--purple);border-radius:calc(10 * var(--u));min-height:calc(148 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(20 * var(--u));color:var(--purple);font-size:calc(24 * var(--u));font-weight:700;text-align:center}.feature-grid img{width:calc(32 * var(--u));height:calc(34 * var(--u));object-fit:contain}
.requirements{background:var(--light);min-height:calc(2429 * var(--u));padding-bottom:calc(195 * var(--u))}.layers{width:calc(173 * var(--u))}.notice{display:grid;grid-template-columns:34% 66%;align-items:center;min-height:calc(146 * var(--u));border:1px solid #c30003;border-radius:calc(10 * var(--u));background:#fff8f8;margin-top:calc(34 * var(--u));padding:calc(22 * var(--u)) calc(60 * var(--u));gap:calc(20 * var(--u))}.notice-title{display:flex;align-items:center;gap:calc(20 * var(--u))}.notice img{width:calc(92 * var(--u))}.notice h3{color:#c30003;font-size:calc(32 * var(--u));white-space:nowrap}.notice>p{font-size:calc(16 * var(--u));font-weight:700}.requirements-scroll{margin-top:calc(55 * var(--u));border-radius:calc(10 * var(--u))}.requirements-table{width:100%;border-spacing:0;table-layout:fixed;font-size:max(12px,calc(16.366 * var(--u)));line-height:1.75;color:#263747}.requirements-table th,.requirements-table td{border-right:1px solid #d8e3ea;border-bottom:1px solid #d8e3ea;padding:calc(19 * var(--u));vertical-align:top;background:white}.requirements-table th:first-child,.requirements-table td:first-child{border-left:1px solid #d8e3ea}.requirements-table th{vertical-align:middle;text-align:center;background:var(--ink);color:white;font-size:max(13px,calc(18.7 * var(--u)));height:calc(105 * var(--u));font-weight:700}.requirements-table td:nth-child(2){font-weight:700;color:var(--ink);font-size:max(13px,calc(18.7 * var(--u)))}.requirements-table td:nth-child(3){font-weight:700;color:#4d4d4d;font-size:max(12px,calc(16 * var(--u)))}.requirements-table .product{font-size:max(13px,calc(18.7 * var(--u)));color:var(--purple)}.requirements-table tr:nth-child(even) td{background:#f8fbfd}.requirements-table tr:nth-child(1) td{height:calc(138 * var(--u))}.requirements-table tr:nth-child(2) td{height:calc(126 * var(--u))}.requirements-table tr:nth-child(3) td{height:calc(138 * var(--u))}.requirements-table tr:nth-child(4) td{height:calc(322 * var(--u))}.requirements-table tr:nth-child(5) td{height:calc(194 * var(--u))}.requirements-table tr:nth-child(6) td{height:calc(269 * var(--u))}.requirements-table tr:nth-child(7) td{height:calc(240 * var(--u))}.requirements-table br{display:block;content:'';margin-top:1em}.table-note{font-size:max(11px,calc(14 * var(--u)));margin-top:calc(16 * var(--u));font-weight:600}.scroll-hint{display:none}.contact{background:#003c6e;color:white;text-align:center;padding:calc(66 * var(--u)) 24px calc(80 * var(--u));min-height:calc(443 * var(--u));font-weight:700}.contact h2{font-size:calc(36 * var(--u));line-height:1.5}.contact>p{font-size:calc(20 * var(--u));margin-top:calc(28 * var(--u))}.contact-button{display:flex;align-items:center;justify-content:center;gap:calc(20 * var(--u));width:calc(503 * var(--u));max-width:100%;min-height:calc(79 * var(--u));padding:calc(18 * var(--u));margin:calc(54 * var(--u)) auto 0;background:white;color:black;font-size:calc(24 * var(--u));line-height:1.5;border-radius:4px;text-decoration:none}.contact-button img{width:calc(30 * var(--u))}footer{text-align:center;padding:calc(83 * var(--u)) 20px calc(76 * var(--u));color:black}footer img{width:calc(253 * var(--u));margin:auto}footer p{margin-top:calc(53 * var(--u));font-size:calc(16 * var(--u));font-weight:700;line-height:1.5}.floating-contact{position:fixed;right:0;top:calc(745 * var(--u));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(13 * var(--u));width:calc(220 * var(--u));min-height:calc(170 * var(--u));padding:calc(24 * var(--u)) calc(10 * var(--u));background:var(--ink);color:white;text-decoration:none;text-align:center;font-size:max(10px,calc(15 * var(--u)));line-height:1.4;z-index:5}.floating-contact img{width:calc(114 * var(--u))}
@media(min-width:1921px){.hero{background-size:1920px 745px}}
@media(max-width:1100px) and (min-width:769px){.requirements-table{min-width:1000px}.scroll-hint{display:block;text-align:right;font-size:12px;margin-top:24px}.requirements-scroll{margin-top:12px}.floating-contact{top:auto;bottom:24px}.notice{grid-template-columns:32% 68%;padding-left:20px;padding-right:30px}.notice>p{font-size:11px}}
@media(max-width:768px){:root{--u:.7px}body{font-size:15px;padding-bottom:58px}.content,.hero-inner,.lead{width:auto;max-width:none;margin-left:20px;margin-right:20px}.hero{background-size:auto 100%;min-height:0;padding-bottom:36px}.header{height:76px;padding:20px;align-items:center}.header img{width:116px;margin:0}.header-contact{font-size:11px;padding:9px 10px;line-height:1.5}.hero-inner{display:flex;flex-direction:column;gap:24px}.hero-copy{padding-top:12px;width:100%}.eyebrow{font-size:17px;margin-bottom:12px}h1{font-size:clamp(22px,5.9vw,40px);white-space:normal;letter-spacing:-.045em;line-height:1.5}.hero-description{font-size:14px;margin-top:18px}.hero-message{width:100%;margin-top:22px;padding:12px 4px;min-height:0}.hero-message p:first-child{font-size:clamp(18px,4.8vw,26px)}.hero-message span{font-size:clamp(29px,7.8vw,42px)}.hero-message p:last-child{font-size:clamp(12px,3.3vw,18px);margin-top:5px}.hero-art{width:min(100%,480px);margin:0 auto}.section{padding-top:42px;padding-bottom:48px;min-height:0}.section-heading{height:112px;margin:0 20px}.section-heading h2{font-size:25px;line-height:1.5}.lead{font-size:15px;margin-top:30px;line-height:1.9}.before-after{margin-top:30px;grid-template-columns:1fr;background:none;gap:14px}.before-after>div{padding:22px;border-radius:12px}.before{background:#f4f4f4}.after{background:#f0efff}.en{font-size:30px}.small-label{font-size:15px}.before-after h3{font-size:22px;margin:12px 0}.description{font-size:14px}.rating-title{margin-top:28px;padding:14px 10px}.rating-title h3{font-size:25px;gap:10px}.rating-title h3 span{font-size:15px;padding:4px 14px}.rating-title p{font-size:14px;margin-top:7px}.rating{min-width:570px;font-size:16px;border-spacing:6px 0}.rating th:first-child{font-size:15px}.rating thead th{font-size:36px;height:58px}.rating tbody tr:nth-child(n){height:60px}.rating strong{font-size:23px}.rating-start{font-size:18px;padding:8px 4px;line-height:1.5}.as-of{font-size:11px;margin-top:12px}.benefit-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.benefit-grid article{max-width:520px;margin:auto}.benefit-grid h3{font-size:22px;margin:18px 0 12px}.benefit-grid p{font-size:15px}.benefit-photo{width:100%;border-radius:12px}.start-note{font-size:18px;margin-top:30px}.start-note strong{font-size:27px}.start-note strong span{font-size:22px}.steps .section-heading h2{font-size:22px}.steps .section-heading .orange{font-size:30px}.step-grid{grid-template-columns:1fr;gap:30px;min-height:0;background:none;margin-top:34px}.step-grid li:nth-child(n){padding:0 0 0 18px;border-left:2px solid #a4a3cd}.step-number{font-size:22px}.step-body{padding-top:15px}.step-body h3{font-size:22px;margin-bottom:12px}.step-body>p{font-size:15px;max-width:560px}.step-icon{position:static;float:right;transform:none;width:60px;margin:0 10px 12px 12px}.stars{gap:6px;margin-top:16px}.stars img{width:42px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.feature-grid li{font-size:13px;min-height:100px;gap:12px;padding:10px 4px}.feature-grid img{width:26px;height:28px}.notice{display:block;padding:20px;margin-top:28px;min-height:0}.notice-title{gap:12px;margin-bottom:10px}.notice img{width:45px}.notice h3{font-size:22px}.notice>p{font-size:13px;line-height:1.9}.scroll-hint{display:block;font-size:12px;margin-top:28px;text-align:right}.requirements-scroll{margin-top:10px}.requirements-table{min-width:1100px;font-size:14px}.requirements-table th,.requirements-table td{padding:14px}.requirements-table th{font-size:14px;height:70px}.requirements-table td:first-child{position:sticky;left:0;z-index:1}.requirements-table td:nth-child(2),.requirements-table .product{font-size:15px}.requirements-table td:nth-child(3){font-size:14px}.requirements-table tr:nth-child(n) td{height:auto}.table-note{font-size:11px;margin-top:12px}.contact{min-height:0;padding:40px 20px}.contact h2{font-size:21px}.contact>p{font-size:14px;margin-top:20px}.contact-button{width:400px;min-height:58px;font-size:16px;margin-top:25px;gap:12px;padding:14px}.contact-button img{width:22px}footer{padding:38px 20px}footer img{width:180px}footer p{font-size:10px;margin-top:24px}.floating-contact{top:auto;bottom:0;width:100%;min-height:58px;height:58px;flex-direction:row;gap:12px;padding:8px;font-size:14px}.floating-contact img{width:48px}.floating-contact br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Exported SVG backdrop blur is reproduced with a standard SVG filter. */
@media(min-width:769px){.about{padding-bottom:calc(100 * var(--u))}.steps{padding-top:calc(101 * var(--u));padding-bottom:calc(95 * var(--u))}.requirements-table th:first-child{white-space:nowrap;padding-left:8px;padding-right:8px}.contact{padding-bottom:calc(78 * var(--u))}.contact>p{line-height:1.5}}

/* PC: reveal the fixed contact link near the introduction heading. */
@media(min-width:769px){
 .floating-contact{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
 .floating-contact.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
 .step-grid li:nth-child(2) .step-number{transform:translateY(calc(-3 * var(--u)))}
 .step-grid li:nth-child(3) .step-number{transform:translateY(calc(-5 * var(--u)))}
}
@media(prefers-reduced-motion:reduce){.floating-contact{transition:none;transform:none}}

/* Keep the two desktop controls together and inside the viewport. */
.page-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;background:#fff;color:var(--ink);border:1px solid #d8d8ec;text-decoration:none;font-size:13px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
.page-top-arrow{font-size:28px;line-height:1}
.page-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(min-width:769px){
 .floating-actions{position:fixed;right:0;top:min(calc(745 * var(--u)),calc(100vh - 170 * var(--u) - 88px));width:calc(220 * var(--u));display:flex;flex-direction:column;gap:8px;z-index:5}
 .floating-actions .floating-contact{position:static;width:100%}
 .page-top{width:100%}
}
@media(max-width:768px){
 .floating-actions{display:contents}
 .page-top{position:fixed;right:12px;bottom:70px;width:64px;min-height:64px;z-index:5;border-radius:4px}
}
@media(prefers-reduced-motion:reduce){.page-top{transition:none;transform:none}}

/* Compact, subdued page-top control. */
.page-top{width:64px;min-height:52px;height:52px;align-self:flex-end;margin-right:12px;gap:9px;border:1px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font-size:11px;font-weight:400;line-height:1;flex-direction:column-reverse}
.page-top-arrow{display:block;width:16px;height:16px;border-top:5px solid currentColor;border-left:5px solid currentColor;border-radius:2px;font-size:0;transform:translateY(4px) rotate(45deg)}
.page-top.is-visible{opacity:1}
.page-top.is-visible:hover,.page-top.is-visible:focus-visible{opacity:1}
@media(max-width:768px){.page-top{width:56px;min-height:46px;height:46px;margin-right:0;font-size:10px;border-radius:9px;gap:7px}.page-top-arrow{width:14px;height:14px;border-width:4px}}

br.sp {
display:none;
}

@media screen and (max-width: 767px) {
br.sp {
display:block;
}
}

span.spacer01 {
display:inline-block;
margin-left:-15px;
}

@media screen and (max-width: 767px) {
span.spacer01 {
display:none;
}
}

span.spacer02 {
display:none;
}

@media screen and (max-width: 767px) {
span.spacer02 {
display:inline-block;
margin-left:20px;
}
}




