@charset "UTF-8";
/*
 Theme Name: Cocoon Child
 Template: cocoon-master
 Version: 1.0.0
 Description: ソトボリ営業転職ガイド カスタム子テーマ
*/
:root{
  --stb-teal:#00879b; --stb-teal-dark:#006575; --stb-navy:#1c3d5a;
  --stb-bg:#f2f8f9; --stb-line:#cfe4e8; --stb-cta:#ff8f2c;
}
/* ヘッダー：ティール帯（リクルートエージェント系の実務トーン） */
#header-container, .header-container{background:var(--stb-teal);}
#header-container .site-name-text, .header-container .site-name-text{color:#fff; font-weight:700;}
.tagline{color:#dff4f7;}
#navi, .navi-in > ul{background:var(--stb-teal-dark);}
#navi a, .navi-in a{color:#fff;}
/* リンク */
a{color:var(--stb-teal-dark);}
a:hover{color:var(--stb-cta);}
/* 見出し：手順書らしい帯＋番号映え */
.article h2{background:var(--stb-bg); color:var(--stb-navy);
  border-left:8px solid var(--stb-teal); border-radius:3px; padding:.55em .8em;}
.article h3{color:var(--stb-navy); border-bottom:3px solid var(--stb-teal);
  border-left:none; padding:.3em .2em;}
/* チェックリスト・例文ボックスを想起させる引用/コード枠 */
.article blockquote{background:var(--stb-bg); border-left:5px solid var(--stb-teal); color:#333;}
/* テーブル（比較表） */
.article table th{background:var(--stb-navy); color:#fff;}
.article table tr:nth-child(even) td{background:var(--stb-bg);}
/* マーカー */
.article strong{background:linear-gradient(transparent 65%, #c9f0e8 65%);}
/* CTA：面接対策・書類テンプレDL系はオレンジ */
.btn-wrap a, input[type="submit"], .wpcf7-submit{background:var(--stb-cta); color:#fff; border:none;}
/* フッター */
.footer{background:var(--stb-navy); color:#d8e4ee;}
.footer a{color:#cfe0f5;}

/* h3: Cocoon既定の枠線(上/右/左)と背景を除去、下線ティールのみ残す (2026-07-03) */
.article h3{border-top:none !important; border-right:none !important; border-left:none !important;
  background:transparent !important; box-shadow:none !important;
  border-bottom:3px solid var(--stb-teal) !important;}

/* ヒーロー: Cocoonアピールエリア流（ティール帯+斜めストライプ+3STEP） 2026-07-03 */
.stb-hero{background:linear-gradient(120deg,var(--stb-teal) 0%,var(--stb-teal-dark) 100%);
  position:relative; padding:36px 22px 40px; overflow:hidden; border-radius:8px; margin:14px 0 26px;}
.stb-hero:before{content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(-55deg,transparent 0 22px,rgba(255,255,255,.05) 22px 44px);}
.stb-hero__inner{position:relative; z-index:1; max-width:960px; margin:0 auto;}
.stb-hero__title{color:#fff !important; font-size:1.5em; font-weight:800; margin:0 0 8px; line-height:1.55;
  background:transparent !important; border:none !important; padding:0 !important;}
.stb-hero__title span{color:#ffd9ae;}
.stb-hero__lead{color:#e2f4f7; font-size:.93em; line-height:1.9; margin:0 0 20px;}
.stb-hero__steps{display:flex; gap:0; flex-wrap:wrap; align-items:stretch; margin:0; padding:0; list-style:none;}
.stb-hero__steps li{flex:1 1 150px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.4);
  border-radius:6px; padding:10px 12px; margin:0 12px 0 0; position:relative;}
.stb-hero__steps li:last-child{margin-right:0;}
.stb-hero__steps b{display:block; color:#ffd9ae; font-size:.7em; letter-spacing:.14em; margin-bottom:2px;}
.stb-hero__steps span{color:#fff; font-weight:700; font-size:.88em;}
.stb-hero__steps small{display:block; color:#cfeef3; font-size:.74em; margin-top:3px; line-height:1.6;}