@charset "utf-8";
/* ============================================================
   AInformation 広告掲載LP
   swell_child/assets/css/ainews-ad.css   2026-08-31
   ------------------------------------------------------------
   ・面（塗り）と余白と文字の大きさで区切る。細い枠線でボックスを
     作らない。囲みたいときは太いアクセントバーか塗りを使う。
   ・角は四角のまま（サイトの他のページと同じ）。
   ・動きはすべて .is-in が付いたときだけ。JSが動かなくても
     中身は見える（既定で opacity:1 になる保険を最後に入れてある）。
   ============================================================ */

.adl{
  --adl-ink:#0B1A2B;
  --adl-ink2:#15304A;
  --adl-ink3:#1F4361;
  --adl-cy:#1AC2F1;
  --adl-cy-d:#0A7FA8;
  --adl-paper:#fff;
  --adl-surface:#F1F5F8;
  --adl-text:#16232D;
  --adl-muted:#5C7080;
  --adl-sh:0 1px 2px rgba(11,26,43,.05), 0 14px 34px rgba(11,26,43,.08);
  --adl-sh-h:0 2px 6px rgba(11,26,43,.07), 0 24px 54px rgba(11,26,43,.14);
  --adl-ease:cubic-bezier(.22,.75,.28,1);
  font-family:var(--ai-jp);
  color:var(--adl-text);
  overflow-x:hidden;
}
.adl *{box-sizing:border-box;}
/* 素の余白を消す指定。:where() で強さをゼロにしてある。
   ここを `.adl p{}` と書くと、あとに続く .adl-head__d などの
   margin をぜんぶ打ち消してしまう（クラス+要素のほうが強いため）。 */
:where(.adl) p{margin:0;}
:where(.adl) h1,:where(.adl) h2,:where(.adl) h3{margin:0;}
.adl h1,.adl h2,.adl h3{font-weight:900;letter-spacing:-.01em;}
:where(.adl) ul,:where(.adl) ol{margin:0;padding:0;list-style:none;}
.adl img{display:block;max-width:100%;height:auto;}

.adl-in{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:0 24px;}
.adl-in--narrow{max-width:880px;}

/* ---------- 共通の見出し ---------- */
.adl-eyebrow{
  font-family:var(--ai-cond);font-size:13px;font-weight:700;letter-spacing:.18em;
  color:var(--adl-cy-d);text-transform:uppercase;line-height:1;
}
.adl-head{position:relative;margin-bottom:56px;}
.adl-head__lb{display:none;}
.adl-head__no{
  order:0;display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:26px;padding:0 8px;background:var(--adl-ink);color:#fff;
  font-family:var(--ai-num);font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1;flex:0 0 auto;
}
.adl-head__lb::after{content:"";order:1;flex:0 0 auto;width:26px;height:3px;background:var(--adl-cy);}
.adl-head__lb .adl-eyebrow{order:2;}
.adl-h2{font-size:38px;line-height:1.35;}
.adl-head > .adl-h2:first-child{margin-top:0;}
.adl-head__d{margin-top:18px;font-size:16px;line-height:1.9;color:var(--adl-muted);max-width:52em;}
.adl-head--ink .adl-head__no{background:var(--adl-cy);color:#062B3A;}
.adl-head--ink .adl-eyebrow{color:var(--adl-cy);}
.adl-head--ink .adl-h2{color:#fff;}
.adl-head--ink .adl-head__d{color:rgba(255,255,255,.72);}

/* ---------- セクションの地 ---------- */
.adl-sec{position:relative;padding:104px 0;overflow:hidden;}
.adl-sec--paper{background:var(--adl-paper);}
.adl-sec--surface{background:var(--adl-surface);}
.adl-sec--ink{background:var(--adl-ink);}

/* ---------- ボタン ---------- */
.adl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:60px;padding:0 34px;font-size:16px;font-weight:700;line-height:1;
  transition:transform .35s var(--adl-ease), background-color .3s, color .3s, box-shadow .3s;
  position:relative;overflow:hidden;
  transform:translate3d(var(--tx,0px), calc(var(--ty,0px) - var(--up,0px)), 0);
}
.adl-btn:hover{--up:3px;}
.adl-btn::after{
  content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;
  transform:rotate(45deg);transition:transform .3s var(--adl-ease);flex:0 0 auto;
}
.adl-btn--main{background:var(--adl-cy);color:#062B3A;box-shadow:0 10px 30px rgba(26,194,241,.34);}
.adl-btn--main:hover{background:#43d3fb;color:#062B3A;box-shadow:0 16px 40px rgba(26,194,241,.44);}
.adl-btn--main:hover::after{transform:rotate(45deg) translate(3px,-3px);}
.adl-btn--ghost{background:rgba(255,255,255,.1);color:#fff;}
.adl-btn--ghost:hover{background:rgba(255,255,255,.2);color:#fff;}
.adl-btn--ghost:hover::after{transform:rotate(45deg) translate(3px,-3px);}

/* ============================================================
   ヒーロー
   ============================================================ */
.adl-hero{position:relative;background:var(--adl-ink);color:#fff;overflow:hidden;}
.adl-hero__bg{position:absolute;inset:0;pointer-events:none;}
.adl-hero__bg span{
  position:absolute;border-radius:50%;opacity:.6;
  will-change:transform;
  animation:adl-drift 22s ease-in-out infinite alternate;
}
.adl-hero__bg span:nth-child(1){width:900px;height:900px;left:-300px;top:-360px;background:radial-gradient(circle,rgba(26,194,241,.3),rgba(26,194,241,0) 68%);}
.adl-hero__bg span:nth-child(2){width:780px;height:780px;right:-240px;bottom:-320px;background:radial-gradient(circle,rgba(26,110,241,.24),rgba(26,110,241,0) 68%);animation-delay:-11s;}
@keyframes adl-drift{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(60px,40px,0) scale(1.18);}
}
.adl-hero__in{
  position:relative;max-width:1160px;margin:0 auto;padding:96px 24px 84px;
  display:grid;grid-template-columns:1.22fr .78fr;gap:48px;align-items:center;
}
.adl-hero__eyebrow{display:none;}
.adl-hero__t{font-size:clamp(30px,3.4vw,50px);line-height:1.3;letter-spacing:-.02em;}
.adl-hero__t em{font-style:normal;color:var(--adl-cy);position:relative;}
.adl-hero__t em::after{
  content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;background:rgba(26,194,241,.32);
  transform-origin:left;transition:transform .8s .7s var(--adl-ease);
}
html.adl-js .adl-hero:not(.is-ready) .adl-hero__t em::after{transform:scaleX(0);}
.adl-hero.is-ready .adl-hero__t em::after{transform:scaleX(1);}
.adl-line{display:block;}
.adl-line > span{display:block;}

.adl-hero__d{margin-top:26px;font-size:17px;line-height:2;color:rgba(255,255,255,.8);transition:all .8s .34s var(--adl-ease);}
.adl-hero__cta{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap;transition:all .8s .46s var(--adl-ease);}
.adl-hero__note{margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.55);transition:all .8s .58s var(--adl-ease);}
html.adl-js .adl-hero:not(.is-ready) .adl-hero__d,
html.adl-js .adl-hero:not(.is-ready) .adl-hero__cta,
html.adl-js .adl-hero:not(.is-ready) .adl-hero__note{opacity:0;transform:translateY(18px);}
.adl-hero.is-ready .adl-hero__d,
.adl-hero.is-ready .adl-hero__cta,
.adl-hero.is-ready .adl-hero__note{opacity:1;transform:translateY(0);}

/* ---- 画面のモック ---- */
.adl-hero__r{position:relative;}
.adl-mock{
  position:relative;padding-bottom:34px;
  transform:translateY(var(--py,0px)) rotate(var(--pr,0deg));
  transition:opacity 1.1s .3s var(--adl-ease), transform 1.1s .3s var(--adl-ease);
}
.adl-hero.is-ready .adl-mock{transition:opacity .4s, transform .18s linear;}
html.adl-js .adl-hero:not(.is-ready) .adl-mock{opacity:0;transform:translateY(34px) scale(.97);}
.adl-hero__r{perspective:1100px;}
.adl-hero.is-ready .adl-mock{opacity:1;}
.adl-mock__pc{
  position:relative;overflow:hidden;
  background:#0F2438;box-shadow:0 30px 70px rgba(0,0,0,.5);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-style:preserve-3d;transition:transform .45s var(--adl-ease), box-shadow .45s;
}
.adl-mock__pc:hover{box-shadow:0 40px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(26,194,241,.25);}
.adl-mock__bar{
  display:flex;align-items:center;gap:7px;height:32px;padding:0 14px;background:#183048;
}
.adl-mock__bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22);flex:0 0 auto;}
.adl-mock__bar span{
  margin-left:12px;font-size:11px;color:rgba(255,255,255,.42);letter-spacing:.04em;
  background:rgba(255,255,255,.07);padding:3px 12px;
}
.adl-mock__sp{
  position:absolute;right:-14px;bottom:0;width:132px;background:#0F2438;padding:6px;
  box-shadow:0 22px 46px rgba(0,0,0,.55);
  animation:adl-float 6.5s ease-in-out infinite;
}
@keyframes adl-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-13px);}}

/* ---- 数字の帯 ---- */
.adl-stats{position:relative;background:var(--adl-ink2);}
.adl-stats__in{
  max-width:1160px;margin:0 auto;padding:36px 24px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.adl-stat{position:relative;padding-left:22px;}
.adl-stat::before{
  content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--adl-cy);
  transform-origin:top;transition:transform .6s var(--adl-ease);
}
html.adl-js .adl-stats:not(.is-in) .adl-stat::before{transform:scaleY(0);}
.adl-stats.is-in .adl-stat::before{transform:scaleY(1);}
.adl-stats.is-in .adl-stat:nth-child(2)::before{transition-delay:.08s;}
.adl-stats.is-in .adl-stat:nth-child(3)::before{transition-delay:.16s;}
.adl-stats.is-in .adl-stat:nth-child(4)::before{transition-delay:.24s;}
.adl-stat__n{display:flex;align-items:baseline;gap:5px;color:#fff;line-height:1;}
.adl-stat__n b{font-family:var(--ai-num);font-size:38px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.adl-stat__n i{font-style:normal;font-size:15px;font-weight:700;color:var(--adl-cy);}
.adl-stat__l{display:block;margin-top:9px;font-size:13px;color:rgba(255,255,255,.62);}

/* ============================================================
   01 読者
   ============================================================ */
.adl-readers{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.adl-reader{
  background:var(--adl-surface);padding:42px 30px 38px;position:relative;
  transition:background-color .35s, transform .35s var(--adl-ease);
}
.adl-reader:hover{background:#E6EEF4;}
.adl-reader__ic{
  display:block;font-family:var(--ai-num);font-size:15px;font-weight:700;color:var(--adl-cy-d);
  letter-spacing:.06em;margin-bottom:16px;
}
.adl-reader h3{font-size:19px;line-height:1.5;margin-bottom:12px;}
.adl-reader{padding-top:34px;}
.adl-reader p{font-size:14.5px;line-height:1.9;color:var(--adl-muted);}

/* ============================================================
   02 掲載メニュー
   ============================================================ */
.adl-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.adl-card{
  background:#fff;padding:44px 34px 38px;box-shadow:var(--adl-sh);position:relative;
  transition:transform .4s var(--adl-ease), box-shadow .4s var(--adl-ease);
}
.adl-card::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--adl-cy);
  transform-origin:left;transition:transform .55s var(--adl-ease);
}
html.adl-js .adl-card:not(.is-in)::before{transform:scaleX(0);}
.adl-card:hover{box-shadow:var(--adl-sh-h);}
.adl-card__no{
  display:block;font-family:var(--ai-num);font-size:15px;font-weight:700;
  color:var(--adl-cy-d);letter-spacing:.06em;margin-bottom:16px;
}
.adl-card__t{font-size:23px;line-height:1.45;margin-bottom:14px;}
.adl-card{padding-top:38px;}
.adl-card__d{font-size:15px;line-height:1.95;color:var(--adl-muted);}
.adl-list{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px;}
.adl-list li{
  background:var(--adl-surface);color:#2C4759;font-size:13px;font-weight:700;padding:7px 13px;line-height:1;
}

/* ---- アフィリエイト ---- */
.adl-affi{margin-top:26px;background:#fff;box-shadow:var(--adl-sh);padding:40px;}
.adl-affi__t{font-size:26px;margin:0 0 14px;}
.adl-affi__d{font-size:15px;line-height:1.95;color:var(--adl-muted);}
.adl-affi__r{background:var(--adl-ink);color:#fff;padding:44px 40px;}
.adl-affi__lead{font-size:14px;color:rgba(255,255,255,.66);margin-bottom:20px;}
.adl-steps-mini{display:flex;flex-direction:column;gap:8px;}
.adl-steps-mini li{
  display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;
  padding:14px 18px;background:rgba(255,255,255,.07);
}
.adl-steps-mini b{
  font-family:var(--ai-num);font-size:13px;color:var(--adl-cy);font-weight:700;flex:0 0 auto;letter-spacing:.06em;
}

/* ============================================================
   03 特集記事
   ============================================================ */
.adl-merits{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.adl-merit{background:var(--adl-ink2);padding:40px 32px 36px;transition:background-color .35s, transform .35s var(--adl-ease);}
.adl-merit:hover{background:var(--adl-ink3);}
.adl-merit h3{font-size:20px;line-height:1.55;color:#fff;margin-bottom:14px;padding-top:18px;position:relative;}
.adl-merit h3::before{content:"";position:absolute;left:0;top:0;width:36px;height:4px;background:var(--adl-cy);}
.adl-merit p{font-size:14.5px;line-height:1.95;color:rgba(255,255,255,.72);}

.adl-punch{margin-top:64px;text-align:center;}
.adl-punch__t{font-size:36px;font-weight:900;line-height:1.5;color:#fff;letter-spacing:-.01em;text-wrap:balance;}
html.adl-js .adl-punch__t.is-ch{
  background:linear-gradient(100deg,#fff 34%,var(--adl-cy) 50%,#fff 66%);
  background-size:260% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:adl-sheen 5.5s linear infinite;
}
@keyframes adl-sheen{from{background-position:180% 0;}to{background-position:-80% 0;}}
.adl-punch__d{
  margin:22px auto 0;max-width:36em;font-size:15.5px;line-height:2.05;color:rgba(255,255,255,.74);text-wrap:pretty;
}

/* ============================================================
   04 流れ
   ============================================================ */
.adl-flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;}
.adl-step{position:relative;padding:0 22px 0 0;}
/* 番号のあいだをつなぐ線。左から順に伸びる */
.adl-step::after{
  content:"";position:absolute;left:62px;right:-2px;top:25px;height:3px;
  background:linear-gradient(var(--adl-cy),var(--adl-cy)) left center/100% 100% no-repeat, var(--adl-surface);
  transition:background-size .5s var(--adl-ease);
}
.adl-step:last-child::after{content:none;}
html.adl-js .adl-flow:not(.is-in) .adl-step::after{background-size:0% 100%;}
.adl-flow.is-in .adl-step:nth-child(2)::after{transition-delay:.3s;}
.adl-flow.is-in .adl-step:nth-child(3)::after{transition-delay:.6s;}
.adl-flow.is-in .adl-step:nth-child(4)::after{transition-delay:.9s;}
.adl-flow.is-in .adl-step:nth-child(5)::after{transition-delay:1.2s;}
.adl-step__no{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;background:var(--adl-ink);color:#fff;
  font-family:var(--ai-num);font-size:19px;font-weight:700;letter-spacing:.02em;
  transition:background-color .35s, transform .35s var(--adl-ease);
}
.adl-step:hover .adl-step__no{background:var(--adl-cy);color:#062B3A;transform:scale(1.08);}
.adl-step__t{font-size:16.5px;line-height:1.55;margin:20px 0 10px;min-height:3.1em;}
.adl-step__d{font-size:13.5px;line-height:1.85;color:var(--adl-muted);}

/* ============================================================
   05 掲載にあたって
   ============================================================ */
.adl-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.adl-term{background:#fff;padding:38px 32px;box-shadow:var(--adl-sh);transition:transform .4s var(--adl-ease), box-shadow .4s var(--adl-ease);}
.adl-term:hover{box-shadow:var(--adl-sh-h);}
.adl-term h3{font-size:19px;margin-bottom:14px;padding-left:16px;position:relative;line-height:1.5;}
.adl-term h3::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;background:var(--adl-cy);}
.adl-term p{font-size:14.5px;line-height:1.95;color:var(--adl-muted);}

/* ============================================================
   06 よくある質問
   ============================================================ */
.adl-faq{display:flex;flex-direction:column;gap:12px;}
.adl-qa{background:var(--adl-surface);transition:background-color .3s;}
.adl-qa.is-open{background:#E7EFF5;}
.adl-qa__q{
  display:flex;align-items:flex-start;gap:16px;width:100%;
  background:none;border:0;padding:24px 26px;cursor:pointer;text-align:left;
  font:inherit;font-size:16.5px;font-weight:700;line-height:1.65;color:var(--adl-text);
}
.adl-qa__mark{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;
  background:var(--adl-ink);color:#fff;font-family:var(--ai-jp);font-size:14px;font-weight:900;line-height:1;
  margin-top:1px;transition:background-color .3s;
}
.adl-qa.is-open .adl-qa__mark{background:var(--adl-cy);color:#062B3A;}
.adl-qa__txt{flex:1;}
.adl-qa__ic{position:relative;width:16px;height:16px;flex:0 0 auto;margin-top:6px;}
.adl-qa__ic::before,.adl-qa__ic::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--adl-cy-d);
  transform:translate(-50%,-50%);transition:transform .35s var(--adl-ease), opacity .35s;
}
.adl-qa__ic::before{width:16px;height:3px;}
.adl-qa__ic::after{width:3px;height:16px;}
.adl-qa.is-open .adl-qa__ic::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.adl-qa__a{display:grid;transition:grid-template-rows .42s var(--adl-ease);}
html.adl-js .adl-qa__a{grid-template-rows:0fr;}
.adl-qa.is-open .adl-qa__a{grid-template-rows:1fr;}
.adl-qa__a > div{overflow:hidden;}
.adl-qa__a p{
  padding:0 26px 26px 58px;font-size:15px;line-height:2;color:#3A5266;
  transition:opacity .35s .1s, transform .35s .1s var(--adl-ease);
}
html.adl-js .adl-qa:not(.is-open) .adl-qa__a p{opacity:0;transform:translateY(-6px);}
.adl-qa.is-open .adl-qa__a p{opacity:1;transform:none;}

/* ============================================================
   07 フォーム
   ============================================================ */
.adl-cta{background:var(--adl-ink);padding:104px 0 120px;position:relative;overflow:hidden;}
.adl-cta::before{
  content:"";position:absolute;width:760px;height:760px;left:50%;top:-380px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(26,194,241,.2),transparent 66%);pointer-events:none;
}
.adl-cta__head{position:relative;text-align:center;margin-bottom:48px;}
.adl-cta__head .adl-eyebrow{color:var(--adl-cy);}
.adl-cta__t{font-size:40px;line-height:1.4;color:#fff;margin:0 0 20px;text-wrap:balance;}
.adl-cta__d{font-size:16px;line-height:2;color:rgba(255,255,255,.76);text-wrap:pretty;}
.adl .adl-form{position:relative;background:#fff;padding:52px 56px 56px;box-shadow:0 30px 70px rgba(0,0,0,.34);}
.adl .adl-form__err{font-size:15px;line-height:2;}

/* ---- Contact Form 7 を組み直す。table の枠線は全部外す ---- */
.adl .adl-form .CF7_table,
.adl .adl-form .CF7_table tbody,
.adl .adl-form .CF7_table tr,
.adl .adl-form .CF7_table th,
.adl .adl-form .CF7_table td{
  display:block;width:100%;border:0!important;padding:0;background:none!important;margin:0;
}
.adl .adl-form .CF7_table{border-collapse:collapse;}
.adl .adl-form .CF7_table tr + tr{margin-top:26px;}
.adl .adl-form .CF7_table th{margin-bottom:10px;}
.adl .adl-form .CF7_table th p{
  display:flex;align-items:center;gap:10px;margin:0;
  font-size:15px;font-weight:700;color:var(--adl-text);line-height:1.5;
}
.adl .adl-form .CF7_table td p{margin:0;}
.adl .adl-form .CF7_req,
.adl .adl-form .CF7_unreq{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:22px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;
  letter-spacing:.04em;flex:0 0 auto;border-radius:0;
}
.adl .adl-form .CF7_req{background:var(--adl-cy-d);color:#fff;}
.adl .adl-form .CF7_unreq{background:#E2E9EE;color:#5C7080;}

.adl .adl-form input[type="text"],
.adl .adl-form input[type="email"],
.adl .adl-form input[type="tel"],
.adl .adl-form input[type="url"],
.adl .adl-form textarea{
  width:100%;background:var(--adl-surface);border:0;border-radius:0;
  padding:16px 18px;font:inherit;font-size:16px;line-height:1.7;color:var(--adl-text);
  box-shadow:inset 0 0 0 2px transparent;
  transition:background-color .25s, box-shadow .25s;outline:none;
}
.adl .adl-form input::placeholder,
.adl .adl-form textarea::placeholder{color:#93A5B2;}
.adl .adl-form input[type="text"]:focus,
.adl .adl-form input[type="email"]:focus,
.adl .adl-form input[type="tel"]:focus,
.adl .adl-form input[type="url"]:focus,
.adl .adl-form textarea:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--adl-cy);}
.adl .adl-form textarea{min-height:190px;resize:vertical;}

/* チェックボックスは押せる面にする（CF7は label を出さないのでJSで拾う） */
.adl .adl-form .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:8px;}
.adl .adl-form .wpcf7-list-item{
  margin:0;display:inline-flex;align-items:center;gap:10px;
  background:var(--adl-surface);padding:13px 18px;cursor:pointer;line-height:1;
  transition:background-color .25s, color .25s, box-shadow .25s;
}
.adl .adl-form .wpcf7-list-item:hover{background:#E2EBF1;}
.adl .adl-form .wpcf7-list-item.adl-on{background:var(--adl-ink);color:#fff;box-shadow:0 6px 18px rgba(11,26,43,.22);}
.adl .adl-form .wpcf7-list-item input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;flex:0 0 auto;
  background:#fff;box-shadow:inset 0 0 0 2px #C3D0D9;position:relative;cursor:pointer;transition:box-shadow .2s, background-color .2s;
}
.adl .adl-form .wpcf7-list-item.adl-on input[type="checkbox"]{background:var(--adl-cy);box-shadow:inset 0 0 0 2px var(--adl-cy);}
.adl .adl-form .wpcf7-list-item.adl-on input[type="checkbox"]::after{
  content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
  border-right:2.5px solid #062B3A;border-bottom:2.5px solid #062B3A;transform:rotate(42deg);
}
.adl .adl-form .wpcf7-list-item-label{font-size:14.5px;font-weight:700;}

.adl .adl-form .CF7_btn{margin-top:38px;text-align:center;}
.adl .adl-form input[type="submit"]{
  width:100%;max-width:420px;height:66px;border:0;border-radius:0;cursor:pointer;
  background:var(--adl-cy);color:#062B3A;font:inherit;font-size:17px;font-weight:700;
  box-shadow:0 12px 32px rgba(26,194,241,.36);
  transition:transform .3s var(--adl-ease), background-color .3s, box-shadow .3s;
}
.adl .adl-form input[type="submit"]{transform:translate3d(var(--tx,0px), calc(var(--ty,0px) - var(--up,0px)), 0);position:relative;}
.adl .adl-form input[type="submit"]:hover{background:#43d3fb;--up:3px;box-shadow:0 18px 44px rgba(26,194,241,.46);}
.adl .adl-form .wpcf7-spinner{margin:14px auto 0;display:block;}
.adl .adl-form .wpcf7-not-valid-tip{margin-top:8px;font-size:13px;color:#D8213F;font-weight:700;}
.adl .adl-form .wpcf7-response-output{
  margin:26px 0 0!important;border:0!important;padding:16px 20px!important;
  background:var(--adl-surface);font-size:14.5px;line-height:1.8;
}
.adl .adl-form form.invalid .wpcf7-response-output,
.adl .adl-form form.unaccepted .wpcf7-response-output{background:#FDEAEE;color:#9B1029;}
.adl .adl-form form.sent .wpcf7-response-output{background:#E5F7FE;color:#075A78;}

/* ---- スマホの下に出る相談ボタン ---- */
.adl-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:880;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(11,26,43,.94);backdrop-filter:blur(8px);
  transform:translateY(110%);transition:transform .45s var(--adl-ease);display:none;
}
.adl-bar.is-on{transform:translateY(0);}
.adl-bar .adl-btn{width:100%;height:56px;}

/* ============================================================
   スクロールで出す動き
   ============================================================ */
html.adl-js .adl [data-rv]{opacity:0;transform:translateY(30px);transition:opacity .8s var(--adl-ease), transform .8s var(--adl-ease);}
html.adl-js .adl [data-rv].is-in{opacity:1;transform:none;}


/* ============================================================
   ここから「動き」
   ------------------------------------------------------------
   初期状態を隠す指定はすべて html.adl-js の中に入れてある。
   JSが動かないとき・動きを減らす設定のときは、ふつうに全部見える。
   ============================================================ */

/* ---------- 1文字ずつ出る見出し ---------- */
.adl-ch{display:inline-block;}
html.adl-js .adl-ch{
  transition:opacity .6s var(--adl-ease), transform .8s var(--adl-ease), filter .6s var(--adl-ease);
}
html.adl-js .adl-hero:not(.is-ready) .adl-hero__t .adl-ch,
html.adl-js .adl-split:not(.is-ch):not(.adl-hero__t) .adl-ch{
  opacity:0;transform:translateY(.42em) rotateX(-78deg) scale(.94);filter:blur(9px);
}
html.adl-js [data-rv].is-in .adl-split .adl-ch{opacity:1;transform:none;filter:none;}
.adl-hero__t{perspective:800px;}
.adl-split{perspective:800px;}

/* ---------- ヒーロー背景の粒と線 ---------- */
.adl-net{position:absolute;inset:0;display:block;width:100%;height:100%;}

/* ---------- 上端のスクロールの進み ---------- */
.adl-prog{
  position:fixed;top:0;left:0;width:100%;height:3px;z-index:1000;pointer-events:none;
  background:linear-gradient(90deg,#1AC2F1,#7CE4FF);
  transform:scaleX(0);transform-origin:left;
  box-shadow:0 0 14px rgba(26,194,241,.6);
}

/* ---------- 下へどうぞの合図 ---------- */
.adl-cue{
  position:relative;display:block;width:24px;height:46px;margin:-44px auto 18px;
  transition:opacity .45s var(--adl-ease);
}
.adl-cue i{
  position:absolute;left:50%;top:0;width:2px;height:30px;margin-left:-1px;
  background:linear-gradient(rgba(26,194,241,0),var(--adl-cy));
}
.adl-cue::after{
  content:"";position:absolute;left:50%;bottom:4px;width:9px;height:9px;margin-left:-5px;
  border-right:2px solid var(--adl-cy);border-bottom:2px solid var(--adl-cy);
  transform:rotate(45deg);animation:adl-bob 1.9s ease-in-out infinite;
}
@keyframes adl-bob{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.45;}50%{transform:rotate(45deg) translate(4px,4px);opacity:1;}}

/* ---------- 数字。数え上げの間だけぶれてぼける ---------- */
.adl-stat__n b{display:inline-block;}
.adl-stat__n b.is-rolling{filter:blur(var(--blur,0px));transform:translateY(var(--shift,0px));}
.adl-stat__n b.is-landed{animation:adl-pop .6s var(--adl-ease);}
@keyframes adl-pop{0%{transform:scale(1);}28%{transform:scale(1.18);}62%{transform:scale(.97);}100%{transform:scale(1);}}

/* ---------- 見出しは水色の帯が走ってから出る ---------- */
html.adl-js .adl-h2[data-wipe]{position:relative;display:inline-block;opacity:0;}
html.adl-js .adl-h2[data-wipe]::after{
  content:"";position:absolute;left:-.08em;right:-.08em;top:6%;bottom:6%;
  background:var(--adl-cy);transform:scaleX(0);transform-origin:left;
}
html.adl-js .adl-h2[data-wipe].is-wipe,
html.adl-js .adl-head.is-in .adl-h2[data-wipe]{animation:adl-h2in .01s .33s forwards;}
html.adl-js .adl-h2[data-wipe].is-wipe::after,
html.adl-js .adl-head.is-in .adl-h2[data-wipe]::after{animation:adl-wipe .74s var(--adl-ease) forwards;}
@keyframes adl-h2in{to{opacity:1;}}
@keyframes adl-wipe{
  0%{transform:scaleX(0);transform-origin:left;}
  46%{transform:scaleX(1);transform-origin:left;}
  54%{transform:scaleX(1);transform-origin:right;}
  100%{transform:scaleX(0);transform-origin:right;}
}

/* ---------- カードは起き上がって出る／カーソルで傾く ---------- */
html.adl-js .adl .adl-card,
html.adl-js .adl .adl-term,
html.adl-js .adl .adl-reader,
html.adl-js .adl .adl-merit{
  opacity:0;
  transform:perspective(900px) rotateX(13deg) rotateY(0deg) translateY(38px) scale(.965);
  transition:opacity .8s var(--adl-ease), transform .8s var(--adl-ease),
             background-color .35s, box-shadow .45s var(--adl-ease);
}
html.adl-js .adl .adl-card.is-in,
html.adl-js .adl .adl-term.is-in,
html.adl-js .adl .adl-reader.is-in,
html.adl-js .adl .adl-merit.is-in{
  opacity:1;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))
            translateY(var(--lift,0px)) scale(1);
}
html.adl-js .adl .adl-card.is-in,
html.adl-js .adl .adl-term.is-in{transition-duration:.8s,.42s,.35s,.45s;}

/* カーソルを光が追う */
.adl-card,.adl-term,.adl-affi,.adl-merit{position:relative;}
.adl-card::after,.adl-term::after,.adl-affi::after,.adl-merit::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), rgba(26,194,241,.15), transparent 62%);
}
.adl-merit::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), rgba(26,194,241,.22), transparent 64%);}
.adl-card:hover::after,.adl-term:hover::after,.adl-affi:hover::after,.adl-merit:hover::after{opacity:1;}

/* ---------- 濃紺のセクションはカーソルの周りが光る ---------- */
.adl-sec--ink::after,.adl-cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  opacity:var(--go,0);transition:opacity .5s;
  background:radial-gradient(520px circle at var(--gx,50%) var(--gy,50%), rgba(26,194,241,.14), transparent 64%);
}

/* ---------- ボタンの光沢 ---------- */
.adl-btn::before{
  content:"";position:absolute;top:0;left:0;width:70%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:translateX(-250%) skewX(-20deg);
}
.adl-btn:hover::before{animation:adl-shine .9s var(--adl-ease);}
@keyframes adl-shine{
  from{transform:translateX(-250%) skewX(-20deg);}
  to{transform:translateX(230%) skewX(-20deg);}
}
.adl .adl-form input[type="submit"]:hover{
  background-image:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.5) 46%,transparent 62%);
  background-size:260% 100%;animation:adl-shine2 .9s var(--adl-ease) 1 forwards;
}
@keyframes adl-shine2{from{background-position:180% 0;}to{background-position:-70% 0;}}

/* ---------- 流れの線を光が走り抜ける ---------- */
.adl-step::before{
  content:"";position:absolute;left:62px;top:25px;width:46px;height:3px;z-index:2;
  background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;pointer-events:none;
}
.adl-step:last-child::before{content:none;}
.adl-flow.is-in .adl-step::before{animation:adl-run .95s var(--adl-ease) forwards;}
.adl-flow.is-in .adl-step:nth-child(2)::before{animation-delay:.3s;}
.adl-flow.is-in .adl-step:nth-child(3)::before{animation-delay:.6s;}
.adl-flow.is-in .adl-step:nth-child(4)::before{animation-delay:.9s;}
.adl-flow.is-in .adl-step:nth-child(5)::before{animation-delay:1.2s;}
@keyframes adl-run{
  0%{opacity:0;transform:translateX(-16px);}
  18%{opacity:.95;}
  100%{opacity:0;transform:translateX(150px);}
}

/* ---------- 入力欄は下線が左から伸びる ---------- */
.adl .adl-form .wpcf7-form-control-wrap{position:relative;display:block;}
.adl .adl-form .wpcf7-form-control-wrap::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--adl-cy);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--adl-ease);pointer-events:none;
}
.adl .adl-form .wpcf7-form-control-wrap:focus-within::after{transform:scaleX(1);}

/* ---------- チェックの面は押すと沈む ---------- */
.adl .adl-form .wpcf7-list-item:active{transform:scale(.96);}


/* ---------- セクションの上端を光が走り抜ける ---------- */
.adl-sec::before,.adl-cta::before{z-index:2;}
.adl-sec::before{
  content:"";position:absolute;left:0;top:0;width:34%;height:2px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,#1AC2F1,transparent);
}
html.adl-js .adl-sec.is-lit::before{animation:adl-edge 1.6s var(--adl-ease) forwards;}
@keyframes adl-edge{
  0%{opacity:0;transform:translateX(-110%);}
  12%{opacity:1;}
  84%{opacity:1;}
  100%{opacity:0;transform:translateX(305%);}
}

/* ---------- サイト画面のモックを光が走査する ---------- */
.adl-mock__pc::after{
  content:"";position:absolute;left:0;right:0;top:0;height:130px;pointer-events:none;
  background:linear-gradient(rgba(26,194,241,0),rgba(26,194,241,.2),rgba(26,194,241,0));
  transform:translateY(-150px);
}
html.adl-js .adl-hero.is-ready .adl-mock__pc::after{animation:adl-scan 5.5s 1.4s ease-in-out infinite;}
@keyframes adl-scan{
  0%{transform:translateY(-150px);opacity:0;}
  8%{opacity:1;}
  72%{opacity:1;}
  80%,100%{transform:translateY(520px);opacity:0;}
}

/* ---------- 押したときの波紋 ---------- */
.adl-rip{
  position:absolute;width:14px;height:14px;border-radius:50%;pointer-events:none;
  background:rgba(255,255,255,.6);transform:translate(-50%,-50%) scale(0);
  animation:adl-rip .68s ease-out forwards;
}
@keyframes adl-rip{to{transform:translate(-50%,-50%) scale(22);opacity:0;}}

/* ---------- 入れ終わった欄は「必須」が水色に変わる ---------- */
.adl .adl-form .CF7_req{transition:background-color .3s, color .3s;}
.adl .adl-form .CF7_req.adl-ok{background:var(--adl-cy);color:#062B3A;}
.adl .adl-form .CF7_req.adl-ok::before{
  content:"";width:5px;height:9px;margin-right:5px;
  border-right:2px solid #062B3A;border-bottom:2px solid #062B3A;
  transform:rotate(42deg) translateY(-1px);
}

/* ---------- よくある質問を開くと左に水色のバーが伸びる ---------- */
.adl-qa{position:relative;}
.adl-qa::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--adl-cy);
  transform:scaleY(0);transform-origin:center;transition:transform .38s var(--adl-ease);
}
.adl-qa.is-open::before{transform:scaleY(1);}


/* ============================================================
   ここから 2026-08-31 に足したセクション
   ============================================================ */

/* ---------- ヒーロー：読んでいる人が入れ替わる ---------- */
.adl-rot{
  margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font-size:14.5px;color:rgba(255,255,255,.6);
}
.adl-rot__lb{flex:0 0 auto;letter-spacing:.02em;}
.adl-rot__box{
  position:relative;display:inline-block;min-width:20em;height:1.9em;overflow:hidden;vertical-align:middle;
}
.adl-rot__box b{
  position:absolute;left:0;top:0;white-space:nowrap;font-size:16px;font-weight:700;color:var(--adl-cy);
  opacity:0;transform:translateY(100%);
  transition:opacity .5s var(--adl-ease), transform .5s var(--adl-ease);
}
.adl-rot__box b.is-on{opacity:1;transform:translateY(0);}
.adl-rot__box b.is-out{opacity:0;transform:translateY(-100%);}
html:not(.adl-js) .adl-rot__box{height:auto;min-width:0;}
html:not(.adl-js) .adl-rot__box b{position:static;opacity:1;transform:none;}
html:not(.adl-js) .adl-rot__box b + b{display:none;}

/* ---------- 数字の下のゲージ ---------- */
.adl-stat__bar{display:block;margin-top:11px;height:3px;background:rgba(255,255,255,.13);}
.adl-stat__bar i{
  display:block;height:100%;width:var(--w,100%);background:var(--adl-cy);transform-origin:left;
  transition:transform 1.5s .25s var(--adl-ease);
}
html.adl-js .adl-stats:not(.is-in) .adl-stat__bar i{transform:scaleX(0);}

/* ---------- 流れる帯 ---------- */
.adl-mq{background:var(--adl-ink2);padding:16px 0;overflow:hidden;position:relative;}
.adl-mq::before,.adl-mq::after{
  content:"";position:absolute;top:0;bottom:0;width:130px;z-index:2;pointer-events:none;
}
.adl-mq::before{left:0;background:linear-gradient(90deg,var(--adl-ink2),transparent);}
.adl-mq::after{right:0;background:linear-gradient(270deg,var(--adl-ink2),transparent);}
.adl-mq__row{overflow:hidden;}
.adl-mq__row + .adl-mq__row{margin-top:4px;}
.adl-mq__track{display:flex;width:max-content;}
html.adl-js .adl-mq__track{animation:adl-mqx 42s linear infinite;}
html.adl-js .adl-mq__row--rev .adl-mq__track{animation-duration:52s;animation-direction:reverse;}
.adl-mq__track span{
  padding:0 22px;font-family:var(--ai-jp);font-size:23px;font-weight:900;line-height:1.5;
  color:rgba(255,255,255,.19);white-space:nowrap;
}
.adl-mq__row--rev .adl-mq__track span{color:rgba(26,194,241,.27);font-size:20px;}
@keyframes adl-mqx{to{transform:translateX(-50%);}}

/* ---------- 01 ここに載せる意味。縁を光が回る ---------- */
.adl-why{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.adl-beam{
  position:relative;padding:44px 34px 36px;background:#fff;
  box-shadow:var(--adl-sh);overflow:hidden;isolation:isolate;
}
.adl-beam::before{
  content:"";position:absolute;left:50%;top:50%;width:200%;height:200%;z-index:0;
  transform:translate(-50%,-50%);
  background:conic-gradient(from 0deg, transparent 0 72%, rgba(26,194,241,.95) 82%, transparent 88%);
}
html.adl-js .adl-beam.is-in::before{animation:adl-spin 5.2s linear infinite;}
.adl-beam::after{content:"";position:absolute;inset:2px;background:#fff;z-index:1;}
.adl-beam > *{position:relative;z-index:2;}
@keyframes adl-spin{to{transform:translate(-50%,-50%) rotate(360deg);}}
.adl-beam__no{
  display:block;font-family:var(--ai-num);font-size:15px;font-weight:700;
  color:var(--adl-cy-d);letter-spacing:.06em;margin-bottom:16px;
}
.adl-beam__t{font-size:23px;line-height:1.5;margin-bottom:16px;}
.adl-beam{padding-top:38px;}
.adl-beam__d{font-size:14.5px;line-height:1.95;color:var(--adl-muted);}
.adl-beam__pt{
  margin-top:22px;padding:13px 18px;background:var(--adl-surface);
  font-size:14px;font-weight:700;color:#2C4759;
}
.adl-beam__pt b{font-family:var(--ai-num);font-size:19px;color:var(--adl-cy-d);margin-right:6px;}

/* ---------- こんな企業から ---------- */
.adl-fit{margin-top:44px;background:var(--adl-ink);padding:38px 40px;}
.adl-fit__t{font-size:17px;font-weight:700;color:#fff;margin-bottom:20px;}
.adl-fit__list{display:flex;flex-wrap:wrap;gap:9px;}
.adl-fit__list li{
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);
  font-size:14px;font-weight:700;padding:11px 17px;line-height:1;
  transition:background-color .3s, color .3s, transform .3s var(--adl-ease);
}
.adl-fit__list li:hover{background:var(--adl-cy);color:#062B3A;transform:translateY(-3px);}

/* ---------- どこに出るか ---------- */
.adl-spot{
  margin-top:26px;background:#fff;box-shadow:var(--adl-sh);
  display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;
}
.adl-spot__l{padding:44px 40px;}
.adl-spot__t{font-size:26px;margin:0 0 14px;}
.adl-spot__d{font-size:15px;line-height:1.95;color:var(--adl-muted);margin-bottom:24px;}
.adl-spot__list li{
  display:flex;align-items:center;padding:14px 18px;cursor:default;
  background:var(--adl-surface);font-size:15px;font-weight:700;
  transition:background-color .3s, color .3s, transform .3s var(--adl-ease);
}
.adl-spot__list li + li{margin-top:8px;}
.adl-spot__list li b{
  font-family:var(--ai-num);font-size:13px;color:var(--adl-cy-d);letter-spacing:.06em;flex:0 0 auto;
  transition:color .3s;
}
.adl-spot__list li.is-on{background:var(--adl-ink);color:#fff;transform:translateX(6px);}
.adl-spot__list li.is-on b{color:var(--adl-cy);}
.adl-spot__r{padding:34px 40px 34px 0;}
.adl-spot__shot{position:relative;box-shadow:0 18px 44px rgba(11,26,43,.18);}
.adl-spot__box{
  position:absolute;opacity:0;transition:opacity .45s var(--adl-ease);
  background:rgba(26,194,241,.16);box-shadow:inset 0 0 0 3px var(--adl-cy);
}
.adl-spot__box i{
  position:absolute;left:0;top:0;background:var(--adl-cy);color:#062B3A;
  font-family:var(--ai-num);font-size:12px;font-weight:700;font-style:normal;
  padding:4px 8px;line-height:1;
}
.adl-spot__box.is-on{opacity:1;}
.adl-spot__box--1{left:6.5%;top:23%;width:61%;height:56%;}
.adl-spot__box--2{left:68.5%;top:22%;width:24.5%;height:70%;}
.adl-spot__box--3{left:6.5%;top:81%;width:61%;height:17%;}
html:not(.adl-js) .adl-spot__box{opacity:1;}

/* ---------- 04 他の広告との違い ---------- */
.adl-cmp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.adl-cmp__t{width:100%;min-width:720px;border-collapse:collapse;background:#fff;box-shadow:var(--adl-sh);}
.adl-cmp__t th,.adl-cmp__t td{padding:20px 22px;text-align:left;font-size:14.5px;line-height:1.75;border:0;}
.adl-cmp__t thead th{background:var(--adl-ink);color:#fff;font-size:14px;font-weight:700;}
.adl-cmp__t thead th.adl-cmp__h{background:var(--adl-ink);width:19%;}
.adl-cmp__t thead th.adl-cmp__own{background:var(--adl-cy);color:#062B3A;font-size:15px;}
.adl-cmp__t tbody th{background:var(--adl-surface);font-weight:700;color:var(--adl-text);width:19%;}
.adl-cmp__t tbody td{color:var(--adl-muted);}
.adl-cmp__t tbody tr:nth-child(even) th{background:#E8EFF4;}
.adl-cmp__t tbody tr:nth-child(even) td{background:#FAFCFD;}
.adl-cmp__t tbody td.adl-cmp__own{
  background:rgba(26,194,241,.1)!important;color:#075A78;font-weight:700;position:relative;
}
.adl-cmp__t tbody tr:hover td{background:#F4F9FC;}
.adl-cmp__t tbody tr:hover td.adl-cmp__own{background:rgba(26,194,241,.18)!important;}
html.adl-js .adl-cmp tbody tr{opacity:0;transform:translateY(18px);
  transition:opacity .6s var(--adl-ease), transform .6s var(--adl-ease);}
html.adl-js .adl-cmp.is-in tbody tr{opacity:1;transform:none;}
html.adl-js .adl-cmp.is-in tbody tr:nth-child(1){transition-delay:.05s;}
html.adl-js .adl-cmp.is-in tbody tr:nth-child(2){transition-delay:.15s;}
html.adl-js .adl-cmp.is-in tbody tr:nth-child(3){transition-delay:.25s;}
html.adl-js .adl-cmp.is-in tbody tr:nth-child(4){transition-delay:.35s;}
html.adl-js .adl-cmp.is-in tbody tr:nth-child(5){transition-delay:.45s;}

/* ---------- 記事の仕上がり ---------- */
.adl-samp{margin-top:56px;}
.adl-samp__lb{
  font-size:15px;font-weight:700;color:var(--adl-cy);margin-bottom:20px;
  display:flex;align-items:center;gap:12px;
}
.adl-samp__lb::after{content:"";flex:1;height:2px;background:rgba(26,194,241,.24);}
.adl-samp__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.adl-shot{margin:0;}
.adl-shot img{width:100%;box-shadow:0 20px 48px rgba(0,0,0,.42);}
html.adl-js .adl-shot img{clip-path:inset(0 0 100% 0);transition:clip-path 1.05s var(--adl-ease);}
html.adl-js .adl-shot.is-in img{clip-path:inset(0 0 0 0);}
.adl-shot figcaption{margin-top:12px;font-size:13.5px;color:rgba(255,255,255,.6);}

/* ---------- 枠の数 ---------- */
.adl-limit{
  margin-top:30px;padding:22px 26px;background:var(--adl-ink);color:rgba(255,255,255,.82);
  font-size:15px;line-height:1.9;
}
.adl-limit b{color:var(--adl-cy);}

/* ---------- CTAの3点 ---------- */
.adl-cta__pts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px;}
.adl-cta__pts li{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.09);color:#fff;font-size:14px;font-weight:700;padding:11px 18px;line-height:1;
}
.adl-cta__pts li::before{
  content:"";width:5px;height:9px;border-right:2px solid var(--adl-cy);border-bottom:2px solid var(--adl-cy);
  transform:rotate(42deg) translateY(-1px);
}

/* ---------- 脈打つボタン ---------- */
html.adl-js .adl-pulse::before{animation:adl-sweep 4.6s 2.4s linear infinite;}
html.adl-js .adl-pulse:hover::before{animation:adl-shine .9s var(--adl-ease);}
@keyframes adl-sweep{
  0%{transform:translateX(-250%) skewX(-20deg);}
  20%{transform:translateX(230%) skewX(-20deg);}
  100%{transform:translateX(230%) skewX(-20deg);}
}

/* ============================================================
   画面幅ごとの調整
   ============================================================ */
@media (max-width:1080px){
  .adl-hero__in{grid-template-columns:1fr;gap:48px;padding:76px 24px 68px;}
  .adl-hero__t{font-size:46px;}
  .adl-hero__r{max-width:620px;}
  .adl-mock__sp{width:118px;right:-6px;}
  .adl-readers{grid-template-columns:repeat(2,1fr);}
  .adl-why{grid-template-columns:1fr;}
  .adl-spot{grid-template-columns:1fr;}
  .adl-spot__r{padding:0 40px 40px;}
  .adl-samp__grid{grid-template-columns:1fr;}
  .adl-menu{grid-template-columns:1fr;}
  .adl-affi{grid-template-columns:1fr;}
  .adl-merits{grid-template-columns:1fr;}
  .adl-terms{grid-template-columns:1fr;}
  .adl-flow{grid-template-columns:repeat(3,1fr);gap:36px 2px;}
  .adl-step::after{content:none;}
  .adl-step__t{min-height:0;}
}
@media (max-width:860px){
  .adl-sec{padding:76px 0;}
  .adl-in{padding:0 20px;}
  .adl-head{margin-bottom:40px;}
  .adl-head__lb{margin-bottom:14px;}
  .adl-h2{font-size:29px;}
  .adl-head__d{font-size:15px;}
  .adl-hero__in{padding:60px 20px 56px;}
  .adl-hero__t{font-size:34px;line-height:1.4;}
  .adl-hero__d{font-size:15.5px;margin-top:20px;}
  .adl-hero__cta{margin-top:30px;gap:10px;}
  .adl-btn{height:56px;padding:0 24px;font-size:15px;flex:1 1 100%;}
  .adl-stats__in{grid-template-columns:repeat(2,1fr);gap:22px 18px;padding:30px 20px;}
  .adl-stat__n b{font-size:30px;}
  .adl-mock__sp{width:96px;bottom:6px;}
  .adl-punch__t{font-size:25px;}
  .adl-punch__d{font-size:14.5px;}
  .adl-punch__d br{display:none;}
  .adl-flow{grid-template-columns:1fr;gap:0;}
  .adl-step{display:grid;grid-template-columns:54px 1fr;column-gap:20px;padding:0 0 26px;}
  .adl-step__no{width:54px;height:54px;grid-row:1 / span 2;}
  .adl-step__t{margin:0 0 8px;align-self:center;}
  .adl-step__d{grid-column:2;}
  .adl-affi__l,.adl-affi__r{padding:34px 26px;}
  .adl-beam{padding:34px 26px 30px;}
  .adl-beam__t{font-size:20px;}
  .adl-fit{padding:30px 24px;}
  .adl-spot__l{padding:34px 24px;}
  .adl-spot__r{padding:0 24px 30px;}
  .adl-rot{margin-top:16px;gap:8px;}
  .adl-rot__box{min-width:0;width:100%;height:1.7em;}
  .adl-rot__box b{font-size:15px;}
  .adl-mq__track span{font-size:18px;padding:0 15px;}
  .adl-mq__row--rev .adl-mq__track span{font-size:16px;}
  .adl-mq::before,.adl-mq::after{width:56px;}
  .adl-samp{margin-top:40px;}
  .adl-limit{padding:20px 22px;font-size:14px;}
  .adl-cta__pts li{font-size:13px;padding:10px 14px;}
  .adl-cta{padding:76px 0 96px;}
  .adl-cta__t{font-size:27px;}
  .adl-cta__d{font-size:15px;}
  .adl .adl-form{padding:32px 22px 38px;}
  .adl-qa__q{padding:20px 20px;font-size:15.5px;gap:12px;}
  .adl-qa__a p{padding:0 20px 22px 46px;font-size:14.5px;}
  .adl-bar{display:block;}
  .adl-reader{padding:30px 22px 28px;}
  .adl-card{padding:34px 26px 30px;}
}
@media (max-width:480px){
  .adl-hero__t{font-size:29px;}
  .adl-readers{grid-template-columns:1fr;gap:3px;}
}

/* ============================================================
   動きを減らす設定にしている人には動かさない
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .adl *,.adl *::before,.adl *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .adl [data-rv]{opacity:1!important;transform:none!important;}
  .adl .adl-card,.adl .adl-term,.adl .adl-reader,.adl .adl-merit{opacity:1!important;transform:none!important;}
  .adl-ch{opacity:1!important;transform:none!important;filter:none!important;}
  .adl-h2[data-wipe]{opacity:1!important;}
  .adl-h2[data-wipe]::after{display:none!important;}
  .adl-punch__t{-webkit-text-fill-color:#fff!important;color:#fff!important;background:none!important;}
  .adl-net,.adl-prog,.adl-cue{display:none!important;}
  .adl-sec::before,.adl-mock__pc::after{display:none!important;}
  .adl-mq__track{animation:none!important;}
  .adl-beam::before{display:none!important;}
  .adl-beam::after{inset:0!important;}
  .adl-shot img{clip-path:none!important;}
  .adl-cmp tbody tr{opacity:1!important;transform:none!important;}
  .adl-pulse::before{animation:none!important;}
  .adl-spot__box{opacity:1!important;}
  .adl-step::before{display:none!important;}
  .adl-hero__d,.adl-hero__cta,.adl-hero__note,.adl-mock{opacity:1!important;transform:none!important;}
  .adl-hero__bg span{animation:none!important;}
  .adl-mock__sp{animation:none!important;}
}