:root{--blue:#086caf;--blue-deep:#075487;--blue-pale:#eaf7ff;--aqua:#39bdd1;--orange:#ee9413;--ink:#18384b;--muted:#527080;--line:#cfe4ec;--white:#fff;--radius:18px;--shadow:0 14px 34px rgba(5,83,135,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8;background:var(--white)}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.header-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--blue-deep);font-size:12px;font-weight:700;line-height:1.25;text-decoration:none}.brand strong{display:block;font-size:21px;letter-spacing:.08em}.header-action{display:flex;align-items:center;gap:18px}.header-tel{font-size:11px;line-height:1.4;text-align:right}.header-tel a{color:var(--blue-deep);font-size:18px;font-weight:900;text-decoration:none}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;border:2px solid var(--orange);border-radius:999px;background:var(--orange);color:#fff;font-size:14px;font-weight:900;padding:9px 21px;text-decoration:none;transition:.2s}.header-cta:hover,.button:hover{background:#fff;color:var(--orange)}
.hero{position:relative;min-height:590px;isolation:isolate;overflow:hidden;background:#f9fdff center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 36%,rgba(255,255,255,.17) 69%,rgba(255,255,255,.04) 100%)}.hero.restaurant{background-image:url("images/hero-restaurant.png")}.hero.company{background-image:url("images/hero-company-factory.png")}.hero.clinic{background-image:url("images/hero-clinic-pharmacy.png")}.hero.cafe{background-image:url("images/hero-cafe-coffee.png")}.hero-in{padding:76px 0 88px;min-height:590px;display:flex;align-items:center}.hero-copy{width:min(640px,59%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #abdaeb;border-radius:99px;background:#fff;padding:5px 13px;color:var(--blue-deep);font-size:13px;font-weight:800}.eyebrow:before{content:"";width:8px;height:8px;background:var(--orange);border-radius:50%}.hero h1{margin:16px 0 14px;color:var(--blue-deep);font-size:clamp(34px,4.6vw,58px);line-height:1.25;letter-spacing:.035em}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:570px;margin:0 0 23px;font-size:16px;font-weight:500}.promise{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.promise span{border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 5px 12px rgba(5,83,135,.08);padding:6px 11px;color:var(--blue-deep);font-size:13px;font-weight:800}.promise b{color:var(--orange)}.hero-note{display:block;margin-top:9px;color:#627d8d;font-size:11px}.quickbar{position:relative;z-index:2;margin-top:-37px}.quickbar-in{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;overflow:hidden;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.quick-item{border-right:1px solid var(--line);padding:13px 17px;text-align:center}.quick-item:last-child{border:0;background:var(--blue-deep);color:#fff}.quick-item b{display:block;color:var(--blue-deep);font-size:18px;line-height:1.25}.quick-item:last-child b{color:#fff}.quick-item small{display:block;font-size:11px;color:var(--muted)}.quick-item:last-child small{color:#d9f2f8}
section{padding:85px 0}.section-label{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.section-title{margin:5px 0 17px;color:var(--blue-deep);font-size:clamp(27px,3.5vw,40px);line-height:1.42}.lead{max-width:820px;margin:0;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.benefit{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:27px 23px 23px;box-shadow:0 8px 22px rgba(5,83,135,.05)}.benefit-num{display:block;margin-bottom:12px;color:var(--aqua);font-size:13px;font-weight:900;letter-spacing:.1em}.benefit h3{margin:0 0 9px;color:var(--blue-deep);font-size:20px;line-height:1.45}.benefit p{margin:0;color:var(--muted);font-size:14px}.blue-section{background:linear-gradient(135deg,#e5f6fe,#f7fcff 60%,#eef8fa)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.fact-panel{padding:29px;border-radius:var(--radius);background:var(--blue-deep);box-shadow:var(--shadow);color:#fff}.fact-panel h3{margin:0 0 13px;font-size:23px;line-height:1.5}.fact-panel p{margin:0;color:#d9f3fb;font-size:14px}.fact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.fact-list div{border-radius:11px;background:rgba(255,255,255,.11);padding:12px;font-size:13px}.fact-list b{display:block;color:#fff;font-size:19px}.area-map{display:block;max-width:330px;max-height:460px;margin:auto;filter:drop-shadow(0 12px 16px rgba(5,83,135,.12))}.area-list{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 0;padding:0;list-style:none}.area-list li{border-radius:999px;background:#fff;padding:5px 11px;color:var(--blue-deep);font-size:13px;font-weight:700}.area-caution{margin-top:14px;color:#d6eef6;font-size:12px}.price-box{margin-top:28px;border-radius:var(--radius);background:#fff;padding:28px;box-shadow:var(--shadow);text-align:center}.price-box p{margin:0;color:var(--muted);font-size:13px}.price-box b{display:block;color:var(--blue-deep);font-size:clamp(32px,4vw,48px);line-height:1.25}.price-box b span{font-size:17px}.price-box strong{display:block;color:var(--orange);font-size:18px}.price-box small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:32px}.flow-item{border-radius:var(--radius);background:#fff;border:1px solid var(--line);padding:23px 20px}.flow-no{display:inline-block;margin-bottom:11px;border-radius:99px;background:var(--blue-deep);padding:2px 9px;color:#fff;font-size:11px;font-weight:900}.flow-item h3{margin:0 0 6px;color:var(--blue-deep);font-size:17px;line-height:1.45}.flow-item p{margin:0;color:var(--muted);font-size:13px}.faq{margin-top:30px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{position:relative;cursor:pointer;padding-right:28px;color:var(--blue-deep);font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:0;top:-1px;font-size:20px;font-weight:400}details[open] summary:after{content:"−"}details p{margin:12px 28px 0 0;color:var(--muted);font-size:14px}.cta{padding:76px 0;background:linear-gradient(130deg,#075487,#0a8cbb);color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:5px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.4}.cta p{margin:0;color:#dbf4fb}.cta .button{background:#fff;border-color:#fff;color:var(--blue-deep);white-space:nowrap}.cta .button:hover{background:transparent;color:#fff}.site-footer{padding:30px 0;background:#f1f7fa;color:var(--muted);font-size:12px}.site-footer a{color:var(--blue-deep)}
@media(max-width:780px){.container{width:min(100% - 30px,1120px)}.header-in{height:62px}.header-tel{display:none}.header-cta{min-height:38px;padding:5px 11px;font-size:12px}.hero{min-height:580px;background-position:67% center}.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.25) 100%)}.hero-in{min-height:580px;padding:56px 0 130px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:36px}.hero-lead{font-size:14px;max-width:92%}.promise{max-width:88%}.quickbar{margin-top:-93px}.quickbar-in{grid-template-columns:1fr 1fr;border-radius:14px}.quick-item{padding:10px 5px;border-bottom:1px solid var(--line)}.quick-item:nth-child(2){border-right:0}.quick-item b{font-size:16px}.quick-item small{font-size:10px}section{padding:58px 0}.benefits,.flow,.split{grid-template-columns:1fr;gap:14px}.split{gap:30px}.area-map{max-height:400px}.fact-panel{padding:25px}.flow{margin-top:26px}.cta{padding:58px 0}.cta-grid{display:block}.cta .button{margin-top:22px;width:100%}}
