.works-reason-dawn{position:relative;isolation:isolate;height:210px;overflow:hidden;background:linear-gradient(180deg,#080e16 0%,#10182a 21%,#25264a 43%,#68659a 68%,#b9b9d9 84%,#eef1fa 100%)}
.works-reason-dawn::before,.works-reason-dawn::after{content:"";position:absolute;inset:-45% -12%;pointer-events:none;filter:blur(32px)}
.works-reason-dawn::before{background:radial-gradient(ellipse 30% 45% at 10% 13%,rgba(221,44,147,.16),transparent 75%)}
.works-reason-dawn::after{background:radial-gradient(ellipse 40% 52% at 79% 88%,rgba(171,198,255,.25),transparent 74%)}
#reason.reason-light{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:76px;padding:36px clamp(24px,4.2vw,72px) 44px;color:#111b43;background:#eef1fa url('../reason/reason-background-desktop.png') center center/cover no-repeat;font-family:'Noto Sans JP',sans-serif}
#reason.reason-light::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(238,241,250,.28),rgba(245,246,252,.12) 38%,rgba(249,248,253,.24) 70%,rgba(246,242,251,.36));pointer-events:none}
#reason *{box-sizing:border-box}
#reason .reason-2026-inner{position:relative;width:min(1540px,100%);margin:0 auto}
#reason .reason-2026-word{position:absolute;z-index:-1;top:8px;left:50%;transform:translateX(-50%);color:rgba(89,63,130,.10);font:clamp(110px,13vw,230px)/1 Georgia,serif;letter-spacing:-.065em;white-space:nowrap;pointer-events:none}
#reason .reason-2026-label{width:max-content;margin:0 auto 20px;padding:8px 42px;border-radius:999px;background:linear-gradient(90deg,rgba(218,229,255,.86),rgba(232,221,255,.8));color:#2c4cb9;font-size:12px;font-weight:800;letter-spacing:.3em}
#reason .reason-2026-aside{position:absolute;top:115px;left:0;margin:0;padding:0 0 24px 18px;border-left:1px solid rgba(76,100,196,.3);color:#6876a2;font-size:11px;line-height:1.7;letter-spacing:.22em}
#reason .reason-2026-handwriting{position:absolute;top:3px;right:0;width:clamp(160px,19vw,300px);height:auto;pointer-events:none}
#reason .reason-2026-heading{position:relative;z-index:1;max-width:1180px;margin:0 auto 32px;text-align:center}
#reason .reason-2026-heading h2{margin:0;color:#0d173a;font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(29px,3vw,49px);font-weight:700;line-height:1.34;letter-spacing:.015em;text-shadow:none}
#reason .reason-2026-heading h2 strong{display:inline-block;margin-top:3px;background:linear-gradient(95deg,#1269e8,#4b55cd 45%,#8b28d8 84%,#b443c3);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:'Noto Sans JP',sans-serif;font-size:.92em;font-weight:900;white-space:nowrap}
#reason .reason-2026-heading p{margin:14px 0 0;color:#26375f;font-size:clamp(13px,1.08vw,16px);font-weight:700;line-height:1.75}
#reason .reason-2026-stage{position:relative;min-height:440px}
#reason .reason-2026-phones{position:absolute;z-index:2;top:-14px;left:50%;transform:translateX(-50%);display:block;width:min(32%,480px);height:470px;object-fit:contain;filter:drop-shadow(0 20px 16px rgba(37,44,103,.12))}
#reason .reason-2026-points{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(128px,auto));gap:16px 34%}
#reason .reason-2026-point:nth-child(1){grid-area:1/1}#reason .reason-2026-point:nth-child(2){grid-area:2/1}#reason .reason-2026-point:nth-child(3){grid-area:3/1}#reason .reason-2026-point:nth-child(4){grid-area:1/2}#reason .reason-2026-point:nth-child(5){grid-area:2/2}#reason .reason-2026-point:nth-child(6){grid-area:3/2}
#reason .reason-2026-point{display:grid;grid-template-columns:88px minmax(0,1fr) 30px;align-items:center;gap:12px;min-width:0;padding:14px 17px;border:1px solid rgba(159,177,250,.54);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 14px 25px rgba(64,87,174,.1);color:#111b43;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
#reason .reason-2026-point:hover{transform:translateY(-3px);box-shadow:0 17px 28px rgba(64,87,174,.17)}
#reason .reason-2026-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#e9edff}
#reason .reason-2026-icon img{display:block;width:63px;height:63px;object-fit:contain}
#reason .reason-2026-point-copy{display:flex;flex-direction:column;min-width:0}
#reason .reason-2026-point-copy small{color:#3456bf;font-size:11px;font-weight:800;letter-spacing:.18em}
#reason .reason-2026-point-copy small b{font-size:16px;letter-spacing:0;background:linear-gradient(90deg,#2466dd,#8f30cb);-webkit-background-clip:text;background-clip:text;color:transparent}
#reason .reason-2026-point-copy strong{margin-top:8px;color:#111b43;font-size:clamp(15px,1.18vw,19px);line-height:1.35;font-weight:900}
#reason .reason-2026-point-copy em{margin-top:4px;color:#4e6192;font-size:clamp(11px,.95vw,14px);font-style:normal;line-height:1.45;font-weight:700}
#reason .reason-2026-arrow{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9e2ff;border-radius:50%;background:#f1f4ff;color:#2658d3;font-size:19px;line-height:1}
#reason .reason-2026-tagline{margin:10px 0 14px;color:#15234b;font:700 clamp(17px,1.45vw,23px)/1.4 Georgia,'Noto Serif JP',serif;letter-spacing:.06em;text-align:center}
#reason .reason-2026-tagline small{display:block;margin-top:2px;color:#4b5c8b;font:700 12px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.06em}
#reason .reason-2026-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
#reason .reason-2026-pills li{display:flex;align-items:center;justify-content:center;gap:6px;min-width:128px;padding:4px 14px 4px 8px;border:1px solid #cbd5fa;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 7px 15px rgba(77,91,180,.08);color:#233b85;font-size:13px;font-weight:800;text-align:center;white-space:nowrap}
#reason .reason-2026-pills img{display:block;flex:none;width:32px;height:32px;object-fit:contain}
@media(max-width:1100px){#reason .reason-2026-points{gap:14px 32%}#reason .reason-2026-point{grid-template-columns:62px minmax(0,1fr) 24px;padding:12px;gap:8px}#reason .reason-2026-icon{width:60px;height:60px}#reason .reason-2026-icon img{width:48px;height:48px}#reason .reason-2026-phones{width:34%}}
@media(max-width:760px){
.works-reason-dawn{height:150px}.works-reason-dawn::before,.works-reason-dawn::after{filter:blur(25px)}
#reason.reason-light{padding:28px 18px 36px;background-image:url('../reason/reason-background-mobile.png');background-position:center top}
#reason .reason-2026-word{top:34px;font-size:clamp(68px,18vw,135px)}
#reason .reason-2026-label{margin-bottom:72px;padding:7px 28px;font-size:11px}
#reason .reason-2026-aside{top:195px;left:-7px;font-size:7px;padding-left:6px}
#reason .reason-2026-handwriting{top:0;right:-10px;width:123px}
#reason .reason-2026-heading{margin-bottom:4px}
#reason .reason-2026-heading h2{font-size:clamp(23px,5.2vw,38px);line-height:1.36}
#reason .reason-2026-heading h2 strong{max-width:100%;font-size:1.05em;white-space:normal}
#reason .reason-2026-heading p{margin-top:14px;font-size:12px;line-height:1.8}
#reason .reason-2026-heading p br{display:none}
#reason .reason-2026-stage{min-height:0}
#reason .reason-2026-phones{position:relative;top:auto;left:auto;transform:none;width:min(72%,500px);height:auto;max-height:480px;margin:10px auto 2px}
#reason .reason-2026-points{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}
#reason .reason-2026-point:nth-child(n){grid-area:auto}
#reason .reason-2026-point{grid-template-columns:40px minmax(0,1fr);gap:5px;min-height:112px;padding:10px 7px;border-radius:12px}
#reason .reason-2026-icon{width:38px;height:38px}#reason .reason-2026-icon img{width:35px;height:35px}
#reason .reason-2026-point-copy small{font-size:8px;letter-spacing:.08em}#reason .reason-2026-point-copy small b{font-size:11px}
#reason .reason-2026-point-copy strong{margin-top:4px;font-size:clamp(10px,2.75vw,14px);line-height:1.3}
#reason .reason-2026-point-copy em{margin-top:3px;font-size:clamp(8px,2.1vw,11px);line-height:1.35}
#reason .reason-2026-arrow{display:none}
#reason .reason-2026-tagline{margin-top:22px;font-size:17px}
#reason .reason-2026-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#reason .reason-2026-pills li{min-width:0;gap:1px;padding:3px 4px 3px 1px;font-size:10px}
#reason .reason-2026-pills img{width:23px;height:23px}
}
@media(max-width:370px){#reason .reason-2026-point{grid-template-columns:34px minmax(0,1fr)}#reason .reason-2026-icon{width:33px;height:33px}#reason .reason-2026-icon img{width:31px;height:31px}#reason .reason-2026-arrow{display:none}}