@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
*/

/* === kit-swell BEGIN（niche-site-kit design/swell-child.css から build_swell_css.py で生成・site=careercon・2026-11-08。外すときは END まで削除）
   由来: design/b1-typography.css（本文 17px・行間 1.9・段落の間 1.7em・表 15px＝QUALITY-BAR M1）と
         design/child-theme-style.css の region-page 部分（図 .gk-fig・次へ .gk-next・固有名の一覧 .gk-courselinks）。
   AFFINGER の「#content .entry-content」を SWELL の本文の枠「#content .post_content」に置き換えた（#content は SWELL にもある）。
   golf の表の縦並び（gk-ps〜gk-pe・「名義書換料」の列名つき）は golf の列に固有なので持ち込まない。目印の div は隠すだけ。
   ヘッダー・メニュー・フッター（frame.css）・トップ（top.css）・ツール（tools.css）は AFFINGER の HTML 向けで ria-cta が出す部品なので入れない === */

/* M1 本文 */
#content .post_content p,
#content .post_content li {
  font-size: 17px;
  line-height: 1.9;
}
#content .post_content p {
  margin-bottom: 1.7em;
}
#content .post_content li {
  margin-bottom: 0.45em;
}
#content .post_content h2 {
  margin-top: 2.2em;
  line-height: 1.5;
}
#content .post_content h3 {
  margin-top: 1.8em;
  line-height: 1.5;
}
/* M1 表（本文より1段小さく・セル余白のみ拡大） */
#content .post_content table {
  font-size: 15px;
  line-height: 1.6;
}
#content .post_content td,
#content .post_content th {
  font-size: 15px;
  padding: 8px 10px;
}
/* 表のセルの中の p・li は表の大きさに合わせる */
#content .post_content td p,
#content .post_content th p,
#content .post_content td li,
#content .post_content th li {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0.4em;
}
/* 列の多い表はスマホで枠の中だけ横に送る（画面全体は横に動かさない） */
@media (max-width: 959px) {
  #content .post_content div.gk-ps + table,
  #content .post_content table[style*="min-width"] {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  /* 列に最小幅のある広い表: 表そのものの min-width（インライン）を外し、枠の中で横に送る（列の min-width はそのまま） */
  #content .post_content table[style*="min-width"] {
    min-width: 0 !important;
  }
}
#content .post_content a { color: #1f5fae; }

/* 図・次へのリンク・固有名ページの一覧（golf の region-page から・サイト共通） */
#content .post_content .gk-fig{margin:28px auto;max-width:560px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:8px 0}
#content .post_content .gk-fig img{display:block;margin:0 auto;max-width:100%;height:auto}
#content .post_content .gk-fig figcaption{text-align:left}
#content .post_content .gk-jump{font-size:14px;color:#666;margin:-12px 0 14px}
#content .post_content .gk-jump a{color:#222;text-decoration:underline;text-underline-offset:3px}
#content .post_content .gk-next,#content .post_content .gk-course{margin:14px 0 34px;font-size:15px;line-height:1.6}
#content .post_content .gk-next a,#content .post_content .gk-course a{display:block;padding:12px 28px 12px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;color:#1f5fae;font-weight:700;text-decoration:none;position:relative}
#content .post_content .gk-next a::after,#content .post_content .gk-course a::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-top:2px solid #1f5fae;border-right:2px solid #1f5fae;transform:translateY(-50%) rotate(45deg)}
#content .post_content div.gk-ps,#content .post_content div.gk-pe{display:none}
#content .post_content .gk-courselinks{margin:6px 0 34px;padding-top:12px;border-top:2px solid #1e3a6e}
#content .post_content .gk-courselinks .gk-cl-h{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.6}
#content .post_content .gk-courselinks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}
#content .post_content .gk-courselinks li{margin:0;padding:0;list-style:none}
#content .post_content .gk-courselinks li::before{content:none}
#content .post_content .gk-courselinks li a{display:block;position:relative;padding:12px 26px 12px 0;border-bottom:1px solid #e4e4e4;color:#1f5fae;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none}
#content .post_content .gk-courselinks li a::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-top:2px solid #1f5fae;border-right:2px solid #1f5fae;transform:translateY(-50%) rotate(45deg)}
@media (max-width:600px){#content .post_content .gk-courselinks ul{grid-template-columns:1fr}}
/* 要点の札（gk-facts-tiles）は本文にインライン style で入っている。札の中の p は本文の 17px のまま */
/* お問い合わせフォーム（CF7）: 欄が 375px 幅を超えないように（2026-10-21 layout_gate M2） */
#content .post_content .wpcf7 label{display:block;max-width:100%}
#content .post_content .wpcf7 input,#content .post_content .wpcf7 textarea,#content .post_content .wpcf7 select{max-width:100%;box-sizing:border-box}
/* 本文に入れた記事一覧（トップの「最近、内容を更新したページ」）の更新日: SWELL 既定 10〜11px → 15px（2026-10-27 layout_gate M1） */
#content .post_content .p-postList__times,#content .post_content .p-postList__times time{font-size:15px}
/* ---- ヘッダー（案B・2026-10-25 Hiro OK。正本 design-header/HEADER-PROPOSAL.md）。build_swell_css.py が site.json frame.header_img があるときだけ入れる
   文字は HTML: 1行の説明＝WordPress のキャッチフレーズ（SWELL「キャッチフレーズの表示位置」＝ヘッダーロゴの近く）・メニューボタンの文字＝SWELL「アイコン下に表示するテキスト」
   SWELL のヘッダーのレイアウト: PC＝ヘッダーナビを下に（parallel_bottom）・SP＝ロゴ：左 / メニュー：右（left_right）。画像には文字を入れない。左は白のぼかし・絵は右寄せ ---- */
#header .c-headLogo.-txt .c-headLogo__link{color:#1a2b45;letter-spacing:.02em}
#header .l-header__inner .c-catchphrase{color:#5d6b80;font-size:15px;line-height:1.5;letter-spacing:.03em;word-break:keep-all;overflow-wrap:anywhere;font-weight:400}
@media (min-width:960px){
  #header .l-header__inner{padding-top:0}
  #header .l-header__logo{order:1;display:flex;flex-direction:column-reverse;justify-content:center;text-align:left;min-height:150px;padding:30px max(40px,calc((100% - 1100px) / 2 + 40px));
    background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:right center;
    background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.62) 40%,rgba(255,255,255,0) 66%),url(https://careercon-kurabe.com/wp-content/uploads/2026/11/cc-header-desk-pc.webp)}
  #header .l-header__logo .c-catchphrase{margin:0 0 6px}
  #header .c-headLogo.-txt{justify-content:flex-start;height:auto}
  #header .c-headLogo.-txt .c-headLogo__link{font-size:28px;line-height:1.35}
  #header .l-header__gnav{order:3;background:#fff;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
  #header .l-header__gnav:not(:has(li)){display:none}
  #header .l-header__gnav .c-gnav>li>a{padding:13px 18px}
  #header .l-header__gnav .c-gnav>li>a .ttl{font-size:15px;font-weight:700}
}
@media (max-width:959px){
  /* 1段目＝説明（幅いっぱい）、2段目＝サイト名＋検索＋メニュー */
  #header .l-header__inner{flex-wrap:wrap;align-items:center;min-height:104px;padding:12px 10px 10px 16px;
    background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:right center;
    background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 50%,rgba(255,255,255,.35) 72%,rgba(255,255,255,0) 88%),url(https://careercon-kurabe.com/wp-content/uploads/2026/11/cc-header-desk-sp3.webp)}
  #header .l-header__logo{display:contents}
  #header .l-header__inner .c-catchphrase{display:block;order:0;flex:0 0 100%;margin:0 0 4px;padding-right:6px}
  #header .c-headLogo{order:1;flex:1 1 auto;min-width:0;height:auto;margin:0;padding:0}
  #header .c-headLogo.-txt .c-headLogo__link{font-size:21px;line-height:1.35}
  #header .l-header__customBtn{order:2;width:44px;height:48px;margin-left:6px}
  #header .l-header__menuBtn{order:3;width:68px;height:48px;margin-left:6px}
  #header .l-header__customBtn .c-iconBtn,#header .l-header__menuBtn .c-iconBtn{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.18);color:#222}
  #header .l-header__menuBtn .c-iconBtn__icon{font-size:22px}
  /* スマホのヘッダー下のメニュー（SWELL 既定 12px）も札と同じ 15px に（QUALITY-BAR M1） */
  #header .p-spHeadMenu .menu-item a span{font-size:15px}
  #header .l-header__menuBtn .c-iconBtn__label{font-size:15px;font-weight:700;line-height:1.2;transform:none;-webkit-transform:none;margin-top:2px;white-space:nowrap}
}
/* === kit-parts BEGIN（design/site_parts.py で生成・site=careercon。ロゴの記号・サイドバーとフッターの案内・トップの部品） */
@media (min-width:960px){#header .c-headLogo.-txt .c-headLogo__link{display:inline-flex;align-items:center;gap:.4em}#header .c-headLogo.-txt .c-headLogo__link::before{content:"";flex:0 0 auto;width:1.25em;height:1.25em;background:url(https://careercon-kurabe.com/wp-content/uploads/2026/11/careercon-symbol-96.png) center/contain no-repeat}}
.l-articleBottom__section.-related:not(:has(.p-postList)){display:none}
.kit-sidenav{margin:0 0 24px;padding:16px;border:1px solid #cde4e7;border-radius:8px;background:#f6f8fb;box-sizing:border-box;max-width:100%}
.kit-sidenav .kit-sidenav-title{font-size:18px;font-weight:700;margin:0 0 4px;color:#1e3a6e;line-height:1.5}
.kit-sidenav dl{margin:0;padding:0}
.kit-sidenav dt{font-weight:700;color:#1e3a6e;margin:12px 0 6px;padding:0;font-size:16px;line-height:1.5;background:none;border:0}
.kit-sidenav dd{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kit-sidenav dd a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;box-sizing:border-box;padding:6px 12px;background:#fff;border:1px solid #cde4e7;border-radius:6px;color:#1e3a6e;text-decoration:none;font-size:16px;line-height:1.4;white-space:normal;text-align:center}
.kit-sidenav dd a:hover,.kit-sidenav dd a:focus{background:#1e3a6e;color:#fff;border-color:#1e3a6e}
.kit-sidenav p.kit-sidenav-more{margin:14px 0 0;font-size:16px}
.kit-sidenav p.kit-sidenav-more a{color:#1f5fae}
.kit-foot{background:#f6f8fb;border-top:4px solid #1e3a6e;padding:32px 16px 8px;margin:40px 0 0;color:#1a2b45}
.kit-foot-in{max-width:1100px;margin:0 auto}
.kit-foot .kit-foot-name{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#1a2b45;margin:0 0 4px;line-height:1.4}
.kit-foot .kit-foot-name img{width:30px;height:30px}
.kit-foot .kit-foot-copy{font-size:15px;color:#5d6b80;margin:0 0 20px;line-height:1.6}
.kit-foot .kit-foot-h{font-size:16px;font-weight:700;color:#1e3a6e;margin:0 0 8px;padding:0 0 6px;border-bottom:1px solid #cde4e7;line-height:1.5}
.kit-foot .kit-foot-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0;list-style:none}
.kit-foot .kit-foot-chips li{margin:0;padding:0;list-style:none}
.kit-foot .kit-foot-chips li::before{content:none}
.kit-foot .kit-foot-chips a{display:flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:6px 10px;border-radius:6px;background:#1e3a6e;color:#fff;font-size:15px;font-weight:700;text-decoration:none;text-align:center;line-height:1.4}
.kit-foot .kit-foot-cols{display:grid;grid-template-columns:1fr;gap:4px 32px}
.kit-foot ul.kit-foot-links{list-style:none;margin:0 0 20px;padding:0}
.kit-foot ul.kit-foot-links li{margin:0;padding:0;list-style:none}
.kit-foot ul.kit-foot-links li::before{content:none}
.kit-foot ul.kit-foot-links a{display:block;padding:10px 0;color:#1a2b45;font-size:15px;line-height:1.5;text-decoration:none}
.kit-foot ul.kit-foot-links a:hover{color:#1f5fae;text-decoration:underline}
.kit-foot .kit-foot-note{font-size:15px;color:#5d6b80;line-height:1.7;margin:4px 0 0;padding:14px 0 6px;border-top:1px solid #cde4e7}
@media (min-width:600px){.kit-foot .kit-foot-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.kit-foot .kit-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-foot .kit-foot-chips{grid-template-columns:repeat(6,minmax(0,1fr))}}
#before_footer_widget{margin:0}
#before_footer_widget .c-widget{margin:0}
.post_content .kit-top table.kit-quick{width:100%;border-collapse:collapse;margin:8px 0 32px;font-size:15px}
.post_content .kit-top table.kit-quick th,.post_content .kit-top table.kit-quick td{border:1px solid #d8dde0;padding:10px 12px;text-align:left;vertical-align:top;line-height:1.7;font-size:15px}
.post_content .kit-top table.kit-quick thead th{background:#f6f8fb;color:#1e3a6e;font-weight:700}
.post_content .kit-top table.kit-quick td a{color:#1f5fae;font-weight:700}
.post_content .kit-top ul.kit-names{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;padding:0}
.post_content .kit-top ul.kit-names li{margin:0;padding:0;list-style:none}
.post_content .kit-top ul.kit-names li::before{content:none}
.post_content .kit-top ul.kit-names a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:6px 14px;border:1px solid #cde4e7;border-radius:6px;background:#fff;color:#1e3a6e;font-size:16px;line-height:1.4;text-decoration:none}
.post_content .kit-top ul.kit-names a:hover{background:#1e3a6e;color:#fff;border-color:#1e3a6e}
.post_content .kit-top ul.kit-links{list-style:none;margin:8px 0 12px;padding:0;border-top:1px solid #e3e6e8}
.post_content .kit-top ul.kit-links li{margin:0;padding:0;border-bottom:1px solid #e3e6e8;list-style:none}
.post_content .kit-top ul.kit-links li::before{content:none}
.post_content .kit-top ul.kit-links a{display:block;padding:12px 28px 12px 2px;position:relative;color:#1f5fae;font-size:17px;line-height:1.6;text-decoration:none}
.post_content .kit-top ul.kit-links a::after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:2px solid #1f5fae;border-bottom:2px solid #1f5fae;transform:translateY(-50%) rotate(-45deg)}
.post_content .kit-top p.kit-more{margin:4px 0 28px;font-size:16px}
.post_content .kit-top ul.kit-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 28px;padding:0}
.post_content .kit-top ul.kit-cards li{margin:0;padding:0;list-style:none}
.post_content .kit-top ul.kit-cards li::before{content:none}
.post_content .kit-top ul.kit-cards a{display:block;height:100%;box-sizing:border-box;border:1px solid #cde4e7;border-radius:8px;overflow:hidden;background:#fff;color:#1a2b45;text-decoration:none}
.post_content .kit-top ul.kit-cards img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;margin:0}
.post_content .kit-top ul.kit-cards span{display:block;padding:8px 10px 10px;font-size:15px;font-weight:700;line-height:1.5}
.post_content .kit-top ul.kit-cards a:hover span{color:#1f5fae;text-decoration:underline}
@media (min-width:960px){.post_content .kit-top ul.kit-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.l-mainContent:has(.kit-top-head) .c-pageTitle{display:none}
.post_content .kit-top-head{position:relative;margin:6px 0 0;padding:30px 0 0}
.post_content:has(.kit-top-head){margin-top:0}
.post_content .kit-top-head p.kit-pr{position:absolute;right:0;top:0;margin:0;padding:1px 8px;font-size:11px!important;line-height:18px!important;height:auto;letter-spacing:.08em;color:#444;border:1px solid #888;border-radius:3px;background:#fff}
.post_content .kit-top-head h1.kit-top-h1{margin:0;padding:0;border:0;background:none;color:#1a2b45;font-size:28px;font-weight:700;line-height:1.4;letter-spacing:.01em}
.post_content .kit-top-head h1.kit-top-h1::before,.post_content .kit-top-head h1.kit-top-h1::after{content:none}
.post_content .kit-top-head h1.kit-top-h1 span{display:block;margin-top:8px;font-size:16px;font-weight:400;color:#5d6b80;line-height:1.6}
.post_content .kit-top-date{margin:10px 0 22px;padding:0 0 14px;border-bottom:3px solid #1a2b45;font-size:14px;color:#5d6b80;line-height:1.5}
.post_content figure.kit-top-hero{max-width:700px;margin:0 auto 26px;padding:0}
.post_content figure.kit-top-hero img{display:block;width:100%;height:auto;margin:0;border-radius:4px}
@media (max-width:600px){.post_content .kit-top-head{padding-top:28px}.post_content .kit-top-head h1.kit-top-h1{font-size:21px}.post_content .kit-top-head h1.kit-top-h1 span{font-size:15px}}
@media (max-width:959px){#header .l-header__spNav{border-top:1px solid #cde4e7;border-bottom:1px solid #cde4e7;background:#fff}
#header .l-header__spNav,#header .l-header__spNav .p-spHeadMenu,#header .l-header__spNav .p-spHeadMenu li{height:auto!important;overflow:visible!important}
#header .l-header__spNav .p-spHeadMenu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;transform:none!important}
#header .l-header__spNav .p-spHeadMenu li{width:auto!important;margin:0!important;border-right:1px solid #cde4e7}
#header .l-header__spNav .p-spHeadMenu li:last-child{border-right:0}
#header .l-header__spNav .p-spHeadMenu li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:8px 2px 6px;box-sizing:border-box}
#header .l-header__spNav .p-spHeadMenu li a::before{content:"";display:block;width:32px;height:32px;background:center/contain no-repeat}
#header .l-header__spNav .p-spHeadMenu li a span{font-size:14px;font-weight:700;color:#1a2b45;line-height:1.3;white-space:nowrap}
#header .l-header__spNav .p-spHeadMenu li a span::after{content:none}#header .l-header__spNav .p-spHeadMenu li:nth-child(1) a::before{background-image:url(https://careercon-kurabe.com/wp-content/uploads/2026/11/careercon-nav-1.png)}#header .l-header__spNav .p-spHeadMenu li:nth-child(2) a::before{background-image:url(https://careercon-kurabe.com/wp-content/uploads/2026/11/careercon-nav-2.png)}#header .l-header__spNav .p-spHeadMenu li:nth-child(3) a::before{background-image:url(https://careercon-kurabe.com/wp-content/uploads/2026/11/careercon-nav-3.png)}}
@media (max-width:959px){#header .l-header__inner{background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 34%,rgba(255,255,255,.25) 56%,rgba(255,255,255,0) 68%),url(https://careercon-kurabe.com/wp-content/uploads/2026/11/cc-header-desk-sp3.webp)}
#header .l-header__inner .c-catchphrase,#header .c-headLogo.-txt .c-headLogo__link{text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 10px rgba(255,255,255,.9)}}
body:has(.kit-foot) #content.l-content{margin-bottom:0}body:has(.kit-foot) .kit-foot{margin-top:32px}
/* === kit-parts END === */
/* === kit-swell END === */