/* ==========================================================
   altruloop メディアトップ（altruloop.com/）
   - クラス接頭辞 .am- で既存テーマと衝突しないようにしています
   ========================================================== */
:root{
  --am-navy:#003885;
  --am-orange:#FF7F00;
  --am-ink:#1C2635;
  --am-sub:#5B6779;
  --am-line:#DDE3EB;
  --am-loop:#A8C1E6;
  --am-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --am-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --am-wrap:1200px;
  --am-thumb:1200/630;   /* 記事アイキャッチの比率（SWELLのアイキャッチと同じ 1200×630）。サイズを変えたらここだけ変更 */
}
.am{font-family:var(--am-sans);color:var(--am-ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased;margin:0}
.am *:not(.am-swl *),.am *:not(.am-swl *)::before,.am *:not(.am-swl *)::after{box-sizing:border-box}
:where(.am) a:not(.post_content *, .am-swl *){color:inherit;text-decoration:none}
/* テーマ（SWELL等）の見出し・段落・リストの装飾を、このページの中だけ打ち消す */
:where(.am) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote):not(.post_content *, .am-swl *){margin:0;padding:0;color:inherit;font-family:inherit;background:none;border:0;box-shadow:none;letter-spacing:inherit}
:where(.am) :where(h1,h2,h3,h4,h5,h6):not(.post_content *, .am-swl *)::before,:where(.am) :where(h1,h2,h3,h4,h5,h6):not(.post_content *, .am-swl *)::after{content:none}
:where(.am) a:not(.post_content *, .am-swl *){box-shadow:none}
.am :where(button,input){font-family:inherit}
:where(.am) img:not(.post_content *, .am-swl *){max-width:100%;display:block}
:where(.am) :where(ul,ol):not(.post_content *, .am-swl *){list-style:none;margin:0;padding:0}
:where(.am) :where(h1,h2,h3,h4,p):not(.post_content *, .am-swl *){margin:0}
.am h1,.am h2,.am h3,.am h4{word-break:auto-phrase}
.am a:focus-visible,.am button:focus-visible,.am input:focus-visible{outline:2px solid var(--am-orange);outline-offset:3px}
.am-wrap{max-width:var(--am-wrap);margin:0 auto;padding:0 32px}

/* ---------- 画像枠（差し替え用プレースホルダー） ---------- */
.am-ph{position:relative;overflow:hidden;background-color:#fff;
  background-image:repeating-linear-gradient(135deg,#E8EDF4 0 1px,transparent 1px 11px);
  border:1px solid #E3E8EF;display:grid;place-items:center;color:#8A97AB;font-size:12px;letter-spacing:.05em}
.am-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.am-r-thumb{aspect-ratio:var(--am-thumb)}
.am-r-16x10{aspect-ratio:16/10}
.am-r-16x9{aspect-ratio:16/9}
.am-r-4x5{aspect-ratio:4/5}
.am-r-3x4{aspect-ratio:3/4}
.am-r-1x1{aspect-ratio:1/1}

/* ---------- 共通パーツ ---------- */
.am-label{display:inline-block;font-size:11px;font-weight:700;line-height:1.4;color:#fff;background:var(--am-navy);padding:3px 8px;letter-spacing:.04em}
.am-new{display:inline-block;font-size:11px;font-weight:700;color:var(--am-orange)}
.am-meta{font-size:12px;color:var(--am-sub)}
.am-meta__cat{display:inline-block;font-size:12px;font-weight:700;color:var(--am-navy);margin-right:10px}
.am-rank .am-meta__cat{display:block;margin:0}
.am-more{font-size:13px;font-weight:700;color:var(--am-navy);border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.am-more:hover{color:var(--am-orange)}
.am-serif{font-family:var(--am-serif)}

/* セクション見出し：文字の後ろに淡い青のループをペンで描く */
.am-sec{padding:96px 0}
.am-sec--rule{border-top:1px solid var(--am-line)}
.am-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.am-sec-title{display:flex;align-items:center;gap:14px;font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:.06em;line-height:1.4}
/* 見出しの印：ロゴと同じ「紺とオレンジの2つの輪」。画面に入ると描かれる */
.am-mark{flex:0 0 auto;width:40px;height:24px;overflow:visible}
.am-mark circle{fill:none;stroke-width:3.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.35,1)}
.am-mark .r1{stroke:var(--am-navy)}
.am-mark .r2{stroke:var(--am-orange);transition-delay:.25s}
.am-sec-title.is-drawn .am-mark circle{stroke-dashoffset:0}
.am-sec-sub{font-size:13px;color:var(--am-sub);margin-top:12px}

/* ---------- ヘッダー ---------- */
.am-topbar{background:var(--am-navy);color:#fff}
.am-topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px;font-size:12px;letter-spacing:.04em}
.am-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--am-line)}
.am-header__inner{display:flex;align-items:center;gap:32px;height:72px}
.am a.am-logo{flex:0 0 auto;display:block;color:var(--am-navy);line-height:0}
.am-logo svg{height:38px;width:auto;display:block}
.am-nav{flex:1;min-width:0;align-self:stretch}
.am-nav ul{display:flex;height:100%;overflow-x:auto;scrollbar-width:none}
.am-nav ul::-webkit-scrollbar{display:none}
.am-nav a{display:flex;align-items:center;height:100%;padding:0 13px;font-size:14px;font-weight:500;white-space:nowrap;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:color .2s}
.am-nav a:hover{color:var(--am-navy)}
.am-nav a[aria-current="page"]{border-bottom-color:var(--am-navy);color:var(--am-navy);font-weight:700}
.am-tools{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.am-search-toggle{border:0;background:none;padding:8px;cursor:pointer;color:var(--am-ink);display:grid;place-items:center}
.am-search-toggle:hover,.am-search-toggle[aria-expanded="true"]{color:var(--am-navy)}
.am-consult{display:inline-block;background:var(--am-orange);color:#fff !important;font-weight:700;font-size:13px;padding:10px 18px;border-radius:2px;white-space:nowrap}
.am-consult:hover{background:#E56F00}
.am-searchbar{border-top:1px solid var(--am-line);background:#fff}
.am-searchbar__form{display:flex;gap:12px;padding-top:16px;padding-bottom:16px}
.am-searchbar input{flex:1;min-width:0;border:0;border-bottom:2px solid var(--am-navy);font:inherit;font-size:16px;padding:8px 2px;background:transparent;color:var(--am-ink)}
.am-searchbar button{border:0;background:var(--am-navy);color:#fff;font:inherit;font-size:14px;font-weight:700;padding:0 24px;cursor:pointer}

/* ---------- ヒーロー ---------- */
.am-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:52px;padding-top:40px;padding-bottom:88px}
.am-hero__main:hover .am-ph img,.am-card:hover .am-ph img{transform:scale(1.03)}
.am-hero__body{padding-top:22px}
.am-hero__title{font-family:var(--am-serif);font-weight:700;font-size:clamp(22px,2.3vw,31px);line-height:1.55;letter-spacing:.01em;margin:0 0 16px}
.am-hero__main:hover .am-hero__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.am-hero__lead{font-size:15px;color:var(--am-sub);max-width:42em}
.am-hero__body .am-meta{margin-top:16px}
.am-side-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.04em;padding-bottom:14px;border-bottom:1px solid var(--am-line)}
.am-side-title .am-mark{width:30px;height:18px}
.am-side-title .am-mark circle{stroke-dashoffset:0;stroke-width:3.4}
.am-side-item{display:grid;grid-template-columns:1fr 120px;gap:18px;padding:20px 0;border-bottom:1px solid var(--am-line)}
.am-side-item h3{font-family:var(--am-serif);font-size:16px;font-weight:700;line-height:1.6;margin:8px 0 6px}
.am-side-item:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* ---------- 新着記事 ---------- */
.am-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 28px}
.am-card__body{padding-top:14px}
.am-card__title{font-family:var(--am-serif);font-size:16px;font-weight:700;line-height:1.65;margin:2px 0 8px}
.am-card:hover .am-card__title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* ---------- 特集・連載（横スクロール） ---------- */
.am-feature{border-top:1px solid var(--am-line);padding:104px 0}
.am-feature .am-sec-head{margin-bottom:36px}
.am-feature__ctrl{display:flex;align-items:center;gap:10px}
.am-feature__ctrl .am-progress{margin-right:14px}
.am-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--am-ink);background:#fff;color:var(--am-ink);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.am-arrow:hover:not(:disabled){background:var(--am-navy);border-color:var(--am-navy);color:#fff}
.am-arrow:disabled{opacity:.3;cursor:default}
.am-feature__track{--am-gutter:max(32px,calc((100vw - var(--am-wrap))/2 + 32px));display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--am-gutter);padding:0 var(--am-gutter) 4px;scrollbar-width:none;cursor:grab}
.am-feature__track::-webkit-scrollbar{display:none}
.am-feature__track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.am-feature__track.is-drag a{pointer-events:none}
.am-panel{flex:0 0 340px;display:block;scroll-snap-align:start}
.am-panel img,.am-panel .am-ph{-webkit-user-drag:none}
.am-panel__kind{font-size:12px;font-weight:700;color:var(--am-orange);margin-top:16px}
.am-panel__title{font-family:var(--am-serif);font-size:22px;font-weight:700;line-height:1.55;margin:6px 0 10px}
.am-panel__text{font-size:13px;color:var(--am-sub)}
.am-panel:hover .am-panel__title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.am-progress{width:160px;height:2px;background:var(--am-line);position:relative}
.am-progress i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--am-navy);transition:width .15s linear}

/* ---------- 対談・インタビュー ---------- */
.am-talk{display:grid;grid-template-columns:1.8fr 1fr;gap:48px}
.am-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--am-navy);display:grid;place-items:center;z-index:2;transition:background .2s}
.am-play::after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.am-play--s{width:40px;height:40px;margin:-20px 0 0 -20px}
.am-play--s::after{border-left-width:10px;border-top-width:6px;border-bottom-width:6px;margin-left:3px}
.am-time{position:absolute;right:10px;bottom:10px;z-index:2;background:var(--am-ink);color:#fff;font-size:11px;padding:2px 7px}
.am-talk__main:hover .am-play,.am-talk-item:hover .am-play{background:var(--am-orange)}
.am-talk__main h3{font-family:var(--am-serif);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.55;margin:12px 0 8px}
.am-talk__guests{font-size:13px;color:var(--am-sub)}
.am-talk-item{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--am-line)}
.am-talk-item:first-child{padding-top:0}
.am-talk-item h4{font-family:var(--am-serif);font-size:15px;font-weight:700;line-height:1.6;margin:6px 0 0}
.am-talk__side .am-more{display:inline-block;margin-top:22px}

/* ---------- カテゴリから探す ---------- */
.am-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:36px}
.am-cat{border-top:1px solid var(--am-line);padding-top:16px}
.am-cat__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.am-cat__name{font-size:19px;font-weight:700}
.am-cat__desc{font-size:12px;color:var(--am-sub);margin-bottom:16px;min-height:3.5em}
.am-cat__lead h3{font-family:var(--am-serif);font-size:15px;font-weight:700;line-height:1.6;margin:12px 0 4px}
.am-cat__lead:hover h3,.am-cat__list a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.am-cat__list{margin-top:10px}
.am-cat__list li{border-top:1px solid var(--am-line)}
.am-cat__list a{display:block;padding:12px 0;font-size:14px;line-height:1.6}

/* ---------- ランキング・資料ダウンロード ---------- */
.am-split{display:grid;grid-template-columns:1.25fr 1fr;gap:72px}
.am-rank li{border-bottom:1px solid var(--am-line)}
.am-rank a{display:grid;grid-template-columns:56px 1fr 104px;gap:18px;align-items:center;padding:16px 0}
.am-rank__no{font-family:var(--am-serif);font-size:40px;font-weight:600;color:var(--am-navy);line-height:1}
.am-rank h3{font-family:var(--am-serif);font-size:15px;font-weight:700;line-height:1.6;margin-top:6px}
.am-rank a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.am-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.am-doc__vol{font-size:12px;color:var(--am-orange);font-weight:700;margin-top:12px}
.am-doc h3{font-size:14px;font-weight:700;line-height:1.6;margin:4px 0 10px}
.am-doc .am-more{font-size:12px}


/* ---------- メディアについて（紺） ---------- */
.am-about{position:relative;overflow:hidden;background:var(--am-navy);color:#fff;padding:96px 0}
.am-about__loop{position:absolute;right:-120px;top:-40px;width:760px;height:auto;opacity:.22;pointer-events:none}
.am-about__loop path{fill:none;stroke:#8FB0E3;stroke-width:3;stroke-linecap:round}
.am-about__inner{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end}
.am-about__kicker{font-size:13px;opacity:.75}
.am-about h2{font-family:var(--am-serif);font-size:clamp(24px,2.8vw,34px);line-height:1.55;margin:12px 0 20px;font-weight:700}
.am-about p.am-about__text{font-size:15px;line-height:1.9;opacity:.9;max-width:36em}
.am-about__links{display:flex;flex-direction:column;gap:14px}
.am-about__links a{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.55)}
.am-about__links a.is-primary{background:var(--am-orange);border-color:var(--am-orange)}
.am-about__links a:hover{border-color:#fff}
.am-about__links a.is-primary:hover{background:#E56F00}
.am-about__links small{font-weight:400;font-size:12px;opacity:.85}

/* ---------- フッター ---------- */
.am-footer{padding:72px 0 28px}
.am-footer__top{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start;padding-bottom:52px}
.am-footer .am-logo svg{height:46px}
.am-footer__lead{font-family:var(--am-serif);font-size:17px;font-weight:600;line-height:1.75;margin-top:22px}
.am-footer__cats{display:flex;flex-wrap:wrap;gap:16px 34px;padding-top:8px}
.am-footer__cats a{font-size:17px;font-weight:700;letter-spacing:.04em;padding-bottom:3px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.am-footer__cats a:hover{color:var(--am-navy);border-bottom-color:var(--am-navy)}
.am-footer__bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap;padding-top:22px}
.am-footer__bottom::before{content:"";position:absolute;top:0;left:32px;right:32px;border-top:1px solid var(--am-line)}
.am-footer__links{display:flex;flex-wrap:wrap;gap:6px 24px}
.am-footer__links a{font-size:12px;color:var(--am-sub)}
.am-footer__links a:hover{color:var(--am-navy)}
.am-footer__copy{font-size:12px;color:var(--am-sub)}

/* ---------- レスポンシブ ---------- */
@media (max-width:1180px){
  .am-header__inner{flex-wrap:wrap;height:auto;gap:0 24px;padding-top:14px}
  .am-tools{margin-left:auto}
  .am-nav{order:3;flex-basis:100%;height:46px;margin-top:12px;border-top:1px solid var(--am-line)}
  .am-nav li:first-child a{padding-left:0}
}
@media (max-width:1080px){
  .am-grid4{grid-template-columns:repeat(2,1fr)}
  .am-cats{grid-template-columns:repeat(2,1fr)}
  .am-split{grid-template-columns:1fr;gap:80px}
}
@media (max-width:860px){
    .am-footer__bottom::before{left:20px;right:20px}
  .am-logo svg{height:32px}
  .am-consult{padding:9px 12px;font-size:12px}
  .am-footer__top{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
  .am-footer__cats{gap:12px 24px}
  .am-footer__cats a{font-size:15px}
  .am-wrap{padding:0 20px}
  .am-consult{padding:10px 14px;font-size:12px}
        .am-hero{grid-template-columns:1fr;gap:36px;padding-top:24px;padding-bottom:64px}
  .am-talk{grid-template-columns:1fr;gap:36px}
  .am-about__inner{grid-template-columns:1fr;gap:36px}
  .am-sec{padding:72px 0}
  .am-feature{padding:76px 0}
  .am-feature__track{--am-gutter:20px}
  .am-feature__ctrl{display:none}
  .am-panel{flex-basis:78vw}
}
@media (max-width:560px){
  .am-topbar__inner p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .am-grid4{grid-template-columns:1fr 1fr;gap:32px 16px}
  .am-card__title{font-size:14px}
  .am-cats{grid-template-columns:1fr}
  .am-cat__desc{min-height:0}
  .am-docs{gap:12px}
  .am-doc h3{font-size:12px}
  .am-rank a{grid-template-columns:40px 1fr 80px;gap:12px}
  .am-rank__no{font-size:30px}
  .am-side-item{grid-template-columns:1fr 96px}
  .am-talk-item{grid-template-columns:120px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .am-mark circle{transition:none;stroke-dashoffset:0}
  .am-ph img{transition:none}
}

/* ==========================================================
   スクロール演出・追従（JSが .am-anim を付けたときだけ有効。
   JSが動かない環境や「視差効果を減らす」設定では通常表示のまま）
   ========================================================== */

/* ヘッダー：下にスクロールで隠れ、上に戻すと出てくる＋読了ライン */
.am-header{transition:transform .45s cubic-bezier(.65,0,.35,1)}
.am-header.is-hidden{transform:translateY(-100%)}
.am-readline{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--am-orange);transform-origin:left;transform:scaleX(0);pointer-events:none}

/* 見出し：ループ線と同時に文字を左から描き出す */
.am-anim .am-sec-title span{clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.77,0,.18,1) .15s}
.am-anim .am-sec-title.is-drawn span{clip-path:inset(0 0 0 0)}

/* 画像：紺の幕が横に引かれて現れる（中の写真は少し引きの動き） */
.am-anim .am-item .am-ph::after{content:"";position:absolute;inset:0;z-index:3;background:var(--am-navy);transform-origin:right;transform:scaleX(1);transition:transform .95s cubic-bezier(.77,0,.18,1) calc(var(--i,0) * 90ms)}
.am-anim .am-item .am-ph img{transform:scale(1.12);transition:transform 1.4s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 90ms + .2s)}
.am-anim .is-in .am-item .am-ph::after,.am-anim .am-item.is-in .am-ph::after{transform:scaleX(0)}
.am-anim .is-in .am-item .am-ph img,.am-anim .am-item.is-in .am-ph img{transform:scale(1)}
/* 文字は幕のあとに静かに出す */
.am-anim .am-item .am-txt{opacity:0;transform:translateY(10px);transition:opacity .7s ease calc(var(--i,0) * 90ms + .45s),transform .7s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 90ms + .45s)}
.am-anim .is-in .am-item .am-txt,.am-anim .am-item.is-in .am-txt{opacity:1;transform:none}
/* 特集パネルは右から流れ込む */
.am-anim .am-feature__track .am-item{opacity:0;transform:translateX(80px);transition:opacity .8s ease calc(var(--i,0) * 110ms),transform 1s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 110ms)}
.am-anim .am-feature__track.is-in .am-item{opacity:1;transform:none}
/* ランキング：番号が先に出て、記事が続く */
.am-anim .am-rank .am-rank__no{opacity:0;transform:translateY(60%);transition:opacity .6s ease calc(var(--i,0) * 110ms),transform .8s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 110ms)}
.am-anim .am-rank.is-in .am-rank__no{opacity:1;transform:none}
/* 初期状態を作る間はトランジションを止める */
.am-anim-init .am-item,.am-anim-init .am-item *,.am-anim-init .am-item .am-ph::after,.am-anim-init .am-sec-title span{transition:none !important}
/* 紺帯：大きなループ線がスクロールに合わせて描かれる */
.am-about__loop path{stroke-dasharray:1;stroke-dashoffset:var(--am-draw,0)}

/* 追従：PCではおすすめ欄・資料欄が記事の横についてくる */
@media (min-width:1081px){
  .am-hero__side,.am-split > div:last-child{position:sticky;top:96px;align-self:start;transition:top .45s cubic-bezier(.65,0,.35,1)}
  .am-head-hidden .am-hero__side,.am-head-hidden .am-split > div:last-child{top:28px}
}

/* 追従ボタン：相談ボタン＋スクロール量のリング付き「先頭へ」 */
.am-float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.am-float.is-on{opacity:1;transform:none;pointer-events:auto}
.am-float__cta{display:none;background:var(--am-orange);color:#fff !important;font-weight:700;font-size:14px;padding:14px 22px;border-radius:2px;white-space:nowrap;transition:background .2s}
.am-float__cta:hover{background:#E56F00}
.am-float.show-cta .am-float__cta{display:inline-block;animation:am-pop .45s cubic-bezier(.22,1,.36,1)}
@keyframes am-pop{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.am-float__top{position:relative;width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--am-navy);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 1px var(--am-line)}
.am-float__top svg.am-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.am-float__top svg.am-ring circle{fill:none;stroke-width:2}
.am-float__top svg.am-ring .bg{stroke:var(--am-line)}
.am-float__top svg.am-ring .fg{stroke:var(--am-navy);stroke-dasharray:1;stroke-dashoffset:1}
.am-float__top:hover{color:var(--am-orange)}
@media (max-width:860px){
  .am-float{left:12px;right:12px;bottom:12px}
  .am-float__cta{flex:1;text-align:center;padding:14px 12px}
  .am-float__top{width:48px;height:48px;flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){
  .am-header,.am-float{transition:none}
}
/* ==========================================================
   THE LOOP ダーク版（PIVOT・NewsPicks系）
   media-top.css のあとに読み込み、.am に am--dark クラスを付けると有効
   ========================================================== */
.am--dark{
  --am-bg:#0A0D14;
  --am-bg2:#121722;
  --am-deep:#003885;           /* ブランドの紺（面に使う） */
  --am-ink:#EEF1F6;
  --am-sub:#8C97A9;
  --am-line:rgba(255,255,255,.1);
  --am-navy:#9DB9E6;           /* 暗い背景の上で文字に使う紺（明るめ） */
  background:var(--am-bg);
  color:var(--am-ink);
}

/* 見出し・記事タイトルは太いゴシックで重厚に */
.am--dark .am-hero__title,.am--dark .am-card__title,.am--dark .am-side-item h3,.am--dark .am-panel__title,
.am--dark .am-talk__main h3,.am--dark .am-talk-item h4,.am--dark .am-cat__lead h3,.am--dark .am-rank h3,
.am--dark .am-about h2,.am--dark .am-footer__lead,.am--dark .am-cat__name{font-family:var(--am-sans);font-weight:700;letter-spacing:.01em}
.am--dark .am-sec-title{font-size:clamp(24px,2.4vw,32px);letter-spacing:.04em}
.am--dark .am-mark .r1{stroke:#fff}

/* 画像枠 */
.am--dark .am-ph{background-color:var(--am-bg2);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 11px);border-color:rgba(255,255,255,.06);color:#5E6878}
.am--dark.am-anim .am-item .am-ph::after{background:#1B2333}

/* ヘッダー */
.am--dark .am-topbar{background:var(--am-deep)}
.am--dark .am-header{background:rgba(10,13,20,.96);border-bottom-color:var(--am-line)}
.am--dark a.am-logo{color:#fff}
.am--dark .am-nav a{color:#C3CBD8}
.am--dark .am-nav a:hover{color:#fff}
.am--dark .am-nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--am-orange)}
.am--dark .am-search-toggle{color:#C3CBD8}
.am--dark .am-search-toggle:hover,.am--dark .am-search-toggle[aria-expanded="true"]{color:#fff}
.am--dark .am-searchbar{background:var(--am-bg)}
.am--dark .am-searchbar input{border-bottom-color:var(--am-orange);color:#fff}
.am--dark .am-searchbar button{background:var(--am-orange)}

/* ヒーロー：画像の上にタイトルを重ねる */
.am--dark .am-hero{grid-template-columns:1fr;gap:36px}
.am--dark .am-hero__side{position:static !important;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;align-items:start}
.am--dark .am-side-title{grid-column:1 / -1}
.am--dark .am-side-item{border-bottom:0;padding-bottom:0}
.am--dark .am-hero__main{position:relative;display:block;align-self:start}
.am--dark .am-hero__main .am-ph{border:0}
.am--dark .am-hero__body{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:160px 44px 36px;background:linear-gradient(to top,rgba(6,8,13,.94) 0%,rgba(6,8,13,.7) 45%,rgba(6,8,13,0) 100%);pointer-events:none}
.am--dark .am-hero__title{font-size:clamp(26px,3vw,42px);line-height:1.45;color:#fff;margin:0 0 12px;max-width:24em}
.am--dark .am-hero__lead{display:none}
.am--dark .am-hero__body .am-meta{color:#AEB7C6;margin-top:0}
.am--dark .am-hero__main:hover .am-hero__title{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.am--dark .am-side-title{color:#fff}

/* カード・リスト */
.am--dark .am-card:hover .am-ph img,.am--dark .am-hero__main:hover .am-ph img{transform:scale(1.04)}
.am--dark .am-card__title{font-size:16px;line-height:1.6}
.am--dark .am-meta__cat{color:var(--am-orange)}
.am--dark .am-more{color:#fff}
.am--dark .am-more:hover{color:var(--am-orange)}
.am--dark .am-cat{border-top-color:var(--am-line)}
.am--dark .am-cat__list li{border-top-color:var(--am-line)}
.am--dark .am-rank__no{color:#fff;font-family:var(--am-sans);font-weight:800;font-size:44px}
.am--dark .am-rank li:nth-child(-n+3) .am-rank__no{color:var(--am-orange)}

/* 特集・対談 */
.am--dark .am-panel__kind{color:var(--am-orange)}
.am--dark .am-arrow{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.am--dark .am-arrow:hover:not(:disabled){background:var(--am-orange);border-color:var(--am-orange);color:#fff}
.am--dark .am-progress{background:var(--am-line)}
.am--dark .am-progress i{background:var(--am-orange)}
.am--dark .am-play{background:rgba(10,13,20,.55);border:1.5px solid #fff}
.am--dark .am-talk__main:hover .am-play,.am--dark .am-talk-item:hover .am-play{background:var(--am-orange);border-color:var(--am-orange)}
.am--dark .am-time{background:#000}

/* 紺帯・フッター */
.am--dark .am-about{background:var(--am-deep)}
.am--dark .am-footer{background:#06080C}
.am--dark .am-footer__cats a{color:#fff}
.am--dark .am-footer__cats a:hover{color:var(--am-orange);border-bottom-color:var(--am-orange)}
.am--dark .am-footer__links a:hover{color:#fff}

/* 追従ボタン */
.am--dark .am-float__top{background:#151B26;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.am--dark .am-float__top svg.am-ring .bg{stroke:rgba(255,255,255,.12)}
.am--dark .am-float__top svg.am-ring .fg{stroke:var(--am-orange)}
.am--dark .am-float__top:hover{color:var(--am-orange)}

@media (max-width:860px){
  .am--dark .am-hero__side{grid-template-columns:1fr}
  .am--dark .am-side-item{border-bottom:1px solid var(--am-line);padding-bottom:20px}
  .am--dark .am-hero__body{position:static;padding:18px 0 0;background:none}
  .am--dark .am-hero__lead{display:block}
}
/* ==========================================================
   THE LOOP プレミアム・ダーク（.am--pro）
   media-top.css → media-top-dark.css → このファイルの順に読み込む
   ========================================================== */
.am--pro{--am-bg:#08090C;--am-bg2:#111318;--am-line:rgba(255,255,255,.12);--am-sub:#8F96A3;background:var(--am-bg)}
.am--pro{--am-wrap:1240px}

/* 画像枠：写真が入るまでの仮の面（暗い写真のような濃淡） */
.am--pro .am-ph{border:0;background:radial-gradient(120% 95% at 72% 22%,#2B313C 0%,#161A21 52%,#0E1015 100%);color:transparent;display:block}
.am--pro .am-ph__note{position:absolute;left:14px;bottom:12px;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.28)}
.am--pro.am-anim .am-item .am-ph::after{background:#1A1E26}

/* 上部の帯・ヘッダー */
.am--pro .am-topbar{background:#000;color:#8F96A3}
.am--pro .am-topbar__inner{min-height:30px;font-size:11px;letter-spacing:.1em}
.am--pro .am-header{background:rgba(8,9,12,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.am--pro .am-header__inner{height:76px}
.am--pro .am-nav a{font-size:13px;letter-spacing:.06em;padding:0 14px}
.am--pro .am-consult{background:transparent;border:1px solid rgba(255,255,255,.5);font-weight:500;letter-spacing:.08em;padding:10px 20px}
.am--pro .am-consult:hover{background:#fff;color:#08090C !important;border-color:#fff}

/* セクション見出し：飾りを外し、細い罫線と大きな文字だけで */
.am--pro .am-mark{display:none}
.am--pro .am-sec{padding:120px 0 0}
.am--pro .am-sec--rule{border-top:0}
.am--pro .am-sec-head{border-top:1px solid rgba(255,255,255,.22);padding-top:24px;margin-bottom:48px;align-items:flex-start}
.am--pro .am-sec-title{font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:.03em;gap:0}
.am--pro .am-sec-sub{margin-top:10px;color:var(--am-sub)}
.am--pro .am-more{font-size:12px;font-weight:500;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px;margin-top:10px}
.am--pro .am-more:hover{color:#fff;border-bottom-color:#fff}

/* ヒーロー */
.am--pro .am-hero{padding-top:28px;padding-bottom:0;gap:0}
.am--pro .am-hero__main .am-ph{aspect-ratio:var(--am-thumb)}
.am--pro .am-hero__body{padding:180px 56px 44px;background:linear-gradient(to top,rgba(8,9,12,.96) 0%,rgba(8,9,12,.72) 42%,rgba(8,9,12,0) 100%)}
.am--pro .am-hero__title{font-size:clamp(28px,3.3vw,48px);line-height:1.4;letter-spacing:.01em;max-width:22em}
.am--pro .am-hero__body .am-meta{letter-spacing:.06em}
.am--pro .am-hero__side{grid-template-columns:repeat(3,1fr);gap:0 40px;padding-top:40px}
.am--pro .am-side-title{grid-column:1 / -1;font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--am-sub);border-bottom:0;padding-bottom:18px}
.am--pro .am-side-item{display:grid;grid-template-columns:1fr;gap:16px;padding:0;border:0}
.am--pro .am-side-item h3{font-size:15px;line-height:1.65;margin:6px 0 0}
.am--pro .am-side-item .am-meta{display:block}

/* カード：1本目を大きく */
.am--pro .am-grid4{gap:56px 32px}
.am--pro .am-card--lead{grid-column:span 2;grid-row:span 2}
.am--pro .am-card--lead .am-card__title{font-size:clamp(20px,1.9vw,26px);line-height:1.5}
.am--pro .am-card__body{padding-top:18px}
.am--pro .am-card__title{font-size:15px;line-height:1.65;margin:0 0 10px}
.am--pro .am-meta{letter-spacing:.04em}
.am--pro .am-meta__cat{color:#fff;font-weight:500;letter-spacing:.06em;margin-right:12px}
.am--pro .am-card:hover .am-card__title,.am--pro .am-side-item:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;color:#fff}

/* 特集：ポスターのように写真の上に文字 */
.am--pro .am-feature{border-top:0;padding:120px 0 0}
.am--pro .am-feature .am-sec-head{border-top:0;position:relative}
.am--pro .am-feature .am-sec-head::before{content:"";position:absolute;top:0;left:32px;right:32px;border-top:1px solid rgba(255,255,255,.22)}
.am--pro .am-panel{position:relative;flex:0 0 380px}
.am--pro .am-panel__body{position:absolute;left:0;right:0;bottom:0;padding:120px 28px 28px;background:linear-gradient(to top,rgba(8,9,12,.95) 0%,rgba(8,9,12,.6) 50%,rgba(8,9,12,0) 100%)}
.am--pro .am-panel__kind{margin:0 0 8px;font-size:11px;letter-spacing:.18em;color:var(--am-orange)}
.am--pro .am-panel__title{font-size:24px;line-height:1.45;margin:0 0 10px;color:#fff}
.am--pro .am-panel__text{color:#B4BAC5}
.am--pro .am-panel:hover .am-panel__title{text-decoration:none}
.am--pro .am-panel:hover .am-ph{filter:brightness(1.15)}
.am--pro .am-arrow{width:48px;height:48px;border-color:rgba(255,255,255,.3)}
.am--pro .am-arrow:hover:not(:disabled){background:#fff;border-color:#fff;color:#08090C}
.am--pro .am-progress i{background:#fff}

/* 対談：映画のように */
.am--pro .am-talk{grid-template-columns:2.2fr 1fr;gap:40px}
.am--pro .am-talk__main{position:relative}
.am--pro .am-talk__cap{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:120px 36px 30px;background:linear-gradient(to top,rgba(8,9,12,.95),rgba(8,9,12,0))}
.am--pro .am-talk__main h3{font-size:clamp(20px,2vw,28px);color:#fff;margin:0 0 8px}
.am--pro .am-talk__guests{color:#B4BAC5}
.am--pro .am-play{right:auto;bottom:auto;left:28px;top:26px;margin:0;width:56px;height:56px;background:transparent;border:1px solid rgba(255,255,255,.7)}
.am--pro .am-play--s{left:10px;top:10px;width:30px;height:30px}
.am--pro .am-talk-item{grid-template-columns:150px 1fr;border-bottom-color:var(--am-line)}
.am--pro .am-talk-item h4{font-size:14px;line-height:1.6}

/* カテゴリ：写真の上にカテゴリ名 */
.am--pro .am-cats{grid-template-columns:repeat(4,1fr);gap:32px}
.am--pro .am-catcard__visual{position:relative;display:block}
.am--pro .am-catcard__label{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:48px 20px 16px;background:linear-gradient(to top,rgba(8,9,12,.9),rgba(8,9,12,0));display:flex;justify-content:space-between;align-items:flex-end}
.am--pro .am-catcard__label h3{font-size:22px;font-weight:700;color:#fff;margin:0}
.am--pro .am-catcard__label p{font-size:11px;color:#B4BAC5;letter-spacing:.08em}
.am--pro .am-catcard__desc{font-size:12px;color:var(--am-sub);margin:14px 0 6px}
.am--pro .am-catcard__list li{border-top:1px solid var(--am-line)}
.am--pro .am-catcard__list a{display:block;padding:12px 0;font-size:13px;line-height:1.6;color:#D7DBE2}
.am--pro .am-catcard__list a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* ランキング */
.am--pro .am-rank li{border-bottom-color:var(--am-line)}
.am--pro .am-rank a{grid-template-columns:56px 1fr 120px;padding:22px 0}
.am--pro .am-rank__no,.am--pro .am-rank li:nth-child(-n+3) .am-rank__no{font-size:15px;font-weight:500;letter-spacing:.1em;color:var(--am-sub);align-self:start;padding-top:4px}
.am--pro .am-rank h3{font-size:15px}

/* レポート：表紙 */
.am--pro .am-cover{position:relative;display:block;overflow:hidden;background:#0E2347;color:#fff;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.am--pro .am-doc:nth-child(2) .am-cover{background:#1B1F27}
.am--pro .am-doc:nth-child(3) .am-cover{background:#2A2F38}
.am--pro .am-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--am-orange)}
.am--pro .am-cover__series{position:absolute;left:18%;top:9%;font-size:9px;letter-spacing:.2em;opacity:.7}
.am--pro .am-cover__vol{position:absolute;left:18%;top:16%;font-size:11px;letter-spacing:.1em;color:var(--am-orange)}
.am--pro .am-cover__title{position:absolute;left:18%;right:10%;bottom:22%;font-size:clamp(13px,1.15vw,17px);font-weight:700;line-height:1.45}
.am--pro .am-cover__by{position:absolute;left:18%;bottom:8%;font-size:8px;letter-spacing:.16em;opacity:.6}
.am--pro .am-doc:hover .am-cover{transform:translateY(-6px)}
.am--pro .am-doc h3{font-size:13px;margin:14px 0 8px;font-weight:500}
.am--pro .am-docs{gap:22px}

/* 運営体制 */
.am-org{padding:140px 0 120px}
.am-org__head{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.22)}
.am-org__head h2{font-size:clamp(24px,2.6vw,36px);line-height:1.55;font-weight:700;margin:0;color:#fff}
.am-org__head p{font-size:14px;line-height:1.9;color:#B4BAC5}
.am-org__list li{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--am-line);align-items:baseline}
.am-org__name{font-size:17px;font-weight:700;color:#fff}
.am-org__field{font-size:13px;color:var(--am-orange);letter-spacing:.06em}
.am-org__area{font-size:13px;color:#B4BAC5}
.am-org__cta{display:flex;gap:14px;margin-top:48px;flex-wrap:wrap}
.am-org__btn{display:inline-flex;align-items:center;padding:18px 32px;font-size:14px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.5);color:#fff;transition:background .2s,color .2s,border-color .2s}
.am-org__btn:hover{background:#fff;color:#08090C;border-color:#fff}
.am-org__btn.is-primary{background:var(--am-orange);border-color:var(--am-orange);font-weight:700}
.am-org__btn.is-primary:hover{background:#E56F00;border-color:#E56F00;color:#fff}

/* フッター */
.am--pro .am-footer{background:#000;border-top:1px solid var(--am-line);padding:80px 0 32px}
.am--pro .am-footer__lead{font-size:14px;font-weight:500;color:#B4BAC5;margin-top:22px}
.am--pro .am-footer__by{font-size:12px;letter-spacing:.12em;color:var(--am-sub);margin-top:10px}
.am--pro .am-footer__cats a{font-size:15px;font-weight:500}
.am--pro .am-footer__cats a:hover{color:#fff;border-bottom-color:#fff}

@media (max-width:1080px){
  .am--pro .am-cats{grid-template-columns:repeat(2,1fr)}
  .am--pro .am-hero__side{grid-template-columns:1fr 1fr 1fr;gap:0 20px}
  .am-org__head{grid-template-columns:1fr;gap:20px}
}
@media (max-width:860px){
  .am--pro .am-card--lead{grid-column:1 / -1;grid-row:auto}
  .am--pro .am-hero__body{position:static;padding:20px 0 0;background:none}
  .am--pro .am-hero__side{grid-template-columns:1fr;gap:28px}
  .am--pro .am-side-item{grid-template-columns:120px 1fr}
  .am--pro .am-talk{grid-template-columns:1fr}
  .am--pro .am-talk__cap{position:static;padding:18px 0 0;background:none}
  .am--pro .am-panel{flex-basis:76vw}
  .am-org__list li{grid-template-columns:1fr;gap:4px}
  .am--pro .am-sec{padding-top:88px}
  .am--pro .am-feature .am-sec-head::before{left:20px;right:20px}
}
@media (max-width:560px){
  .am--pro .am-cats{grid-template-columns:1fr}
}

/* ロゴ（B案：太く詰めたゴシック＋ALTRULOOP HOLDINGS） */
.am--pro a.am-logo svg{height:46px;width:auto}
.am--pro .am-footer a.am-logo svg{height:68px}
@media (max-width:860px){.am--pro a.am-logo svg{height:38px}}

/* ==========================================================
   記事ページ（.am--article）
   本文はSWELLの装飾をそのまま使い、白い紙面の上に載せる
   ========================================================== */
.am--article{--am-paper:#FFFFFF;--am-text:#1F2433;--am-rule:#D9DEE6}

/* 記事の頭（黒） */
.am-ahead{padding:44px 0 0}
.am-ahead__inner,.am-ahead__eye,.am-paper__grid{max-width:1176px}
.am-ahead__inner > *:not(.am-ahead__meta){max-width:760px}
.am-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font-size:12px;color:var(--am-sub);letter-spacing:.04em}
.am-crumbs li+li::before{content:"/";margin:0 10px;opacity:.5}
.am-crumbs a:hover{color:#fff}
.am-ahead__cat{display:inline-block;margin-top:28px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--am-orange)}
.am-ahead__title{margin-top:12px !important;font-size:clamp(26px,3.3vw,44px);font-weight:700;line-height:1.45;letter-spacing:.01em;color:#fff;max-width:26em}
.am-ahead__lead{margin-top:20px !important;font-size:15px;line-height:1.9;color:#B4BAC5;max-width:46em}
.am-ahead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.am-ahead__sup{display:flex;align-items:center;gap:12px;color:#fff}
.am-ahead__sup img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
.am-ahead__sup span{display:flex;flex-direction:column;font-size:14px;font-weight:700;line-height:1.4}
.am-ahead__sup small{font-size:11px;font-weight:500;color:var(--am-sub);letter-spacing:.1em}
.am-ahead__dates{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font-size:13px;color:#C9CED7}
.am-ahead__dates div{display:flex;gap:8px}
.am-ahead__dates dt{color:var(--am-sub)}
.am-ahead__dates dd{margin:0}
.am-ahead__eye{margin:44px auto 0 !important;position:relative;z-index:2}
.am-ahead__eye img{width:100%;height:auto;display:block}

/* 白い紙面 */
.am-paper{background:var(--am-paper);color:var(--am-text);padding:72px 0 96px}
.am-paper.has-eye{margin-top:-140px;padding-top:212px}
.am-paper__grid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;justify-content:space-between}
.am-body-col{min-width:0}

/* 本文の文字組み（SWELLの装飾ブロックには手を入れない） */
.am--article .am-content :is(h2,h3,h4){scroll-margin-top:96px}

/* SWELLのCSSが無い場合の最低限（SWELLの指定があればそちらが優先） */
.am--article .am-content img{max-width:100%;height:auto}




/* タグ・共有 */
.am-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:64px;padding-top:24px;border-top:1px solid var(--am-rule);font-size:13px}
.am-tags span{color:#6B7383;letter-spacing:.1em;margin-right:6px}
.am-tags a{color:var(--am-text);border-bottom:1px solid var(--am-rule)}
.am-tags a:hover{border-bottom-color:#0B0D12}
.am-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px}
.am-share > span{font-size:12px;letter-spacing:.1em;color:#6B7383;margin-right:10px}
.am-share a,.am-share__copy{display:inline-block;padding:8px 16px;border:1px solid var(--am-rule);background:#fff;color:var(--am-text) !important;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,background .2s}
.am-share a:hover,.am-share__copy:hover{border-color:#0B0D12}

/* 監修者 */
.am-supbox{display:grid;grid-template-columns:120px 1fr;gap:28px;margin-top:56px;padding:32px 0;border-top:2px solid #0B0D12;border-bottom:1px solid var(--am-rule)}
.am-supbox img{width:120px;height:120px;object-fit:cover;display:block}
.am-supbox__label{font-size:11px;letter-spacing:.16em;color:#6B7383}
.am-supbox__name{margin-top:6px !important;font-size:21px;font-weight:700;color:#0B0D12}
.am-supbox__name span{margin-left:12px;font-size:13px;font-weight:700;color:var(--am-orange)}
.am-supbox__org{margin-top:4px !important;font-size:13px;color:#4A5262}
.am-supbox__bio{margin-top:14px !important;font-size:14px;line-height:1.9;color:#3A4252}
.am-supbox__link{display:inline-block;margin-top:14px;font-size:13px;color:#0B0D12;border-bottom:1px solid #0B0D12;padding-bottom:2px}

/* サイド：目次と相談（追従） */
.am-side__sticky{position:sticky;top:96px;transition:top .45s cubic-bezier(.65,0,.35,1)}
.am-head-hidden .am-side__sticky{top:28px}
.am-toc{border-top:2px solid #0B0D12;padding-top:16px}
.am-toc__title{font-size:12px;letter-spacing:.16em;color:#6B7383;margin-bottom:10px !important}
.am-toc__list{max-height:calc(100vh - 360px);overflow:auto;scrollbar-width:thin}
.am-toc__list li a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--am-rule);font-size:13px;line-height:1.6;color:#5A6272;transition:color .2s,border-color .2s}
.am-toc__list li.is-h3 a{padding-left:28px;font-size:12px}
.am-toc__list li a:hover{color:#0B0D12}
.am-toc__list li.is-active a{color:#0B0D12;font-weight:700;border-left-color:var(--am-orange)}
.am-sidecta{margin-top:36px;padding-top:20px;border-top:1px solid var(--am-rule)}
.am-sidecta__lead{font-size:14px;line-height:1.8;color:#0B0D12;font-weight:700}
.am-sidecta__btn{display:block;margin-top:14px;padding:14px 16px;text-align:center;background:#0B0D12;color:#fff !important;font-size:14px;font-weight:700;letter-spacing:.06em;transition:background .2s}
.am-sidecta__btn:hover{background:var(--am-orange)}
.am-sidecta__note{margin-top:8px !important;font-size:12px;color:#6B7383;text-align:center}

/* 記事下の相談帯・関連記事（黒） */
.am-acta{padding:104px 0 0}
.am-acta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end}
.am-acta h2{font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.55;color:#fff}
.am-acta p{margin-top:16px !important;font-size:14px;line-height:1.9;color:#B4BAC5}
.am-acta__btns{display:flex;flex-direction:column;gap:12px}
.am-acta__btns .am-org__btn{justify-content:center}
.am-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 32px}
.am-related{padding-bottom:120px}

@media (max-width:1100px){
  .am-paper__grid{grid-template-columns:minmax(0,760px);justify-content:center}
  .am-ahead__inner,.am-ahead__eye{max-width:824px}
  .am-side{display:none}
}
@media (max-width:860px){
  .am-ahead{padding-top:28px}
  .am-ahead__meta{gap:16px}
  .am-paper.has-eye{margin-top:-60px;padding-top:100px}
  .am-paper{padding-bottom:72px}
  .am-supbox{grid-template-columns:80px 1fr;gap:18px}
  .am-supbox img{width:80px;height:80px}
  .am-acta__inner{grid-template-columns:1fr;gap:28px}
  .am-grid3{grid-template-columns:1fr 1fr;gap:36px 16px}
}
@media (max-width:560px){
  .am-grid3{grid-template-columns:1fr}
}
/* ==========================================================
   THE LOOP × altruloopHDサイトの体裁（.am--hd）
   白を基調に、紺の帯・オレンジのアクセント・大きな淡い円弧
   media-top.css → dark → pro → このファイルの順に読み込む
   ========================================================== */
.am--hd{
  --am-bg:#FFFFFF;
  --am-ink:#0F2347;
  --am-sub:#5F6C82;
  --am-line:#DCE3EC;
  --am-navy:#043881;
  --hd-band:#043881;
  --hd-deep:#02265B;
  --hd-foot:#011B43;
  --hd-sky:#2A9ED4;
  --hd-arc:#EEF2F8;
  --am-orange:#FC822A;
  background:#fff;color:var(--am-ink)
}
.am--hd .am-eyebrow{font-family:"Inter Tight","Noto Sans JP",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--am-navy);margin:0 0 10px}

/* 紺の帯（中は白文字） */
.am--hd .am-band{position:relative;overflow:hidden;background:var(--hd-band);color:#fff;--am-ink:#FFFFFF;--am-sub:#B7C5DF;--am-line:rgba(255,255,255,.2);--am-navy:#9CC3EE}
.am--hd .am-band .am-eyebrow{color:#9CC3EE}
.am--hd .am-band--deep{background:var(--hd-deep)}

/* ヘッダー（白） */
.am--hd .am-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--am-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.am--hd a.am-logo{color:var(--hd-band)}
.am--hd .am-nav a{color:var(--am-ink)}
.am--hd .am-nav a:hover{color:var(--hd-band)}
.am--hd .am-nav a[aria-current="page"]{color:var(--hd-band);border-bottom-color:var(--hd-band);font-weight:700}
.am--hd .am-search-toggle{color:var(--am-ink)}
.am--hd .am-consult{background:var(--hd-band);border:0;color:#fff !important;font-weight:700;padding:12px 22px;letter-spacing:.04em}
.am--hd .am-consult:hover{background:var(--hd-deep);color:#fff !important}
.am--hd .am-searchbar{background:#fff}
.am--hd .am-searchbar input{color:var(--am-ink);border-bottom-color:var(--hd-band)}
.am--hd .am-searchbar button{background:var(--hd-band)}

/* 画像枠（写真が入るまでの仮の面） */
.am--hd .am-ph{background:linear-gradient(135deg,#E9EEF6 0%,#D9E2EF 100%)}
.am--hd .am-ph__note{color:rgba(15,35,71,.35)}
.am--hd.am-anim .am-item .am-ph::after{background:var(--hd-band)}

/* セクション見出し：英字の小見出し＋日本語タイトル（HDサイトと同じ） */
.am--hd .am-sec{padding:120px 0 0}
.am--hd .am-sec-head,.am--hd .am-feature .am-sec-head{border-top:0;padding-top:0;margin-bottom:48px;align-items:flex-end}
.am--hd .am-feature .am-sec-head::before{content:none}
.am--hd .am-sec-title{font-size:clamp(26px,2.6vw,36px);font-weight:700;color:var(--am-ink);letter-spacing:.04em}
.am--hd .am-sec-sub{color:var(--am-sub)}
.am--hd .am-more{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--am-ink);border-bottom:1px solid currentColor;padding-bottom:6px}
.am--hd .am-more::after{content:"";width:18px;height:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am--hd .am-more:hover{color:var(--am-orange);border-bottom-color:var(--am-orange)}
.am--hd .am-more:hover::after{transform:translateX(4px)}

/* ヒーロー：HDサイトと同じ大きな淡い円弧を背景に */
.am--hd .am-herowrap{position:relative;overflow:hidden}
.am--hd .am-arcs{position:absolute;inset:0;pointer-events:none;z-index:0}
.am--hd .am-arcs::before{content:"";position:absolute;width:980px;height:980px;right:-300px;top:-420px;border-radius:50%;border:90px solid var(--hd-arc)}
.am--hd .am-arcs::after{content:"";position:absolute;width:760px;height:760px;left:-420px;bottom:-520px;border-radius:50%;border:80px solid var(--hd-arc)}
.am--hd .am-hero{position:relative;z-index:1}
.am--hd .am-hero__body{background:linear-gradient(to top,rgba(2,30,80,.92) 0%,rgba(2,30,80,.62) 45%,rgba(2,30,80,0) 100%)}
.am--hd .am-hero__body .am-meta{color:#D3DDEE}
.am--hd .am-side-title{color:var(--am-navy);font-family:"Inter Tight","Noto Sans JP",sans-serif;font-weight:600;letter-spacing:.06em}
.am--hd .am-side-item h3{color:var(--am-ink)}

/* カード */
.am--hd .am-card__title{color:var(--am-ink)}
.am--hd .am-card:hover .am-card__title,.am--hd .am-side-item:hover h3{color:var(--hd-band);text-decoration:underline;text-underline-offset:5px}
.am--hd .am-meta{color:var(--am-sub)}
.am--hd .am-meta__cat{color:var(--hd-band);font-weight:700}

/* 特集（紺の帯） */
.am--hd .am-feature,.am--hd .am-org{margin-top:120px}
.am--hd .am-feature{padding:112px 0 120px;border-top:0}
.am--hd .am-feature .am-sec-title{color:#fff}
.am--hd .am-panel__body{background:linear-gradient(to top,rgba(2,24,64,.94) 0%,rgba(2,24,64,.55) 50%,rgba(2,24,64,0) 100%)}
.am--hd .am-panel__text{color:#C9D4E8}
.am--hd .am-band .am-ph{background:linear-gradient(135deg,#1C4C98 0%,#0B3478 100%)}
.am--hd .am-band .am-ph__note{color:rgba(255,255,255,.35)}
.am--hd .am-arrow{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.am--hd .am-arrow:hover:not(:disabled){background:#fff;color:var(--hd-band);border-color:#fff}
.am--hd .am-progress{background:rgba(255,255,255,.2)}
.am--hd .am-progress i{background:#fff}

/* 対談 */
.am--hd .am-talk__cap{background:linear-gradient(to top,rgba(2,30,80,.94),rgba(2,30,80,0))}
.am--hd .am-talk__guests{color:#D3DDEE}
.am--hd .am-talk-item{border-bottom-color:var(--am-line)}
.am--hd .am-talk-item h4{color:var(--am-ink)}
.am--hd .am-talk-item:hover h4{color:var(--hd-band)}
.am--hd .am-play{border-color:#fff;background:rgba(2,30,80,.35)}
.am--hd .am-talk__main:hover .am-play,.am--hd .am-talk-item:hover .am-play{background:var(--am-orange);border-color:var(--am-orange)}

/* カテゴリ */
.am--hd .am-catcard__label{background:linear-gradient(to top,rgba(2,30,80,.9),rgba(2,30,80,0))}
.am--hd .am-catcard__label p{color:#D3DDEE}
.am--hd .am-catcard__desc{color:var(--am-sub)}
.am--hd .am-catcard__list li{border-top-color:var(--am-line)}
.am--hd .am-catcard__list a{color:var(--am-ink)}
.am--hd .am-catcard__list a:hover{color:var(--hd-band)}

/* ランキング：HDサイトの細い輪郭の数字 */
.am--hd .am-rank li{border-bottom-color:var(--am-line)}
.am--hd .am-rank__no,.am--hd .am-rank li:nth-child(-n+3) .am-rank__no{font-family:"Inter Tight",sans-serif;font-size:46px;font-weight:200;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px var(--hd-band);padding-top:0;align-self:center}
.am--hd .am-rank h3{color:var(--am-ink)}
.am--hd .am-rank a:hover h3{color:var(--hd-band)}

/* レポート：HDサイトの資料ダウンロードと同じ白・水色・紺の表紙 */
.am--hd .am-docs{gap:18px}
.am--hd .am-cover{background:#fff;color:var(--hd-band);box-shadow:0 18px 40px -18px rgba(2,30,80,.45),0 0 0 1px var(--am-line)}
.am--hd .am-cover::before{content:none}
.am--hd .am-doc:nth-child(2) .am-cover{background:var(--hd-sky);color:#fff;box-shadow:0 18px 40px -18px rgba(2,30,80,.45)}
.am--hd .am-doc:nth-child(3) .am-cover{background:var(--hd-deep);color:#fff;box-shadow:0 18px 40px -18px rgba(2,30,80,.45)}
.am--hd .am-cover__series{left:12%;opacity:.8}
.am--hd .am-cover__vol{left:12%;color:inherit;opacity:.75}
.am--hd .am-cover__title,.am--hd .am-cover__by{left:12%}
.am--hd .am-doc h3{color:var(--am-ink)}

/* 運営体制（紺の帯） */
.am--hd .am-org{padding:120px 0}
.am--hd .am-org__head{border-bottom-color:rgba(255,255,255,.22)}
.am--hd .am-org__head p{color:#C9D4E8}
.am--hd .am-org__list li{border-bottom-color:rgba(255,255,255,.16)}
.am--hd .am-org__area{color:#C9D4E8}
.am--hd .am-org__field{color:#FFB27A}

/* 最後の相談帯：HDサイトの円と同じ意匠 */
.am-closing{padding:150px 0 140px;text-align:center}
.am-closing__rings{position:absolute;left:50%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none}
.am-closing__rings circle{fill:none}
.am-closing h2{position:relative;font-size:clamp(28px,3.4vw,46px);font-weight:700;letter-spacing:.04em;color:#fff;margin:0}
.am-closing p{position:relative;margin:24px auto 0 !important;max-width:34em;font-size:14px;line-height:2;color:#C9D4E8}
.am-closing__btns{position:relative;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:40px}
.am-closing__btns a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:18px 28px;font-size:14px;font-weight:700;letter-spacing:.06em;border:1px solid #fff;color:#fff;transition:background .2s,color .2s,border-color .2s}
.am-closing__btns a:hover{background:#fff;color:var(--hd-deep)}
.am-closing__btns a.is-primary{background:var(--am-orange);border-color:var(--am-orange)}
.am-closing__btns a.is-primary:hover{background:#E5701B;border-color:#E5701B;color:#fff}

/* フッター（いちばん濃い紺） */
.am--hd .am-footer{background:var(--hd-foot);border-top:0;color:#fff}
.am--hd .am-footer a.am-logo{color:#fff}
.am--hd .am-footer__cats a{color:#fff}
.am--hd .am-footer__cats a:hover{color:#9CC3EE;border-bottom-color:#9CC3EE}
.am--hd .am-footer__links a,.am--hd .am-footer__copy{color:#9AA9C4}
.am--hd .am-footer__links a:hover{color:#fff}
.am--hd .am-footer__bottom::before{border-top-color:rgba(255,255,255,.14)}

@media (max-width:860px){
  .am--hd .am-arcs::before{width:520px;height:520px;right:-260px;top:-200px;border-width:50px}
  .am--hd .am-arcs::after{display:none}
  .am--hd .am-hero__body{background:none}
  .am--hd .am-hero__title{color:var(--am-ink)}
  .am--hd .am-hero__body .am-meta{color:var(--am-sub)}
  .am-closing{padding:110px 0 100px}
  .am-closing__rings{width:520px;height:520px}
}
/* ==========================================================
   HD体裁・ビジュアル強化（ファーストビュー／カテゴリ／レポート／体制図）
   ========================================================== */

/* ---- ファーストビュー：紺のグラデーションに大きな輪 ---- */
.am-fv{position:relative;overflow:hidden;background:linear-gradient(118deg,#0F5DC0 0%,#043881 46%,#02265B 100%);color:#fff;padding:72px 0 0}
.am-fv__rings{position:absolute;width:900px;height:900px;right:-160px;top:-140px;pointer-events:none}
.am-fv__ring,.am-fv__arc{stroke-dasharray:1;stroke-dashoffset:0}
.am-anim .am-fv__ring{stroke-dashoffset:1;animation:am-draw 2.4s .2s cubic-bezier(.65,0,.35,1) forwards}
.am-anim .am-fv__arc{stroke-dashoffset:1;animation:am-draw 1.6s 1.2s cubic-bezier(.65,0,.35,1) forwards}
.am-fv__grid{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.am-fv__text{display:block;color:#fff}
.am-fv .am-eyebrow{color:#9CC3EE}
.am-fv__cat{display:inline-block;margin-top:6px;padding:5px 12px;border:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:700;letter-spacing:.06em}
.am-fv__title{margin-top:22px !important;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.45;letter-spacing:.02em;color:#fff}
.am-fv__meta{margin-top:20px !important;font-size:13px;color:#C9D6EC;letter-spacing:.04em}
.am-fv__btn{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:16px 28px;background:#fff;color:#043881;font-size:14px;font-weight:700;letter-spacing:.06em;transition:background .25s,color .25s}
.am-fv__btn::after,.am-report__btn::after{content:"";width:18px;height:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am-fv__text:hover .am-fv__btn{background:var(--am-orange);color:#fff}
.am-fv__text:hover .am-fv__btn::after{transform:translateX(4px)}
.am-fv__visual{position:relative;display:block}
.am-fv__visual::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(255,255,255,.35);pointer-events:none}
.am-fv__visual .am-ph{box-shadow:0 40px 80px -30px rgba(0,8,30,.75)}
.am--hd .am-fv .am-ph{background:linear-gradient(135deg,#2C6FCB 0%,#0B3E8F 100%)}
.am--hd .am-fv .am-ph__note{color:rgba(255,255,255,.4)}
.am-fv__visual:hover img{transform:scale(1.04)}
.am-fv__picks{position:relative;margin-top:72px;padding-top:28px;padding-bottom:40px}
.am-fv__picks::before{content:"";position:absolute;top:0;left:32px;right:32px;border-top:1px solid rgba(255,255,255,.18)}
.am-fv__pickhead{display:flex;align-items:baseline;gap:14px;font-family:"Inter Tight","Noto Sans JP",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;color:#9CC3EE;margin-bottom:20px !important}
.am-fv__pickhead span{font-family:var(--am-sans);color:#fff;font-weight:700;letter-spacing:.04em}
.am-fv__picklist{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.am-pick{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:start;color:#fff}
.am--hd .am-pick .am-ph{background:linear-gradient(135deg,#2C6FCB,#0B3E8F)}
.am-pick__meta{font-size:11px;color:#B7C5DF;letter-spacing:.04em}
.am-pick__meta span{color:#FFB27A;font-weight:700;margin-right:10px}
.am-pick__title{margin-top:6px !important;font-size:14px;font-weight:700;line-height:1.6}
.am-pick:hover .am-pick__title{text-decoration:underline;text-underline-offset:4px}

/* ---- カテゴリ：HDサイトの事業カードと同じグラデーションの頭 ---- */
.am-cats--hd{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.am .am-catx__head{position:relative;overflow:hidden;display:block;min-height:210px;padding:26px 24px 24px;color:#fff;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.am-catx__head::after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 26px rgba(255,255,255,.06)}
.am-catx__head:hover{transform:translateY(-4px)}
.am-catx--1 .am-catx__head{background:linear-gradient(135deg,#43ABE2 0%,#1D6EC5 100%)}
.am-catx--2 .am-catx__head{background:linear-gradient(135deg,#1F5CB4 0%,#043881 100%)}
.am-catx--3 .am-catx__head{background:linear-gradient(135deg,#0E3F8F 0%,#02265B 100%)}
.am-catx--4 .am-catx__head{background:linear-gradient(135deg,#FDA35F 0%,#EF741B 100%)}
.am-catx__count{position:relative;display:flex;align-items:baseline;gap:6px;font-size:12px;opacity:.95}
.am-catx__count b{font-family:"Inter Tight",sans-serif;font-size:44px;font-weight:200;line-height:1;letter-spacing:-.02em}
.am-catx__head h3{position:relative;margin-top:34px !important;font-size:24px;font-weight:700;letter-spacing:.04em}
.am-catx__head p{position:relative;margin-top:8px !important;font-size:12px;line-height:1.7;opacity:.88}
.am-catx__list li{border-bottom:1px solid var(--am-line)}
.am-catx__list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:13px;line-height:1.6;color:var(--am-ink)}
.am-catx__list a::after{content:"";flex:0 0 14px;height:7px;background:#043881;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am-catx--4 .am-catx__list a::after{background:#EF741B}
.am-catx__list a:hover{color:#043881}
.am-catx__list a:hover::after{transform:translateX(4px)}

/* ---- ランキング：見出しを左、一覧を右 ---- */
.am-ranksec__grid{display:grid;grid-template-columns:1fr 2fr;gap:72px;align-items:start}
.am-ranksec__head{position:sticky;top:110px;margin-bottom:0 !important}
.am--hd .am-ranksec .am-rank a{grid-template-columns:76px 1fr 150px;padding:24px 0}
.am--hd .am-ranksec .am-rank__no{font-size:56px}

/* ---- レポート：HDサイトの資料ダウンロードと同じ傾けた表紙 ---- */
.am-report{margin-top:120px;padding:110px 0;background:linear-gradient(118deg,#0A4CA6 0%,#043881 60%,#02265B 100%)}
.am-report__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.am-report__title{font-size:clamp(26px,2.6vw,36px);font-weight:700;color:#fff;letter-spacing:.04em}
.am-report__text{margin-top:18px !important;font-size:14px;line-height:2;color:#C9D6EC;max-width:30em}
.am-report__btn{display:inline-flex;align-items:center;gap:14px;margin-top:32px;padding:16px 28px;background:#fff;color:#043881 !important;font-size:14px;font-weight:700;letter-spacing:.06em;transition:background .25s,color .25s}
.am-report__btn:hover{background:var(--am-orange);color:#fff !important}
.am-stack{position:relative;height:380px}
.am-stack__c{position:absolute;top:30px;width:230px;height:310px;padding:22px 20px;display:flex;flex-direction:column;box-shadow:0 30px 60px -24px rgba(0,8,30,.7);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.am-stack__c .s{font-family:"Inter Tight",sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em}
.am-stack__c .v{margin-top:auto;font-size:10px;letter-spacing:.06em;opacity:.8}
.am-stack__c .t{margin-top:6px;font-size:20px;font-weight:700;line-height:1.4}
.am-stack__c--1{left:4%;background:#fff;color:#043881;transform:rotate(-7deg)}
.am-stack__c--2{left:30%;top:10px;background:#2A9ED4;color:#fff;transform:rotate(0deg);z-index:2}
.am-stack__c--3{left:56%;background:#02265B;color:#fff;transform:rotate(7deg);border:1px solid rgba(255,255,255,.12)}
.am-report:hover .am-stack__c--1{transform:rotate(-10deg) translateX(-10px)}
.am-report:hover .am-stack__c--3{transform:rotate(10deg) translateX(10px)}
.am-report:hover .am-stack__c--2{transform:translateY(-8px)}

/* ---- 運営体制：体制図と数字 ---- */
.am--hd .am-org{background:linear-gradient(160deg,#043881 0%,#02265B 100%);margin-top:0}
.am-org__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.am-org__text h2{font-size:clamp(26px,2.8vw,40px);font-weight:700;line-height:1.5;color:#fff;letter-spacing:.03em}
.am-org__text > p:not(.am-eyebrow){margin-top:20px !important;font-size:14px;line-height:2;color:#C9D6EC}
.am-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:40px 0 0;border-top:1px solid rgba(255,255,255,.2)}
.am-stats div{padding:22px 16px 0 0}
.am-stats div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.2)}
.am-stats dt{font-size:11px;color:#9CC3EE;letter-spacing:.04em;line-height:1.6}
.am-stats dd{margin:8px 0 0;display:flex;align-items:baseline;gap:6px;color:#fff}
.am-stats b{font-family:"Inter Tight",sans-serif;font-size:56px;font-weight:200;line-height:1;letter-spacing:-.02em}
.am-stats span{font-size:12px}
.am-orbit{width:100%;height:auto;overflow:visible}
.am-orbit text{font-family:var(--am-sans)}
.am-anim .am-orbit__arc{stroke-dasharray:1;stroke-dashoffset:1}
.am-orbit.is-in .am-orbit__arc{animation:am-draw 1.6s .3s cubic-bezier(.65,0,.35,1) forwards}
.am-orbit__ring{transform-origin:320px 260px;animation:am-spin 60s linear infinite}
@keyframes am-spin{to{transform:rotate(360deg)}}
.am-org__names{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:64px !important;border-top:1px solid rgba(255,255,255,.2)}
.am-org__names li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:700;color:#fff}
.am-org__names li span{display:block;font-size:11px;font-weight:500;color:#FFB27A;letter-spacing:.06em;margin-bottom:4px}
.am--hd .am-org + .am-closing{border-top:1px solid rgba(255,255,255,.08)}

@media (max-width:1080px){
  .am-cats--hd{grid-template-columns:repeat(2,1fr)}
  .am-ranksec__grid{grid-template-columns:1fr;gap:20px}
  .am-ranksec__head{position:static}
}
@media (max-width:860px){
  .am-fv{padding-top:40px}
  .am-fv__grid{grid-template-columns:1fr;gap:36px}
  .am-fv__visual{order:-1}
  .am-fv__visual::before{inset:12px -10px -10px 12px}
  .am-fv__rings{width:560px;height:560px;right:-220px;top:-120px}
  .am-fv__picks{padding-top:24px;padding-bottom:32px;margin-top:48px}
  .am-fv__picks::before{left:20px;right:20px}
  .am-fv__picklist{grid-template-columns:1fr;gap:20px}
  .am-report__grid,.am-org__grid{grid-template-columns:1fr;gap:40px}
  .am-stack{height:320px}
  .am-stack__c{width:170px;height:230px}
  .am-stats b{font-size:40px}
  .am-org__names{grid-template-columns:1fr 1fr;gap:0 20px}
  .am--hd .am-ranksec .am-rank a{grid-template-columns:52px 1fr 96px}
  .am--hd .am-ranksec .am-rank__no{font-size:40px}
}
@media (max-width:560px){
  .am-cats--hd{grid-template-columns:1fr}
  .am-stats{grid-template-columns:1fr}
  .am-stats div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .am-org__names{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .am-orbit__ring{animation:none}
  .am-anim .am-fv__ring,.am-anim .am-fv__arc,.am-anim .am-orbit__arc{animation:none;stroke-dashoffset:0}
}
/* ==========================================================
   背景の奥行き：HDサイトと同じ「大きな円弧」と「光のにじみ」
   ========================================================== */
.am--hd .am-sec,.am--hd .am-band,.am--hd .am-fv{position:relative;overflow:clip}
.am--hd .am-sec > .am-wrap,.am--hd .am-band > .am-wrap,.am--hd .am-band > .am-feature__pin{position:relative;z-index:1}

/* 白いセクション：淡い円弧を、セクションごとに位置を変えて */
.am--hd .am-sec::before,.am--hd .am-sec::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.am--hd [aria-labelledby="am-h-new"]{background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FC 100%)}
.am--hd [aria-labelledby="am-h-new"]::before{width:1100px;height:1100px;right:-520px;top:-380px;border:110px solid rgba(4,56,129,.045)}
.am--hd [aria-labelledby="am-h-new"]::after{width:520px;height:520px;left:-260px;bottom:-200px;border:1px solid rgba(4,56,129,.12)}
.am--hd .am-sec--talk::before{width:900px;height:900px;left:-560px;top:-120px;border:90px solid rgba(4,56,129,.04)}
.am--hd .am-sec--talk::after{width:640px;height:640px;right:-300px;bottom:-360px;border:1px solid rgba(252,130,42,.35);clip-path:inset(0 0 50% 0)}
.am--hd [aria-labelledby="am-h-cat"]{background:linear-gradient(180deg,#F5F8FC 0%,#FFFFFF 60%)}
.am--hd [aria-labelledby="am-h-cat"]::before{width:760px;height:760px;right:-300px;top:-420px;border:1px solid rgba(4,56,129,.14);box-shadow:0 0 0 70px rgba(4,56,129,.035)}
.am--hd .am-ranksec::before{width:1200px;height:1200px;left:-760px;bottom:-640px;border:120px solid rgba(4,56,129,.04)}
.am--hd .am-ranksec{padding-bottom:20px}

/* 紺の帯：光のにじみと細い輪で奥行きを */
.am--hd .am-feature.am-band{background:
  radial-gradient(60% 80% at 85% 10%,rgba(42,158,212,.35) 0%,rgba(42,158,212,0) 60%),
  radial-gradient(50% 70% at 0% 100%,rgba(2,22,60,.7) 0%,rgba(2,22,60,0) 70%),
  linear-gradient(120deg,#0B4CA8 0%,#043881 55%,#022A68 100%)}
.am--hd .am-feature.am-band::before{content:"";position:absolute;width:1000px;height:1000px;right:-380px;top:-520px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 90px rgba(255,255,255,.035);pointer-events:none}
.am--hd .am-report{background:
  radial-gradient(45% 70% at 75% 50%,rgba(42,158,212,.32) 0%,rgba(42,158,212,0) 70%),
  linear-gradient(118deg,#0A4CA6 0%,#043881 60%,#02265B 100%)}
.am--hd .am-report::before{content:"";position:absolute;width:720px;height:720px;right:-120px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 60px rgba(255,255,255,.03),0 0 0 61px rgba(255,255,255,.08);pointer-events:none}
.am--hd .am-org{background:
  radial-gradient(40% 55% at 72% 50%,rgba(42,158,212,.28) 0%,rgba(42,158,212,0) 70%),
  radial-gradient(60% 60% at 0% 0%,rgba(15,93,192,.45) 0%,rgba(15,93,192,0) 60%),
  linear-gradient(160deg,#043881 0%,#02265B 100%)}
.am--hd .am-fv{background:
  radial-gradient(55% 75% at 80% 20%,rgba(64,170,230,.45) 0%,rgba(64,170,230,0) 65%),
  radial-gradient(60% 70% at 0% 100%,rgba(1,22,60,.65) 0%,rgba(1,22,60,0) 70%),
  linear-gradient(118deg,#0F5DC0 0%,#043881 46%,#02265B 100%)}
.am--hd .am-closing{background:
  radial-gradient(50% 60% at 50% 50%,rgba(15,93,192,.45) 0%,rgba(15,93,192,0) 70%),
  #02265B}

@media (max-width:860px){
  .am--hd [aria-labelledby="am-h-new"]::before{width:600px;height:600px;right:-340px;top:-200px;border-width:60px}
  .am--hd .am-sec--talk::before,.am--hd .am-ranksec::before{display:none}
}

/* 余白の調整：背景の切れ目が出ないよう、帯の外側の余白をセクションの内側へ */
.am--hd .am-sec{padding:110px 0}
.am--hd .am-sec + .am-sec{padding-top:10px}
.am--hd .am-feature,.am--hd .am-org,.am--hd .am-report{margin-top:0}
.am--hd [aria-labelledby="am-h-cat"]{background:radial-gradient(70% 60% at 100% 0%,#EDF2FA 0%,rgba(255,255,255,0) 70%),#fff}
.am--hd .am-ranksec{padding-bottom:110px}
@media (max-width:860px){
  .am--hd .am-sec{padding:80px 0}
  .am--hd .am-sec + .am-sec{padding-top:0}
}
/* ==========================================================
   オリジナリティ：ページを貫く「ループの線」・縦組みの題字・トピックの流れ
   ========================================================== */

/* ページを貫く一本の線（見出しごとに輪を描きながらスクロールで伸びる） */
.am-thread{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3;overflow:visible}
.am-thread path{fill:none;stroke:var(--am-orange);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.am-thread circle{fill:var(--am-orange)}
.am main{position:relative}

/* ファーストビューの縦組みの題字 */
.am-fv__vertical{position:absolute;right:28px;top:96px;margin:0;writing-mode:vertical-rl;font-family:"Inter Tight","Noto Sans JP",sans-serif;font-size:11px;font-weight:600;letter-spacing:.32em;color:rgba(255,255,255,.5);z-index:1}

/* トピックの流れ（タグへのリンク） */
.am-topics{position:relative;display:flex;align-items:stretch;background:#02265B;color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.12)}
.am-topics__label{flex:0 0 auto;display:flex;align-items:center;padding:0 28px 0 max(32px,calc((100vw - 1240px)/2 + 32px));margin:0;font-family:"Inter Tight",sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:#FFB27A;background:#02265B;position:relative;z-index:2;box-shadow:24px 0 24px -12px #02265B}
.am-topics__track{display:flex;width:max-content;animation:am-marquee 70s linear infinite}
.am-topics:hover .am-topics__track{animation-play-state:paused}
.am-topics__list{display:flex;margin:0;padding:0;list-style:none}
.am-topics__list li{display:flex;align-items:center}
.am-topics__list li::after{content:"";width:5px;height:5px;margin:0 22px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}
.am .am-topics__list a{display:block;padding:18px 0;font-size:14px;font-weight:500;letter-spacing:.06em;color:#E3EAF6;white-space:nowrap;transition:color .2s}
.am .am-topics__list a:hover{color:#FFB27A}
@keyframes am-marquee{to{transform:translateX(-50%)}}

@media (max-width:1300px){.am-thread{display:none}}
@media (max-width:860px){
  .am-fv__vertical{display:none}
  .am-topics__label{padding-left:20px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){
  .am-topics__track{animation:none;overflow-x:auto}
  .am-thread{display:none}
}
/* ==========================================================
   色の整理：オレンジは「専門家に相談する」の主ボタンだけに限定
   紺の上の文字アクセントは淡い水色、線や輪は水色・白に
   ========================================================== */
.am--hd{--am-accent:#2A9ED4;--am-accent-soft:#9CC3EE}

/* 画面幅が狭いときにナビが2段目に回っても、ヘッダーの白い背景の中に収める */
@media (max-width:1180px){
  .am--pro .am-header__inner,.am .am-header__inner{height:auto}
}

/* SWELLのカテゴリラベルの文字は白で統一（背景はSWELLの色のまま） */
.am .c-postThumb__cat{color:#fff}

/* 文字のアクセント：オレンジ → 淡い水色（紺の上）／紺（白の上） */
.am--hd .am-pick__meta span,
.am--hd .am-org__field,
.am--hd .am-org__names li span,
.am--hd .am-panel__kind,
.am--hd .am-topics__label{color:var(--am-accent-soft)}
.am--hd .am .am-topics__list a:hover,.am--hd .am-topics__list a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.am--hd .am-meta__cat{color:var(--hd-band)}
.am--hd .am-fv__text:hover .am-fv__btn{background:#E8F1FB;color:#043881}
.am--hd .am-report__btn:hover{background:#E8F1FB;color:#043881 !important}
.am--hd .am-more:hover{color:var(--hd-sky);border-bottom-color:var(--hd-sky)}
.am--hd .am-talk__main:hover .am-play,.am--hd .am-talk-item:hover .am-play{background:var(--hd-sky);border-color:var(--hd-sky)}
.am--hd .am-index__row.is-flash .am-index__name{color:var(--hd-sky)}

/* カテゴリの4枚目：オレンジ → 明るい水色 */
.am-catx--4 .am-catx__head{background:linear-gradient(135deg,#7CC4EC 0%,#2A9ED4 100%)}
.am-catx--4 .am-catx__list a::after{background:#043881}

/* 線・輪・点 */
.am--hd .am-thread path{stroke:var(--am-accent)}
.am--hd .am-thread circle{fill:var(--am-accent)}
.am--hd .am-fv__arc{stroke:#9CC3EE}
.am--hd .am-orbit__arc{stroke:#9CC3EE}
.am--hd .am-orbit__in{stroke:#9CC3EE}
.am--hd .am-orbit__nodes circle[fill="#FC822A"]{fill:#9CC3EE}
.am--hd .am-closing__rings path{stroke:#9CC3EE}

/* オレンジは主ボタンだけ（HDサイトのお問い合わせボタンと同じ扱い） */
.am--hd .am-closing__btns a.is-primary{background:#FC822A;border-color:#FC822A}
.am--hd .am-closing__btns a.is-primary:hover{background:#E5701B;border-color:#E5701B}
.am--hd .am-readline{background:var(--am-accent)}

@media (max-width:1300px){.am-fv__vertical{display:none}}
/* ==========================================================
   ブランドのオレンジ #FF7F00 を「線・輪・点・ボタン」に戻す
   （紺の上のオレンジの文字は使わない）
   ========================================================== */
.am--hd{--am-orange:#FF7F00;--am-accent:#FF7F00}

/* ページを貫く線・弧・点 */
.am--hd .am-thread path{stroke:#FF7F00}
.am--hd .am-thread circle{fill:#FF7F00}
.am--hd .am-fv__arc,.am--hd .am-orbit__arc,.am--hd .am-closing__rings path{stroke:#FF7F00}
.am--hd .am-orbit__in{stroke:#FF7F00}
.am--hd .am-orbit__nodes circle[fill="#FC822A"]{fill:#FF7F00}
.am--hd .am-readline{background:#FF7F00}

/* ナビの選択中の下線 */
.am--hd .am-nav a[aria-current="page"]{border-bottom-color:#FF7F00}

/* ボタン：主ボタンはオレンジ、白いボタンは押すとオレンジに */
.am--hd .am-closing__btns a.is-primary{background:#FF7F00;border-color:#FF7F00}
.am--hd .am-closing__btns a.is-primary:hover{background:#E57200;border-color:#E57200}
.am--hd .am-fv__text:hover .am-fv__btn,.am--hd .am-report__btn:hover{background:#FF7F00;color:#fff !important}
.am--hd .am-talk__main:hover .am-play,.am--hd .am-talk-item:hover .am-play{background:#FF7F00;border-color:#FF7F00}

/* 白いセクションのリンクは押すとオレンジに */
.am--hd .am-sec .am-more:hover{color:#FF7F00;border-bottom-color:#FF7F00}

/* カテゴリの4枚目はブランドのオレンジ */
.am-catx--4 .am-catx__head{background:linear-gradient(135deg,#FF9A3C 0%,#FF7F00 100%)}
.am-catx--4 .am-catx__list a::after{background:#FF7F00}
.am .am-catx__list a:hover::after{background:#FF7F00}

/* 線を描くアニメーション（輪・弧で共通） */
@keyframes am-draw{to{stroke-dashoffset:0}}

/* Topicsの見出しはブランドのオレンジ。流れはカーソルを乗せても止めない */
.am--hd .am-topics__label{color:#FF7F00}
.am-topics:hover .am-topics__track{animation-play-state:running}

/* カテゴリは6枠：3列×2段 */
.am-cats--hd{grid-template-columns:repeat(3,1fr);gap:32px 28px}
.am-catx--5 .am-catx__head{background:linear-gradient(135deg,#2A9ED4 0%,#0B4CA6 100%)}
.am-catx--6 .am-catx__head{background:linear-gradient(135deg,#3B5B8C 0%,#14284D 100%)}
@media (max-width:1080px){.am-cats--hd{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.am-cats--hd{grid-template-columns:1fr}}
.am--hd .am-cats.am-cats--hd{grid-template-columns:repeat(3,1fr);gap:36px 28px}
.am .am-catx__head{min-height:236px}
.am-catx__head h3{font-size:22px}
.am--hd .am-nav a{padding:0 10px;font-size:13px;letter-spacing:.02em}
.am--hd .am-header__inner{gap:20px}
@media (max-width:1080px){.am--hd .am-cats.am-cats--hd{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.am--hd .am-cats.am-cats--hd{grid-template-columns:1fr}}

/* ナビ：カテゴリは1つのボタンにまとめ、押すと6つが並ぶ */
.am--hd .am-nav a,.am--hd .am-nav__btn{padding:0 16px;font-size:14px;letter-spacing:.04em}
.am-nav__btn{display:flex;align-items:center;gap:6px;height:100%;border:0;border-top:3px solid transparent;border-bottom:3px solid transparent;background:none;font:inherit;color:var(--am-ink);cursor:pointer;white-space:nowrap}
.am-nav__btn svg{transition:transform .25s}
.am-nav__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.am-nav__btn:hover,.am-nav__btn[aria-expanded="true"]{color:var(--hd-band)}
.am-nav__btn.is-current{color:var(--hd-band);font-weight:700;border-bottom-color:#FF7F00}
.am-catmenu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--am-line);box-shadow:0 24px 40px -24px rgba(2,30,80,.35)}
.am-catmenu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px;padding-top:12px;padding-bottom:20px}
.am .am-catmenu__item{position:relative;display:block;padding:18px 28px 18px 18px;border-bottom:1px solid var(--am-line);color:var(--am-ink)}
.am-catmenu__item::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px}
.am-catmenu__item--1::before{background:linear-gradient(#43ABE2,#1D6EC5)}
.am-catmenu__item--2::before{background:linear-gradient(#1F5CB4,#043881)}
.am-catmenu__item--3::before{background:linear-gradient(#0E3F8F,#02265B)}
.am-catmenu__item--4::before{background:linear-gradient(#FF9A3C,#FF7F00)}
.am-catmenu__item--5::before{background:linear-gradient(#2A9ED4,#0B4CA6)}
.am-catmenu__item--6::before{background:linear-gradient(#3B5B8C,#14284D)}
.am-catmenu__item::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:7px;margin-top:-4px;background:var(--hd-band);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am-catmenu__item b{display:block;font-size:15px;font-weight:700;letter-spacing:.04em}
.am-catmenu__item small{display:block;margin-top:4px;font-size:12px;color:var(--am-sub);line-height:1.6}
.am .am-catmenu__item:hover{color:var(--hd-band)}
.am-catmenu__item:hover::after{transform:translateX(4px);background:#FF7F00}
@media (max-width:860px){
  .am-catmenu__grid{grid-template-columns:1fr;gap:0}
  .am--hd .am-nav a,.am--hd .am-nav__btn{padding:0 12px}
}

.am-stats dt{white-space:nowrap}

/* カテゴリの色分け（HDサイトの事業カードの考え方に合わせる）
   経営・マーケティング＝コンサル系の水色／人事・労務・法務・税務・許認可＝士業系の紺〜青緑・藍で描き分け／金融・保険＝オレンジ
   グラデーションは控えめにし、色そのものの違いで見分けられるように */
.am-catx--1 .am-catx__head{background:linear-gradient(135deg,#3BA6E0 0%,#2A8FD0 100%)}
.am-catx--2 .am-catx__head{background:linear-gradient(135deg,#1F5FC0 0%,#1A4FA6 100%)}
.am-catx--3 .am-catx__head{background:linear-gradient(135deg,#0B2D6B 0%,#071F4D 100%)}
.am-catx--5 .am-catx__head{background:linear-gradient(135deg,#0E8193 0%,#0A6577 100%)}
.am-catx--6 .am-catx__head{background:linear-gradient(135deg,#4B4F9E 0%,#363A80 100%)}
.am-catx--4 .am-catx__head{background:linear-gradient(135deg,#FF8A14 0%,#FF7F00 100%)}
.am-catx--1 .am-catx__list a::after{background:#2A8FD0}
.am-catx--2 .am-catx__list a::after{background:#1A4FA6}
.am-catx--3 .am-catx__list a::after{background:#0B2D6B}
.am-catx--5 .am-catx__list a::after{background:#0A6577}
.am-catx--6 .am-catx__list a::after{background:#363A80}
.am-catx--4 .am-catx__list a::after{background:#FF7F00}
/* ナビのカテゴリメニューの細線も同じ色 */
.am-catmenu__item--1::before{background:#2A8FD0}
.am-catmenu__item--2::before{background:#1A4FA6}
.am-catmenu__item--3::before{background:#0B2D6B}
.am-catmenu__item--5::before{background:#0A6577}
.am-catmenu__item--6::before{background:#363A80}
.am-catmenu__item--4::before{background:#FF7F00}
/* ==========================================================
   レポート：実際の表紙と中身のページを見せる（HDサイトの資料ダウンロードと同じ形）
   ========================================================== */
.am-report__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}
.am-report__head .am-report__text{max-width:36em}
.am-report__head .am-report__btn{margin-top:0;flex:0 0 auto}
.am-rcards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.am .am-rcard{display:flex;flex-direction:column;color:#fff}
.am-rcard__cover{position:relative;overflow:hidden;aspect-ratio:16/9;box-shadow:0 30px 50px -28px rgba(0,8,30,.8)}
.am-rcard__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.am-rcard:hover .am-rcard__cover img{transform:scale(1.04)}
.am-rcard__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.am-rcard__thumbs img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.92}
.am-rcard__vol{margin-top:26px !important;font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:600;color:#9CC3EE;letter-spacing:.04em}
.am-rcard__title{margin-top:8px !important;font-size:20px;font-weight:700;line-height:1.5;color:#fff}
.am-rcard__sub{margin-top:6px !important;font-size:13px;color:#C9D6EC}
.am-rcard__desc{margin-top:14px !important;font-size:14px;line-height:1.9;color:#C9D6EC}
.am-rcard__pages{margin-top:14px !important;font-size:12px;color:#9CC3EE}
.am-rcard__btn{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;margin-top:auto;padding:16px 26px;border:1px solid rgba(255,255,255,.6);font-size:14px;font-weight:700;letter-spacing:.06em;color:#fff;transition:background .25s,color .25s,border-color .25s}
.am-rcard__pages{margin-bottom:28px !important}
.am-rcard__btn::after{content:"";width:18px;height:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am-rcard:hover .am-rcard__btn{background:#FF7F00;border-color:#FF7F00}
.am-rcard:hover .am-rcard__btn::after{transform:translateX(4px)}
.am-rcard:hover .am-rcard__title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (max-width:1080px){.am-rcards{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .am-report__head{flex-direction:column;align-items:flex-start;gap:24px}
  .am-rcards{grid-template-columns:1fr;gap:56px}
}
/* ==========================================================
   広い画面での余白対策：
   ① コンテンツ幅を画面に合わせて広げる
   ② 白いセクションに淡い紺の面を交互に入れてリズムを作る
   ③ 各セクションの英字見出しを、背景に大きな輪郭文字として敷く
   ========================================================== */
@media (min-width:1600px){ .am--hd{--am-wrap:1440px} }
@media (min-width:2000px){ .am--hd{--am-wrap:1600px} }

/* 淡い紺の面（純白が続かないように） */
.am--hd .am-sec--talk{background:#F2F5FA}
.am--hd .am-ranksec{background:#F2F5FA}
.am--hd .am-sec--talk + .am-sec{padding-top:110px}
.am--hd .am-sec + .am-ranksec{padding-top:110px}
.am--hd .am-sec--talk .am-talk-item{border-bottom-color:#D7DFEA}

/* 背景の大きな輪郭文字（Interview・Category など） */
.am-wm{position:absolute;z-index:0;top:40px;font-family:"Inter Tight",sans-serif;font-weight:700;font-size:clamp(120px,13vw,300px);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(4,56,129,.10);white-space:nowrap;pointer-events:none;user-select:none}
.am-wm--r{right:-.04em}
.am-wm--l{left:-.04em}
.am-band .am-wm,.am-fv .am-wm{-webkit-text-stroke-color:rgba(255,255,255,.08)}
@media (max-width:860px){ .am-wm{display:none} }
/* ==========================================================
   ①カテゴリメニューを紺の面に大きな文字で（色の線・説明・矢印をやめる）
   ②中身を画面幅いっぱいに近く広げる（左右に寄りすぎない）
   ③SWELLのリンクの「薄くなる」効果を、THE LOOPのページでは無効に
   ========================================================== */

/* ① カテゴリメニュー */
.am-catmenu{background:#02265B;border-top:0;box-shadow:0 30px 50px -30px rgba(2,20,60,.6)}
.am-catmenu__inner{display:grid;grid-template-columns:280px 1fr;gap:56px;padding-top:44px;padding-bottom:48px}
.am-catmenu .am-eyebrow{color:#9CC3EE}
.am-catmenu__title{margin:0 !important;font-size:20px;font-weight:700;color:#fff;letter-spacing:.04em}
.am .am-catmenu__all{display:inline-block;margin-top:24px;font-size:13px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}
.am .am-catmenu__all:hover{color:#FF7F00;border-bottom-color:#FF7F00}
.am-catmenu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;padding:0}
.am .am-catmenu__item{display:flex;align-items:baseline;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff}
.am .am-catmenu__item::before,.am .am-catmenu__item::after{content:none}
.am-catmenu__count{flex:0 0 52px;font-family:"Inter Tight",sans-serif;font-size:30px;font-weight:200;line-height:1;color:#9CC3EE}
.am-catmenu__item b{font-size:18px;font-weight:700;letter-spacing:.04em;background:linear-gradient(#FF7F00,#FF7F00) 0 100%/0 2px no-repeat;padding-bottom:4px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}
.am .am-catmenu__item:hover{color:#fff}
.am-catmenu__item:hover b{background-size:100% 2px}
.am-catmenu__item:hover .am-catmenu__count{color:#FF7F00}
@media (max-width:1080px){.am-catmenu__inner{grid-template-columns:1fr;gap:24px}}
@media (max-width:860px){.am-catmenu__grid{grid-template-columns:1fr 1fr;gap:0 20px}.am-catmenu__item b{font-size:15px}}

/* ② 中身の幅：大きな画面でも左右に寄りすぎないよう、余白は画面幅の割合で */
.am--hd{--am-wrap:1760px}
.am--hd .am-wrap{padding-left:clamp(20px,4.5vw,88px);padding-right:clamp(20px,4.5vw,88px)}
.am--hd .am-feature__track{--am-gutter:max(clamp(20px,4.5vw,88px),calc((100vw - var(--am-wrap))/2 + clamp(20px,4.5vw,88px)))}
.am--hd .am-topics__label{padding-left:max(clamp(20px,4.5vw,88px),calc((100vw - var(--am-wrap))/2 + clamp(20px,4.5vw,88px)))}
.am--hd .am-fv__picks::before,.am--hd .am-footer__bottom::before{left:clamp(20px,4.5vw,88px);right:clamp(20px,4.5vw,88px)}
@media (min-width:1600px){ .am--hd{--am-wrap:1760px} }
@media (min-width:2000px){ .am--hd{--am-wrap:1920px} }

/* ③ カーソルを当てても全体が薄暗くならないように */
.am a:not(.post_content *, .am-swl *):hover,.am a:not(.post_content *, .am-swl *):focus,.am button:hover{opacity:1 !important}
.am a:not(.post_content *, .am-swl *):hover img{opacity:1 !important}
/* ==========================================================
   検索：カテゴリメニューと同じ濃紺の面に、大きな入力欄
   ========================================================== */
.am--hd .am-search-toggle{display:flex;align-items:center;gap:8px;padding:8px 4px;border:0;border-left:0;background:none;color:var(--am-ink);font:inherit;font-size:13px;font-weight:500;letter-spacing:.04em;cursor:pointer}
.am--hd .am-search-toggle:hover,.am--hd .am-search-toggle[aria-expanded="true"]{color:var(--hd-band)}
.am--hd .am-searchbar{position:absolute;left:0;right:0;top:100%;background:#02265B;border-top:0;box-shadow:0 30px 50px -30px rgba(2,20,60,.6)}
.am-searchbar__inner{padding-top:40px;padding-bottom:44px}
.am-searchbar .am-eyebrow{display:block;color:#9CC3EE}
.am-searchbar__form{display:block;padding:0 !important}
.am-searchbar__field{display:flex;align-items:center;gap:18px;padding:10px 0 14px;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;transition:border-color .25s}
.am-searchbar__field:focus-within{border-bottom-color:#FF7F00}
.am--hd .am-searchbar__field input{flex:1;min-width:0;border:0 !important;background:transparent;color:#fff;font:inherit;font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:.02em;padding:4px 0;outline:none;box-shadow:none}
.am--hd .am-searchbar__field input:focus,.am--hd .am-searchbar__field input:focus-visible{outline:none}
.am-searchbar__field input::placeholder{color:rgba(255,255,255,.4)}
.am-searchbar__field input::-webkit-search-cancel-button{-webkit-appearance:none}
.am--hd .am-searchbar__field button{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;transition:background .25s,border-color .25s}
.am--hd .am-searchbar__field button:hover{background:#FF7F00;border-color:#FF7F00}
.am-searchbar__keys{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-top:22px}
.am-searchbar__keys span{font-size:12px;color:#9CC3EE;letter-spacing:.04em;margin-right:4px}
.am .am-searchbar__keys a{font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.am .am-searchbar__keys a:hover{color:#FF7F00;border-bottom-color:#FF7F00}
@media (max-width:860px){ .am-search-toggle__txt{display:none} .am--hd .am-searchbar__field button{width:44px;height:44px} }
/* 検索・カテゴリメニューを開いている間：背景を暗くしてスクロールを止める */
html.am-locked,html.am-locked body{overflow:hidden}
.am-scrim{position:fixed;inset:0;z-index:35;background:rgba(2,22,58,.55);opacity:0;pointer-events:none;transition:opacity .3s ease}
html.am-locked .am-scrim{opacity:1;pointer-events:auto}
.am--hd .am-searchbar,.am-catmenu{animation:am-drop .35s cubic-bezier(.22,1,.36,1)}
@keyframes am-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.am-scrim{transition:none}.am--hd .am-searchbar,.am-catmenu{animation:none}}

.am--hd .am-searchbar,.am-catmenu{border-bottom:1px solid rgba(255,255,255,.14)}

/* 開いている間はヘッダーを画面上部に固定し、メニュー自体は画面に収まる高さでスクロールできるように */
html.am-locked .am--hd .am-header{position:fixed;top:0;left:0;right:0;transform:none}
.am-catmenu,.am--hd .am-searchbar{max-height:calc(100vh - var(--am-hh,76px));max-height:calc(100dvh - var(--am-hh,76px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* スマホのカテゴリメニュー：1列で、数字とカテゴリ名をコンパクトに */
@media (max-width:560px){
  .am-catmenu__inner{gap:16px;padding-top:24px;padding-bottom:28px}
  .am-catmenu__title{font-size:17px}
  .am .am-catmenu__all{margin-top:10px}
  .am-catmenu__grid{grid-template-columns:1fr;gap:0}
  .am .am-catmenu__item{gap:14px;padding:14px 0}
  .am-catmenu__count{flex-basis:40px;font-size:22px}
  .am-catmenu__item b{font-size:16px}
}
.am-panel-close{display:none}
@media (max-width:860px){
  .am .am-panel-close{display:block;width:100%;grid-column:1 / -1;margin-top:20px;padding:14px 0;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.08em;cursor:pointer}
}
/* ==========================================================
   特集の横スクロールが、縦スクロールの邪魔をしないように
   ========================================================== */
.am-feature__track{scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.am-panel{scroll-snap-stop:normal}
@media (max-width:860px){
  /* スマホではパネルを低くして、指がかかる面積を減らす */
  .am--pro .am-panel{flex:0 0 66vw}
  .am-panel .am-ph.am-r-4x5{aspect-ratio:4/3}
  .am--pro .am-panel__body{padding:64px 18px 18px}
  .am--pro .am-panel__title{font-size:18px}
  .am--pro .am-panel__text{display:none}
  .am--hd .am-feature{padding:80px 0 88px}
}
/* ==========================================================
   アイキャッチは既存のまま（1200×630）切らずに表示する
   特集・対談は、文字を画像の上に重ねず、画像の下に置く
   ========================================================== */
.am--pro .am-panel{flex:0 0 440px}
.am .am-panel .am-ph,.am .am-panel .am-ph.am-r-4x5{aspect-ratio:var(--am-thumb)}
.am--pro .am-panel__body{position:static;padding:20px 0 0;background:none}
.am--pro .am-panel__kind{margin:0 0 6px}
.am--pro .am-panel__title{font-size:20px;color:#fff;margin:0 0 8px}
.am--pro .am-panel__text{display:block;color:#C9D6EC}
.am--pro .am-panel:hover .am-panel__title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

.am--pro .am-talk__cap,.am--hd .am-talk__cap{position:static;padding:22px 0 0;background:none}
.am--hd .am-talk__main h3{color:var(--am-ink)}
.am--hd .am-talk__guests{color:var(--am-sub)}
.am--hd .am-talk__main:hover h3{color:var(--hd-band);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

@media (max-width:860px){
  .am--pro .am-panel{flex:0 0 78vw}
  .am .am-panel .am-ph.am-r-4x5{aspect-ratio:var(--am-thumb)}
  .am--pro .am-panel__body{padding:16px 0 0}
  .am--pro .am-panel__title{font-size:17px}
  .am--pro .am-panel__text{display:block;font-size:12px}
}
/* ==========================================================
   スマホの特集：PCと同じ横に送る形のまま、縦スクロールは一切邪魔しない
   （指の縦の動きは常にページへ。横のスワイプだけをこちらで受けて1枚ずつ送る）
   ========================================================== */
@media (max-width:860px){
  .am-feature__track{touch-action:pan-y;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  .am--pro .am-panel{flex:0 0 80vw}
  .am-feature__ctrl{display:flex !important;margin-top:4px}
  .am-feature .am-sec-head{flex-direction:column;align-items:flex-start;gap:18px}
  .am-feature__ctrl{width:100%}
  .am-feature__ctrl .am-progress{flex:1;width:auto;margin-right:16px}
  .am-arrow{width:40px;height:40px}
  .am-topics__track{animation-duration:36s}
}
/* ==========================================================
   記事ページ：HDサイトの体裁（紺の記事ヘッダー＋白い紙面）と相談フォーム
   ========================================================== */
.am--hd.am--article{background:#fff}
/* 記事の頭：トップのファーストビューと同じ紺のグラデーション */
.am--hd .am-ahead{position:relative;overflow:hidden;padding:44px 0 0;color:#fff;background:
  radial-gradient(55% 75% at 85% 15%,rgba(64,170,230,.4) 0%,rgba(64,170,230,0) 65%),
  linear-gradient(118deg,#0F5DC0 0%,#043881 50%,#02265B 100%)}
.am--hd .am-ahead::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-460px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 70px rgba(255,255,255,.04);pointer-events:none}
.am--hd .am-ahead > *{position:relative}
.am--hd .am-crumbs ol{color:#B7C5DF}
.am--hd .am-crumbs a:hover{color:#fff}
.am--hd .am-ahead__cat{color:#fff;border:1px solid rgba(255,255,255,.5);padding:4px 12px;font-size:12px}
.am--hd .am-ahead__cat:hover{border-color:#FF7F00;color:#fff}
.am--hd .am-ahead__title{color:#fff}
.am--hd .am-ahead__lead{color:#C9D6EC}
.am--hd .am-ahead__meta{border-top-color:rgba(255,255,255,.2)}
.am--hd .am-ahead__dates{color:#E3EAF6}
.am--hd .am-ahead__dates dt{color:#9CC3EE}
.am--hd .am-ahead__sup small{color:#9CC3EE}
.am--hd .am-ahead__eye img{box-shadow:0 40px 80px -36px rgba(0,8,30,.7)}

/* 本文の紙面 */
.am--hd .am-paper{background:#fff}
.am--hd .am-supbox{border-top-color:#043881}
.am--hd .am-supbox__name span{color:#043881}
.am--hd .am-toc{border-top-color:#043881}
.am--hd .am-toc__list li.is-active a{border-left-color:#FF7F00;color:#043881}

/* サイド：相談カード（紺の面） */
.am--hd .am-sidecta{margin-top:36px;padding:28px 24px 24px;border-top:0;background:linear-gradient(150deg,#0B4CA6 0%,#043881 55%,#02265B 100%);color:#fff;position:relative;overflow:hidden}
.am--hd .am-sidecta::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.am--hd .am-sidecta .am-eyebrow{color:#9CC3EE;margin-bottom:8px}
.am-sidecta__title{position:relative;margin:0 !important;font-size:18px;font-weight:700;line-height:1.55;color:#fff}
.am--hd .am-sidecta__lead{position:relative;margin-top:12px !important;font-size:12px;line-height:1.8;font-weight:400;color:#C9D6EC}
.am--hd .am-sidecta__btn{position:relative;display:block;width:100%;margin-top:18px;padding:15px 16px;border:0;background:#FF7F00;color:#fff !important;font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;text-align:center;cursor:pointer;transition:background .2s}
.am--hd .am-sidecta__btn:hover{background:#E57200}
.am--hd .am-sidecta__note{position:relative;color:#9CC3EE;margin-top:10px !important}

/* 記事下の相談帯・関連記事 */
.am--hd .am-acta{background:linear-gradient(160deg,#043881 0%,#02265B 100%);padding:96px 0}
.am--hd .am-related{background:#F2F5FA;padding-top:96px}
.am--hd .am-related .am-sec-title{color:#0F2347}
.am--hd .am-grid3 .am-card__title{color:#0F2347}

/* 相談フォームの引き出し（右から出る） */
.am-drawer[hidden]{display:none !important}
.am-drawer{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(560px,100%);display:flex;flex-direction:column;background:#fff;box-shadow:-30px 0 60px -30px rgba(2,20,60,.5);animation:am-slide .45s cubic-bezier(.22,1,.36,1)}
@keyframes am-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.am-drawer__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:28px 32px 24px;background:#02265B;color:#fff}
.am-drawer__head .am-eyebrow{color:#9CC3EE;margin-bottom:6px}
.am-drawer__title{margin:0 !important;font-size:20px;font-weight:700;color:#fff}
.am .am-drawer__close{border:1px solid rgba(255,255,255,.5);background:none;color:#fff;font:inherit;font-size:13px;padding:8px 14px;cursor:pointer}
.am .am-drawer__close:hover{border-color:#fff}
.am-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 40px}
.am-drawer__lead{margin:0 0 22px !important;font-size:13px;line-height:1.8;color:#5F6C82}

/* フォームの中身（Contact Form 7 の標準の部品をTHE LOOPの見た目に） */
.am-form .wpcf7-form p,.am-form .wpcf7-form > label{margin:0 0 20px}
.am-form label{display:block;font-size:13px;font-weight:700;color:#0F2347;letter-spacing:.02em}
.am-form .hissu,.am-form .required,.am-form .must{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:0;background:none;border:1px solid #FF7F00;color:#FF7F00;font-size:10px;font-weight:700;line-height:1.6;vertical-align:1px}
.am-form input[type=text],.am-form input[type=email],.am-form input[type=tel],.am-form input[type=url],.am-form input[type=number],.am-form select,.am-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #D3DBE7;border-radius:0;background:#fff;box-shadow:none;font:inherit;font-size:15px;font-weight:400;color:#0F2347;transition:border-color .2s,box-shadow .2s}
.am-form textarea{min-height:150px;resize:vertical}
.am-form input::placeholder,.am-form textarea::placeholder{color:#A3AEBE}
.am-form input:focus,.am-form select:focus,.am-form textarea:focus{outline:none;border-color:#043881;box-shadow:0 0 0 3px rgba(4,56,129,.12)}
.am-form .privacy-box,.am-form [class*="privacy"]{margin:8px 0 20px;padding:16px 18px;max-height:150px;overflow-y:auto;border:1px solid #D3DBE7;border-left:0;border-radius:0;background:#F7F9FC;font-size:12px;line-height:1.8;color:#5F6C82;box-shadow:none}
.am-form .privacy-box p{margin:0 0 6px}
.am-form .privacy-box strong{color:#0F2347}
.am-form .wpcf7-acceptance{display:block;margin:4px 0 18px;font-size:13px;color:#0F2347}
.am-form .wpcf7-acceptance input{width:18px;height:18px;margin-right:8px;vertical-align:-3px;accent-color:#043881}
.am-form input[type=submit],.am-form button[type=submit]{display:block;width:100%;margin-top:8px;padding:17px;border:0;border-radius:0;background:#FF7F00;color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .2s}
.am-form input[type=submit]:hover{background:#E57200}
.am-form input[type=submit]:disabled{background:#C9D1DC;cursor:not-allowed}
.am-form .wpcf7-not-valid-tip{margin-top:6px;font-size:12px;color:#D23B3B}
.am-form .wpcf7-response-output{margin:18px 0 0 !important;padding:12px 14px !important;border:1px solid #D3DBE7 !important;font-size:13px}
.am-form .wpcf7-spinner{display:block;margin:10px auto 0}

/* スマホ：画面下に相談ボタンを固定 */
.am-mobilecta{display:none}
@media (max-width:1100px){
  .am--article .am-mobilecta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #DCE3EC}
  .am-mobilecta button,.am-mobilecta a{display:block;width:100%;padding:14px;border:0;background:#FF7F00;color:#fff !important;font:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-align:center;cursor:pointer}
  .am--article{padding-bottom:70px}
  .am-drawer{width:100%}
  .am-drawer__head{padding:22px 20px 18px}
  .am-drawer__body{padding:22px 20px 32px}
}
/* ==========================================================
   「altruloopについて」メニュー・フッターのホールディングス導線・コラム全体の統一
   ========================================================== */
.am-hdmenu__sub{margin:12px 0 0 !important;font-size:13px;line-height:1.8;color:#C9D6EC}
.am-hdmenu__en{flex:0 0 76px;font-family:"Inter Tight",sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;color:#9CC3EE}
.am-hdmenu .am-catmenu__grid{grid-template-columns:repeat(2,1fr)}
.am-hdmenu .am-catmenu__item:hover .am-hdmenu__en{color:#FF7F00}
@media (max-width:560px){ .am-hdmenu .am-catmenu__grid{grid-template-columns:1fr} .am-hdmenu__en{flex-basis:64px} }

/* フッター：ホールディングスのページ一覧 */
.am-footer__hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 36px;padding-top:28px;padding-bottom:28px;position:relative}
.am-footer__hd::before{content:"";position:absolute;top:0;left:clamp(20px,4.5vw,88px);right:clamp(20px,4.5vw,88px);border-top:1px solid rgba(255,255,255,.14)}
.am-footer__hdname{margin:0 !important;font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em}
.am .am-footer__hdname a{color:#9CC3EE}
.am-footer__hd ul{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none}
.am .am-footer__hd a{font-size:13px;color:#C9D6EC}
.am .am-footer__hd a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* コラム全体（SWELLのページ）にTHE LOOPのヘッダー・フッターを差し込むとき */
.am-chrome-wrap{display:contents}
.am-chrome-wrap > .am-header{position:sticky;top:0;z-index:100}
.am-chrome #header,.am-chrome .l-header,.am-chrome #fix_header,.am-chrome .l-fixHeader,
.am-chrome #footer,.am-chrome .l-footer,.am-chrome #fix_bottom_menu,.am-chrome .p-fixBtnWrap,
.am-chrome #sp_menu,.am-chrome .p-spMenu,.am-chrome .l-header__bar,.am-chrome #pagetop{display:none !important}
.am-chrome{padding-top:0 !important}
body:has(#body_wrap.am-chrome){padding-top:0 !important}
body.admin-bar .am-chrome-wrap > .am-header{top:32px}
@media (max-width:782px){ body.admin-bar .am-chrome-wrap > .am-header{top:46px} }

/* ヘッダー：ログイン中の管理バーに隠れないように／狭い画面で2段になってもヘッダーの中に収める */
body.admin-bar .am-header{top:32px}
@media (max-width:782px){ body.admin-bar .am-header{top:46px} }
@media (max-width:600px){ body.admin-bar .am-header{top:0} }
@media (max-width:1180px){
  .am .am-header,.am--pro .am-header__inner,.am .am-header__inner{height:auto !important;min-height:0}
  .am--hd .am-header__inner{flex-wrap:wrap;row-gap:0;padding-top:10px}
  .am--hd .am-nav{order:3;flex:1 1 100%;width:100%;border-top:1px solid var(--am-line);overflow-x:auto}
}
/* 「お問い合わせ」ボタン（HDサイトと同じく封筒のアイコン付き） */
.am--hd .am-consult{display:inline-flex;align-items:center;gap:8px}
.am--hd .am-consult svg{flex:0 0 auto}

/* 社名のふりがな（アルトゥルループ） */
.am ruby rt{font-family:var(--am-sans);font-size:9px;font-weight:500;letter-spacing:.35em;color:#9CC3EE;ruby-align:space-between}
.am-hdmenu__name{line-height:1.9}
.am-footer__hdname ruby rt{font-size:8px;letter-spacing:.3em}

/* ロゴの入れ物（トップではh1）：見た目は変えない */
.am .am-logo-wrap{margin:0;padding:0;font-size:inherit;line-height:0;display:flex;align-items:center}
.am-vh{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* SWELLの「フッター直前」ウィジェットなど、フッターまわりの旧デザインも隠す */
.am-chrome #before_footer_widget,.am-chrome .w-beforeFooter,.am-chrome .l-footer__widgetArea,
.am-chrome .w-footer,.am-chrome .l-footer__foot,.am-chrome .c-fixBtn{display:none !important}

/* 元のヘッダー・フッター（子テーマ独自のものを含む）を、読み込み直後から隠す */
.am-chrome > header:not(.am-header),.am-chrome > footer,
#body_wrap.am-chrome > header,#body_wrap.am-chrome > footer{display:none !important}

/* SWELLは<body>ではなく#body_wrapにクラスを付けるため、管理バーの有無は:hasで判定 */
body:has(#wpadminbar) .am-chrome-wrap > .am-header{top:32px}
@media (max-width:782px){ body:has(#wpadminbar) .am-chrome-wrap > .am-header{top:46px} }
@media (max-width:600px){ body:has(#wpadminbar) .am-chrome-wrap > .am-header{top:0} }

/* ==========================================================
   スマホのヘッダー：ロゴと「検索・お問い合わせ」を1行に収め、縦位置を揃える（2行目はナビ）
   スマホ下の固定ボタンがあるページは、フッターの最後が隠れないよう下に余白
   ========================================================== */
@media (max-width:860px){
  .am--hd .am-header__inner{flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:0;padding-top:10px}
  .am--hd .am-logo-wrap,.am--hd a.am-logo{flex:0 0 auto;display:flex;align-items:center;height:44px}
  .am--hd a.am-logo svg{width:122px;height:auto;display:block}
  .am--hd .am-tools{order:2;margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
  .am--hd .am-search-toggle{padding:8px 6px}
  .am--hd .am-consult{padding:9px 12px !important;font-size:12.5px !important;letter-spacing:.02em}
  .am--hd .am-consult svg{width:14px;height:14px}
  .am--hd .am-nav{order:3;flex:1 1 100%;margin-top:6px}
}
@media (max-width:360px){ .am--hd .am-consult svg{display:none} .am--hd a.am-logo svg{width:108px} }
@media (max-width:1100px){
  body:has(.am-mobilecta) .am-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
/* ==========================================================
   記事ページの細部の見直し
   ・紺の帯の上のボタンは「白地に紺の文字」（オレンジの面はやめる）
   ・目次は大見出し（H2）だけにして、スクロールバーを出さない
   ・監修者の写真が無いときは、灰色の人型ではなく頭文字の四角
   ========================================================== */
/* 紺の帯のボタン */
.am--hd .am-acta .am-org__btn,.am--hd .am-closing__btns a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 28px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff !important;font-size:14px;font-weight:700;letter-spacing:.06em;transition:background .25s,color .25s,border-color .25s}
.am--hd .am-acta .am-org__btn.is-primary,.am--hd .am-closing__btns a.is-primary{background:#fff;border-color:#fff;color:#043881 !important}
.am--hd .am-acta .am-org__btn:hover,.am--hd .am-closing__btns a:hover{background:#fff;border-color:#fff;color:#043881 !important}
.am--hd .am-acta .am-org__btn.is-primary:hover,.am--hd .am-closing__btns a.is-primary:hover{background:#E8F1FB;border-color:#E8F1FB}
.am--hd .am-acta .am-org__btn::after,.am--hd .am-closing__btns a::after{content:"";width:18px;height:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am--hd .am-acta .am-org__btn:hover::after,.am--hd .am-closing__btns a:hover::after{transform:translateX(4px)}

/* サイドの相談カード */
.am--hd .am-sidecta__btn{background:#fff;color:#043881 !important}
.am--hd .am-sidecta__btn:hover{background:#E8F1FB}
.am--hd .am-sidecta::after{display:none}

/* スマホ下の固定ボタン・フォームの送信ボタン：紺 */
.am-mobilecta button,.am-mobilecta a{background:#043881 !important}
.am-form input[type=submit],.am-form button[type=submit]{background:#043881}
.am-form input[type=submit]:hover{background:#02265B}
.am-form .hissu,.am-form .required,.am-form .must{border-color:#043881;color:#043881}

/* 目次：大見出しだけ。高さ制限とスクロールバーをやめる */
.am-toc__list{max-height:none;overflow:visible}
.am-toc__list li.is-h3{display:none}
.am--hd .am-toc__list li a{padding:9px 0 9px 16px;font-size:13px;color:#4A5568;border-left-color:#E3E8EF}
.am--hd .am-toc__title{font-family:"Inter Tight","Noto Sans JP",sans-serif;font-weight:600;color:#043881;letter-spacing:.06em}

/* 監修者：写真が無いときの頭文字 */
.am-initial{display:grid;place-items:center;width:120px;height:120px;background:#043881;color:#fff;font-size:44px;font-weight:700;line-height:1}
.am-initial--s{width:44px;height:44px;border-radius:50%;font-size:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
@media (max-width:860px){ .am-initial:not(.am-initial--s){width:80px;height:80px;font-size:30px} }

/* アイキャッチ：SWELLや他のプラグインの指定に左右されないよう、大きさと並びを固定 */
.am .am-ahead{display:block !important;float:none !important}
.am .am-ahead__eye{display:block !important;float:none !important;position:relative;width:auto !important;max-width:1176px !important;margin:44px auto 0 !important}
.am .am-ahead__eye .am-ahead__img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:auto;object-fit:contain;margin:0 !important;float:none !important;transform:none !important}
@media (max-width:1100px){ .am .am-ahead__eye{max-width:824px !important} }
/* アイキャッチは本文と同じ幅（760px）で、タイトル・本文と左を揃える */
.am .am-ahead__eye{max-width:1176px !important}
.am .am-ahead__eye .am-ahead__img{width:100% !important;max-width:760px !important}
.am-ahead__sup .am-initial{display:grid !important;place-items:center;flex-direction:row}
/* アイキャッチは紺の記事ヘッダーの中に収め、下に余白をとって白い本文へ */
.am--hd .am-ahead{padding-bottom:64px}
.am--hd .am-paper.has-eye{margin-top:0;padding-top:72px}
@media (max-width:860px){ .am--hd .am-ahead{padding-bottom:36px} .am--hd .am-paper.has-eye{padding-top:44px} }

/* 本文（.post_content）の文字・見出し・目次などは、すべてSWELLの設定を優先する
   THE LOOP側は文字の色・書体を本文に持ち込まない */
.am--article .am-paper{color:inherit}
.am--article .am-content{color:var(--color_text,#333);font-family:var(--swl-font_family,inherit)}

/* ==========================================================
   記事ページ：本文まわり（タイトル・日付・カテゴリ・アイキャッチ・シェア・著者・関連記事）は
   SWELLの部品をそのまま使う。THE LOOPは外枠（ヘッダー・フッター・右サイド・下の帯）だけ
   ========================================================== */
.am--hd .am-paper--swell{padding-top:28px}
.am-crumbs--light ol{color:#6B7383;font-size:12px}
.am .am-crumbs--light a{color:#6B7383}
.am .am-crumbs--light a:hover{color:#043881}
.am-crumbs--light{margin-bottom:28px}
.am-swl{min-width:0}
/* SWELLの部品が無い環境向けの控え（SWELLの記事頭に似せた形） */
.am-phead__ttl{display:flex;gap:18px;align-items:flex-start}
.am-phead__date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:4px 14px 6px 0;border-right:1px solid #DCE3EC;color:#333;line-height:1.2}
.am-phead__date span{font-size:12px}
.am-phead__date b{font-size:20px;font-weight:500}
.am-phead__ttl h1{margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.5;color:#333}
.am-phead__metas{display:flex;align-items:center;gap:14px;margin:16px 0 24px;font-size:12px;color:#666}
.am .am-phead__cat{display:inline-block;padding:2px 10px;background:var(--color_main,#043881);color:#fff;font-size:11px}
.am-phead__thumb{margin:0 0 40px}
.am-phead__thumb img{display:block;width:100%;height:auto}
/* 右サイドはSWELLの本文の高さに合わせて追従 */
.am--hd .am-paper__grid{align-items:start}

/* 右サイドの追従：サイドの列を本文と同じ高さまで伸ばし、その中で追従させる */
.am--hd .am-paper__grid{align-items:stretch}
.am-side{align-self:stretch;position:relative}
.am--hd .am-side__sticky{position:-webkit-sticky;position:sticky;top:96px}
body.admin-bar .am--hd .am-side__sticky{top:128px}

/* アイキャッチ（SWELLの部品が出せない場合の控え）：本文と同じ幅で切らずに表示 */
.am-swl .p-articleThumb{margin:0 0 2em}
.am-swl .p-articleThumb img{display:block;width:100%;height:auto}

/* ==========================================================
   記事下（SWELLのカテゴリ・シェア・前後の記事）を、THE LOOPのトーンに
   ※SWELLの部品・機能はそのまま、色と枠だけを整える
   ========================================================== */
/* シェア：各SNSの色の塗りをやめ、白地＋細い枠＋紺のアイコン。押すと紺 */
.am-swl .c-shareBtns{margin-top:2.5em}
.am-swl .c-shareBtns::before{content:"この記事をシェア";display:block;margin-bottom:12px;font-size:12px;letter-spacing:.08em;color:#5F6C82}
.am-swl .c-shareBtns__list{gap:8px}
.am-swl .c-shareBtns__btn{background:#fff !important;color:#043881 !important;border:1px solid #D3DBE7;border-radius:0 !important;box-shadow:none !important;transition:background .2s,color .2s,border-color .2s}
.am-swl .c-shareBtns__btn:hover{background:#043881 !important;color:#fff !important;border-color:#043881;opacity:1 !important}
.am-swl .c-shareBtns__btn img,.am-swl .c-shareBtns__btn svg{filter:none}
/* カテゴリのラベル：紺の角ラベルに */
.am-swl .p-articleFoot .c-categoryList__link,.am-swl .p-articleFoot .c-tagList__link{border-radius:0 !important}
/* 前後の記事：紺の矢印のタブをやめ、細い枠の2枚のカードに。前／次の記事の見出し付き */
.am-swl .p-pnLinks{gap:16px;margin-top:2.5em}
.am-swl .p-pnLinks__item{border:1px solid #D3DBE7;background:#fff;transition:border-color .2s}
.am-swl .p-pnLinks__item:hover{border-color:#043881}
.am-swl .p-pnLinks__link{position:relative;padding:34px 22px 20px !important;color:#0F2347 !important;background:none !important}
.am-swl .p-pnLinks__link::before{position:absolute;top:14px;left:22px;right:auto;bottom:auto;width:auto;height:auto;transform:none;border:0;background:none !important;font-family:"Inter Tight","Noto Sans JP",sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;color:#043881}
.am-swl .p-pnLinks__item.-prev .p-pnLinks__link::before{content:"← 前の記事"}
.am-swl .p-pnLinks__item.-next .p-pnLinks__link::before{content:"次の記事 →";left:auto;right:22px}
.am-swl .p-pnLinks__item.-next .p-pnLinks__link{text-align:right}
.am-swl .p-pnLinks__link::after{display:none !important}
.am-swl .p-pnLinks__item:hover .p-pnLinks__title{text-decoration:underline;text-underline-offset:4px}

/* ==========================================================
   右サイドの目次：章番号・章ごとの読み進み・記事全体の％
   ========================================================== */
.am--hd .am-toc{border-top:0;padding:0}
.am-toc__head{display:flex;align-items:baseline;gap:10px;padding-bottom:12px}
.am-toc__en{margin:0 !important;font-family:"Inter Tight",sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;color:#043881}
.am .am-toc__title{margin:0 !important;font-size:15px;font-weight:700;letter-spacing:.06em;color:#0F2347}
.am-toc__pct{margin:0 0 0 auto !important;font-family:"Inter Tight",sans-serif;font-size:11px;color:#5F6C82}
.am-toc__pct b{font-size:24px;font-weight:200;color:#043881;margin-right:1px}
.am-toc__bar{height:2px;background:#E3E8EF;margin-bottom:6px;overflow:hidden}
.am-toc__bar i{display:block;height:100%;width:0;background:#043881}
.am--hd .am-toc__list li a{display:grid;grid-template-columns:30px 1fr;column-gap:6px;padding:13px 0 12px;border:0;border-bottom:1px solid #EEF1F5;color:#5F6C82;transition:color .2s}
.am-toc__no{font-family:"Inter Tight",sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;color:#A9B3C2;line-height:1.7;transition:color .2s}
.am-toc__txt{font-size:13px;line-height:1.65}
.am-toc__prog{grid-column:2;display:block;height:2px;margin-top:8px;background:transparent;overflow:hidden}
.am-toc__prog i{display:block;height:100%;width:0;background:#FF7F00;transition:width .1s linear}
.am--hd .am-toc__list li.is-done a{color:#8A94A6}
.am-toc__list li.is-done .am-toc__no{color:#043881}
.am--hd .am-toc__list li.is-active a{color:#0F2347;border-left:0}
.am-toc__list li.is-active .am-toc__no{color:#FF7F00}
.am-toc__list li.is-active .am-toc__txt{font-weight:700}
.am-toc__list li.is-active .am-toc__prog{background:#E3E8EF}
.am--hd .am-toc__list li a:hover{color:#043881}
.am--hd .am-toc__list li a:hover .am-toc__txt{text-decoration:underline;text-underline-offset:4px}

.am-toc__list li:not(.is-active) .am-toc__prog{display:none}

/* ==========================================================
   ご相談・お問い合わせ：トップの体制図と同じ意匠でビジュアルに
   ========================================================== */
.am--hd .am-sidecta{padding:22px 22px 24px;text-align:center}
.am-orbit-mini{display:block;width:100%;max-width:220px;height:auto;margin:0 auto 4px}
.am-sidecta__fields{position:relative;margin:0 0 16px !important;font-size:11px;line-height:1.8;letter-spacing:.04em;color:#9CC3EE}
.am--hd .am-sidecta__title{font-size:17px}
.am--hd .am-sidecta__lead{margin-top:8px !important}
.am .am-sidecta__sub{position:relative;display:inline-block;margin-top:14px;font-size:12px;color:#C9D6EC;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}
.am .am-sidecta__sub:hover{color:#fff;border-bottom-color:#fff}

.am--hd .am-acta{padding:88px 0}
.am--hd .am-acta__inner{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.am-acta__text .am-eyebrow{color:#9CC3EE}
.am--hd .am-acta__btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:32px}
.am--hd .am-acta__btns .am-org__btn{flex:1 1 220px}
.am-acta__visual{max-width:500px;justify-self:center;width:100%}
.am-acta__visual .am-orbit{width:100%;height:auto}
@media (max-width:960px){
  .am--hd .am-acta__inner{grid-template-columns:1fr;gap:36px}
  .am-acta__visual{max-width:380px}
}
/* サイド全体が画面の高さに収まるよう、相談カードと目次を少しコンパクトに */
.am-orbit-mini{max-width:138px;margin-bottom:2px}
.am--hd .am-sidecta{margin-top:24px;padding:16px 20px 20px}
.am-sidecta__fields{margin-bottom:10px !important;font-size:10.5px}
.am--hd .am-sidecta__btn{margin-top:14px;padding:13px 16px}
.am .am-sidecta__sub{margin-top:10px}
.am--hd .am-toc__list li a{padding:10px 0 9px}
.am-toc__prog{margin-top:6px}

.am--hd .am-acta__btns .am-org__btn{flex:0 0 auto;white-space:nowrap;padding-left:32px;padding-right:32px}

/* イラスト無し：相談カードは文字とボタンだけ、記事下の帯は文字とボタンを左右に */
.am--hd .am-sidecta{padding:26px 22px 24px;text-align:left}
.am-sidecta__fields{text-align:left;margin-bottom:12px !important}
.am .am-sidecta__sub{display:inline-block}
.am--hd .am-acta__inner{grid-template-columns:1fr auto;gap:56px;align-items:end}
.am--hd .am-acta__text > p:not(.am-eyebrow){max-width:40em}
@media (max-width:960px){ .am--hd .am-acta__inner{grid-template-columns:1fr} }

/* サービスのご案内（相談カード） */
.am--hd .am-sidecta .am-eyebrow{margin-bottom:10px}
.am--hd .am-sidecta__title{font-size:17px;line-height:1.6}
.am .am-sidecta__sub{display:block;width:100%;margin-top:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.5);background:none;color:#fff;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-align:center;cursor:pointer;transition:background .2s,color .2s}
.am .am-sidecta__sub:hover{background:#fff;color:#043881;border-color:#fff}

/* ==========================================================
   altruloopへのご依頼：HDサイトの事業・サービスと同じ3事業の形
   ========================================================== */
.am--hd .am-acta--service{padding:96px 0 104px}
.am-acta__head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:44px}
.am-acta__head h2{font-size:clamp(26px,2.6vw,36px);font-weight:700;color:#fff;letter-spacing:.04em;margin:0}
.am-acta__head p:not(.am-eyebrow){margin-top:14px !important;font-size:14px;line-height:1.9;color:#C9D6EC;max-width:40em}
.am-acta--service .am-acta__btns{margin-top:0 !important}
.am-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.am-svc__group{background:#fff}
.am .am-svc__head{position:relative;overflow:hidden;display:block;padding:22px 22px 20px;font-size:18px;font-weight:700;letter-spacing:.04em;color:#fff}
.am-svc__head::after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-90px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.am-svc__group.is-consul .am-svc__head{background:linear-gradient(135deg,#3BA6E0 0%,#2A8FD0 100%)}
.am-svc__group.is-legal .am-svc__head{background:linear-gradient(135deg,#1F5FC0 0%,#043881 100%)}
.am-svc__group.is-finance .am-svc__head{background:linear-gradient(135deg,#FF9A3C 0%,#FF7F00 100%)}
.am-svc__list{padding:6px 22px 10px !important}
.am-svc__list li{border-bottom:1px solid #E6EBF2}
.am-svc__list li:last-child{border-bottom:0}
.am .am-svc__list a{position:relative;display:block;padding:14px 26px 14px 0;color:#0F2347}
.am-svc__list b{display:block;font-size:14px;font-weight:700}
.am-svc__list span{display:block;margin-top:2px;font-size:11px;color:#6B7383}
.am-svc__list a::after{content:"";position:absolute;right:2px;top:50%;width:14px;height:7px;margin-top:-4px;background:#043881;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M0 4h16M13 1l3 3-3 3' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s}
.am-svc__group.is-finance .am-svc__list a::after{background:#FF7F00}
.am .am-svc__list a:hover{color:#043881}
.am-svc__list a:hover::after{transform:translateX(4px)}
@media (max-width:960px){
  .am-acta__head{grid-template-columns:1fr;gap:24px}
  .am-svc{grid-template-columns:1fr;gap:16px}
}

/* 右サイドのカード：3事業を並べる */
.am-sidecta__groups{margin:14px 0 4px !important;border-top:1px solid rgba(255,255,255,.18)}
.am-sidecta__groups li{border-bottom:1px solid rgba(255,255,255,.18)}
.am .am-sidecta__groups a{display:grid;grid-template-columns:10px 1fr;column-gap:10px;padding:11px 0;color:#fff;text-align:left}
.am-sidecta__groups a::before{content:"";grid-row:1 / 3;width:8px;height:8px;margin-top:6px}
.am-sidecta__groups .is-consul a::before{background:#3BA6E0}
.am-sidecta__groups .is-legal a::before{background:#9CC3EE}
.am-sidecta__groups .is-finance a::before{background:#FF7F00}
.am-sidecta__groups b{font-size:13px;font-weight:700}
.am-sidecta__groups span{font-size:11px;line-height:1.6;color:#B7C5DF}
.am .am-sidecta__groups a:hover b{text-decoration:underline;text-underline-offset:4px}

.am--hd .am-acta .am-eyebrow,.am--hd .am-sidecta .am-eyebrow{color:#9CC3EE}

.am--hd .am-sidecta .am-sidecta__lead{margin:8px 0 0 !important;font-size:12px;line-height:1.8;color:#C9D6EC}

/* フッターの上の帯：文字は左、ボタンは右に並べる */
.am--hd .am-acta__inner{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center}
.am--hd .am-acta__inner > .am-acta__btns{display:flex;flex-direction:row;gap:12px;margin-top:0 !important}
@media (max-width:960px){
  .am--hd .am-acta__inner{grid-template-columns:1fr;gap:28px}
  .am--hd .am-acta__inner > .am-acta__btns{flex-wrap:wrap}
}


.am--hd .am-acta__text > p:not(.am-eyebrow){max-width:none}


/* ==========================================================
   ・ヘッダー下のオレンジの読了ライン、目次の章ごとのオレンジの線は使わない
   ・ナビの選択中の下線は、ヘッダーの下端の線と重ならないよう文字のすぐ下に
   ・右サイドが画面に収まらないときは、目次を詰めて表示し、見出しが画面外に出ないように
   ========================================================== */
.am--hd .am-readline{display:none !important}
.am-toc__prog,.am-toc__list li.is-active .am-toc__prog{display:none !important}

.am--hd .am-nav a,.am--hd .am-nav__btn{position:relative;border-top:0 !important;border-bottom:0 !important}
.am--hd .am-nav a[aria-current="page"]::after,.am--hd .am-nav__btn.is-current::after{content:"";position:absolute;left:16px;right:16px;bottom:16px;height:2px;background:#FF7F00}
@media (max-width:1180px){ .am--hd .am-nav a[aria-current="page"]::after,.am--hd .am-nav__btn.is-current::after{left:12px;right:12px;bottom:8px} }

.am-side.is-compact .am--hd .am-toc__list li a,.am-side.is-compact .am-toc__list li a{padding:7px 0 6px !important}
.am-side.is-compact .am-toc__txt{font-size:12px;line-height:1.55}
.am-side.is-compact .am-sidecta{margin-top:16px;padding:18px 18px 18px}
.am-side.is-compact .am-sidecta .am-eyebrow{display:none}
.am-side.is-compact .am-sidecta__lead{font-size:11px !important}
.am-side.is-compact .am-sidecta__groups a{padding:8px 0 !important}
.am-side.is-compact .am-sidecta__btn{margin-top:12px !important;padding:11px 16px !important}
.am-side.is-tight .am-sidecta__groups span{display:none}
.am-side.is-tight .am-sidecta__lead{display:none}

/* 目次が長いとき：一覧だけを画面に収まる高さにして、中で送る（スクロールバーは隠し、上下をふわっと消す） */
.am-side.is-scroll .am-toc__list{position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.am-side.is-scroll .am-toc__list::-webkit-scrollbar{display:none}

/* 記事の頭：カテゴリ・日付とアイキャッチの間にゆとりを（SWELLの部品はそのまま、余白だけ） */
.am-swl .p-articleMetas.-top,.am-swl .p-articleHead + .p-articleMetas{margin-bottom:24px !important}
.am-swl .p-articleMetas{column-gap:12px}
.am-swl .p-articleMetas__times{margin-left:4px}
.am-swl .p-articleThumb{margin-top:24px !important;margin-bottom:40px !important}
.am-swl .c-postTitle + .p-articleMetas,.am-swl .p-articleHead{margin-bottom:16px}

/* スマホの細部 */
@media (max-width:860px){
  /* トップ最後の帯のボタンは、幅をそろえて縦に */
  .am--hd .am-closing__btns{flex-direction:column;align-items:stretch;max-width:360px;margin-left:auto;margin-right:auto}
  .am--hd .am-closing__btns a{min-width:0;width:100%}
  /* フッター：カテゴリの行とHDの行の間に余白 */
  .am-footer__top{padding-bottom:28px}
  .am-footer__hd{padding-top:24px;padding-bottom:24px;gap:12px 20px}
  .am-footer__hd::before{left:20px;right:20px}
  .am-footer__cats{row-gap:10px}
}

/* 社名のふりがなが社名より広がって、社名がずれないように */
.am ruby{ruby-align:center}
.am ruby rt{letter-spacing:.12em}
.am-footer__hdname ruby rt{letter-spacing:.08em}

/* ==========================================================
   1.63〜 記事ページはSWELLのまま：右サイドのウィジェット・記事下の帯・スマホの固定ボタン
   ========================================================== */
.am-widget{background:transparent;line-height:1.75}
.am-widget + .am-widget{margin-top:24px}
.am--hd.am-widget .am-sidecta{margin-top:0}
.am-widget .am-toc{margin-bottom:24px}
@media (max-width:1100px){
  .am-chrome-foot .am-mobilecta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #DCE3EC}
  .am-chrome-foot .am-mobilecta a{display:block;width:100%;padding:14px;background:#043881;color:#fff !important;font-size:15px;font-weight:700;letter-spacing:.06em;text-align:center}
  .am-chrome.single{padding-bottom:70px !important}
  /* スマホではSWELLのサイドバー（本文の下）に出る目次は不要 */
  .am-widget .am-toc{display:none}
}

@media (max-width:860px){
  .am--hd .am-acta__inner > .am-acta__btns{flex-direction:column;align-items:stretch}
  .am--hd .am-acta__inner > .am-acta__btns .am-org__btn{width:100%}
}

/* スマホ：画面下の固定ボタンの分だけ、フッターの下に余白（最後の行が隠れないように） */
.am-mobilecta-spacer{display:none}
@media (max-width:1100px){ .am-mobilecta-spacer{display:block;height:calc(78px + env(safe-area-inset-bottom));background:var(--hd-foot,#011B43)} }

/* スマホのヘッダー：ロゴ・検索・お問い合わせを1行に収め、縦の位置を揃える */
@media (max-width:600px){
  .am--hd .am-header__inner{align-items:center;column-gap:10px;padding-top:12px}
  .am--hd .am-logo-wrap,.am--hd a.am-logo{display:flex;align-items:center}
  .am--hd a.am-logo svg{width:132px;height:auto}
  .am--hd .am-header__tools{margin-left:auto;gap:4px;align-items:center}
  .am--hd .am-consult{padding:9px 12px;font-size:12px;gap:6px;letter-spacing:.02em}
  .am--hd .am-consult svg{width:14px;height:14px}
  .am--hd .am-search-toggle{padding:6px}
}

/* ==========================================================
   カテゴリ・タグ・検索結果（SWELLの一覧ページ）
   ・見出しはTHE LOOPの紺の帯に（SWELLのページタイトル・子カテゴリの丸ラベルは隠す）
   ・ヘッダーとパンくずの間に余計なすき間を作らない
   ・記事カードは角を落とし、THE LOOPのカードの見え方に寄せる
   ========================================================== */
#body_wrap.am-chrome{padding-top:0 !important;margin-top:0 !important}
.am-chrome .p-breadcrumb{margin-top:0 !important}
.am-archead{position:relative;overflow:hidden;padding:56px 0 48px;color:#fff;background:
  radial-gradient(55% 80% at 85% 10%,rgba(64,170,230,.35) 0%,rgba(64,170,230,0) 65%),
  linear-gradient(118deg,#0F5DC0 0%,#043881 50%,#02265B 100%)}
.am-archead::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-420px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 60px rgba(255,255,255,.035);pointer-events:none}
.am-archead .am-wrap{position:relative}
.am-archead .am-eyebrow{color:#9CC3EE}
.am .am-archead__title{margin:0 !important;font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:.04em;color:#fff;line-height:1.4}
.am .am-archead__desc{margin:14px 0 0 !important;max-width:44em;font-size:14px;line-height:1.9;color:#C9D6EC}
.am .am-archead__count{margin:18px 0 0 !important;font-size:12px;color:#C9D6EC}
.am-archead__count b{font-family:"Inter Tight",sans-serif;font-size:28px;font-weight:200;color:#fff;margin-right:4px}
.am-archead__terms{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0 !important;padding:18px 0 0 !important;border-top:1px solid rgba(255,255,255,.18)}
.am .am-archead__terms a{font-size:13px;color:#E3EAF6;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.am .am-archead__terms a:hover,.am .am-archead__terms a[aria-current="page"]{color:#fff;border-bottom-color:#FF7F00}
@media (max-width:860px){ .am-archead{padding:40px 0 36px} }

/* SWELLのページタイトルと子カテゴリの丸ラベルは、帯と重複するので隠す */
.am-chrome .l-mainContent .c-pageTitle,.am-chrome .l-topTitleArea,.am-chrome .p-termNavigation,.am-chrome .p-termHead{display:none !important}

/* 記事カード：角丸と影をやめ、タイトルを紺に */
.am-chrome .p-postList .c-postThumb__figure,.am-chrome .p-postList .p-postList__thumb,.am-chrome .p-postList__link{border-radius:0 !important;box-shadow:none !important}
.am-chrome .p-postList__title{color:#0F2347}
.am-chrome .p-postList__link:hover .p-postList__title{color:#043881;text-decoration:underline;text-underline-offset:4px}
/* 帯の中身の左端を、SWELLの一覧（記事カード）の左端に揃える */
.am-archead .am-wrap{max-width:calc(var(--container_size,1120px) + var(--swl-pad_container,20px) * 2);padding-left:var(--swl-pad_container,20px) !important;padding-right:var(--swl-pad_container,20px) !important}

/* 一覧のページ送り（SWELLのページ番号）：角のある四角に、今のページは紺 */
.am-chrome .c-pagination{gap:8px;margin-top:56px}
.am-chrome .c-pagination .page-numbers{border-radius:0 !important;min-width:44px;height:44px;line-height:44px;border:1px solid #D3DBE7;background:#fff;color:#0F2347;box-shadow:none !important;font-family:"Inter Tight","Noto Sans JP",sans-serif;font-weight:600}
.am-chrome .c-pagination .page-numbers.current{background:#043881;border-color:#043881;color:#fff}
.am-chrome .c-pagination a.page-numbers:hover{border-color:#043881;color:#043881;opacity:1}
.am-chrome .c-pagination .dots{border:0;background:none}

/* SWELLのカテゴリラベル：色・形はSWELL本体のCSSのまま、位置だけ画像の上に固定 */
.am .c-postThumb__cat{position:absolute;z-index:2}
/* SWELLのCSSが当たらない環境向けの控えめな見た目（SWELLの指定があればそちらが優先） */
:where(.am) :where(.c-postThumb__cat){top:0;right:0;background:var(--color_main,#003885);color:#fff;font-size:11px;line-height:1.4;padding:4px 8px}