/* TERASU LP additions | layout adaptations for the TERASU content (PC design tokens unchanged) */
.u-spbr{display:none}
@media not screen and (min-width:48em){.u-spbr{display:inline}}
.t-lp-en{display:block;font-family:Outfit,sans-serif;font-weight:900;letter-spacing:.04em;font-size:.55em;line-height:1.2;margin-bottom:.4em;color:#00c2a8}
.t-top-user__title .t-lp-en{font-size:.5em;margin-bottom:.6em}
.t-top-introduction__copy .t-lp-en{font-size:calc(18em/var(--t-em));margin-bottom:.8em}
.t-lp-closing{--t-em:24;font-weight:700;line-height:calc(40/var(--t-em));text-align:center;margin:calc(60em/var(--t-em)) 0 calc(40em/var(--t-em))}
.t-lp-list{display:grid;gap:.6em;padding:0;margin:0;list-style:none}
.t-lp-list li{position:relative;padding-left:1.4em;font-weight:700}
.t-lp-list li:before{content:"";position:absolute;left:0;top:.45em;width:.7em;height:.7em;border-radius:50%;background:#000}
.t-lp-badge{display:inline-block;margin-left:.6em;padding:.15em .8em;border-radius:999px;background:#00c2a8;color:#000;font-size:.5em;vertical-align:middle;font-weight:700}
.t-lp-req{display:inline-block;margin-left:.6em;padding:.1em .6em;border-radius:999px;background:#000;color:#fff;font-size:.72em;font-weight:700}
.t-lp-cta__copy{--t-em:44;line-height:1.5;text-align:center}
.t-lp-cta__btn{justify-content:center;margin-bottom:calc(40em/var(--t-em))}
.t-lp-contact__title{--t-em:40;font-weight:700;text-align:center;margin-bottom:calc(40em/var(--t-em))}
.t-lp-contact__title .En{display:block;font-family:Outfit,sans-serif;font-weight:900;font-size:1.6em;line-height:1.1;margin-bottom:.3em}
.t-lp-contact__title .Jp{display:block;font-size:.55em}
.t-top-contact__after{text-align:center;margin-top:1.5em;font-weight:700}
.t-lp-compare td.Is-terasu{background:rgba(0,194,168,.12);font-weight:700}
.t-lp-fit .t-top-plan-detail__title .title{font-size:.8em}
/* 7 steps */
.t-lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:calc(14em/var(--t-em))}
.t-lp-steps li{display:grid;grid-template-columns:calc(120em/var(--t-em)) 1fr;gap:calc(20em/var(--t-em));align-items:stretch;position:relative}
.t-lp-step__no{--t-em:16;font-family:Outfit,sans-serif;font-weight:900;display:grid;place-items:center;background:#000;color:#fff;border-radius:999px;padding:.6em 0}
.t-lp-step__box{border:1px solid #e0e0e0;border-radius:calc(16em/var(--t-em));padding:calc(22em/var(--t-em)) calc(28em/var(--t-em));display:grid;gap:.3em}
.t-lp-step__box b{--t-em:22;font-weight:700}
@media (min-width:48em){
  .t-lp-three{grid-template-columns:repeat(3,calc(314em/var(--t-em)))!important}
  .t-lp-four{grid-template-columns:repeat(4,calc(232em/var(--t-em)))!important}
  .t-lp-two li{width:50%}
  .t-lp-steps{grid-template-columns:repeat(7,1fr);gap:calc(12em/var(--t-em))}
  .t-lp-steps li{grid-template-columns:1fr;gap:calc(12em/var(--t-em))}
  .t-lp-steps li:not(:last-child):after{content:"";position:absolute;right:calc(-9em/var(--t-em));top:calc(70em/var(--t-em));width:calc(6em/var(--t-em));height:calc(6em/var(--t-em));border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg)}
  .t-lp-step__box{padding:calc(18em/var(--t-em)) calc(16em/var(--t-em))}
}

@media (min-width:48em){
  .t-top-hero__copy{--t-em:40!important;--t-let:0.02em!important;line-height:calc(60/var(--t-em))!important;white-space:nowrap}
  .t-lp-steps{grid-template-columns:repeat(4,1fr)}
  .t-lp-steps li:nth-child(4):after{display:none}
}
.t-ui-header__logo img{width:calc(236em/var(--t-em));height:auto}

.t-lp-cta__copy{--t-em:48;font-weight:700;line-height:calc(68/var(--t-em));text-align:center;margin-bottom:calc(24em/var(--t-em))}
.t-lp-cta__lead{--t-em:20;font-weight:700;line-height:calc(36/var(--t-em));text-align:center;margin-bottom:calc(36em/var(--t-em))}
.t-lp-cta .t-top-download__logo{margin-bottom:calc(36em/var(--t-em))}
.t-lp-cta .t-top-hero__btn{display:flex;gap:calc(16em/var(--t-em));justify-content:center;flex-wrap:wrap;margin-bottom:calc(48em/var(--t-em))}
/* support labels */
.t-top-support .t-top-rule__unit:before{content:"SUPPORT " counter(i)!important}
/* final cta sizing */
.t-lp-cta__copy{--t-em:40!important;line-height:calc(60/var(--t-em))!important}
.t-lp-cta__lead{--t-em:18!important}
.t-lp-cta .t-top-download__logo{width:calc(240em/var(--t-em))!important}

@media not screen and (min-width:48em){
  .t-top-hero__copy{--t-em:30!important;--t-let:0.02em!important;white-space:nowrap}
  .t-lp-cta__copy{--t-em:30!important}
}

/* ---- header: 1 row (logo / nav / buttons) ---- */
@media (min-width:48em){
  .t-lp-header{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:calc(28em/var(--t-em))!important;padding-top:calc(14em/var(--t-em))!important;padding-bottom:calc(14em/var(--t-em))!important;min-height:0!important}
  .t-lp-header .t-ui-header__nav{position:static!important;justify-self:center;transform:none!important;translate:0 0!important;margin:0!important;padding:0!important}
  .t-lp-header .t-ui-nav__list{display:flex!important;gap:calc(22em/var(--t-em))!important;flex-wrap:nowrap}
  .t-lp-header .t-ui-header__btn{display:flex!important;gap:calc(10em/var(--t-em))!important;margin:0!important;justify-self:end}
  .t-lp-header .t-ui-header__btn .t-ui-btn{--t-em:14;padding-top:calc(10em/var(--t-em))!important;padding-bottom:calc(10em/var(--t-em))!important}
  .t-lp-header .t-ui-header__logo{margin:0!important}
}
/* ---- works marquee variants (hub-injected) ---- */
.t-lp-wmA .t-top-ticker li{border:1px solid #e0e0e0;border-radius:calc(16em/var(--t-em));overflow:hidden;background:#fff;position:relative;padding-top:calc(26em/var(--t-em))}
.t-lp-wmA .t-top-ticker li:before{content:"";position:absolute;left:calc(12em/var(--t-em));top:calc(9em/var(--t-em));width:calc(8em/var(--t-em));height:calc(8em/var(--t-em));border-radius:50%;background:#00c2a8;box-shadow:calc(14em/var(--t-em)) 0 0 #e0e0e0,calc(28em/var(--t-em)) 0 0 #e0e0e0}
.t-lp-wmA .t-top-ticker li img{display:block;width:100%;height:auto}
.t-lp-wm{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}
.t-lp-wm__row{display:flex;width:max-content;gap:calc(20em/var(--t-em));padding:calc(10em/var(--t-em)) 0;animation:t-lp-marquee var(--t-lp-dur,90s) linear infinite}
.t-lp-wm__row.is-rev{animation-direction:reverse}
.t-lp-wm__row:hover{animation-play-state:paused}
@keyframes t-lp-marquee{to{transform:translateX(-50%)}}
.t-lp-wm__item{flex:0 0 auto;border-radius:calc(14em/var(--t-em));overflow:hidden;border:1px solid #e0e0e0;background:#fff}
.t-lp-wm__item img{display:block;width:auto;height:calc(210em/var(--t-em))}
.t-lp-wmB .t-lp-wm__row.is-rev .t-lp-wm__item img{height:calc(150em/var(--t-em))}
.t-lp-wmB .t-lp-wm__item:hover{border-color:#00c2a8;box-shadow:0 0 0 2px #00c2a8 inset}
/* C: PC + SP strip pair (TERASU HP grammar) */
.t-lp-wmC{background:#f8f8f8;padding:calc(30em/var(--t-em)) 0}
.t-lp-wmC .t-lp-wm__pair{display:flex;gap:calc(10em/var(--t-em));align-items:flex-end;flex:0 0 auto}
.t-lp-wmC .t-lp-wm__pc{width:calc(360em/var(--t-em));border-radius:calc(12em/var(--t-em));overflow:hidden;border:1px solid #e0e0e0;background:#fff}
.t-lp-wmC .t-lp-wm__pc img{display:block;width:100%;height:auto}
.t-lp-wmC .t-lp-wm__sp{width:calc(96em/var(--t-em));height:calc(212em/var(--t-em));border-radius:calc(14em/var(--t-em));overflow:hidden;border:2px solid #000;background:#fff}
.t-lp-wmC .t-lp-wm__sp img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
/* D: photo band + pill catch (Lab: scroll-marquee) */
.t-lp-wmD{position:relative}
.t-lp-wmD .t-lp-wm__item{border:0;border-radius:0}
.t-lp-wmD .t-lp-wm__item img{height:calc(260em/var(--t-em));filter:saturate(.9)}
.t-lp-wmD .t-lp-wm__pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #000;border-radius:999px;padding:calc(18em/var(--t-em)) calc(40em/var(--t-em));font-weight:700;--t-em:26;white-space:nowrap;box-shadow:0 calc(8em/var(--t-em)) 0 #00c2a8}
.t-lp-wmD .t-lp-wm__pill small{display:block;--t-em:13;font-family:Outfit,sans-serif;font-weight:900;color:#00c2a8;letter-spacing:.1em;text-align:center}
/* variants: release the fixed ticker box */
.t-top-user__ticker.t-lp-wmA{height:auto!important;--t-h:150em}
.t-top-user__ticker.t-lp-wmA .t-top-ticker li{margin-right:calc(16em/var(--t-em))}
.t-top-user__ticker.t-lp-wmA .t-top-ticker li img{width:auto;height:calc(var(--t-h)/var(--t-em))}
.t-top-user__ticker.t-lp-wmB,.t-top-user__ticker.t-lp-wmC,.t-top-user__ticker.t-lp-wmD,.t-top-user__ticker.t-lp-wmqE,.t-top-case__ticker.t-lp-wmqE{display:block!important;height:auto!important;overflow:visible!important}
.t-lp-wmC .t-lp-wm{background:#f8f8f8;padding:calc(24em/var(--t-em)) 0}
@media (min-width:48em){
  .t-lp-header{padding-top:calc(10em/var(--t-em))!important;padding-bottom:calc(10em/var(--t-em))!important}
}

@media (min-width:48em){.t-lp-header{height:auto!important;min-height:0!important;max-height:none!important}.t-lp-header .t-ui-header__btn .t-ui-btn{padding-top:calc(8em/var(--t-em))!important;padding-bottom:calc(8em/var(--t-em))!important}}

.t-lp-sec-ill{width:min(100%,calc(980em/var(--t-em)));margin:0 auto calc(70em/var(--t-em))}
.t-lp-sec-ill img{display:block;width:100%;height:auto}
.t-top-fit .t-lp-sec-ill{margin-bottom:calc(50em/var(--t-em))}
/* header: single row for real */
@media (min-width:48em){
  .t-lp-header{grid-template-rows:auto!important;gap:0 calc(32em/var(--t-em))!important;padding-top:calc(16em/var(--t-em))!important;padding-bottom:calc(16em/var(--t-em))!important}
  .t-lp-header>*{grid-row:auto!important;align-self:center!important}
  .t-lp-header .t-ui-header__logo{translate:0 0!important;display:flex;align-items:center}
  .t-lp-header .t-ui-header__nav,.t-lp-header .t-ui-nav__list{align-self:center!important}
  .t-lp-header .t-ui-header__btn{align-self:center!important}
  .t-lp-header .t-ui-btn{grid-template-columns:auto max-content!important;width:max-content!important;min-width:0!important;white-space:nowrap}
  .t-lp-header .t-ui-btn .h{width:max-content!important;min-width:max-content!important;flex:none!important;overflow:hidden!important}
  .t-lp-header .t-ui-btn .f{width:auto!important;flex:none}
}

/* FV copy: as large as the base (2 lines), illustration narrower */
@media (min-width:48em){
  .t-top-hero__inner{grid-template-columns:max-content minmax(0,calc(560em/var(--t-em)))!important;column-gap:calc(40em/var(--t-em));align-items:center!important;width:min(calc(100% + 260em/var(--t-em)),calc(100vw - 48px));margin-left:50%;translate:-50% 0;justify-content:center!important}
  .t-top-hero{overflow:hidden}
  .t-top-hero__illust{width:100%!important;max-width:calc(560em/var(--t-em));justify-self:start!important;margin-right:0!important}
  .t-top-hero__copy{--t-em:64!important;--t-let:0.02em!important;line-height:calc(88/var(--t-em))!important;white-space:nowrap}
  .t-top-hero__illust .A,.t-top-hero__illust .B{visibility:hidden}
}

.t-lp-price2{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .25em}
.t-lp-price2__item{display:inline-flex;align-items:baseline}
.t-lp-price2__plus{font-weight:700;--t-em:28;margin:0 .1em}

/* ISSUE: interactive map on the illustration */
.t-lp-issue-map{position:relative;width:min(calc(100% + 300em/var(--t-em)),calc(100vw - 48px));margin:0 0 calc(40em/var(--t-em) ) 50%;translate:-50% 0}
.t-lp-issue-map img{display:block;width:100%;height:auto}
.t-lp-spot{position:absolute;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:box-shadow .25s}
.t-lp-spot:hover{box-shadow:none}
.t-lp-spot__ans{position:absolute;inset:4%;display:grid;place-content:center;padding:6% 8%;background:transparent;color:#fff;font-weight:700;text-shadow:0 0 3px #000,0 0 6px #000,0 0 10px #000,0 0 14px #000;--t-em:15;line-height:1.7;text-align:left;opacity:0;scale:.9;transition:opacity .28s,scale .28s;pointer-events:none}
.t-lp-spot__ans small{display:block;--t-em:12;font-family:Outfit,sans-serif;font-weight:900;letter-spacing:.08em;color:#00c2a8;margin-bottom:.4em}
.t-lp-spot.is-open .t-lp-spot__ans{opacity:1;scale:1}
.t-lp-spot.is-open{box-shadow:none}
.t-lp-issue-map img{transition:opacity .2s}
/* campaign fixed banner (4:3 card) */
.t-ui-footer-fix__inner img{display:block;width:100%;height:auto}
/* 閉じるボタン＝画像に描かれた×の真上に透明で重ねる（二重表示防止） */
.t-ui-footer-fix{position:fixed}
.t-ui-footer-fix__close{left:auto;right:0;top:0;width:100%;height:100%;background:transparent;box-shadow:none;pointer-events:none}
.t-ui-footer-fix__close:before,.t-ui-footer-fix__close:after{display:none}
.t-ui-footer-fix__close{display:block}
.t-ui-footer-fix__close{width:8.6%;height:12%;left:90.8%;top:.6%;right:auto;pointer-events:auto;cursor:pointer;border-radius:50%}
@media (min-width:48em){.t-ui-footer-fix__close{width:calc(280em/var(--t-em)*.086);height:calc(280em/var(--t-em)*.086);left:auto;right:calc(280em/var(--t-em)*.006);top:calc(280em/var(--t-em)*.006)}}
@media not screen and (min-width:48em){
  .t-ui-footer-fix{width:calc(250em/var(--t-em));left:auto;right:calc(12em/var(--t-em));top:auto;bottom:calc(12em/var(--t-em));margin:0}
}
@media (min-width:48em){
  .t-ui-footer-fix{top:auto;bottom:calc(20em/var(--t-em))}
  .t-ui-footer-fix__inner{width:calc(280em/var(--t-em))}
}
@media not screen and (min-width:48em){
  .t-lp-spot__ans{--t-em:10;line-height:1.5;padding:4% 6%}
  .t-lp-spot__ans small{--t-em:9}
}

@media (min-width:48em){
  .t-lp-header{grid-template-columns:auto 1fr auto!important}
  .t-lp-header .t-ui-header__nav{justify-self:end!important;margin-right:calc(8em/var(--t-em))!important}
}

/* text logo (same spec as TERASU HP: Arial bold 52/364, difference blend) */
.t-lp-logo{display:block;width:calc(140em/var(--t-em));color:#fff;mix-blend-mode:difference;line-height:0;translate:0 0!important;position:relative;z-index:98}
.t-lp-logo svg{display:block;width:100%;height:auto}
.t-lp-logo svg text{font-size:52px!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:2px!important;line-height:1}
.t-lp-logo:hover{opacity:.7}
@media not screen and (min-width:48em){.t-lp-logo{width:calc(96em/var(--t-em))}}
/* optional font variant (hub) */
html.t-lp-font-zen body, html.t-lp-font-zen body *:not(.t-ui-qutfit):not(.En):not(.En *):not(.t-lp-en):not(.t-lp-step__no){font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif!important}

.t-top-hero__illust .C img{width:100%;height:auto}

@media (min-width:48em){.t-top-hero__illust .C{margin-top:0!important}.t-top-hero__illust{align-self:center}}

/* ===== works E: TERASU公式HP「制作実績」と同仕様（wmq CSSをそのまま移植・名前空間 t-lp-wmq） ===== */
.t-lp-wmqE{background:#fff;padding:clamp(1.5rem,6vw,60px) 0 clamp(3rem,12vw,120px);width:100vw;margin-left:calc(50% - 50vw)}
/* 白背景用に枠線・影を公式HPの黒背景版から調整（サイズ・余白は同一） */
.t-lp-wmqE .t-lp-wmq__pc{background:#f4f4f4;border:1px solid rgba(0,0,0,.10);box-shadow:0 18px 44px rgba(0,0,0,.14)}
.t-lp-wmqE .t-lp-wmq__sp{background:#f4f4f4;border:2px solid #1a1a1a;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.t-lp-wmq__row{width:100vw;overflow:hidden;padding:12px 0 34px}
.t-lp-wmq__row--top{margin-bottom:clamp(1rem,4vw,28px)}
.t-lp-wmq__track{display:flex;align-items:center;width:max-content;animation:t-lp-wmqL var(--dur,160s) linear infinite;will-change:transform}
.t-lp-wmq__row--top .t-lp-wmq__track{animation-name:t-lp-wmqR}
.t-lp-wmq__pair{position:relative;flex:0 0 auto;--pcw:420px;width:var(--pcw);margin:0 calc(var(--pcw) * .13) 0 calc(var(--pcw) * .07);pointer-events:none}
.t-lp-wmq__pc{width:100%;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#1a1a1a;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 44px rgba(0,0,0,.55)}
.t-lp-wmq__sp{position:absolute;right:calc(var(--pcw) * -.09);bottom:calc(var(--pcw) * -.07);width:calc(var(--pcw) * .27);aspect-ratio:390/844;border-radius:calc(var(--pcw) * .04);overflow:hidden;background:#1a1a1a;border:2px solid #2a2a2a;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.t-lp-wmq__pc img,.t-lp-wmq__sp img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
@keyframes t-lp-wmqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes t-lp-wmqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:735px){.t-lp-wmq__pair{--pcw:62vw}.t-lp-wmq__row{padding:8px 0 22px}}
@media (prefers-reduced-motion:reduce){.t-lp-wmq__track{animation:none}}

/* REASON: 元サイトのISSUEカード形式をそのまま流用（横並び3枚） */
.t-lp-reason-cards .t-top-issue__no:before{content:"REASON " counter(i)}
.t-lp-reason-cards .t-top-issue__img img{width:100%;height:100%;object-fit:contain}
.t-lp-reason-cards .t-top-issue__no{width:calc(96em/var(--t-em))}
.t-lp-reason-cards input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}

/* 比較表: 画像版 */
.t-lp-compare-img{width:100%;margin:0 auto calc(60em/var(--t-em))}
.t-lp-compare-img img{display:block;width:100%;height:auto}
/* 理由カード: 元の :checked ルールは .t-top-issue 配下限定のため .t-top-reason 配下でも効くように複製 */
.t-lp-reason-cards :checked ~ .t-top-issue__inner{opacity:1;visibility:visible}
.t-lp-reason-cards :checked ~ .t-top-issue__plus .Plus:after{rotate:0deg}
.t-lp-reason-cards :checked ~ .t-top-issue__plus{color:#fff}
/* 理由カード: 開いた黒パネル上でも「＋」（＝カード全面）で閉じられるように */
.t-lp-reason-cards .t-top-issue__plus{position:relative;z-index:3;cursor:pointer}
.t-lp-reason-cards .t-top-issue__plus:after{content:"";position:absolute;inset:0}
.t-lp-reason-cards :checked ~ .t-top-issue__plus{color:#fff}
.t-lp-reason-cards :checked ~ .t-top-issue__plus .Plus{background:#fff}
.t-lp-closing--sub{margin-top:calc(-24em/var(--t-em))}
.t-lp-cycle__s1{left:35.71%;top:0.38%;width:29.71%}
.t-lp-cycle__a1{left:64.29%;top:18.29%;width:11.14%}
.t-lp-cycle__s2{left:69.43%;top:29.14%;width:28.29%}
.t-lp-cycle__a2{left:66.00%;top:63.43%;width:13.71%}
.t-lp-cycle__s3{left:35.57%;top:68.00%;width:29.14%}
.t-lp-cycle__a3{left:19.71%;top:62.86%;width:11.57%}
.t-lp-cycle__s4{left:2.14%;top:27.43%;width:29.57%}
.t-lp-cycle__a4{left:25.29%;top:16.57%;width:11.14%}
/* ===== SUPPORT cycle: 分解して順番に出現 ===== */
.t-lp-cycle{position:relative;width:min(100%,calc(1180em/var(--t-em)));aspect-ratio:1400/1050;margin:0 auto calc(60em/var(--t-em))}
.t-lp-cycle__p{position:absolute;display:block;height:auto;opacity:0;translate:0 12px;scale:.92;transition:opacity .5s ease,translate .5s ease,scale .5s ease;transition-delay:calc(var(--i)*.28s)}
.t-lp-cycle.Inview .t-lp-cycle__p{opacity:1;translate:0 0;scale:1}
@media (prefers-reduced-motion:reduce){.t-lp-cycle__p{transition:none;opacity:1}}
/* ===== PLAN: 3列用にカード内グリッドを1列化 ===== */
@media (min-width:48em){
  .t-top-plan-unit{grid-template-columns:1fr!important;padding-left:calc(24em/var(--t-em))!important;padding-right:calc(24em/var(--t-em))!important;justify-items:stretch}
  .t-top-plan-unit>*{grid-column:1!important;min-width:0}
  .t-top-plan-unit__title{justify-self:center!important;text-align:center}
  .t-top-plan-unit__detail{width:100%}
}
/* ===== セクション内CTA: 文字数に合わせた幅 ===== */
.t-ui-section__btn.t-ui-btn,.t-lp-cta__btn .t-ui-btn,.t-lp-camp__btn.t-ui-btn{width:max-content!important;grid-template-columns:auto max-content!important;padding-left:calc(28em/var(--t-em))!important;padding-right:calc(28em/var(--t-em))!important;gap:calc(10em/var(--t-em))}
.t-ui-section__btn.t-ui-btn .h,.t-lp-cta__btn .t-ui-btn .h,.t-lp-camp__btn.t-ui-btn .h{width:max-content!important;min-width:max-content!important;flex:none!important}
.t-ui-section__btn.t-ui-btn .f,.t-lp-cta__btn .t-ui-btn .f,.t-lp-camp__btn.t-ui-btn .f{width:auto!important;padding:0 .6em}
/* ===== FAQ: 5タブ ===== */
input[type=radio][name="faq"]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.t-lp-faq5 .t-top-faq__tab.t-lp-five{display:flex;flex-wrap:wrap;gap:0 calc(6em/var(--t-em))}
.t-lp-faq5 .t-top-faq__tab.t-lp-five li{flex:1 1 auto}
.t-lp-faq5 .t-top-faq__tab.t-lp-five label{display:grid;place-items:center;height:100%;text-align:center;white-space:nowrap;padding:0 calc(14em/var(--t-em))}
.t-lp-faq5 .t-top-faq__panel{display:none}
#t-faq1:checked~.t-top-faq__container .t-top-faq__panel:nth-child(1),#t-faq2:checked~.t-top-faq__container .t-top-faq__panel:nth-child(2),#t-faq3:checked~.t-top-faq__container .t-top-faq__panel:nth-child(3),#t-faq4:checked~.t-top-faq__container .t-top-faq__panel:nth-child(4),#t-faq5:checked~.t-top-faq__container .t-top-faq__panel:nth-child(5){display:block}
#t-faq1:checked~.t-top-faq__tab li:nth-child(1) label,#t-faq2:checked~.t-top-faq__tab li:nth-child(2) label,#t-faq3:checked~.t-top-faq__tab li:nth-child(3) label,#t-faq4:checked~.t-top-faq__tab li:nth-child(4) label,#t-faq5:checked~.t-top-faq__tab li:nth-child(5) label{background:#000;color:#fff}
@media not screen and (min-width:48em){.t-lp-faq5 .t-top-faq__tab.t-lp-five{gap:calc(6em/var(--t-em))}.t-lp-faq5 .t-top-faq__tab.t-lp-five li{flex:1 1 45%}}
/* ===== 資料DLブロック（ベース同構造・TERASU） ===== */
.t-lp-dl .t-top-download__logo{width:calc(240em/var(--t-em))!important;margin-bottom:calc(28em/var(--t-em))}
.t-lp-dl .t-top-download__img .C{margin-top:0!important}
.t-lp-dl .t-top-download__img img{display:block;width:100%;height:auto}
.t-lp-dl .t-top-download__btn{width:max-content!important;padding:0 calc(40em/var(--t-em))!important;grid-template-columns:auto max-content!important}
.t-lp-dl .t-top-download__btn .h{width:max-content!important;flex:none}
/* ===== LAST CTA（別セクション・案L1〜L3・お問い合わせとの距離を確保） ===== */
.t-lp-last{padding:calc(120em/var(--t-em)) 0 calc(140em/var(--t-em));background:#fff}
.t-lp-last__inner{position:relative;display:grid;gap:calc(16em/var(--t-em));justify-items:center;text-align:center;padding:calc(72em/var(--t-em)) calc(40em/var(--t-em));border:2px solid #000;border-radius:calc(24em/var(--t-em));background:#fff;overflow:hidden}
.t-lp-last__en{--t-em:14;letter-spacing:.2em;color:#00c2a8;font-weight:900}
.t-lp-last .t-lp-cta__copy{margin-bottom:0}
.t-lp-last .t-lp-cta__lead{margin-bottom:calc(12em/var(--t-em))}
.t-lp-last .t-lp-cta__btn{margin-bottom:0}
.t-lp-last__img{width:min(60%,calc(520em/var(--t-em)));opacity:.95}
.t-lp-last__img img{display:block;width:100%;height:auto}
/* L2: 黒背景 */
html.t-lp-lastL2 .t-lp-last__inner{background:#000;color:#fff;border-color:#000}
html.t-lp-lastL2 .t-lp-last .t-ui-btn:not(.Alt){background:#fff;color:#000}
html.t-lp-lastL2 .t-lp-last__img{filter:invert(1)}
/* L3: 薄グレー全幅・左テキスト右イラスト */
html.t-lp-lastL3 .t-lp-last{background:#f8f8f8;padding:calc(110em/var(--t-em)) 0 calc(130em/var(--t-em))}
html.t-lp-lastL3 .t-lp-last__inner{border:0;background:transparent;padding:0;grid-template-columns:1.1fr 1fr;justify-items:start;text-align:left;align-items:center;column-gap:calc(48em/var(--t-em))}
html.t-lp-lastL3 .t-lp-last__en,html.t-lp-lastL3 .t-lp-last .t-lp-cta__copy,html.t-lp-lastL3 .t-lp-last .t-lp-cta__lead,html.t-lp-lastL3 .t-lp-last .t-lp-cta__btn{grid-column:1;text-align:left;justify-content:flex-start}
html.t-lp-lastL3 .t-lp-last__img{grid-column:2;grid-row:1/6;width:100%}
@media not screen and (min-width:48em){html.t-lp-lastL3 .t-lp-last__inner{grid-template-columns:1fr}html.t-lp-lastL3 .t-lp-last__img{grid-column:1;grid-row:auto}}
/* ===== キャンペーンCTA（5万円引き）===== */
.t-lp-camp{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:calc(32em/var(--t-em));margin:calc(20em/var(--t-em)) auto calc(100em/var(--t-em));padding:calc(48em/var(--t-em)) calc(56em/var(--t-em));border-radius:calc(24em/var(--t-em));background:#f8f8f8;position:relative;overflow:hidden}
.t-lp-camp:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(10em/var(--t-em));background:#00c2a8}
.t-lp-camp__body{display:grid;gap:calc(12em/var(--t-em));justify-items:start}
.t-lp-camp__pill{--t-em:14;display:inline-block;background:#000;color:#fff;border-radius:999px;padding:.45em 1.1em;font-weight:700;letter-spacing:.06em}
.t-lp-camp__copy{display:grid;gap:.1em;line-height:1.2}
.t-lp-camp__small{--t-em:16;font-weight:700;color:#555}
.t-lp-camp__big{--t-em:40;font-weight:900;letter-spacing:.02em}
.t-lp-camp__big b{--t-em:72;line-height:1;color:#00c2a8;margin:0 .05em;font-weight:900}
.t-lp-camp__sub{--t-em:15;line-height:1.8;color:#333}
.t-lp-camp__img{width:100%;max-width:calc(360em/var(--t-em));justify-self:end}
.t-lp-camp__img img{display:block;width:100%;height:auto}
@media not screen and (min-width:48em){.t-lp-camp{grid-template-columns:1fr;padding:calc(32em/var(--t-em)) calc(20em/var(--t-em)) calc(32em/var(--t-em)) calc(28em/var(--t-em))}.t-lp-camp__img{max-width:calc(240em/var(--t-em));justify-self:center}.t-lp-camp__big{--t-em:28}.t-lp-camp__big b{--t-em:52}}
/* ===== FLOW 案F1〜F3（既存マークアップにCSSで） ===== */
html.t-lp-flowF1 .t-lp-steps{grid-template-columns:1fr!important;gap:0!important;position:relative}
html.t-lp-flowF1 .t-lp-steps li{grid-template-columns:calc(120em/var(--t-em)) 1fr!important;gap:calc(24em/var(--t-em))!important;padding:calc(18em/var(--t-em)) 0;border-top:1px solid #e5e5e5;align-items:center}
html.t-lp-flowF1 .t-lp-steps li:last-child{border-bottom:1px solid #e5e5e5}
html.t-lp-flowF1 .t-lp-steps li:after{display:none}
html.t-lp-flowF1 .t-lp-step__no{background:transparent;color:#00c2a8;border-radius:0;padding:0;--t-em:28;justify-content:start}
html.t-lp-flowF1 .t-lp-step__box{border:0;padding:0;grid-template-columns:calc(260em/var(--t-em)) 1fr;align-items:baseline;gap:calc(24em/var(--t-em))}
html.t-lp-flowF2 .t-lp-steps{grid-template-columns:repeat(4,1fr)!important;gap:calc(20em/var(--t-em))!important}
html.t-lp-flowF2 .t-lp-steps li{grid-template-columns:1fr!important}
html.t-lp-flowF2 .t-lp-steps li:after{display:none}
html.t-lp-flowF2 .t-lp-step__no{background:#fff;color:#000;border:2px solid #000;border-radius:0;justify-self:start;padding:.3em .8em;--t-em:14}
html.t-lp-flowF2 .t-lp-step__box{border:2px solid #000;border-radius:calc(18em/var(--t-em));min-height:calc(170em/var(--t-em));box-shadow:calc(6em/var(--t-em)) calc(6em/var(--t-em)) 0 #00c2a8}
html.t-lp-flowF3 .t-lp-steps{grid-template-columns:1fr!important;gap:calc(28em/var(--t-em))!important;position:relative;padding-left:calc(40em/var(--t-em))}
html.t-lp-flowF3 .t-lp-steps:before{content:"";position:absolute;left:calc(14em/var(--t-em));top:0;bottom:0;width:2px;background:#000}
html.t-lp-flowF3 .t-lp-steps li{grid-template-columns:1fr!important;gap:calc(6em/var(--t-em))!important}
html.t-lp-flowF3 .t-lp-steps li:after{display:none}
html.t-lp-flowF3 .t-lp-steps li:before{content:"";position:absolute;left:calc(-32em/var(--t-em));top:calc(10em/var(--t-em));width:calc(14em/var(--t-em));height:calc(14em/var(--t-em));border-radius:50%;background:#00c2a8;border:2px solid #000}
html.t-lp-flowF3 .t-lp-step__no{background:transparent;color:#000;padding:0;justify-self:start;--t-em:14;letter-spacing:.1em}
html.t-lp-flowF3 .t-lp-step__box{border:0;padding:0 0 calc(8em/var(--t-em));border-bottom:1px solid #e5e5e5;border-radius:0}
html.t-lp-flowF3 .t-lp-step__box b{--t-em:26}
/* ヘッダー: ナビ項目が増えたぶん 1440px 以下で詰める（はみ出し防止） */
@media (min-width:48em) and (max-width:1560px){
  .t-lp-header{gap:0 calc(20em/var(--t-em))!important}
  .t-lp-header .t-ui-nav__list{gap:calc(14em/var(--t-em))!important}
  .t-lp-header .t-ui-nav__list a{--t-em:14}
  .t-lp-header .t-ui-header__btn{gap:calc(8em/var(--t-em))!important}
  .t-lp-header .t-ui-header__btn .t-ui-btn{--t-em:13;padding-left:calc(16em/var(--t-em))!important;padding-right:calc(16em/var(--t-em))!important}
  .t-lp-header .t-ui-header__nav{margin-right:0!important}
}
/* LAST CTA とお問い合わせタブ（ベース仕様で110px食い込む）の距離 */
.t-lp-last{padding-bottom:calc(230em/var(--t-em))}
/* FV下の帯 1列ver（ハブ比較用） */
html.t-lp-wm1 .t-top-user__ticker .t-lp-wmq__row--bottom{display:none}
html.t-lp-wm1 .t-top-user__ticker .t-lp-wmq__row--top{margin-bottom:0}
/* ===== ボタン案（ハブ比較・.t-ui-btn.Alt = 無料相談ボタン） ===== */
/* B2: ミント地・黒文字・「無料」は黒ピル */
.t-ui-btn.t-lp-v2{background:#00c2a8!important;color:#000!important}
.t-ui-btn.t-lp-v2 .f{background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v2:hover{filter:brightness(1.06)}
/* B3: 白地・黒枠2px・「無料」ミントピル・ホバーで黒反転 */
.t-ui-btn.t-lp-v3{background:#fff!important;color:#000!important;box-shadow:0 0 0 2px #000 inset}
.t-ui-btn.t-lp-v3 .f{background:#00c2a8!important;color:#000!important}
.t-ui-btn.t-lp-v3:hover{background:#000!important;color:#fff!important}
/* B4: 黒地・右端にミントの丸矢印 */
.t-ui-btn.t-lp-v4{position:relative;padding-right:calc(64em/var(--t-em))!important}
.t-ui-btn.t-lp-v4:after{content:"";position:absolute;right:calc(14em/var(--t-em));top:50%;translate:0 -50%;width:calc(30em/var(--t-em));height:calc(30em/var(--t-em));border-radius:50%;background:#00c2a8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h12M12 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/55% no-repeat;transition:translate .25s}
.t-ui-btn.t-lp-v4:hover:after{translate:4px -50%}
/* ロゴを他メニューから離し、画面左端寄り（左40px）に */
@media (min-width:48em){
  .t-lp-header{position:sticky!important;top:0;z-index:100;grid-template-columns:1fr auto!important}
  .t-lp-header .t-ui-header__logo{position:absolute!important;left:calc(40px - (50vw - 50%));top:50%;translate:0 -50%!important;margin:0!important}
  .t-lp-header .t-ui-header__nav{grid-column:1;justify-self:end!important}
  .t-lp-header .t-ui-header__btn{grid-column:2}
}
/* 理由カード（開いた黒パネル）: タイトル1段小さく・指定改行のみ */
.t-lp-reason-cards .t-top-issue__plan .name{--t-em:22!important;white-space:nowrap}
.t-lp-reason-cards .t-top-issue__plan .text{--t-em:14;white-space:normal;line-height:1.85!important}
.t-lp-reason-cards .t-top-issue__title{white-space:nowrap}
/* Column: 画像は16:9で揃える */
.t-top-column__img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.t-top-column__btn.t-ui-btn{width:max-content!important;padding:0 calc(36em/var(--t-em))!important;grid-template-columns:auto max-content!important}
.t-top-column__btn.t-ui-btn .h{width:max-content!important;flex:none}
/* ===== 枠（ハブ比較）: 上のみ／全枠 ===== */
html.t-lp-frameTop body:before{content:"";position:fixed;left:0;right:0;top:0;height:8px;background:#000;z-index:9990;pointer-events:none}
html.t-lp-frameAll body:before{content:"";position:fixed;inset:0;border:8px solid #000;z-index:9990;pointer-events:none}
.t-lp-dl .t-top-download__contact{white-space:nowrap;text-align:left}
/* ===== フッター案（FT1 現状＋公式サイト／FT2 ブランド2段／FT3 3カラム） ===== */
.t-lp-footer__brand,.t-lp-footer__nav{display:none}
.t-lp-footer__brand img{display:block;width:calc(180em/var(--t-em));height:auto}
.t-lp-footer__tag{--t-em:15;font-weight:700;margin:calc(12em/var(--t-em)) 0 calc(16em/var(--t-em))}
.t-lp-footer__site{--t-em:14;display:inline-block;font-weight:700;border:2px solid #000;border-radius:999px;padding:.55em 1.3em;text-decoration:none;color:#000;background:#fff}
.t-lp-footer__site:hover{background:#000;color:#fff}
.t-lp-footer__nav{list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:calc(8em/var(--t-em)) calc(22em/var(--t-em))}
.t-lp-footer__nav a{--t-em:14;font-weight:700;text-decoration:none;color:#000}
.t-lp-footer__nav a:hover{color:#00c2a8}
html.t-lp-ftFT2 .t-lp-footer{display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:calc(28em/var(--t-em));padding-top:calc(80em/var(--t-em));border-top:1px solid #e5e5e5}
html.t-lp-ftFT2 .t-lp-footer__brand{display:grid;justify-items:center;text-align:center}
html.t-lp-ftFT2 .t-lp-footer .t-ui-footer__list,html.t-lp-ftFT2 .t-lp-footer .t-ui-footer__copyright{justify-self:center;margin:0}
@media (min-width:48em){
  html.t-lp-ftFT3 .t-lp-footer{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;grid-template-areas:"brand nav list" "copy copy copy";gap:calc(32em/var(--t-em)) calc(40em/var(--t-em));align-items:start;padding-top:calc(80em/var(--t-em));border-top:1px solid #e5e5e5;text-align:left}
  html.t-lp-ftFT3 .t-lp-footer__brand{display:block;grid-area:brand}
  html.t-lp-ftFT3 .t-lp-footer__nav{display:grid;grid-area:nav;grid-template-columns:1fr 1fr;gap:calc(10em/var(--t-em)) calc(16em/var(--t-em))}
  html.t-lp-ftFT3 .t-lp-footer .t-ui-footer__list{grid-area:list;display:grid;gap:calc(10em/var(--t-em));justify-items:start;margin:0}
  html.t-lp-ftFT3 .t-lp-footer .t-ui-footer__copyright{grid-area:copy;justify-self:start;border-top:1px solid #e5e5e5;width:100%;padding-top:calc(20em/var(--t-em))}
}
html.t-lp-ftFT3 .t-lp-footer .t-ui-footer__list li,html.t-lp-ftFT2 .t-lp-footer .t-ui-footer__list li{width:auto!important;margin:0!important}
html.t-lp-ftFT3 .t-lp-footer .t-ui-footer__list a,html.t-lp-ftFT2 .t-lp-footer .t-ui-footer__list a{white-space:nowrap}
html.t-lp-ftFT2 .t-lp-footer .t-ui-footer__list{display:flex;flex-wrap:wrap;gap:calc(8em/var(--t-em)) calc(24em/var(--t-em));justify-content:center}
/* FAQタブ: 縦を増やして厚みを出す */
@media (min-width:48em){.t-lp-faq5 .t-top-faq__tab.t-lp-five li{height:calc(64em/var(--t-em))!important}.t-lp-faq5 .t-top-faq__tab.t-lp-five label{height:100%!important;--t-em:17;padding:0 calc(18em/var(--t-em))}}
@media not screen and (min-width:48em){.t-lp-faq5 .t-top-faq__tab.t-lp-five li{height:calc(52em/var(--t-em))!important}}
.t-ui-section__copy p,.t-lp-closing,.t-lp-cta__lead{text-wrap:pretty}
/* OUR WORKS見出し: 2行に収める（字間を詰める） */
.t-top-user__title{--t-let:.12em!important;white-space:nowrap;width:max-content;max-width:calc(100vw - 48px);margin-left:auto;margin-right:auto;justify-self:center}
@media (min-width:48em) and (max-width:1400px){.t-top-user__title{--t-em:36;font-size:clamp(20px,2.55vw,36px)!important}}
.t-top-introduction__text p{white-space:nowrap}
@media not screen and (min-width:48em){.t-top-user__title,.t-top-introduction__text p{white-space:normal}.t-top-introduction__text p br{display:none}}
/* v1: 黒ベタ（基本） v3を非Altにも */
.t-ui-btn.t-lp-v1{background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v3:not(.Alt){background:#fff!important;color:#000!important;box-shadow:0 0 0 2px #000 inset}
.t-ui-btn.t-lp-v3:not(.Alt):hover{background:#000!important;color:#fff!important}
/* 文字数が増えたぶん hero/last の2ボタンは折り返さず横並び（SPは縦） */
.t-top-hero__btn .t-ui-btn,.t-lp-cta__btn .t-ui-btn{white-space:nowrap}
.t-ui-btn.t-lp-v4{background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v4 .f{background:#00c2a8!important;color:#000!important}
/* ===== セクション見出しデザイン案（ハブ: 見出し） ===== */
/* H2: 英字を小さなミントのラベルに（左揃え・日本語を主役・リード直下） */
html.t-lp-hdH2 .t-ui-section__title{justify-items:start!important;gap:calc(6em/var(--t-em))!important;text-align:left}
html.t-lp-hdH2 .t-ui-section__title .En{--t-em:14!important;--t-let:.2em!important;color:#00c2a8;line-height:1.4!important;font-weight:900}
html.t-lp-hdH2 .t-ui-section__title .Jp{--t-em:44!important;line-height:1.3!important}
html.t-lp-hdH2 .t-ui-section__copy{text-align:left;--t-em:22!important;font-weight:500!important;line-height:1.9!important;margin-bottom:calc(60em/var(--t-em))!important}
html.t-lp-hdH2 .t-ui-section__copy p{margin:0}
/* H3: 巨大アウトライン英字を背景に敷き、日本語を重ねる（中央） */
html.t-lp-hdH3 .t-ui-section__title{position:relative;gap:0!important;padding-top:calc(30em/var(--t-em))}
html.t-lp-hdH3 .t-ui-section__title .En{--t-em:150!important;position:absolute;left:50%;top:0;translate:-50% 0;color:transparent;-webkit-text-stroke:1.5px #00c2a8;opacity:.6;line-height:1!important;pointer-events:none;white-space:nowrap}
html.t-lp-hdH3 .t-ui-section__title .Jp{--t-em:40!important;position:relative;z-index:1;margin-top:calc(40em/var(--t-em))}
/* H4: 英字ピル（黒地・小）＋日本語見出し＋ミントの短い下線 */
html.t-lp-hdH4 .t-ui-section__title{gap:calc(14em/var(--t-em))!important}
html.t-lp-hdH4 .t-ui-section__title .En{--t-em:13!important;--t-let:.16em!important;background:#000;color:#fff;border-radius:999px;padding:.55em 1.2em;line-height:1!important;font-weight:900}
html.t-lp-hdH4 .t-ui-section__title .Jp{--t-em:40!important;position:relative;padding-bottom:calc(16em/var(--t-em))}
html.t-lp-hdH4 .t-ui-section__title .Jp:after{content:"";position:absolute;left:50%;bottom:0;translate:-50% 0;width:calc(48em/var(--t-em));height:4px;background:#00c2a8;border-radius:2px}
/* H5: 左に縦のミント線＋英字（縦書き風の小ラベル）／日本語見出し＋リードを左揃え */
html.t-lp-hdH5 .t-ui-section__title{grid-template-columns:auto 1fr;justify-items:start!important;align-items:center;gap:calc(20em/var(--t-em))!important;text-align:left;border-left:6px solid #00c2a8;padding-left:calc(24em/var(--t-em))}
html.t-lp-hdH5 .t-ui-section__title .En{--t-em:16!important;--t-let:.14em!important;writing-mode:vertical-rl;line-height:1!important;color:#555;font-weight:700}
html.t-lp-hdH5 .t-ui-section__title .Jp{--t-em:44!important;line-height:1.3!important}
html.t-lp-hdH5 .t-ui-section__copy{text-align:left;--t-em:22!important;font-weight:500!important;line-height:1.9!important;padding-left:calc(30em/var(--t-em));margin-bottom:calc(60em/var(--t-em))!important}
@media not screen and (min-width:48em){html.t-lp-hdH3 .t-ui-section__title .En{--t-em:80!important}html.t-lp-hdH5 .t-ui-section__title{grid-template-columns:1fr}html.t-lp-hdH5 .t-ui-section__title .En{writing-mode:horizontal-tb}}
/* ===== 比較の締めブロック デザイン案（ハブ: 比較の締め） ===== */
/* R2: 全幅の黒帯・白文字・強調はミント文字 */
html.t-lp-rdR2 .t-top-reduction{background:#000;color:#fff;width:100vw;margin-left:calc(50% - 50vw);padding:calc(72em/var(--t-em)) calc(24em/var(--t-em))}
html.t-lp-rdR2 .t-top-reduction__title .Price{color:#00c2a8;text-decoration:none;border:0;box-shadow:none;background:none}
/* R3: 引用風・左ミント太線・左揃え・強調はミントのマーカー */
html.t-lp-rdR3 .t-top-reduction{text-align:left;border-left:8px solid #00c2a8;padding-left:calc(32em/var(--t-em));max-width:calc(880em/var(--t-em));margin-left:auto;margin-right:auto}
html.t-lp-rdR3 .t-top-reduction__title{text-align:left}
html.t-lp-rdR3 .t-top-reduction__title .Price{--t-em:inherit;font-size:1.15em!important;background:linear-gradient(transparent 55%,rgba(0,194,168,.45) 55%);text-decoration:none;border:0;box-shadow:none;padding:0 .1em}
/* R4: 黒枠の角丸カード・中央・強調は黒ピル白抜き */
html.t-lp-rdR4 .t-top-reduction{border:2px solid #000;border-radius:calc(24em/var(--t-em));padding:calc(56em/var(--t-em)) calc(32em/var(--t-em));background:#fff;max-width:calc(980em/var(--t-em));margin-left:auto;margin-right:auto}
html.t-lp-rdR4 .t-top-reduction__title .Price{font-size:1em!important;background:#000;color:#fff;border-radius:999px;padding:.15em .6em;text-decoration:none;border:0;box-shadow:none;margin:0 .15em}
/* R5: 巨大アウトライン「NO」を背景に敷く */
html.t-lp-rdR5 .t-top-reduction{position:relative;isolation:isolate;padding-top:calc(60em/var(--t-em))}
html.t-lp-rdR5 .t-top-reduction:before{content:"NO";position:absolute;left:50%;top:-.1em;translate:-50% 0;z-index:-1;font-family:Outfit,sans-serif;font-weight:900;font-size:calc(220em/var(--t-em));line-height:1;color:transparent;-webkit-text-stroke:2px #00c2a8;opacity:.45}
/* 理由カード5枚: 3列＋2列を中央揃え */
@media (min-width:48em){
  .t-lp-reason-cards{display:flex!important;flex-wrap:wrap;justify-content:center;gap:calc(19em/var(--t-em)) calc(19em/var(--t-em))!important}
  .t-lp-reason-cards .t-top-issue__unit{width:calc(314em/var(--t-em));flex:0 0 auto}
}
/* H6: 英字と日本語を1行に（Issue — お悩み） */
html.t-lp-hdH6 .t-ui-section__title{grid-auto-flow:column;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:calc(18em/var(--t-em))!important}
html.t-lp-hdH6 .t-ui-section__title .En{--t-em:44!important;--t-let:.02em!important;line-height:1!important}
html.t-lp-hdH6 .t-ui-section__title .Jp{--t-em:26!important;line-height:1!important;position:relative;padding-left:calc(30em/var(--t-em))}
html.t-lp-hdH6 .t-ui-section__title .Jp:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:calc(18em/var(--t-em));height:2px;background:#000}
html.t-lp-hdH6 .t-ui-section__copy{margin-top:calc(8em/var(--t-em))}
@media not screen and (min-width:48em){html.t-lp-hdH6 .t-ui-section__title .En{--t-em:32!important}html.t-lp-hdH6 .t-ui-section__title .Jp{--t-em:20!important}}
/* ===== 制作事例ブロック デザイン案（ハブ: 制作事例） ===== */
/* W2: 2列カード（スクショ上・社名/業種下・タグ） */
@media (min-width:48em){
  html.t-lp-wkW2 .t-top-case__container{grid-template-columns:1fr 1fr!important;gap:calc(24em/var(--t-em))!important}
  html.t-lp-wkW2 .t-top-case__unit{display:grid!important;direction:ltr!important;grid-auto-flow:row!important;grid-template-columns:1fr!important;padding:0 0 calc(28em/var(--t-em))!important;align-items:start!important}
  html.t-lp-wkW2 .t-top-case__img{grid-row:auto!important;order:-1;margin:calc(2em/var(--t-em)) calc(2em/var(--t-em)) calc(20em/var(--t-em))!important;border-radius:calc(16em/var(--t-em)) calc(16em/var(--t-em)) 0 0!important;height:calc(300em/var(--t-em));overflow:hidden}
  html.t-lp-wkW2 .t-top-case__img img{width:100%;height:100%;object-fit:cover;object-position:top}
  html.t-lp-wkW2 .t-top-case__logo,html.t-lp-wkW2 .t-top-case__title,html.t-lp-wkW2 .t-top-case__text,html.t-lp-wkW2 .t-top-case__category{padding:0 calc(28em/var(--t-em));margin-bottom:calc(10em/var(--t-em))!important}
  html.t-lp-wkW2 .t-top-case__logo{height:auto!important;grid-row:auto!important}
  html.t-lp-wkW2 .t-top-case__title{--t-em:22!important;margin-top:0!important}
  html.t-lp-wkW2 .t-top-case__category h4{display:none}
}
/* W3: 4列・縦長スクショ主役（社名と業種だけ） */
@media (min-width:48em){
  html.t-lp-wkW3 .t-top-case__container{grid-template-columns:repeat(4,1fr)!important;gap:calc(20em/var(--t-em))!important}
  html.t-lp-wkW3 .t-top-case__unit{display:grid!important;direction:ltr!important;grid-auto-flow:row!important;grid-template-columns:1fr!important;padding:0!important;box-shadow:none!important;align-items:start!important}
  html.t-lp-wkW3 .t-top-case__img{grid-row:auto!important;order:-1;margin:0 0 calc(14em/var(--t-em))!important;border-radius:calc(14em/var(--t-em))!important;height:calc(360em/var(--t-em));overflow:hidden;box-shadow:0 0 0 2px #000 inset;background:#fff}
  html.t-lp-wkW3 .t-top-case__img img{width:100%;height:100%;object-fit:cover;object-position:top}
  html.t-lp-wkW3 .t-top-case__logo{display:none}
  html.t-lp-wkW3 .t-top-case__title{--t-em:18!important;margin:0 0 calc(4em/var(--t-em))!important;padding:0!important}
  html.t-lp-wkW3 .t-top-case__text{--t-em:13;margin:0!important;color:#555}
  html.t-lp-wkW3 .t-top-case__category{display:none}
}
/* W4: 黒背景・PC＋スマホ重ねモック（帯Eと同じ型）＋社名/業種 */
@media (min-width:48em){
  html.t-lp-wkW4 .t-top-case{background:#111;color:#fff;padding-top:calc(100em/var(--t-em));padding-bottom:calc(100em/var(--t-em))}
  html.t-lp-wkW4 .t-top-case .t-ui-section__title,html.t-lp-wkW4 .t-top-case .t-ui-section__copy{color:#fff}
  html.t-lp-wkW4 .t-top-case__container{grid-template-columns:1fr 1fr!important;gap:calc(56em/var(--t-em)) calc(40em/var(--t-em))!important}
  html.t-lp-wkW4 .t-top-case__unit{display:grid!important;direction:ltr!important;grid-auto-flow:row!important;grid-template-columns:1fr!important;padding:0!important;box-shadow:none!important;border-radius:0!important;align-items:start!important}
  html.t-lp-wkW4 .t-top-case__img{grid-row:auto!important;order:-1;margin:0 0 calc(18em/var(--t-em))!important;border-radius:calc(8em/var(--t-em))!important;height:calc(280em/var(--t-em));overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 44px rgba(0,0,0,.55)}
  html.t-lp-wkW4 .t-top-case__img img{width:100%;height:100%;object-fit:cover;object-position:top}
  html.t-lp-wkW4 .t-top-case__logo{display:none}
  html.t-lp-wkW4 .t-top-case__title{--t-em:22!important;margin:0 0 calc(6em/var(--t-em))!important;padding:0!important}
  html.t-lp-wkW4 .t-top-case__text{margin:0 0 calc(10em/var(--t-em))!important;color:#bbb}
  html.t-lp-wkW4 .t-top-case__category h4{display:none}
  html.t-lp-wkW4 .t-top-case__category li{background:#fff;color:#000}
}

/* form result（公式HPと同一の見た目） */
.t-lp-gotcha{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.t-lp-formresult{margin:1.8rem 0 0;padding:1rem 1.3rem;border-radius:10px;font-size:.95rem;line-height:1.85;font-weight:600}
.t-lp-formresult.is-ok{background:#eef7ee;color:#1f7a32;border:1px solid #cfe6cf}
.t-lp-formresult.is-ng{background:#fdeeee;color:#b3261e;border:1px solid #f0cccc}

/* ABOUT 注記 */
.t-top-introduction__text .t-lp-note{display:block;font-size:.85em;margin-top:.6em}
/* ボタンhover: お手本仕様（文字が上へスライド＋text-shadow複製が出る／黒⇄ミント反転）に統一 */
.t-ui-btn.t-lp-v1,.t-ui-btn.t-lp-v4{--t-accent:#00c2a8;--t-sdwColor:#000;background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v1:hover,.t-ui-btn.t-lp-v4:hover{background:#00c2a8!important;color:#000!important}
.t-ui-btn.t-lp-v1 .f,.t-ui-btn.t-lp-v4 .f{background:#00c2a8!important;color:#000!important}
.t-ui-btn.t-lp-v1:hover .f,.t-ui-btn.t-lp-v4:hover .f{background:#000!important;color:#00c2a8!important}
.t-ui-btn.t-lp-v4:hover:after{translate:4px -50%;background-color:#000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h12M12 6l6 6-6 6' fill='none' stroke='%2300c2a8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.t-ui-btn.t-lp-v2{--t-sdwColor:#fff;background:#00c2a8!important;color:#000!important;filter:none}
.t-ui-btn.t-lp-v2:hover{background:#000!important;color:#fff!important;filter:none}
.t-ui-btn.t-lp-v2 .f{background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v2:hover .f{background:#00c2a8!important;color:#000!important}
.t-ui-btn.t-lp-v3{--t-sdwColor:#fff;background:#fff!important;color:#000!important;box-shadow:0 0 0 2px #000 inset}
.t-ui-btn.t-lp-v3:hover{background:#000!important;color:#fff!important}
.t-ui-btn.t-lp-v3 .f{background:#00c2a8!important;color:#000!important}
/* ナビ＋ボタン: 右端をお手本と同じ中央1200px枠の右端に揃える（ロゴ以外を左へ・大串指示 2026-09-22） */
@media (min-width:48em){.t-lp-header{padding-right:max(0px,calc(50% - 600px))!important}}
/* 理由カード: 開いた黒パネルをカードと同じ枠にぴったり重ねる（元はISSUE3列用の固定幅で隣にはみ出していた） */
.t-lp-reason-cards .t-top-issue__unit{position:relative}
.t-lp-reason-cards .t-top-issue__inner{position:absolute!important;inset:0!important;margin:0!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;grid-template-columns:none!important;padding:calc(45em/var(--t-em)) calc(25em/var(--t-em)) calc(90em/var(--t-em))!important;border-radius:calc(18em/var(--t-em))!important;overflow:auto;z-index:2}
.t-lp-reason-cards .t-top-issue__inner:before{display:none!important}
.t-lp-reason-cards .t-top-issue__inner .t-top-issue__plan{margin-top:calc(60em/var(--t-em))}
/* 料金プラン名: 1行に収めて3枚の高さを揃える（大串指示 2026-09-22） */
@media (min-width:48em){.t-top-plan-unit__title{--t-em:30!important;--t-let:.04em!important;white-space:nowrap;line-height:1.4!important}}
/* 理由カード本文: 強制改行なし・やや小さく・行間広め（大串FB 2026-09-22） */
.t-lp-reason-cards .t-top-issue__plan .text{--t-em:13!important;line-height:2!important;letter-spacing:.02em;text-align:left}
.t-lp-reason-cards .t-top-issue__plan .name{--t-em:20!important;line-height:1.6!important}
/* FAQ: 4・5番目タブも表示（元CSSは3タブ前提）／パネルは内容に合わせた高さ（はみ出し防止） */
#t-faq1:checked~.t-top-faq__container .t-top-faq__panel:nth-child(1),#t-faq2:checked~.t-top-faq__container .t-top-faq__panel:nth-child(2),#t-faq3:checked~.t-top-faq__container .t-top-faq__panel:nth-child(3),#t-faq4:checked~.t-top-faq__container .t-top-faq__panel:nth-child(4),#t-faq5:checked~.t-top-faq__container .t-top-faq__panel:nth-child(5){display:grid;opacity:1!important;visibility:visible!important}
.t-lp-faq5 .t-top-faq__panel{height:auto!important;min-height:calc(420em/var(--t-em))}
.t-lp-faq5 .t-top-faq__inner{overflow:visible!important;height:auto!important}
/* コラムのサムネ: 画像(16:9)に枠を合わせて切れないように */
.t-top-column__img{aspect-ratio:16/9!important;height:auto!important;overflow:hidden;border-radius:calc(12em/var(--t-em))}
.t-top-column__img a,.t-top-column__img img{display:block;width:100%!important;height:100%!important;object-fit:cover}
/* ===== 料金プラン デザイン案 P2〜P5（ハブ切替・P1=現状） ===== */
/* P2 モノトーン＋おすすめだけミント枠 */
html.t-lp-plP2 .t-top-plan-unit,html.t-lp-plP2 .t-top-plan-unit:last-child{--t-c:#000;--t-c2:#fff}
html.t-lp-plP2 .t-top-plan-unit .t-lp-en{color:#888}
html.t-lp-plP2 .t-top-plan-unit .t-lp-badge{background:#000;color:#fff}
html.t-lp-plP2 .t-top-plan-unit.Is-recommend{box-shadow:0 0 0 calc(3em/var(--t-em)) #00c2a8 inset!important}
html.t-lp-plP2 .t-top-plan-unit.Is-recommend .t-lp-en{color:#00c2a8}
/* P3 黒ヘッダー帯（プラン名を黒帯に白抜き）＋ラベルはアウトライン */
html.t-lp-plP3 .t-top-plan-unit,html.t-lp-plP3 .t-top-plan-unit:last-child{--t-c:#000;--t-c2:#fff;padding-top:0!important;overflow:hidden}
html.t-lp-plP3 .t-top-plan-unit__title{justify-self:stretch!important;width:auto!important;margin:0 calc(-24em/var(--t-em)) calc(26em/var(--t-em))!important;padding:calc(22em/var(--t-em)) calc(16em/var(--t-em))!important;background:#000;color:#fff;border-radius:calc(16em/var(--t-em)) calc(16em/var(--t-em)) 0 0;height:auto!important}
html.t-lp-plP3 .t-top-plan-unit__title .t-lp-en{color:rgba(255,255,255,.6)}
html.t-lp-plP3 .t-top-plan-unit__title .t-lp-badge{background:#00c2a8;color:#000}
html.t-lp-plP3 .t-top-plan-unit__price dt,html.t-lp-plP3 .t-top-plan-unit__detail dt{background:transparent!important;color:#000!important;box-shadow:0 0 0 calc(2em/var(--t-em)) #000 inset;border-radius:calc(8em/var(--t-em))}
html.t-lp-plP3 .t-top-plan-unit.Is-recommend .t-top-plan-unit__title{background:#000}
/* P4 グレー面カード（線なし）・おすすめだけ白＋黒枠 */
html.t-lp-plP4 .t-top-plan-unit,html.t-lp-plP4 .t-top-plan-unit:last-child{--t-c:#000;--t-c2:#fff;background:#f3f3f3;box-shadow:none!important}
html.t-lp-plP4 .t-top-plan-unit.Is-recommend{background:#fff;box-shadow:0 0 0 calc(2em/var(--t-em)) #000 inset!important}
html.t-lp-plP4 .t-top-plan-unit .t-lp-en{color:#000}
html.t-lp-plP4 .t-top-plan-unit .t-lp-badge{background:#000;color:#fff}
html.t-lp-plP4 .t-top-plan-unit__price dt,html.t-lp-plP4 .t-top-plan-unit__detail dt{background:#fff!important;color:#000!important;box-shadow:0 0 0 calc(2em/var(--t-em)) #000 inset}
html.t-lp-plP4 .t-top-plan-unit.Is-recommend .t-top-plan-unit__price dt{background:#000!important;color:#fff!important}
/* P5 ラベルを面塗りなし（見出し線）・価格を主役・おすすめは上辺ミント線のみ */
html.t-lp-plP5 .t-top-plan-unit,html.t-lp-plP5 .t-top-plan-unit:last-child{--t-c:#000;--t-c2:#fff}
html.t-lp-plP5 .t-top-plan-unit .t-lp-en{color:#000}
html.t-lp-plP5 .t-top-plan-unit .t-lp-badge{background:#000;color:#fff}
html.t-lp-plP5 .t-top-plan-unit__price dt,html.t-lp-plP5 .t-top-plan-unit__detail dt{background:transparent!important;color:#000!important;height:auto!important;padding:.2em 0 .3em;border-bottom:2px solid #000;justify-content:start!important;--t-em:22}
html.t-lp-plP5 .t-top-plan-unit__price .Price{--t-em:52!important}
html.t-lp-plP5 .t-top-plan-unit.Is-recommend{border-top:calc(8em/var(--t-em)) solid #00c2a8;border-radius:calc(18em/var(--t-em))}
