/* contact / thanks (lp-ip) */
:root{
  --ink:#1c1a33;
  --navy:#241f5c;
  --bg-navy:#17143d;
  --purple:#4f44a8;
  --periwinkle:#8095d6;
  --grad:linear-gradient(115deg,#43398a 0%,#6f86cc 100%);
  --muted:#615e7d;
  --line:#e7e6f3;
  --bg:#ffffff;
  --lav:#f1f1fb;
  --error:#b91c1c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}
svg{display:block}

.btn{
  display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;font-weight:700;
  padding:16px 38px;border-radius:999px;font-size:16.5px;letter-spacing:.02em;
  box-shadow:0 14px 32px rgba(45,38,110,.28);transition:transform .18s,box-shadow .18s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(45,38,110,.4)}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;border:1.5px solid #cfcbe8;color:var(--purple);font-weight:700;
  padding:14px 28px;border-radius:999px;font-size:15px;transition:border-color .18s,background .18s;background:#fff;
}
.btn-outline:hover{background:#faf9ff;border-color:var(--purple)}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{max-width:1160px;margin:0 auto;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center}
.logo img{height:20px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;color:var(--navy)}
.nav-links a:hover{color:var(--purple)}
.nav-cta{font-size:13.5px;font-weight:700;background:var(--grad);color:#fff;padding:10px 24px;border-radius:999px;box-shadow:0 6px 16px rgba(67,57,138,.22);-webkit-tap-highlight-color:transparent;transition:opacity .15s}
.nav-links a.nav-cta,.nav-links a.nav-cta:hover,.nav-links a.nav-cta:focus,.nav-links a.nav-cta:active,.nav-links a.nav-cta:visited{color:#fff;background:var(--grad)}
.nav-links a.nav-cta:hover{box-shadow:0 12px 26px rgba(67,57,138,.42);transform:translateY(-1px)}
@media(max-width:880px){.nav-links{display:none}}

/* Footer */
footer{background:#0d0d0d;color:#e6e6ea;padding:56px 0 26px;font-size:13px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand .flogo{display:inline-block;margin-bottom:14px}
.footer-brand .flogo img{height:24px;width:auto;display:block}
.footer-brand p{font-size:12.5px;color:#c8c8cf;line-height:1.9}
.footer-brand .fbadges{display:inline-flex;gap:14px;align-items:center;margin-top:18px;background:#fff;border-radius:8px;padding:9px 14px}
.footer-brand .fbadges img{height:42px;width:auto;display:block}
.fcol h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:15px;letter-spacing:.04em}
.fcol ul{list-style:none;display:grid;gap:11px}
.fcol a{color:#d7d7dd;font-size:13px}
.fcol a:hover{color:#fff}
.footer-bottom{text-align:center;padding-top:22px;font-size:12px;color:#fff}
@media(max-width:760px){.footer-top{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}}
@media(max-width:420px){.footer-brand .fbadges{max-width:100%;gap:8px;padding:8px 10px}.footer-brand .fbadges img{height:34px;min-width:0}}

/* Title band */
.page-title{background:linear-gradient(165deg,#f6f6fe 0%,#e8e9f9 100%);border-bottom:1px solid var(--line);padding:56px 0;text-align:center}
.page-title h1{font-size:33px;line-height:1.5;letter-spacing:.01em;font-weight:800;color:var(--navy)}
@media(max-width:680px){.page-title{padding:40px 0}.page-title h1{font-size:25px}}

/* PC-only line break */
.u-md{display:inline}
@media(max-width:680px){.u-md{display:none}}

.l-inner{max-width:800px;margin:0 auto;padding:0 28px}

/* contact */
.p-contact{padding:72px 0 96px;background:#fff}
@media(max-width:680px){.p-contact{padding:48px 0 64px}}
.p-contact__intro{margin-bottom:24px}
.p-contact__intro-txt{line-height:1.8}
.p-contact__intro-txt a,.p-contact__intro-notes-item a,.p-contact__fallback a{color:var(--purple);text-decoration:underline;transition:opacity .18s}
.p-contact__intro-txt a:hover,.p-contact__intro-notes-item a:hover{opacity:.7}
.p-contact__intro-notes{display:grid;gap:8px;margin-top:16px;list-style:none}
.p-contact__intro-notes-item{font-size:14px;line-height:1.8;color:var(--muted)}
.p-contact__form-wrapper{margin-top:24px}
.p-contact__fallback{padding:16px;font-size:14px;color:var(--ink);text-align:center;background:var(--lav);border-radius:8px;margin-top:16px}
.p-contact__fallback[hidden]{display:none}

/* HubSpot form (css:"" -> all styling here) */
.p-contact__form{min-height:560px;padding:32px;background:#faf9ff;border:1px solid var(--line);border-radius:16px}
@media(max-width:680px){.p-contact__form{min-height:720px;padding:24px 16px}}
.p-contact__form .hs-form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:680px){.p-contact__form .hs-form{grid-template-columns:1fr;gap:20px}}
.p-contact__form .hs-form>div{grid-column:1/-1}
.p-contact__form .hs-form .hs_lastname,.p-contact__form .hs-form .hs_firstname{grid-column:span 1}
@media(max-width:680px){.p-contact__form .hs-form .hs_lastname,.p-contact__form .hs-form .hs_firstname{grid-column:1/-1}}
.p-contact__form .hs-form>div:has(>.hs-richtext){display:none}
.p-contact__form .hs-form-field>label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--navy)}
.p-contact__form .hs-form-required{font-size:0}
.p-contact__form .hs-form-required::after{display:inline-block;padding:.15em .6em;font-size:11px;font-weight:700;line-height:1.5;color:#fff;content:"必須";background:var(--purple);border-radius:4px}
.p-contact__form .hs-input:is(input[type=text],input[type=email],input[type=tel]){width:100%;min-height:48px!important;padding:12px 16px!important;font-family:inherit;font-size:max(15px,16px);line-height:1.6;color:var(--ink);background:#fff;border:1px solid #cfcbe8;border-radius:6px;transition:border-color .18s}
.p-contact__form .hs-input:is(input[type=text],input[type=email],input[type=tel]):focus-visible{border-color:var(--purple);outline:none}
.p-contact__form .hs-input:is(input[type=text],input[type=email],input[type=tel]).invalid.error{border-color:var(--error)}
.p-contact__form .inputs-list.multi-container{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.p-contact__form .hs-form-radio{display:block}
.p-contact__form .hs-form-radio-display{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--ink);cursor:pointer}
.p-contact__form .hs-form-radio-display span{text-wrap:balance}
.p-contact__form .hs-form-radio-display input[type=radio]{display:inline-block;flex-shrink:0;width:18px;height:18px;margin-top:3px;appearance:auto;accent-color:var(--purple)}
.p-contact__form .hs-form-radio-display input[type=radio]:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.p-contact__form .hs-form textarea.hs-input{width:100%;min-height:160px;padding:12px 16px;font-family:inherit;font-size:max(15px,16px);line-height:1.6;color:var(--ink);resize:vertical;background:#fff;border:1px solid #cfcbe8;border-radius:6px;transition:border-color .18s}
.p-contact__form .hs-form textarea.hs-input:focus-visible{border-color:var(--purple);outline:none}
.p-contact__form .hs-form textarea.hs-input.invalid.error{border-color:var(--error)}
.p-contact__form .hs_submit .actions{display:flex;justify-content:center;margin-top:8px}
.p-contact__form .hs_submit input[type=submit]{font-family:inherit;appearance:none;border:none;cursor:pointer}
.p-contact__form .hs_submit input[type=submit]:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.p-contact__form .hs-error-msgs{padding:0;margin:8px 0 0;list-style:none}
.p-contact__form .hs-error-msg,.p-contact__form .hs_error_rollup label{font-size:13px;color:var(--error)}
.p-contact__form .hs_error_rollup .hs-error-msgs{margin:0}
.p-contact__form .hs_error_rollup+.hs_submit .actions{margin-top:0}

/* thanks */
.p-thanks{padding:72px 0 96px;background:#fff}
@media(max-width:680px){.p-thanks{padding:48px 0 64px}}
.p-thanks .l-inner{text-align:center}
.p-thanks__txt{line-height:1.8}
.p-thanks__txt+.p-thanks__txt{margin-top:24px}
.p-thanks__btn{margin:32px auto 0}