@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700;900&display=swap');:root{--navy:#071e35;--blue:#073a63;--orange:#f15a24;--pale:#eef4f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP",sans-serif;color:var(--navy)}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:3;width:100%;color:#fff}.logo{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:.08em}.logo i{width:28px;height:28px;border:7px solid var(--orange);transform:rotate(45deg)}.logo span{display:grid}.logo small{font:8px Arial;letter-spacing:.14em;margin-top:4px}nav{display:flex;gap:32px;font:10px Arial;letter-spacing:.14em}.hero{min-height:760px;background:var(--navy);color:white;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#7da3be18 1px,transparent 1px),linear-gradient(90deg,#7da3be18 1px,transparent 1px);background-size:42px 42px}.hero-copy{z-index:1;align-self:center;padding:120px 4vw 80px 8vw}.tag,.intro>p,.process>div>p,.contact>p{font:700 10px Arial;letter-spacing:.22em;color:var(--orange)}h1,h2{margin:0;font-weight:900;letter-spacing:.04em}h1{font-size:clamp(52px,6vw,88px);line-height:1.18;margin:24px 0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px white}.hero-copy>p:not(.tag){line-height:2;font-size:14px;color:#c9d7e3}.hero-copy>a{display:inline-flex;margin-top:35px;border-bottom:1px solid #8ca4b7;padding:14px 0;gap:35px;font-size:13px}.hero-image{position:relative;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071e3590,transparent 55%)}.hero-image strong{position:absolute;right:4vw;bottom:42px;z-index:1;font:900 clamp(40px,7vw,95px)/.82 Arial;color:transparent;-webkit-text-stroke:1px #ffffff4d;text-align:right}.orange-rule{position:absolute;left:48%;top:0;height:100%;width:6px;background:var(--orange);transform:skew(-11deg);transform-origin:top}.strength{padding:120px 6vw;background:var(--pale);background-image:linear-gradient(#0a41600b 1px,transparent 1px),linear-gradient(90deg,#0a41600b 1px,transparent 1px);background-size:30px 30px}.intro{display:grid;grid-template-columns:18% 42% 40%;align-items:end;margin-bottom:65px}.intro h2,.process h2,.contact h2{font-size:clamp(32px,4vw,58px);line-height:1.35}.intro span{line-height:2;font-size:13px;padding:0 3vw}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:#fff;box-shadow:0 18px 35px #061b2e14;transform:skewY(-2deg);overflow:hidden}.cards article:nth-child(2){margin-top:45px}.cards article:nth-child(3){margin-top:90px}.cards img{height:270px}.cards article div{padding:28px;transform:skewY(2deg)}.cards b{color:var(--orange);font:700 12px Arial}.cards h3{font-size:21px;margin:12px 0}.cards p{font-size:12px;line-height:1.9;color:#4b5a67}.process{background:var(--navy);color:white;padding:110px 7vw;display:grid;grid-template-columns:40% 60%;gap:5vw}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:70px 1fr;border-top:1px solid #ffffff25;padding:22px 0}.process li:last-child{border-bottom:1px solid #ffffff25}.process b{font:700 12px Arial;color:var(--orange)}.process span{font-weight:700}.process small{display:block;color:#8ea1b1;font-weight:400;margin-top:5px}.contact{text-align:center;padding:120px 24px;background:#fff}.contact h2{margin:20px}.contact a{display:inline-flex;align-items:center;justify-content:center;gap:40px;background:var(--orange);color:#fff;padding:20px 35px;margin-top:28px;min-width:250px;font-weight:700}footer{background:#06182a;color:white;padding:45px 6vw;display:flex;justify-content:space-between;align-items:center}footer p{font:9px Arial;color:#8293a0}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){header{height:70px;padding:0 20px}nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:120px 24px 65px}.hero-image{height:440px;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.orange-rule{left:0;top:54%;width:100%;height:5px;transform:skewY(-7deg)}.strength{padding:85px 22px}.intro{grid-template-columns:1fr;gap:18px}.intro span{padding:0}.cards{grid-template-columns:1fr}.cards article,.cards article:nth-child(2),.cards article:nth-child(3){margin:0;transform:none}.cards article div{transform:none}.process{grid-template-columns:1fr;padding:80px 24px}.process ol{margin-top:20px}.contact{padding:90px 22px}footer{display:block}footer p{margin-top:25px}}
.cards b{font-size:18px}.process b{font-size:18px}.process li{grid-template-columns:82px 1fr}.process span{font-size:17px}.process small{font-size:12px}
@media(max-width:760px){.hero-copy h1{font-size:49px;line-height:1.22}.hero-copy h1 br,.intro h2 br,.process h2 br,.contact h2 br{display:block}.cards b{font-size:19px}.cards h3{font-size:22px}.cards p{font-size:13px}.process li{grid-template-columns:60px 1fr;padding:25px 0}.process b{font-size:18px}.process span{font-size:16px}}
/* 20260905: readable demo and accessible interactions */
.demo-notice{position:relative;z-index:5;padding:11px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;color:#294052;font:13px/1.6 Arial,sans-serif;border-bottom:1px solid #ddd}
.demo-notice a{text-decoration:underline;min-height:32px;display:flex;align-items:center;flex-shrink:0}
.demo-info{padding:25px max(24px,6vw);background:#fff;color:#344857;font:14px/1.9 Arial,sans-serif}
.demo-info summary{cursor:pointer;font-weight:bold;padding:12px 0}.demo-info a{text-decoration:underline;display:inline-block;padding:12px 0}
body{line-height:1.85}header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.demo-notice{font-size:11px;padding:9px 16px;gap:12px}.demo-info{font-size:13px}}

header{position:relative;background:#081e35;height:90px}nav{font-size:12px}.logo{font-size:23px}.logo small{font-size:10px}
.hero{grid-template-columns:53% 47%;min-height:660px}.hero-copy{padding:70px 2vw 90px 6vw}.hero h1{font-size:clamp(42px,4.45vw,67px);line-height:1.42;letter-spacing:0}.hero h1 em{color:#fff;-webkit-text-stroke:0}.hero-copy>p:not(.tag){font-size:17px;line-height:1.9}.tag{font-size:12px}.hero-copy>a{font-size:16px;border:1px solid #58758b;border-radius:4px;padding:16px 24px}.hero-image{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.orange-rule{left:53%;width:4px;transform:skew(-6deg)}.hero-image strong{font-size:5vw}
.strength{padding:100px 6vw}.intro{grid-template-columns:1fr 1fr;gap:24px 50px;align-items:center}.intro>p{grid-column:1/-1;font-size:12px}.intro h2{font-size:clamp(31px,3vw,45px);line-height:1.6;letter-spacing:0}.intro>span{font-size:16px;padding:0;line-height:2}
.cards{gap:24px;align-items:start}.cards article{transform:none;border-top:3px solid #ef683b}.cards article:nth-child(2){margin-top:36px}.cards article:nth-child(3){margin-top:72px}.cards article div{transform:none;padding:28px}.cards img{height:auto;aspect-ratio:1.4;object-fit:cover}.cards b{font-size:28px}.cards h3{font-size:24px}.cards p{font-size:16px;line-height:1.9}
.process{grid-template-columns:1fr 1fr;padding:100px 6vw;gap:5vw}.process h2{font-size:clamp(29px,2.8vw,42px);line-height:1.65;letter-spacing:0}.process>div>p{font-size:12px}.process b{font-size:29px}.process li{align-items:center;padding:28px 0}.process span{font-size:21px}.process small{font-size:15px;color:#bed0db}
.contact{padding:100px 24px}.contact h2{font-size:clamp(29px,3vw,44px);line-height:1.6}.contact>p{font-size:12px}.contact a{font-size:17px;border-radius:4px}footer p{font-size:12px}
@media(max-width:1000px){.hero h1{font-size:42px}.hero-copy>p br{display:none}.intro{grid-template-columns:1fr}.cards{gap:15px}.cards article div{padding:20px}.cards h3{font-size:20px}.cards p{font-size:14px}.process{grid-template-columns:1fr}.process h2{font-size:36px}}
@media(max-width:760px){header{height:78px}.logo{font-size:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 24px 42px}.hero h1{font-size:42px;line-height:1.45}.hero-copy>p:not(.tag){font-size:15px}.hero-image{height:350px;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%)}.hero-image strong{font-size:52px}.orange-rule{display:none}.strength{padding:65px 22px}.intro{gap:18px;margin-bottom:30px}.intro h2{font-size:32px}.intro>span{font-size:15px}.cards{grid-template-columns:1fr;gap:22px}.cards article:nth-child(2),.cards article:nth-child(3){margin:0}.cards article div{padding:26px}.cards h3{font-size:24px}.cards p{font-size:15px}.cards img{aspect-ratio:1.5}.process{padding:65px 24px;gap:25px}.process h2{font-size:28px}.process span{font-size:20px}.process b{font-size:27px}.contact{padding:70px 22px}.contact h2{font-size:27px;margin:20px 0}}