*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#073b70;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;background:#fff}a{color:inherit}img{max-width:100%;display:block}.site-header{background:#fff;box-shadow:0 1px 12px #0c4b7a1a}.head-inner{max-width:1100px;margin:auto;min-height:70px;display:flex;align-items:center;gap:26px;padding:8px 20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand strong{font-size:25px;display:block;line-height:1.1}.brand small{font-size:10px;display:block}.mark{background:linear-gradient(160deg,#6ad6f4,#03529e);color:white;border-radius:50%;font-size:32px;width:42px;height:42px;text-align:center;line-height:38px}.head-inner nav{display:flex;gap:19px;align-items:center;margin-left:auto}.head-inner nav a{font:700 12px sans-serif;text-decoration:none;white-space:nowrap}.head-inner nav a.active{border-bottom:2px solid #0072c8;padding-bottom:6px}.nav-contact{font:700 12px sans-serif;background:#00529e;color:white;padding:13px 16px;border-radius:30px;text-decoration:none;white-space:nowrap}.hero{position:relative;max-width:1100px;margin:auto}.hero img{width:100%}.crumb{position:absolute;top:6px;left:20px;font:12px sans-serif;background:#ffffffdb;border-radius:20px;padding:7px 12px}.section{max-width:1050px;margin:0 auto;padding:24px 20px 28px;text-align:center}.section h1,.section>h2{font-size:30px;margin:0 0 10px}.intro{font-size:14px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #16426a20;position:relative;padding-bottom:45px;background:linear-gradient(#fff,#fff5f7);min-height:270px}.card img{width:100%;height:110px;object-fit:cover}.card-icon{margin:-22px auto 0;position:relative;border-radius:50%;background:#fff;width:52px;height:52px;display:grid;place-items:center;font:30px sans-serif;box-shadow:0 2px 7px #1235}.card h2{font-size:21px;margin:4px 8px 8px}.card p{font-size:14px;line-height:1.7;margin:0 10px}.card>a{position:absolute;right:12px;bottom:12px;border:1px solid currentColor;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:20px sans-serif}.pink{color:#df5682;background:#fff8fa}.amber{color:#d8981d;background:#fffaf1}.green{color:#159e7a;background:#f3fff8}.blue{color:#168be0;background:#f1f9ff}.card h2,.card p{color:#073b70}.ai{max-width:1050px;margin:0 auto 8px;background:#eaf7ff;border-radius:14px;display:flex;align-items:center;gap:20px;min-height:165px;overflow:hidden;padding-right:20px}.ai img{width:220px;height:165px;object-fit:cover;object-position:center top}.ai h2{font-size:27px;margin:4px 0}.ai p{font-size:14px;line-height:1.7;margin:0}.eyebrow{font-weight:700}.soon{margin-left:auto;background:#07549e;color:#fff;border-radius:40px;padding:15px 20px;white-space:nowrap;font:700 13px sans-serif}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid article{border-radius:10px;overflow:hidden;box-shadow:0 2px 9px #16426a20;text-align:left;padding-bottom:12px}.service-grid img{width:100%;height:104px;object-fit:cover}.service-grid h3{font-size:16px;margin:12px 10px 3px}.service-grid p{font-size:12px;margin:0 10px}.fine{font:12px sans-serif;color:#586e82}.contact{max-width:1100px;margin:auto;min-height:240px;background:linear-gradient(90deg,#fff9, #fff5),url('sunset.webp') center/cover;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 6%}.contact h2{font-size:27px;margin:0 0 10px}.contact p{line-height:1.7}.privacy{font:12px sans-serif}.contact-actions{display:grid;gap:10px;min-width:250px}.contact-actions a{display:block;background:#00549d;color:white;text-align:center;border-radius:35px;padding:14px;text-decoration:none;font:700 14px sans-serif}.contact-actions a+a{background:#fff;color:#00549d;border:1px solid #00549d}footer{background:#063d72;color:#fff;text-align:center;padding:28px 15px;font-size:14px}footer a{color:white}footer p{font-size:12px}@media(max-width:850px){.head-inner nav{display:none}.nav-contact{margin-left:auto}.cards,.service-grid{grid-template-columns:repeat(2,1fr)}.ai{margin:0 15px}.ai img{width:150px}.soon{font-size:11px}.hero img{min-height:240px;object-fit:cover}}@media(max-width:560px){.head-inner{gap:8px}.brand strong{font-size:17px}.nav-contact{font-size:10px;padding:10px}.section h1,.section>h2{font-size:23px}.cards,.service-grid{gap:10px}.card h2{font-size:17px}.card p{font-size:12px}.card img{height:90px}.ai{display:block;text-align:center;padding:10px}.ai img{margin:auto;width:130px;height:110px;border-radius:12px}.ai h2{font-size:21px}.soon{display:inline-block;margin:10px}.contact{display:block;text-align:center}.contact-actions{margin-top:18px}.hero img{min-height:180px}.crumb{font-size:10px}}
/* 相談フォーム導線・誤掲載サービス削除後の構成 */
.card{padding-bottom:52px}.card .card-link{position:absolute;right:12px;bottom:12px;width:auto;height:auto;padding:7px 12px;border-radius:24px;font:700 12px sans-serif;background:#fff}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}.support-grid>div{padding:18px;border:1px solid #d9eaf7;border-radius:14px;background:#f6fbff}.support-grid span{font:700 22px sans-serif;color:#168bcd}.support-grid h3{font-size:18px;margin:8px 0}.support-grid p{font-size:13px;line-height:1.7;margin:0}
/* 文字入りの夕暮れ写真は使わない。文字の重複を防ぐ */
.contact{background:linear-gradient(165deg,#e7f5ff 0%,#fff6ed 60%,#f7cda8 100%);border-radius:16px}.contact h2,.contact p{position:relative}
@media(max-width:800px){.support-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.support-grid{grid-template-columns:1fr 1fr}.support-grid>div{padding:12px}.support-grid h3{font-size:15px}.card .card-link{font-size:11px}}