*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#282329;background:#fffdfb;line-height:1.9}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1964cf;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-70px;background:white;padding:10px;z-index:100}.skip:focus{top:0}.noticebar{background:#fff0e4;text-align:center;padding:7px 15px;font-size:12px;color:#783a24}.top{position:sticky;top:0;background:#fffdfbf5;backdrop-filter:blur(12px);border-bottom:1px solid #e9dfdc;z-index:40}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{text-decoration:none;font-weight:900;letter-spacing:-.04em;line-height:1.2;font-size:22px;display:flex;gap:10px;align-items:center}.brand-mark{background:#d52b38;color:white;border-radius:12px;display:grid;place-items:center;width:38px;height:38px;font-size:24px}.brand small{display:block;font-size:9px;letter-spacing:.12em;margin-top:5px;color:#7e5f62}.nav nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:bold}.nav nav a{text-decoration:none}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:54px;padding:13px 24px;border:0;border-radius:9px;background:#ce2434;color:#fff;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #941e2a}.button.secondary{background:white;color:#b61f31;border:1px solid #d8a2a8;box-shadow:none}.button.dark{background:#29232c;box-shadow:0 4px 0 #171419}.nav .button{min-height:43px;padding:8px 18px}.hero{background:#fff0e7;overflow:hidden;position:relative;border-bottom:1px solid #eadbd1}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;padding-block:64px 76px}.kicker{display:block;color:#c52636;font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:16px}.hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.32;letter-spacing:-.045em;margin:0 0 23px;font-weight:900}.hero h1 em{font-style:normal;color:#c72335;background:linear-gradient(transparent 78%,#ffdc69 0)}.lead{font-size:17px;line-height:1.95;color:#56484b;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.small{font-size:12px;color:#736469;line-height:1.8}.hero-note{margin-top:17px;font-size:12px}.phone-scene{position:relative;min-height:455px;display:grid;place-items:center;background:radial-gradient(ellipse,#fbcabb 0%,#fbcabb 52%,transparent 52%)}.phone{width:260px;border:8px solid #2d2630;background:#fff;border-radius:36px;padding:20px 19px 26px;box-shadow:20px 25px 0 #d7263620;transform:rotate(5deg);position:relative}.phone:before{content:"";display:block;width:76px;height:8px;border-radius:5px;background:#2d2630;margin:0 auto 25px}.phone small{font-size:10px;font-weight:bold;letter-spacing:.1em}.phone h2{font-size:25px;line-height:1.4;margin:8px 0 21px}.bill-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed #ddc9ca;font-size:12px}.bill-row b{font-size:13px}.bill-row i{font-style:normal;color:#c72335}.phone-foot{background:#ffde78;padding:12px;margin-top:20px;border-radius:8px;font-size:12px;font-weight:bold;line-height:1.5}.float-label{position:absolute;background:#fff;border:1px solid #edc9c5;border-radius:12px;padding:12px 17px;box-shadow:0 6px 15px #5b273710;font-size:13px;font-weight:800;z-index:2}.float-label.one{left:-10px;top:54px;transform:rotate(-7deg)}.float-label.two{right:-6px;bottom:48px;transform:rotate(-4deg);background:#d52b38;color:white}.float-label b{display:block;font-size:21px}.proof-strip{border-bottom:1px solid #e8ddd8;background:white}.proof-strip .wrap{display:flex;justify-content:space-between;padding-block:20px;gap:15px;font-size:13px;font-weight:bold}.proof-strip span:before{content:"✓";color:#cf2434;margin-right:9px}.section{padding:78px 0}.section h2{font-size:clamp(27px,3vw,39px);line-height:1.5;letter-spacing:-.03em;margin:0 0 22px}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.sectionhead p{max-width:420px;font-size:14px;color:#726167}.alt{background:#f8f2ee}.route-list{border-top:1px solid #d9caca}.route{display:grid;grid-template-columns:70px 1fr 36px;gap:25px;align-items:center;padding:27px 5px;border-bottom:1px solid #d9caca;text-decoration:none}.route .num{font-size:38px;font-weight:900;color:#d62c3e;line-height:1}.route h3{font-size:21px;margin:0 0 4px}.route p{font-size:14px;margin:0;color:#6c5b60}.route .arrow{border:1px solid #d8c5c7;border-radius:50%;height:36px;display:grid;place-items:center}.route:hover .arrow{background:#d52b38;color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.steps{list-style:none;padding:0;margin:0;counter-reset:s}.steps li{position:relative;padding:0 0 26px 60px;border-left:1px solid #e2b5b8;margin-left:20px;counter-increment:s}.steps li:before{content:"0" counter(s);position:absolute;left:-21px;top:0;background:#d52b38;color:white;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:bold;font-size:14px}.steps h3{margin:0 0 7px;font-size:19px}.steps p{font-size:14px;margin:0;color:#66545a}.steps li:last-child{border:0;padding-bottom:0}.note-box{border-left:4px solid #d52b38;background:#fff1e3;padding:20px 24px;margin-top:25px;font-size:14px}.note-box strong{display:block;color:#a21b2d;margin-bottom:5px}.calculator{background:#fff;border:1px solid #e7d9d8;border-radius:18px;padding:30px;box-shadow:0 15px 50px #7d32440b}.calculator h3{margin-top:0;font-size:21px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:block;font-size:12px;font-weight:700}.input-unit{display:flex;align-items:center;gap:8px;margin-top:7px}.input-unit input{width:100%;min-width:0;border:1px solid #cdbcc0;border-radius:6px;padding:10px;font-size:18px;min-height:48px;background:#fffcfa}.calc-result{background:#fff0e7;padding:22px;margin-top:23px;border-radius:10px;min-height:130px}.calc-result strong{font-size:29px;color:#be2334;display:block;line-height:1.5}.calc-result p{margin:3px 0;font-size:13px}.calc-result .small{font-size:11px}.calc-button{margin-top:22px;width:100%}.compare{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.compare th,.compare td{padding:19px 21px;text-align:left;border-bottom:1px solid #ead9d8;vertical-align:top}.compare th{background:#fff0e5}.compare th:first-child{width:24%}.faq{max-width:820px;margin:auto}.faq details{border-bottom:1px solid #dfcdce;padding:20px 0}.faq summary{font-size:16px;font-weight:800;cursor:pointer;padding-right:25px}.faq details p{font-size:14px;color:#68575d;line-height:1.9}.cta-band{background:#c72536;color:white;border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:0 0 10px;font-size:28px}.cta-band p{margin:0;font-size:13px;color:#ffe3df}.cta-band .button{background:#ffde77;color:#512323;box-shadow:0 4px 0 #eba451;white-space:nowrap}.source-list{font-size:13px;padding-left:20px}.source-list li{margin:8px 0}.about{font-size:13px;max-width:780px}.footer{padding:38px 0 92px;background:#2b252d;color:#f8eeee}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer nav{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}.footer p{font-size:11px;color:#c8b9be}.footer .brand small{color:#dfb8bd}.sticky{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffdfbf7;border-top:1px solid #e4cace;padding:10px 24px;display:flex;justify-content:center;align-items:center;gap:30px;backdrop-filter:blur(10px)}.sticky span{font-size:12px}.sticky .button{min-height:44px;padding:9px 28px;font-size:13px}.breadcrumb{font-size:12px;padding-top:22px}.checklist{display:grid;gap:10px;padding:0;list-style:none}.checklist li{background:#fff;border:1px solid #e5d3d2;padding:17px 20px;border-radius:7px;font-size:14px}.checklist li:before{content:"✓";font-weight:bold;color:#c72335;margin-right:12px}.legal{max-width:780px;padding:55px 0;margin:auto}.legal h1{font-size:32px}.legal h2{font-size:21px;margin-top:32px}.legal p{font-size:14px}.availability{display:inline-block;background:#fff0df;color:#933824;font-weight:bold;border:1px solid #e9c3a8;border-radius:4px;padding:5px 12px;font-size:12px}p,td,a{overflow-wrap:anywhere}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:65px}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.nav nav>a:not(.button){display:none}.nav .button{font-size:11px;padding:8px 11px;min-height:40px}.hero-grid{grid-template-columns:1fr;gap:12px;padding-block:35px 30px}.hero h1{font-size:39px}.lead{font-size:15px}.hero-actions{margin-top:21px;gap:10px}.hero-actions .button{font-size:13px;padding:12px 18px}.phone-scene{min-height:320px;margin-top:15px}.phone{width:207px;padding:12px 14px 17px;border-width:6px;border-radius:28px;box-shadow:12px 15px 0 #d7263620}.phone:before{margin-bottom:12px}.phone h2{font-size:21px;margin-bottom:10px}.bill-row{padding:9px 0}.phone-foot{padding:10px;margin-top:10px}.float-label{font-size:10px;padding:9px 11px}.float-label b{font-size:16px}.float-label.one{left:0;top:35px}.float-label.two{right:0;bottom:27px}.proof-strip .wrap{flex-wrap:wrap;gap:8px 15px;font-size:11px;padding-block:15px}.section{padding:46px 0}.sectionhead,.split{display:block}.sectionhead p{margin-top:14px}.split>div+div,.split>form{margin-top:27px}.route{grid-template-columns:42px 1fr 26px;gap:12px;padding:21px 0}.route .num{font-size:28px}.route h3{font-size:17px}.route p{font-size:12px}.route .arrow{height:26px;font-size:12px}.calculator{padding:20px 17px}.input-grid{gap:13px}.field{font-size:11px}.input-unit input{font-size:16px;padding:9px}.calc-result strong{font-size:25px}.compare th,.compare td{padding:13px 10px;font-size:12px}.compare th:first-child{width:27%}.cta-band{display:block;padding:25px;border-radius:12px}.cta-band h2{font-size:24px}.cta-band .button{margin-top:20px;width:100%}.footer-grid{display:block}.footer nav{margin-top:24px}.sticky{padding:8px 16px}.sticky>span{display:none}.sticky .button{width:100%}.legal{padding:30px 0}.section h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* 2026-10-09 playful communication guide */
.noticebar{background:#ffe85b;color:#392839;font-weight:800}.hero{background:radial-gradient(circle at 85% 20%,#ffbccc 0,transparent 35%),linear-gradient(125deg,#fff9cf,#fff1e7 55%,#e3f8ff)}.hero h1 em{color:#ec334d;background:linear-gradient(transparent 72%,#ffe14b 0)}.button{background:#ef354e;box-shadow:0 5px 0 #ad2038;border-radius:30px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ad2038}.button.secondary{border:2px solid #ef354e;color:#bd213c}.kicker{color:#ce244a}.brand-mark{background:#ed354f;border-radius:50%}.phone-scene{background:radial-gradient(ellipse,#ffd94f 0%,#ffd94f 52%,transparent 52%)}.float-label{border:2px solid #392839;border-radius:20px;box-shadow:4px 5px 0 #392839}.float-label.two{background:#dcf991;color:#26361d}.proof-strip{background:#dff9f4}.alt{background:#eff9ff}.route:nth-child(2){background:#fff8dd}.route:nth-child(3){background:#fff0f5}.route{padding-inline:16px}.cta-band{background:#ef354e;border:3px solid #8f2038;box-shadow:7px 7px 0 #ffd85a;border-radius:28px}.cta-band .button{background:#ffed67}.sticky{border-top:3px solid #ffe058}.wifi-scene{position:relative;min-height:450px;display:grid;place-items:center;background:radial-gradient(circle,#ffe158 0%,#ffe158 59%,transparent 60%)}.router-art{width:240px;background:#fff;border:4px solid #353041;border-radius:38px;padding:30px 22px;text-align:center;transform:rotate(7deg);box-shadow:14px 17px 0 #ec536c;animation:routerBob 5s ease-in-out infinite}.router-art>strong{font-size:42px;line-height:1.2;display:block}.router-art>span{font-size:8px;letter-spacing:.07em}.signal-art{font-size:38px;color:#ee3455;line-height:1.1}.router-screen{background:#dcf7ff;border:2px solid #353041;border-radius:12px;margin-top:22px;padding:20px 8px}.router-screen b,.router-screen small{display:block}.router-screen small{font-size:11px}.router-art i{display:block;margin:20px auto 0;width:12px;height:12px;background:#53c78a;border-radius:50%}.wifi-sticker{position:absolute;right:0;top:4px;z-index:2;background:#ef354e;color:#fff;padding:19px;border:3px solid #fff;border-radius:50%;transform:rotate(12deg);font-size:13px;line-height:1.5}.wifi-sticker b{font-size:22px}.wifi-chip{position:absolute;padding:9px 17px;background:white;border:2px solid #353041;border-radius:30px;box-shadow:3px 4px 0 #353041;font-size:14px;font-weight:800}.chip-a{left:0;top:85px;transform:rotate(-8deg)}.chip-b{right:-6px;bottom:95px;background:#dcf991}.chip-c{left:0;bottom:25px;background:#dff7ff;transform:rotate(-4deg)}.worry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.worry-grid>a{display:block;padding:28px;border:2px solid #36303c;box-shadow:6px 6px 0 #36303c;border-radius:23px;background:#fff3a8;text-decoration:none;transition:transform .2s}.worry-grid>a:nth-child(2){background:#d5f3ff}.worry-grid>a:nth-child(3){background:#ffdfeb}.worry-grid>a:hover{transform:translateY(-5px)}.worry-grid span{font-size:11px;font-weight:800;letter-spacing:.09em}.worry-grid h3{font-size:25px;line-height:1.5}.worry-grid p{font-size:14px}.worry-grid b{font-size:13px}@keyframes routerBob{50%{transform:translateY(-9px) rotate(4deg)}}@media(max-width:760px){.wifi-scene{min-height:380px;margin-top:20px}.router-art{width:205px;padding:23px 18px}.wifi-sticker{right:5px;font-size:11px;padding:14px}.wifi-sticker b{font-size:18px}.wifi-chip{font-size:11px;padding:8px 12px}.chip-a{top:75px}.chip-b{right:0;bottom:78px}.worry-grid{grid-template-columns:1fr;gap:20px}.worry-grid>a{padding:23px}.worry-grid h3{font-size:23px;margin:12px 0}.hero h1{font-size:clamp(30px,8.8vw,39px)}.route{padding-inline:10px}.cta-band{padding:24px;box-shadow:4px 5px 0 #ffd85a}}@media(prefers-reduced-motion:reduce){.router-art{animation:none}.button:hover,.worry-grid>a:hover{transform:none}}

.cashback{background:#ffdf35;color:#48231f;padding:34px 0;border-top:4px solid #fff;border-bottom:4px solid #ef354e;background-image:radial-gradient(#fff8 1.5px,transparent 1.5px);background-size:18px 18px}.cash-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.cash-label{display:inline-block;background:#fff;color:#bd213c;padding:3px 16px;border-radius:30px;font-size:13px;font-weight:800}.cashback h2{font-size:32px;line-height:1.2;margin:12px 0 0;color:#ce1836}.cashback strong{font-size:100px;letter-spacing:-.08em;margin-left:10px;font-weight:900;text-shadow:3px 3px #fff}.cashback strong span{font-size:45px;letter-spacing:0}.cash-lead{font-size:25px;font-weight:900;line-height:1.5}.cash-note{font-size:12px;margin:15px 0 0}.cashback .button{font-size:14px}.lead{color:#56484b!important;opacity:1!important}@media(max-width:760px){.cash-grid{grid-template-columns:1fr;gap:12px}.cashback h2{font-size:28px}.cashback strong{font-size:85px}.cashback strong span{font-size:38px}.cash-lead{font-size:20px;margin:8px 0 15px}.cashback .button{width:100%}.cashback{padding:27px 0}}