@font-face{font-family:NotoSerifJP;src:url('fonts/NotoSerifJP-variable.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:NotoSansJP;src:url('fonts/NotoSansJP-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#123f67;--sky:#eaf5fb;--gold:#c6a252;--line:#00bf47;--serif:NotoSerifJP,'Yu Mincho',serif;--sans:NotoSansJP,'Yu Gothic',sans-serif;--content:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);background:#eef6fa;font-family:var(--serif);font-weight:500;font-synthesis:none}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #005fab;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2,h3{font-weight:500}main,body>footer{max-width:var(--content);margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.hero{position:relative;isolation:isolate;min-height:560px;aspect-ratio:811/381;container-type:inline-size;color:#fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;overflow:clip}.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00152525,transparent 58%);z-index:-1;pointer-events:none}.site-header{grid-column:1/-1;padding:1.3% 5.3%;z-index:5}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;font:500 14px var(--sans);color:var(--navy)}.header-cta{background:linear-gradient(#e6c976,#8b6318);border:1px solid #f4e2a3;border-radius:50px;color:white;padding:12px 22px;box-shadow:0 3px 10px #6b521d22}.menu-toggle{display:none}.hero-copy{grid-column:1;align-self:start;margin:3.5% 0 0 12%;width:94%}.intro{display:block;font-size:clamp(30px,4.6cqw,54px);line-height:1.4;white-space:nowrap}.service-name{display:block;font-size:clamp(44px,6.1cqw,73px);line-height:1.35;white-space:nowrap;letter-spacing:-.055em;color:#f9f6e7}.service-name>span{color:#e0c17b;font-size:1.25em;letter-spacing:0;margin-right:.06em}.hero-subtitle{border-block:1px solid #cdb575b0;margin-top:9px;padding:10px 0;font-size:clamp(18px,2.2cqw,27px);white-space:nowrap}.hero-note{position:absolute;right:4.1%;top:24%;font-size:clamp(18px,2.7cqw,31px);font-style:italic;line-height:1.4;transform:rotate(-7deg);color:#134e78;letter-spacing:.08em}.hero-note span{margin-left:.5em}.hero-promise{position:absolute;left:7.5%;top:69%;font-size:clamp(20px,2.7cqw,31px);font-style:italic;transform:rotate(-9deg);text-align:center;line-height:1.5}.hero-concerns{position:absolute;right:3.7%;top:61%;padding:14px 17px;list-style:none;margin:0;border:1px solid #e3c98b;border-radius:8px;background:#092a43ad;box-shadow:inset 0 0 15px #e5f3ff22;font:500 clamp(13px,1.45cqw,17px)/1.9 var(--sans);backdrop-filter:blur(2px)}.hero-concerns li:before{content:'✓';margin-right:.5em}.line-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:18px 28px;border-radius:80px;background:linear-gradient(125deg,#00dd49,#00a53e);border:2px solid #e4ffd9;box-shadow:0 0 14px #b7f787, inset 0 0 9px #ffffff60;color:#fff;font:700 25px/1.4 var(--sans);transition:filter .2s,transform .2s;white-space:nowrap}.line-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.line-mark{display:grid;place-items:center;position:relative;width:49px;height:44px;border-radius:50%;background:white;color:#00b849;font:800 13px var(--sans)}.line-mark:after{content:'';position:absolute;bottom:-3px;left:13px;border:6px solid transparent;border-top-color:white;transform:rotate(18deg)}.hero-cta,.mobile-only,.mobile-break{display:none}
.continuous-body{background:#eaf5fb url('images/landscape.png') center bottom/100% auto no-repeat}.section{position:relative;padding-inline:5.2%}.center-title{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(22px,2.65cqw,30px);line-height:1.6;text-align:center}.center-title:after{content:'';width:45px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.concerns{padding-top:18px;padding-bottom:10px;background:linear-gradient(#e8f3fa88,#ffffff99)}.concern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.concern-card{position:relative;min-width:0;overflow:hidden;border-radius:6px}.concern-card img{width:100%;aspect-ratio:234/122;object-fit:cover;mask-image:linear-gradient(#000 85%,transparent)}.concern-card h3{position:absolute;bottom:8px;right:0;padding:12px 10px;background:#ffffffd9;border-radius:6px;font-size:clamp(14px,1.75cqw,20px);line-height:1.5}
.service{padding-top:22px;padding-bottom:30px;isolation:isolate;min-height:315px;display:flex;align-items:center;overflow:clip}.service-photo{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.service-content{width:65%}.service h2{font-size:clamp(28px,3.4cqw,38px);line-height:1.35;margin-bottom:18px;text-shadow:0 1px 9px #fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.benefit-grid article{padding:16px 5px 12px;border-radius:7px;background:#ffffffef;text-align:center}.benefit-grid svg{width:39px;height:43px;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:6px}.benefit-grid h3{font-size:15px;line-height:1.55}.future{padding-top:15px;padding-bottom:14px;background:linear-gradient(#eaf5fbdd,#eaf5fb88)}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px;text-align:center}.future-grid img{width:100%;aspect-ratio:234/100;object-fit:cover;border-radius:5px;mask-image:linear-gradient(#000 85%,transparent)}.future-grid h3{font-size:22px;line-height:1.5;margin-top:2px}.amount{font-size:1.17em}.support{padding-top:8px;padding-bottom:20px;background:linear-gradient(#eaf5fb88,transparent)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}.support-grid article{position:relative;overflow:hidden;border-radius:9px;background:#f7fbff}.support-grid img{width:100%;aspect-ratio:234/86;object-fit:cover}.support-grid h3{position:absolute;right:0;top:0;bottom:0;width:61%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#f6fbff10,#f6fbfff5 25%);font-size:15px;line-height:1.6;padding:10px 6px 10px 12px}.contact{display:flex;justify-content:center;align-items:center;gap:45px;min-height:168px;padding-block:25px 34px}.contact p{font-size:30px;line-height:1.5;font-style:italic;transform:rotate(-7deg);text-shadow:0 1px 8px white}.contact p span{padding-left:20px}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;gap:20px;background:#eff7fa}.footer-name{font-size:19px}footer nav{display:flex;gap:24px;font:500 13px var(--sans)}
@media(min-width:700px) and (max-width:1000px){.hero{min-height:0}.site-header nav{font-size:11px;gap:16px}.header-cta{padding:8px 16px}.hero-copy{margin-top:2%}.hero-subtitle{padding:6px 0}.hero-concerns{padding:7px 10px}.service{min-height:250px}.benefit-grid{gap:8px}.benefit-grid article{padding:10px 3px}.benefit-grid h3{font-size:12px}.future-grid h3{font-size:18px}.support-grid h3{font-size:12px}.contact p{font-size:25px}.line-button{font-size:22px;padding:16px 23px}.contact{gap:30px}.center-title{font-size:24px}}
@media(max-width:699px){
  :root{--content:100%}html{scroll-padding-top:12px}.hero{display:block;min-height:0;aspect-ratio:356/721;width:100%;container-type:inline-size;overflow:visible}.hero-photo{overflow:hidden}.hero-photo img{object-fit:cover;object-position:center}.hero:after{background:linear-gradient(90deg,#001c3330,transparent 90%);pointer-events:none}.site-header{position:absolute;top:0;right:0;left:0;padding:0}.menu-toggle{position:absolute;right:15px;top:12px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;color:#10374e;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:currentColor}.site-header nav{display:none;position:absolute;right:13px;top:62px;min-width:210px;flex-direction:column;align-items:stretch;gap:0;padding:10px 15px;background:#f5fbfff5;border:1px solid #d1e2e9;box-shadow:0 8px 25px #07213640;border-radius:10px}.site-header nav.open{display:flex}.site-header nav>a{padding:13px}.site-header nav .header-cta{margin:6px 0;text-align:center}.hero-copy{position:absolute;top:4.4%;left:5.2%;width:89.6%;margin:0}.intro{font-size:8.5cqw;line-height:1.4;white-space:normal}.mobile-break{display:inline}.service-name{font-size:10.7cqw;line-height:1.32;letter-spacing:-.065em}.service-name>span{font-size:1.2em}.hero-subtitle{display:block;border:0;font-size:5.45cqw;line-height:1.45;margin-top:8px;padding:0}.mobile-only{display:block}.hero-promise{display:none}.hero-note{top:56%;left:7%;right:auto;font-size:7.2cqw;line-height:1.35;color:white;transform:rotate(-8deg);text-shadow:0 2px 6px #102532}.hero-note span{margin-left:.5em}.hero-concerns{left:5.5%;right:10.5%;top:70%;font-size:4.25cqw;line-height:1.9;padding:11px 12px;border-radius:8px;background:#071b2cb5}.hero-cta{display:flex;position:absolute;left:5%;right:5%;bottom:2.2%;padding:15px 12px;font-size:5.5cqw;gap:13px;min-height:72px}.line-mark{width:44px;height:39px;font-size:12px}.section{padding-inline:4.3%}.center-title{font-size:5.55cqw;gap:5px;line-height:1.5;white-space:nowrap}.center-title:after{display:none}.concerns{padding-top:21px;padding-bottom:20px;background:linear-gradient(#e9f5fbdd,#f8fcffbb)}.concern-grid{grid-template-columns:1fr;gap:12px;margin-top:15px}.concern-card{min-height:89px;display:grid;grid-template-columns:43% 57%;background:#f8fbffdf;box-shadow:0 5px 8px #1c526018;border-radius:10px}.concern-card img{height:100%;width:100%;aspect-ratio:auto;min-height:89px;object-fit:cover;object-position:36% center;mask-image:linear-gradient(90deg,#000 75%,transparent)}.concern-card h3{position:static;align-self:center;background:transparent;font-size:4.3cqw;line-height:1.65;padding:12px 7px}.continuous-body{display:flex;flex-direction:column;background-size:auto 520px}.concerns{order:0}.contact{order:1;min-height:225px;padding:30px 20px;gap:24px;flex-direction:column;background:linear-gradient(#eaf5fb10,#eaf5fb44),url('images/landscape.png') center bottom/auto 400px}.contact p{font-size:7cqw;line-height:1.6}.contact .line-button{font-size:5.2cqw;padding:16px 20px;gap:12px}.service{order:2;min-height:440px;padding-top:25px;padding-bottom:25px;align-items:flex-start;background:#ecf6fa}.service-photo{object-fit:cover;object-position:74% center;opacity:1}.service-content{width:100%}.service h2{font-size:7cqw;margin-bottom:18px;max-width:85%;text-shadow:0 0 12px white,0 0 8px white}.benefit-grid{width:57%;grid-template-columns:1fr 1fr;gap:9px}.benefit-grid article{padding:12px 4px}.benefit-grid h3{font-size:3cqw}.benefit-grid svg{width:30px;height:33px}.future{order:3;padding-block:24px}.future .center-title,.support .center-title{white-space:normal;font-size:5.5cqw}.future-grid{grid-template-columns:1fr;gap:21px;margin-top:19px}.future-grid article{display:grid;grid-template-columns:48% 52%;align-items:center;background:#ffffff77;border-radius:8px;overflow:hidden}.future-grid img{height:115px;aspect-ratio:auto;mask-image:linear-gradient(90deg,#000 88%,transparent)}.future-grid h3{font-size:4.2cqw;margin:0;padding:10px 5px}.support{order:4;padding-block:15px 30px}.support-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.support-grid img{height:106px;object-fit:cover;object-position:center}.support-grid h3{font-size:4.1cqw;width:62%;padding-left:17px}.support-grid article{max-width:450px;width:100%;margin:auto}footer{flex-direction:column;align-items:center;padding:25px 12px;gap:20px}.footer-name{font-size:17px}footer nav{gap:22px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.line-button{transition:none}}
/* 原画の実画素を超えてPC写真を引き伸ばさない。 */
h1{font-weight:500}
@media(min-width:700px){.hero-note{right:4%;font-size:21px;letter-spacing:.02em}.intro{font-size:32px}.service-name{font-size:49px}}
@media(min-width:700px){
 :root{--content:811px}.hero{min-height:0}.site-header nav{font-size:10px;gap:18px}.header-cta{padding:8px 17px}.hero-copy{margin-top:2.3%}.intro{font-size:36px}.service-name{font-size:56px}.hero-subtitle{font-size:19px;padding:7px 0}.hero-note{font-size:24px}.hero-promise{font-size:23px}.hero-concerns{font-size:11px;padding:8px 12px}.center-title{font-size:21px}.concerns{padding-top:9px;padding-bottom:0}.concern-grid{gap:14px;margin-top:4px}.concern-card h3{font-size:14px;padding:8px 7px;bottom:3px}.service{min-height:218px;padding-top:20px;padding-bottom:22px}.service h2{font-size:27px;margin-bottom:12px}.benefit-grid{gap:8px}.benefit-grid article{padding:9px 3px}.benefit-grid svg{width:28px;height:31px;margin-bottom:4px}.benefit-grid h3{font-size:11px}.future{padding-top:9px;padding-bottom:10px}.future-grid{gap:13px;margin-top:5px}.future-grid h3{font-size:17px}.support{padding-top:5px;padding-bottom:15px}.support-grid{gap:13px;margin-top:5px}.support-grid h3{font-size:11px}.contact{min-height:123px;gap:30px;padding-block:18px 22px}.contact p{font-size:25px}.line-button{font-size:22px;padding:14px 20px;gap:12px}.line-mark{width:39px;height:35px;font-size:11px}footer{padding:18px 4%}.footer-name{font-size:15px}footer nav{font-size:10px;gap:20px}
}
@media(min-width:700px) and (max-width:810px){.intro{font-size:4.45cqw}.service-name{font-size:6.9cqw}.hero-subtitle{font-size:2.34cqw}.hero-note{font-size:2.96cqw}.hero-promise{font-size:2.83cqw}}
@media(max-width:699px){.continuous-body{background-size:100% auto}.contact{background-size:100% auto}.service{min-height:350px}.service-photo{top:auto;bottom:0;height:218px;object-fit:cover;object-position:75% center}.support-grid img{width:44%;height:100px;object-fit:cover;object-position:left center}.support-grid h3{width:62%}.future-grid img{height:95px}}
@media(min-width:700px){.hero-note{font-size:21px}.intro{font-size:32px}.service-name{font-size:49px}}
@media(max-width:699px){main,body>footer{max-width:430px}.continuous-body{container-type:inline-size}.support-grid img{height:86px;margin-block:auto}.support-grid article{min-height:100px}}
@media(max-width:699px){.contact{background-repeat:no-repeat;background-position:center bottom}.service-photo{object-position:88% center}.benefit-grid{width:60%}.benefit-grid h3{font-size:2.8cqw}.service-photo{mask-image:linear-gradient(transparent,#000 16%)}.contact p{text-shadow:0 1px 8px white,0 0 12px white}}
@media(min-width:700px){.hero-copy{width:84%}.service-photo{top:auto;bottom:0;height:218px}}
@media(min-width:700px){.intro{font-size:3.7cqw}.service-name{font-size:6.04cqw}}
@media(max-width:699px){.contact{background-size:auto 178px}}
.continuous-body{position:relative;isolation:isolate;background:#eaf5fb}
.continuous-body:before{content:'';position:absolute;inset:auto 0 0;height:178px;background:url('images/landscape.png') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 28%);z-index:-1;pointer-events:none}
@media(max-width:699px){.contact{background:none;isolation:isolate}.contact:before{content:'';position:absolute;inset:auto 0 0;height:178px;background:url('images/landscape.png') center bottom/auto 178px no-repeat;mask-image:linear-gradient(transparent,#000 25%);z-index:-1;pointer-events:none}}