@charset "UTF-8";
/* =====================================================================
   PISTA CAREER「強調アレンジ」bold.css（2026-10-04・Tomoya「全体的に薄いので、強調したいところは文字を太くするなどアレンジして」）
   index.mix.bold.html が warm.css → mix.css のあとに読み込む。
   方針：文字の色を濃く・本文を少し太く・見出しと「次の一歩」をはっきり太く・強調語に黄色いマーカー・札やボタンを太く。配色と構成は変えない。
   ===================================================================== */
:root{--ink:#14171f;--ink-2:#3b404b;--ink-3:#7a7f8a;--line:rgba(20,23,31,.16)}
body{font-weight:500;letter-spacing:.06em}
h1,h2,h3,h4{font-weight:800}

/* 見出し：明朝体を太く・大きく、下線を太い虹に */
.h__en{font-size:18px;font-weight:500}
.h__ja{font-weight:800;font-size:clamp(27px,3.1vw,38px);letter-spacing:.14em}
.h__ja::after{width:76px;height:3px;border-radius:2px}
.lead,.contact__lead,.svc-card p,.detail p,.flow p,.faq__a,.intro__text p.body{color:var(--ink)}
.lead{font-weight:500}

/* オープニング：ワンフレーズを太く、ひとことも読みやすく */
.open__phrase{font-weight:800;letter-spacing:.12em;text-shadow:0 2px 24px rgba(10,20,80,.35)}
.open__sub{font-weight:500;font-size:clamp(14px,1.4vw,17px);color:#fff}
.open__logo{font-weight:900}

/* はじめに：見出しを太く、「次の一歩」を一段大きく、強調語に黄色いマーカー */
.intro__text h2{font-weight:800;font-size:clamp(26px,3vw,37px);letter-spacing:.14em}
.intro__text h2 em{font-weight:900;font-size:1.08em;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.25)}
.intro__en{font-weight:500;font-size:18px}
.intro__text p.body b{font-weight:800;color:var(--ink);background:linear-gradient(transparent 60%,var(--t-amber) 60%);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.intro__circle::before{filter:saturate(1.6) contrast(1.05)}
.marks span{box-shadow:0 0 0 1.5px rgba(20,23,31,.08)}

/* ふきだし：文字を太く・濃く。中央の丸を太く */
.bubble{font-weight:700;font-size:14.5px;box-shadow:0 10px 24px -14px rgba(20,23,31,.35)}
.bubbles__col:first-child .bubble:nth-child(3),.bubbles__col:last-child .bubble:nth-child(2),.bubbles__col:last-child .bubble:nth-child(4){box-shadow:0 0 0 2px currentColor,0 10px 24px -14px rgba(20,23,31,.35)}
.bubbles__col:first-child .bubble:nth-child(3){color:#0e7490}.bubbles__col:last-child .bubble:nth-child(2){color:var(--c-violet)}.bubbles__col:last-child .bubble:nth-child(4){color:#b45309}
.bubble small{font-weight:500;opacity:.95}
.bubbles__center b{font-weight:900;font-size:1.25em;letter-spacing:.14em}
.bubbles__center span{font-weight:600}
.bubbles__label{font-weight:600;font-size:17px}

/* ニュース：日付と札を太く、見出しの文字を濃く */
.news time{font-weight:700;color:var(--ink)}
.news .tag{font-weight:800;letter-spacing:.14em}
.news a{font-weight:600}

/* サービス：見出しを太く、札（チップ）の縁を濃く */
.svc-card h3{font-weight:800;font-size:19px}
.svc-card h3 small{font-weight:500;color:var(--ink-2)}
.six b{font-weight:800}.six span{color:var(--ink);font-weight:500}.six i{font-weight:400}
.detail h3{font-weight:800}
.detail__en{font-weight:500;font-size:18px}
.detail li{font-weight:700;box-shadow:0 0 0 1.5px rgba(20,23,31,.22)}
.detail__cap{font-weight:800}

/* ご利用の流れ・よくあるご質問 */
.flow h3{font-weight:800;font-size:20px}
.flow__no{font-weight:400}
.flow li::after{box-shadow:0 0 0 3px #fff,0 0 0 4.5px currentColor}
.faq summary{font-weight:700}
.faq summary::before,.faq__a::before{font-weight:400;font-size:21px}

/* 運営会社・お問い合わせ・フッター・ボタン */
.dtable dt{font-weight:800;color:var(--c-violet)}
.dtable dd{font-weight:600}
.company__msg b{font-weight:800}
.contact .h__ja{font-weight:800}
.contact__lead{font-weight:500}
.btn{font-weight:700;letter-spacing:.14em}
.btn--fill{box-shadow:0 14px 28px -14px rgba(37,99,235,.75)}
.btn--line,.btn:not(.btn--fill){border-width:2px}
.footer__phrase{font-weight:800}
.footer small,.footer p{color:var(--ink-2)}

/* ===== 2026-10-18 追加：ヘッダーの「エントリー」ボタン（MENUの左） ===== */
.top__actions{display:flex;align-items:center;gap:clamp(12px,2vw,22px)}
.entry-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 18px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;letter-spacing:.14em;line-height:1;box-shadow:0 6px 18px rgba(31,69,216,.25);transition:background .4s var(--ease),transform .4s var(--ease)}
.entry-btn:hover{background:var(--blue-deep);transform:translateY(-2px)}
.entry-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top.on-blue .entry-btn{background:#fff;color:var(--blue-deep);box-shadow:0 6px 18px rgba(0,0,0,.18)}
@media (max-width:480px){.top__actions{gap:12px}.entry-btn{min-height:36px;padding:6px 13px;font-size:12px;letter-spacing:.06em}.entry-btn svg{display:none}.menu-btn{gap:7px;letter-spacing:.18em}.menu-btn span{width:22px}}