@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==== 就活の内側 模写CSS ここから ==== */
/* ================================================================
   就活の内側 — 追加CSS
   模写元: reashu.com（就活の教科書 / 2,401記事・純アフィリ最大手）
   実測日: 2026-09-11  tools/rival_css.py（getComputedStyle の戻り値）
   ⚠️ 値は推測していない。Webフォントは読み込まない（模写元もシステムフォント）
   ================================================================ */
:root{
  --sk-teal:#26A69A;    /* ヘッダー・H2帯   rgb(38,166,154) */
  --sk-teal-l:#4EB6AC;  /* H3文字          rgb(78,182,172) */
  --sk-orange:#FF9900;  /* CTA            rgb(255,153,0) */
  --sk-page:#EAEDF2;    /* body地          rgb(234,237,242) */
  --sk-mint:#F5FDFC;    /* サマリー地      rgb(245,253,252) */
  --sk-sky:#EAF6FE;     /* セクション地    rgb(234,246,254) */
  --sk-txt:#3C3C3C;     /* 本文           rgb(60,60,60) */
  --sk-h1:#444444;      /* H1             rgb(68,68,68) */
  --sk-line:#DDE3E8;
}

/* ---- 書体：模写元と同じシステムフォント。Webフォントは使わない ---- */
body, .l-header, .c-postTitle__ttl, .post_content{
  font-family:Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",
              YuGothic,"Yu Gothic",メイリオ,Meiryo,sans-serif;
}
body{ background:var(--sk-page); color:var(--sk-txt); }
.post_content{ font-size:15px; line-height:1.83; }

/* ---- ヘッダー #26A69A ---- */
.l-header, .l-header__bar, .l-header__inner{ background:var(--sk-teal); }
.l-header .c-headLogo__link, .l-header a, .c-gnav > li > a{ color:#fff !important; }

/* ---- H1 25.68px / 700 / #444 ---- */
.c-postTitle__ttl, .post_content h1{
  color:var(--sk-h1); font-size:25.68px; font-weight:700; line-height:1.6;
}

/* ---- H2：緑帯・白文字・23.97px・角丸10px（模写元の実測） ----
   ⚠️ SWELLは h2 に .is-style-section_ttl などのスタイルを当ててくる。
      クラス指定より詳細度を上げないと負ける（2026-09-11 実測で362px問題と同時に判明） */
.post_content h2,
.post_content h2.wp-block-heading,
.post_content h2[class*="is-style-"]{
  background:var(--sk-teal) !important; color:#fff !important;
  font-size:23.97px; font-weight:700; line-height:1.45;
  border-radius:10px; padding:16px 20px !important; margin-top:26px;
  border:none !important;
}
.post_content h2::before, .post_content h2::after{ display:none !important; }

/* ---- H3：緑文字・20.5px・下線 ---- */
.post_content h3,
.post_content h3.wp-block-heading,
.post_content h3[class*="is-style-"]{
  color:var(--sk-teal-l) !important; font-size:20.5px; font-weight:700;
  border-bottom:2px solid var(--sk-line); padding-bottom:7px;
  margin-top:20px; background:none !important;
}
.post_content h3::before, .post_content h3::after{ display:none; }

/* ---- CTAボタン：#FF9900・角丸3px・影（実測 0 4px 6px rgba(0,0,0,.3)）---- */
.post_content .swell-block-button a,
.post_content a.btn, .p-fixBottomMenu a.is-cta{
  background:var(--sk-orange) !important; color:#fff !important;
  font-size:17.12px; font-weight:700; border-radius:3px;
  box-shadow:0 4px 6px rgba(0,0,0,.3); padding:11px 24px;
}
.post_content .swell-block-button a:hover{ background:#E68A00 !important; }

/* ---- 冒頭サマリー「この記事を読めばわかること」---- */
.post_content .is-style-sk-summary{
  border:2px solid var(--sk-teal); border-radius:10px; overflow:hidden;
  background:var(--sk-mint); padding:0; margin-top:16px;
}
.post_content .is-style-sk-summary > :first-child{
  background:var(--sk-teal); color:#fff; font-weight:700; font-size:15px;
  padding:9px; text-align:center; margin:0;
}
.post_content .is-style-sk-summary ul{ padding:14px 16px 15px 32px; line-height:1.95; }
.post_content .is-style-sk-summary a{ color:#1976D2; font-weight:700; }

/* ---- 記事本体は白カード、幅814px（実測）----
   ⚠️ .l-content はサイドバーを含む外側のコンテナ。ここに814pxを当てると
      本文が362pxまで潰れる（2026-09-11 実測）。外側は広げて、本文カラムだけ814pxにする */
.l-mainContent__inner{ background:#fff; border-radius:8px; }
.l-content.l-container{ max-width:1180px; }
.l-mainContent{ max-width:814px; }
@media (max-width:959px){ .l-mainContent{ max-width:100%; } }

/* ---- 表 ---- */
.post_content table th{ background:#F8F9FA; font-weight:700; }
.post_content table th, .post_content table td{ border:1px solid var(--sk-line); padding:8px 10px; }

/* ---- スマホ固定フッター（模写元の要）---- */
.p-fixBottomMenu{ background:#fff; border-top:1px solid var(--sk-line); }
.p-fixBottomMenu a{ color:var(--sk-teal); font-weight:700; font-size:8px; }

/* ================================================================
   トップページ（模写元の並び：検索＋タグ → 権威 → カード → カテゴリ）
   ================================================================ */
.sk-hero{ background:var(--sk-sky); padding:26px 18px 24px; text-align:center;
  margin:0 calc(50% - 50vw); }
.sk-hero__lead{ font-size:13px; font-weight:700; color:var(--sk-txt);
  max-width:560px; margin:0 auto 8px; text-align:left; }
.sk-search{ display:flex; max-width:560px; margin:0 auto; background:#fff;
  border-radius:999px; box-shadow:0 1px 3px rgba(0,0,0,.15); overflow:hidden; }
.sk-search input{ flex:1; border:0; padding:12px 20px; font:inherit; font-size:14px;
  min-width:0; background:transparent; color:var(--sk-txt); }
.sk-search input:focus{ outline:2px solid var(--sk-orange); outline-offset:-2px; }
.sk-search button{ border:0; background:var(--sk-teal); color:#fff; padding:0 22px;
  font:inherit; font-weight:700; font-size:13px; cursor:pointer; }
.sk-tags{ display:flex; flex-wrap:wrap; gap:7px; justify-content:center;
  max-width:640px; margin:14px auto 0; }
.sk-tags a{ background:#C9E9E6; color:#2A6B65; border-radius:999px; padding:4px 13px;
  font-size:12.5px; text-decoration:none; }
.sk-tags a:hover{ background:#B3E0DC; }

.sk-authority{ background:#fff; border:2px solid var(--sk-teal); border-radius:10px;
  padding:15px 18px; margin:22px auto 0; max-width:760px; }
.sk-authority__t{ font-weight:700; font-size:14px; color:var(--sk-teal); margin:0 0 6px; }
.sk-authority__b{ font-size:13.5px; line-height:1.85; margin:0; color:var(--sk-txt); }

.sk-sec{ padding:30px 0 10px; text-align:center; }
.sk-sec--alt{ background:var(--sk-mint); margin:24px calc(50% - 50vw) 0; padding:30px 18px 26px; }
.sk-sec__lb{ font-size:11.5px; letter-spacing:.18em; color:var(--sk-teal-l);
  font-weight:700; margin:0; }
/* ⚠️ トップのh2は記事本文用の緑帯CSSに巻き込まれる。ここで打ち消す（2026-09-11 実測） */
.sk-sec__h, .post_content .sk-sec__h{
  font-size:20px !important; font-weight:700; color:var(--sk-h1) !important;
  margin:3px 0 18px !important; background:none !important; background-color:transparent !important;
  padding:0 !important; border-radius:0 !important; border:none !important; line-height:1.5 !important; }

.sk-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px; text-align:left; max-width:1000px; margin:0 auto; }
.sk-card{ background:#fff; border-radius:8px; overflow:hidden; text-decoration:none;
  box-shadow:0 1px 4px rgba(0,0,0,.13); display:flex; flex-direction:column;
  color:var(--sk-txt); transition:transform .15s ease; }
.sk-card:hover{ transform:translateY(-2px); }
.sk-card__ec{ background:var(--sk-teal); color:#fff; padding:16px 14px; min-height:96px;
  display:flex; flex-direction:column; justify-content:center; }
.sk-card__k{ font-size:10.5px; background:#fff; color:var(--sk-teal); align-self:flex-start;
  padding:1px 8px; border-radius:3px; font-weight:700; }
.sk-card__t{ font-weight:700; font-size:16.5px; line-height:1.4; margin-top:7px; }
.sk-card__t u{ text-decoration:none; color:#FFE082; }
.sk-card__b{ padding:11px 13px; font-size:12.5px; line-height:1.7; }

.sk-cats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:11px; max-width:900px; margin:0 auto; text-align:left; }
.sk-cats a{ background:#fff; border-radius:8px; padding:13px 15px; text-decoration:none;
  color:var(--sk-txt); box-shadow:0 1px 3px rgba(0,0,0,.1); }
.sk-cats a b{ display:block; color:var(--sk-teal); font-size:15px; }
.sk-cats a span{ display:block; font-size:12px; color:#6B7A82; margin-top:3px; }

@media (max-width:600px){
  .sk-hero{ padding:20px 14px 18px; }
  .sk-sec--alt{ padding:24px 14px 22px; }
  .sk-card__t{ font-size:15px; }
}