/* A3 インディゴ×シアン：レイアウトはAのまま、配色と見出しの書体を変えた版 */
.ord-lp-root.ord-skin-a3 {
  --ord-bg:#f4f4fa; --ord-band:#f4f4fa; --ord-surface-2:#f9f9fd; --ord-line:#dedced;
  --ord-primary:#27235e; --ord-primary-deep:#1b1845; --ord-accent:#2dd4e8; --ord-accent-ink:#0b2b33; --ord-accent-text:#0e7c8c;
  --ord-hero-bg:#27235e; --ord-hero-muted:#cdcbe6;
  --ord-font-head:"Murecho", sans-serif;
}
.ord-lp-root.ord-skin-a3 { --ord-shadow:0 1px 0 rgba(20,49,77,.04); }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero::after {
  content:"%"; position:absolute; right:max(-40px, calc(50vw - 640px)); bottom:-120px; font-family:var(--ord-font-head);
  font-size:520px; line-height:1; color:color-mix(in srgb, var(--ord-accent) 14%, transparent); pointer-events:none;
}
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero .ord-hero-title { max-width: 820px; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero .ord-hero-date { display:inline-block; border:1px solid color-mix(in srgb, var(--ord-accent) 70%, transparent); color:var(--ord-accent); border-radius:999px; padding:2px 14px; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 h2.wp-block-heading { padding-bottom:14px !important; background:linear-gradient(var(--ord-accent),var(--ord-accent)) left bottom / 64px 4px no-repeat !important; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 h3.wp-block-heading { padding-left:14px !important; border-left:4px solid var(--ord-primary) !important; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-card { border-top:5px solid var(--ord-accent); padding-top:36px !important; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-card::before {
  position:absolute; top:-22px; left:24px; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-family:var(--ord-font-head); font-size:20px; background:var(--ord-primary); color:var(--ord-accent); border:3px solid var(--ord-accent);
}
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-1::before { content:"1"; } .ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-2::before { content:"2"; } .ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-3::before { content:"3"; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero > * { position:relative; z-index:1; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero .ord-hero-date { margin-bottom:18px; }

body:has(.ord-lp-root.ord-skin-a3) { background: #f4f4fa; }

/* 背景色はページ全体で統一し、セクションの区切りは細い線で示す */
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-sec,
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-sec:nth-of-type(even) { background: var(--ord-bg); }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-sec + .ord-sec::after {
  content: ""; position: absolute; top: 0; left: 50%; width: min(var(--ord-wrap), calc(100vw - 40px)); transform: translateX(-50%); border-top: 1px solid var(--ord-line);
}
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero::after { right: auto; left: 50%; transform: translateX(160px); bottom: -180px; opacity: .8; }
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero .ord-hero-title,
.ord-lp-root.ord-skin-a3.ord-skin-a3 h2.wp-block-heading,
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-rank-card::before,
.ord-lp-root.ord-skin-a3.ord-skin-a3 .ord-hero .ord-hero-pick::before { font-weight: 900; }