@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#1679ef;--ink:#122442;--muted:#61718a;--pale:#eef7ff;--line:#dce6ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fbba34;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:99}.skip:focus{top:0}header{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#fffefaed;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e5ebee}.brand{width:145px;display:block;height:72px}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{padding:14px 23px;background:var(--blue);color:white;border-radius:30px}.nav-cta:hover{color:white;background:#0061ce}.nav-cta span{margin-left:23px}.menu{display:none}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:710px;background:#fcfaf5;overflow:hidden}.hero-copy{padding:75px 0 95px 11%;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin:0 0 25px}h1{font-size:clamp(50px,5.1vw,78px);font-weight:900;line-height:1.38;letter-spacing:-.045em;margin:0 0 22px}.blue{color:var(--blue)}.lead{font-size:23px;font-weight:800;line-height:1.8;margin:0 0 16px}.hero-desc{font-size:13px;line-height:2;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;gap:58px;align-items:center;padding:20px 30px;border-radius:40px;background:var(--blue);color:white;font-size:16px;font-weight:700;box-shadow:0 8px 22px #1679ef26;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#0566dd}.button span{font-size:24px;line-height:1}.small{font-size:10px!important;color:var(--muted);line-height:1.9!important;margin-top:18px}.hero-visual{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-width:0}.hero-scene{position:absolute;inset:25px 0 0 0;border-radius:160px 0 0 0;background:linear-gradient(140deg,#64d2f7bb,#0d69dfdd),url('assets/feature.png') 95% center / auto 100%;z-index:-1}.hero-scene:after{content:'♡';position:absolute;font-family:sans-serif;font-size:450px;right:-50px;top:80px;color:#fff2;transform:rotate(15deg)}.phone{border:7px solid #15273d;border-radius:36px;background:#15273d;overflow:hidden;box-shadow:0 26px 55px #08396f47;position:relative;width:235px;flex-shrink:0}.phone img{width:100%;display:block}.hero .phone{transform:rotate(7deg);margin:8px 25px 35px 0}.bubble{position:absolute;padding:17px 21px;border-radius:20px;background:white;font-size:13px;box-shadow:0 12px 30px #084c8f29;font-weight:700;z-index:3}.b1{top:125px;left:0;transform:rotate(-6deg)}.b2{bottom:155px;right:4%;transform:rotate(5deg);background:#dbfff2;color:#145f55}.visual-note{position:absolute;bottom:33px;color:white;font-weight:700;letter-spacing:.08em;font-size:12px}.scroll{position:absolute;bottom:28px;left:5.5%;font-size:9px;font-weight:800;letter-spacing:.16em;color:#6f8199}.ribbon{padding:23px 0;background:var(--blue);color:white;overflow:hidden;display:flex;gap:60px;white-space:nowrap;font-size:17px;font-weight:800;letter-spacing:.13em}.section{max-width:1200px;margin:auto;padding:110px 6%;}h2{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.65;letter-spacing:-.04em;margin:0}h3{font-size:18px;line-height:1.6;margin:0 0 10px}p{line-height:2}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px}.about-copy p{font-size:14px;margin:0 0 25px;line-height:2.2}.about-copy p:first-child{font-size:16px;font-weight:600}.moments{max-width:none;background:var(--pale);padding-left:max(6%,calc((100% - 1056px)/2));padding-right:max(6%,calc((100% - 1056px)/2));border-radius:70px 70px 0 0}.moments-top{text-align:center;margin-bottom:55px}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.moment-grid article{background:white;padding:30px 25px 35px;border-radius:8px 8px 40px 8px}.moment-num{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.line-icon{font-size:44px;margin:24px 0;line-height:1.4}.moment-grid h3{font-size:17px}.moment-grid p{font-size:12px;color:var(--muted);margin:0}.features{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:75px;padding-top:140px;padding-bottom:140px}.feature-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:540px;isolation:isolate}.blue-disc{position:absolute;width:390px;height:390px;border-radius:50%;background:linear-gradient(140deg,#c0f8ed,#b8e3ff);z-index:-1;left:-25px;top:65px}.feature-phone{transform:rotate(-5deg);width:235px;max-height:520px}.feature-phone img{width:100%}.art-tag{position:absolute;bottom:7px;right:-5px;background:var(--blue);color:white;font-size:13px;padding:17px 22px;transform:rotate(-5deg);font-weight:700}.feature-list{margin-top:28px}.feature-list article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-list article>span{font-size:12px;font-weight:800;color:var(--blue);padding-top:5px}.feature-list h3{font-size:17px}.feature-list p{font-size:12px;color:var(--muted);margin:0}.safety{max-width:none;background:#11294b;color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(6%,calc((100% - 1056px)/2));padding-right:max(6%,calc((100% - 1056px)/2))}.safety .eyebrow{color:#79d7ff}.safety h2{font-size:34px}.safety-lead{font-size:13px;color:#c0d1e6;margin:25px 0 35px}.text-link{font-size:12px;border-bottom:1px solid #617b9d;padding-bottom:13px;display:inline-flex;gap:35px}.safety-items article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #ffffff20}.safety-items article:first-child{padding-top:5px}.safety-items article>span{display:grid;place-items:center;border:1px solid #79d7ff70;border-radius:50%;width:45px;height:45px;flex-shrink:0;color:#79d7ff;font-weight:700}.safety-items h3{font-size:16px}.safety-items p{color:#c0d1e6;font-size:12px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:65px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:24px 0;font-weight:700;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);margin:0 0 24px}.questions p a{color:var(--blue)}.closing{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#e8fbf6,#e7f4ff);position:relative;overflow:hidden}.closing:before,.closing:after{content:'♡';position:absolute;font-family:Arial;font-size:240px;color:#1679ef12;transform:rotate(-20deg);left:3%;top:60px}.closing:after{left:auto;right:3%;transform:rotate(20deg)}.closing-inner{position:relative;z-index:1}.closing img{width:180px;height:80px;object-fit:contain}.closing h2{font-size:34px;margin:15px 0 30px}.closing .small{margin-bottom:0}footer{padding:40px 6% 30px}.footer-top{display:flex;align-items:center;gap:30px}.footer-top .brand{width:120px}.footer-top p{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;padding:20px 0 35px}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.mobile-cta{display:none}
@media(min-width:1500px){.hero-copy{padding-left:calc((100vw - 1200px)/2)}.hero-visual{padding-right:15%}.hero{min-height:760px}.hero .phone{width:260px}.b1{left:3%}.b2{right:16%}}
@media(max-width:900px){nav{gap:20px}.hero-copy{padding-left:9%;padding-top:60px}h1{font-size:52px}.hero{min-height:680px}.lead{font-size:20px}.hero .phone{width:205px}.b1{top:100px;left:-20px;font-size:11px}.b2{font-size:11px;right:10px;bottom:145px}.section{padding:80px 6%}.about,.features,.safety,.faq{gap:35px}.blue-disc{width:300px;height:300px;left:-20px}.feature-phone{width:200px}.safety h2{font-size:28px}.moment-grid{gap:15px}.moment-grid article{padding:25px 20px}.moment-grid h3{font-size:15px}}
@media(max-width:640px){html{scroll-padding-top:75px}header{height:72px;padding:0 6%}.brand{width:116px;height:60px}nav{gap:12px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:11px 15px}.nav-cta span{margin-left:13px}.menu{display:block;border:0;background:none;font-size:23px;color:var(--ink);padding:9px;margin-left:12px}header nav{margin-left:auto}header.open nav{position:absolute;top:72px;left:0;right:0;padding:24px;background:white;display:grid;box-shadow:0 15px 20px #12244212}header.open nav>a:not(.nav-cta){display:block;padding:10px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 7% 35px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:52px;line-height:1.35;margin-bottom:18px}.lead{font-size:19px;line-height:1.8}.hero-desc{font-size:12px;margin-bottom:25px}.hero-copy .button{padding:16px 23px;font-size:14px;gap:60px}.hero-copy .small{font-size:9px!important}.hero-visual{height:470px;min-height:470px;margin-left:7%}.hero-scene{inset:0;border-radius:90px 0 0 0}.hero .phone{width:205px;margin:12px 0 35px;transform:rotate(7deg)}.b1{top:48px;left:-5px;font-size:10px;padding:13px 16px}.b2{bottom:90px;right:15px;font-size:10px;padding:13px 16px}.visual-note{bottom:18px;font-size:10px}.scroll{display:none}.ribbon{padding:18px 0;font-size:12px;gap:35px}.section{padding:65px 7%}h2{font-size:29px;line-height:1.65}.about{grid-template-columns:1fr;gap:28px}.about-copy p{font-size:13px;line-height:2.1}.about-copy p:first-child{font-size:14px}.moments{border-radius:36px 36px 0 0}.moments-top{text-align:left;margin-bottom:30px}.moment-grid{grid-template-columns:1fr;gap:15px}.moment-grid article{position:relative;padding:25px 22px 25px 100px;min-height:165px}.moment-num{font-size:9px}.line-icon{position:absolute;left:25px;top:40px;font-size:36px;margin:0}.moment-grid h3{font-size:16px;margin:12px 0 8px}.moment-grid p{font-size:11px}.features{grid-template-columns:1fr;gap:35px}.feature-art{min-height:450px;order:2}.blue-disc{width:310px;height:310px;left:calc(50% - 155px);top:45px}.feature-phone{width:190px;max-height:420px}.art-tag{right:0;bottom:5px;font-size:11px}.feature-list{margin-top:15px}.feature-list p{font-size:12px}.safety{grid-template-columns:1fr;gap:35px}.safety h2{font-size:28px}.safety-lead{margin:20px 0 25px}.safety-items article{gap:18px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:13px;padding:23px 0}.closing{padding:55px 7%}.closing h2{font-size:28px}.closing:before{font-size:150px;left:-40px}.closing:after{font-size:150px;right:-40px;top:230px}.closing .button{font-size:14px;padding:18px 26px;gap:45px}.closing .small{font-size:9px!important}footer{padding:25px 7% 100px}.footer-top{display:block}.footer-top p{margin-top:0}.footer-links{font-size:10px;gap:18px}.footer-bottom{font-size:9px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-between;align-items:center;background:#fffffff5;backdrop-filter:blur(15px);padding:12px 6% max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:11px;font-weight:700}.mobile-cta a{background:var(--blue);padding:12px 24px;border-radius:30px;color:white}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* One centered message, with wrapping available on narrow screens. */
.ribbon{justify-content:center;align-items:center;gap:0;white-space:normal;text-align:center;padding:25px 20px;font-size:18px;letter-spacing:.08em;line-height:1.8;overflow:visible}.ribbon span{min-width:0;overflow-wrap:anywhere}@media(max-width:640px){.ribbon{font-size:14px;letter-spacing:.04em;padding:20px 16px}}