:root{--navy:#082650;--blue:#0878d8;--light:#edf8ff;--yellow:#f6bc17;--text:#17314e;--line:#d7e7f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e7eef4}.header-inner{height:76px;max-width:1320px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px}.brand img{width:150px;height:58px;object-fit:contain}.header-nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}.header-nav a:hover{color:var(--blue)}.header-contact{background:var(--blue);color:white;padding:14px 22px;border-radius:30px;font-weight:700;box-shadow:0 5px 18px #0878d833}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{position:relative;max-width:1672px;margin:auto;background:#eaf7ff}.hero>img{width:100%;height:auto}.hero-hotspot{position:absolute;left:7.2%;top:72.1%;width:22%;height:10%;border-radius:4px}.section{padding:66px 0}.section-head{display:flex;align-items:flex-end;gap:50px;margin-bottom:28px}.section-head span,.reason-title span,.company-info>span,.faq span{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--blue)}h2{margin:4px 0 0;font-family:Georgia,"Yu Mincho",serif;color:var(--navy);font-size:36px}h3{margin:0;color:var(--navy)}p{line-height:1.75}.section-head>p{margin:0 0 6px;color:#5f7185;font-size:14px}.service{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0a4b7c10;overflow:hidden}.service-grid img{width:100%;aspect-ratio:16/8.7;object-fit:cover}.card-text{display:flex;gap:18px;padding:18px 20px 22px}.card-text>b{font-family:Georgia,serif;font-size:34px;color:var(--blue)}.card-text h3{font-size:19px}.card-text p{font-size:13px;margin:7px 0 0;color:#42566b}.reason{padding:54px 0 58px;background:linear-gradient(180deg,#f5fbff,#e8f6ff 60%,#fff);border-top:1px solid #e2f1fb;border-bottom:1px solid #e2f1fb}.reason-title{text-align:center}.reason-title p{margin:6px 0 26px}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;text-align:center}.icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:30px;margin:0 auto 14px}.reason-grid h3{font-size:20px}.reason-grid p{font-size:13px;color:#495f73;margin:8px 0}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.flow-grid article{border-left:1px solid var(--line);padding-left:12px}.flow-grid img{width:100%;aspect-ratio:16/8.5;object-fit:cover;margin-bottom:12px}.flow-grid b{color:var(--blue);font-size:22px}.flow-grid h3{font-size:15px;margin:2px 0}.flow-grid p{font-size:12px;margin:4px 0;color:#617388}.works{background:#f8fcff}.works-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.works-grid img{width:100%;aspect-ratio:16/8.7;object-fit:cover}.works-grid h3{font-size:15px;margin-top:8px}.works-grid p{font-size:12px;color:#64788b;margin:2px 0}.company{display:grid;grid-template-columns:1fr 1fr;min-height:470px}.company-info{padding:60px max(5vw,40px) 50px;background:#fff}.company-info table{border-collapse:collapse;width:100%;margin-top:20px;font-size:14px}.company-info th,.company-info td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:top}.company-info th{width:24%;text-align:left;color:#65788b}.company-info a{color:var(--blue);font-weight:700}.company-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0b315a,#0c65a9)}.company-visual:before{content:"";position:absolute;inset:0;background:url('../images/scene-5.jpg') center/cover;opacity:.23}.company-visual img{position:relative;width:250px;background:white;border-radius:12px;padding:12px}.company-visual p{position:relative;color:#fff;font-family:Georgia,"Yu Mincho",serif;font-size:26px;margin-left:30px}.faq{padding:55px 0}.faq-grid{display:grid;grid-template-columns:.85fr 1.5fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;padding:17px 2px;border:0;background:none;text-align:left;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;cursor:pointer}.faq-item i{font-style:normal;font-size:22px}.answer{max-height:0;overflow:hidden;color:#5e7287;font-size:14px;line-height:1.7;transition:max-height .25s ease,padding .25s ease}.faq-item.open .answer{max-height:120px;padding:0 0 16px}.faq-item.open i{transform:rotate(45deg)}.contact{padding:50px 0;background:linear-gradient(90deg,#06264a,#0c5b96);color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{color:#fff;font-size:35px}.contact p{margin-bottom:0}.phone{min-width:340px;background:#fff;color:var(--navy);border-radius:8px;padding:18px 28px;text-align:center;box-shadow:0 8px 25px #001b3344}.phone small{display:block;font-size:12px}.phone strong{font-size:30px}.footer-inner{min-height:92px;display:flex;align-items:center;gap:30px}.footer-inner img{width:135px;height:60px;object-fit:contain}.footer-inner nav{display:flex;gap:20px;font-size:12px;font-weight:700;margin-left:auto}.footer-inner small{font-size:11px;color:#718298}.header-contact:hover,.phone:hover{transform:translateY(-1px)}
@media(max-width:900px){.header-inner{height:66px;padding:0 16px}.brand img{width:120px}.menu-btn{display:block;margin-left:auto}.header-nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:16px;flex-direction:column;gap:0;border-top:1px solid #eee;box-shadow:0 12px 22px #10263c18}.header-nav.open{display:flex}.header-nav a{padding:13px 6px;border-bottom:1px solid #edf2f5}.header-contact{padding:10px 14px;font-size:12px}.wrap{padding:0 18px}.hero-hotspot{left:6%;top:71%;width:30%;height:13%}.section{padding:46px 0}.section-head{display:block}.section-head>p{margin-top:8px}.service-grid{grid-template-columns:1fr}.reason-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.flow-grid{grid-template-columns:1fr 1fr}.works-grid{grid-template-columns:1fr 1fr}.company{grid-template-columns:1fr}.company-visual{min-height:330px}.faq-grid{grid-template-columns:1fr;gap:25px}.contact-inner{display:block}.phone{display:block;min-width:0;margin-top:26px}.footer-inner{padding:18px;display:block}.footer-inner nav{flex-wrap:wrap;margin:8px 0 12px}}
@media(max-width:520px){h2{font-size:29px}.hero{overflow:hidden}.hero>img{width:160%;max-width:none;transform:translateX(-16%)}.hero-hotspot{left:4%;top:70%;width:42%;height:15%}.header-contact{display:none}.reason-grid,.flow-grid,.works-grid{grid-template-columns:1fr}.flow-grid article{display:grid;grid-template-columns:110px 45px 1fr;column-gap:12px;align-items:start}.flow-grid img{grid-row:1/4}.flow-grid p{grid-column:3}.company-info{padding:42px 18px}.company-visual{flex-direction:column;gap:5px}.company-visual p{margin:12px 0 0}.phone strong{font-size:25px}}