/* ===================================================================
     募集要項ページ（recruit）固有パーツ
     ─ 本番のデザイントークンに準拠して追加スタイルのみ定義 ─
     teal #14A48E / blue #1488A4 / orange #FF8900 / ink #1F1F1F
  =================================================================== */
  :root{
    --rc-teal:#14A48E; --rc-teal-d:#0f8a76;
    --rc-blue:#1488A4; --rc-orange:#FF8900;
    --rc-ink:#1F1F1F; --rc-gray:#5F5F5F; --rc-line:#E6E1D4;
    --rc-warm:#FBF8F0; --rc-r:10px;
  }

  /* パイロット版フラグ（本番テーマ色に合わせる） */
  .proto-flag{
    background:var(--rc-teal); color:#fff; font-size:11.5px; letter-spacing:.05em;
    text-align:center; padding:7px 10px; position:relative; z-index:9999;
  }

  /* パンくず下の余白を既存の詳細ページ（例: /study/suzuki-minister/）に合わせる。
     本番は breadcrumb と sec-detail の間に <article> が入るため sec-detail の padding-top:56px が効くが、
     プロトは <article> が無く「.breadcrumb + .sec-detail{padding-top:11px}」が効いて余白が詰まるので 56px に戻す。 */
  @media screen and (min-width:835px){
    .breadcrumb + .sec-detail{ padding-top:56px; }
  }

  /* 本文を読みやすい単一カラム幅に（本番の記事幅に準拠） */
  .rc-wrap{ max-width:820px; margin:0 auto; }
  .rc-wrap .article-dates{ margin-bottom:12px; }

  /* リード文（この仕事・会社の魅力） */
  .rc-lead{ color:var(--rc-ink); font-size:1.6rem; line-height:2; }
  @media screen and (max-width:768px){ .rc-lead{ font-size:1.5rem; line-height:1.9; } }

  /* CSV由来の長文を整形した中身（見出し／段落／箇条書き）
     dokkoisyo_recruit_format_text() が出力するマークアップ用。
     .rc-lead ／ .rc-spec__row dd ／ .rc-voice__text の中で共通に使う。 */
  .rc-txt__p{ margin:0 0 1.4em; }
  .rc-txt__hd{ margin:2.2em 0 .6em; font-weight:700; color:var(--rc-ink); }
  /* 見出しが連続する時（例「■要必読■」＋「【注意点】」）は間を詰める */
  .rc-txt__hd + .rc-txt__hd{ margin-top:.4em; }
  .rc-txt__list{ margin:0 0 1.4em; padding:0; list-style:none; }
  /* 空行で分かれた箇条書きが並ぶ時は間隔を揃える */
  .rc-txt__list + .rc-txt__list{ margin-top:-.5em; }
  .rc-txt__list li{ margin:0 0 .9em; padding-left:1.1em; text-indent:-1.1em; }
  .rc-txt__list li:last-child{ margin-bottom:0; }
  /* 先頭の余白と末尾の余白は殺す（セクション側の余白と二重になるため） */
  .rc-lead > :first-child,
  .rc-spec__row dd > :first-child,
  .rc-voice__text > :first-child{ margin-top:0; }
  .rc-lead > :last-child,
  .rc-spec__row dd > :last-child,
  .rc-voice__text > :last-child{ margin-bottom:0; }
  /* 表組み（採用情報・インターンシップ情報）の中は詰めて見せる。
     dd は項目の値を並べる箱なので、元データの空行を段落の余白として出さず、
     単なる改行として詰める（例「福利厚生」の労働保険／社会保険／寮費）。
     見出し行（■★【】）の前だけは、まとまりが分かるよう余白を残す。 */
  .rc-spec__row dd .rc-txt__p{ margin-bottom:0; }
  .rc-spec__row dd .rc-txt__hd{ margin:1.4em 0 .4em; }
  .rc-spec__row dd .rc-txt__hd + .rc-txt__hd{ margin-top:.4em; }   /* 見出しが続く時（■要必読■＋【注意点】）は詰める */
  .rc-spec__row dd .rc-txt__list{ margin-bottom:0; }
  .rc-spec__row dd .rc-txt__list li{ margin-bottom:.5em; }

  /* ヒーロー画像（横長 16:9） */
  .rc-hero{
    position:relative; width:100%; aspect-ratio:16/9; border-radius:var(--rc-r);
    overflow:hidden; margin:6px 0 4px;
    background:linear-gradient(135deg,#DCE3D0 0%,#EACB9C 55%,#C9D9BD 100%);
    display:flex; align-items:center; justify-content:center;
  }
  .rc-hero img{ width:100%; height:100%; object-fit:cover; }
  .rc-hero .ph-icon{ width:54px; height:54px; opacity:.4; }
  .rc-hero .ph-label{
    position:absolute; bottom:12px; left:12px; background:rgba(255,255,255,.9);
    color:var(--rc-gray); font-size:11.5px; padding:5px 11px; border-radius:999px;
  }
  .rc-hero .ph-note{
    position:absolute; top:12px; right:12px; background:rgba(255,255,255,.9);
    color:var(--rc-gray); font-size:10.5px; padding:4px 9px; border-radius:999px;
  }
  /* メインビジュアルの募集種別バッジ（その他の求人サムネの c-artical__sub と同質） */
  .rc-hero__badges{ position:absolute; top:12px; right:12px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
  .rc-badge{ font-size:1.2rem; font-weight:700; color:#fff; background:var(--rc-teal); padding:5px 12px; border-radius:2px; line-height:1.5; }
  .rc-badge--orange{ background:var(--rc-orange); }
  @media screen and (max-width:768px){
    .rc-hero__badges{ top:8px; right:8px; gap:6px; }
    .rc-badge{ font-size:1.05rem; padding:4px 9px; }
  }

  /* 企業名・所在地 */
  .rc-byline{ display:flex; align-items:center; gap:11px; font-size:1.4rem; color:var(--rc-gray); margin:4px 0 0; }
  .rc-byline .rc-avatar{
    width:36px; height:36px; border-radius:50%; background:var(--rc-teal); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; flex:none;
  }

  /* ギャラリー（他の画像・最大4点） */
  .rc-gallery{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
  @media (min-width:640px){ .rc-gallery{ grid-template-columns:repeat(4,1fr); } }
  .rc-gallery__item{
    position:relative; aspect-ratio:4/3; border-radius:var(--rc-r); overflow:hidden;
    background:linear-gradient(160deg,#DCE3D0,#EACB9C); display:flex; align-items:center; justify-content:center;
  }
  .rc-gallery__item img{ width:100%; height:100%; object-fit:cover; }
  .rc-gallery__item svg{ width:26px; height:26px; opacity:.4; }
  .rc-gallery__item .cap{
    position:absolute; bottom:8px; left:8px; font-size:10.5px; font-weight:700;
    background:#fff; color:var(--rc-ink); padding:3px 9px; border-radius:999px;
  }

  /* 募集要項カード（自由記述を運営が整形して反映） */
  .rc-spec{ background:#fff; border:1px solid var(--rc-line); border-radius:var(--rc-r); padding:6px 26px; }
  /* dt列は最長ラベル「内容・体験できること」（700 15px Noto Sans JP ＝実測150px）が
     折り返さない幅にしている。これより長いラベルを追加する時はこの値も見直すこと。 */
  .rc-spec__row{
    display:grid; grid-template-columns:26px 156px 1fr; gap:12px; align-items:start;
    padding:16px 0; border-bottom:1px solid var(--rc-line); font-size:1.5rem;
  }
  .rc-spec__row:last-child{ border-bottom:none; }
  .rc-spec__row svg{ width:19px; height:19px; margin-top:2px; stroke:var(--rc-teal); opacity:.9; }
  .rc-spec__row dt{ margin:0; font-weight:700; color:var(--rc-ink); }
  .rc-spec__row dd{ margin:0; color:var(--rc-ink); line-height:1.7; }
  /* SP：見出し（アイコン＋dt）が上、内容（dd）が下の2段組みにする。
     ラベルが長くても折り返さず、値に横幅をめいっぱい使えるようにするため。
     ・行内の余白 6px（見出しと内容は同じかたまり）
     ・行と行の余白 16px＋区切り線（＝行内の約2.7倍。まとまりが視覚的に分かれる）
     ・dd はアイコン幅ぶん字下げして dt と左端を揃える */
  @media screen and (max-width:768px){
    .rc-spec{ padding:4px 18px; }
    .rc-spec__row{ grid-template-columns:22px 1fr; gap:0 9px; font-size:1.3rem; }
    .rc-spec__row svg{ grid-column:1; grid-row:1; margin-top:3px; }
    .rc-spec__row dt{ grid-column:2; grid-row:1; line-height:1.7; }
    .rc-spec__row dd{ grid-column:2; grid-row:2; margin-top:6px; }
  }

  /* 先輩からひとこと */
  .rc-voice{
    display:flex; gap:15px; align-items:flex-start;
    background:var(--rc-warm); border:1px solid var(--rc-line); border-radius:var(--rc-r); padding:22px 24px;
  }
  .rc-voice .rc-avatar{
    width:40px; height:40px; border-radius:50%; background:var(--rc-teal); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; flex:none;
  }
  .rc-voice__text{ font-size:1.5rem; line-height:1.9; margin:0; color:var(--rc-ink); }
  .rc-voice__name{ display:block; margin-top:10px; font-size:1.2rem; color:var(--rc-gray); }

  /* 応募フォームの確認・完了画面（MW WP Form の出力）
     .contact-block はもともと「お問い合わせページ」1枚用のスタイルなので、
     求人カード（.rc-apply）の中に置くと見出しが大きすぎ・下余白60〜112pxが空きすぎになる。
     カード内向けに詰める。 */
  .rc-apply .mw_wp_form .contact-block{ margin-bottom:0; }
  /* セクション見出し「// この募集に応募する」（2.8rem）より一段下げて、カード内の見出しだと分かるようにする */
  .rc-apply .contact-block__heading{ font-size:2.4rem; line-height:1.4; margin-bottom:16px; }
  .rc-apply .contact-block__desc{ margin-bottom:0; font-size:1.5rem; line-height:1.9; }
  /* 完了・確認画面ではフォーム上の導入文が消えるぶん、上の余白を少し戻す */
  .rc-apply .mw_wp_form_complete .contact-block{ padding:6px 0 2px; }
  @media screen and (max-width:768px){
    .rc-apply .contact-block__heading{ font-size:2rem; margin-bottom:12px; }
    .rc-apply .contact-block__desc{ font-size:1.4rem; line-height:1.85; }
  }

  /* 応募フォーム（実装時は Contact Form 7 を個別埋め込み） */
  .rc-apply{ background:#fff; border:1px solid var(--rc-line); border-radius:var(--rc-r); padding:28px 26px; }
  .rc-apply__intro{ font-size:1.35rem; color:var(--rc-gray); margin:0 0 22px; line-height:1.8; }
  .rc-form{ display:grid; gap:17px; }
  .rc-field{ display:flex; flex-direction:column; gap:6px; }
  .rc-field label{ font-size:1.3rem; color:var(--rc-ink); font-weight:700; }
  .rc-field .req{ color:var(--rc-orange); font-size:1.05rem; font-weight:700; margin-left:6px; }
  .rc-field input, .rc-field textarea{
    font-family:inherit; font-size:1.5rem; padding:11px 14px; color:var(--rc-ink);
    border:1px solid #D9D3C4; border-radius:6px; background:#fff; width:100%;
  }
  .rc-field input:focus, .rc-field textarea:focus{ outline:none; border-color:var(--rc-teal); box-shadow:0 0 0 3px rgba(20,164,142,.12); }
  .rc-field textarea{ min-height:110px; resize:vertical; line-height:1.7; }
  .rc-field-row{ display:grid; gap:17px; grid-template-columns:1fr; }
  @media (min-width:560px){ .rc-field-row.two{ grid-template-columns:1fr 1fr; } }
  .rc-check{ display:flex; align-items:flex-start; gap:9px; font-size:1.3rem; color:var(--rc-gray); }
  .rc-check input{ margin-top:4px; }
  .rc-submit{
    justify-self:start; background:var(--rc-orange); color:#fff; border:none; border-radius:5px;
    font-family:inherit; font-weight:700; font-size:1.7rem; padding:15px 46px; cursor:pointer;
    transition:opacity .2s;
  }
  .rc-submit:hover{ opacity:.85; }
  .rc-note{ margin-top:18px; font-size:1.2rem; color:var(--rc-gray); line-height:1.8; }
  .rc-success{ background:#EFF6F0; border:1px solid #CFE6D3; border-radius:var(--rc-r); padding:24px; text-align:center; font-size:1.5rem; color:var(--rc-ink); }

  /* タイトルエリア：会社名 ＋ 職種・都道府県タグを1行に */
  .rc-head{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-bottom:14px; }
  .rc-head .detail-meta__lt{ margin-right:0; margin-bottom:0; width:auto; }
  .rc-company{ font-weight:700; color:var(--rc-ink); font-size:1.5rem; line-height:1.4; }
  @media screen and (max-width:768px){
    .rc-head{ gap:6px 12px; margin-bottom:10px; }
    .rc-company{ font-size:1.4rem; }
  }

  /* タイトル下のメタ行（ローカルナビ＋エントリー）を点線ボーダーで区切る */
  .detail-meta{
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    padding:2em .5em;
  }

  /* タイトルエリア：エントリーボタン（タグ行の右端） */
  .rc-entry{
    margin-left:auto; align-self:center; white-space:nowrap; position:relative;
    background:var(--rc-orange); color:#fff; font-weight:700; font-size:1.4rem; line-height:1;
    padding:13px 42px 13px 24px; border-radius:5px;
  }
  .rc-entry::after{
    content:""; position:absolute; top:50%; right:22px; width:6px; height:6px;
    border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translate(0,-75%) rotate(45deg);
  }
  .rc-entry:hover{ opacity:.85; }
  @media screen and (max-width:768px){
    .rc-entry{ margin-left:0; width:100%; text-align:center; padding:14px 24px; margin-top:8px; }
  }

  /* タイトルエリア：ローカルナビゲーション（該当セクションへジャンプ）
     エントリーボタンと同サイズ・ゴースト（枠線）＋下矢印。
     ※WP実装では、該当コンテンツ（採用情報／インターンシップ情報）がある時のみ各ボタンを表示 */
  .rc-localnav{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
  .rc-navbtn{
    align-self:center; white-space:nowrap; position:relative;
    background:#fff; color:var(--rc-teal); font-weight:700; font-size:1.4rem; line-height:1;
    border:1.5px solid var(--rc-teal); padding:11px 40px 11px 22px; border-radius:5px;
    transition:background .2s,color .2s;
  }
  .rc-navbtn::after{
    content:""; position:absolute; right:22px; top:50%; width:6px; height:6px;
    border-right:2px solid currentColor; border-bottom:2px solid currentColor;
    transform:translate(0,-75%) rotate(45deg);
  }
  .rc-navbtn:hover{ background:var(--rc-teal); color:#fff; opacity:1; }
  @media screen and (max-width:768px){
    /* 2つある時は横並び（flex:1で50/50）、片方だけの時は全幅（flex:1で100%） */
    .rc-localnav{ width:100%; flex-wrap:nowrap; }
    .rc-navbtn{ flex:1 1 0; min-width:0; width:auto; text-align:center; font-size:1.25rem; padding:13px 22px 13px 8px; }
    .rc-navbtn::after{ right:10px; }
  }

  /* その他の求人：プレースホルダー画像（c-artical__img 内） */
  .rc-ph{ background:linear-gradient(160deg,#DCE3D0,#EACB9C); }
  .rc-ph .rc-ph__i{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
  .rc-ph .rc-ph__i svg{ width:30px; height:30px; opacity:.4; }

  /* その他の求人：タグを詳細タイトル部と統一（職種=ソリッド枠なし／都道府県=枠線） */
  /* ▼ styles.css の .c-artical--07 .c-artical__meta span は min-width:92px / text-align:center。
     recruit.css は styles.css より先に読み込まれるため、同じ詳細度では負ける。
     .c-artical__meta.rc-rmeta（同一要素の複合セレクタ）にして確実に上書きする。 */
  .c-artical--07 .c-artical__meta.rc-rmeta{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
  .c-artical--07 .c-artical__meta.rc-rmeta span{
    min-width:0; text-align:left; font-size:1.2rem; font-weight:700;
    padding:4px 12px; border-radius:2px; display:inline-block; line-height:1.5;
  }
  .c-artical--07 .c-artical__meta.rc-rmeta .rc-job{ background:#14A48E; color:#fff; border:none; }
  .c-artical--07 .c-artical__meta.rc-rmeta .rc-area{ background:#fff; color:#1F1F1F; border:1px solid #1F1F1F; }
  /* 複数県の求人でカードが3行に折り返さないよう「他N県」に畳んでいる。
     代表の県より控えめに見せて、県名そのものと見間違えないようにする。 */
  .c-artical--07 .c-artical__meta.rc-rmeta .rc-area--more{ color:#6B6B6B; border-color:#C9C9C9; }
  @media screen and (max-width:768px){
    .c-artical--07 .c-artical__meta.rc-rmeta span{ font-size:1.1rem; padding:3px 9px; }
  }

  /* その他の求人：タイトル（小さめ＋2行でクランプ、超過は…） */
  .c-artical--07 .rc-rttl{
    font-size:1.5rem; line-height:1.5; font-weight:700; color:#1F1F1F; margin-bottom:6px;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  }
  @media screen and (max-width:768px){ .c-artical--07 .rc-rttl{ font-size:1.3rem; } }

  /* その他の求人：タイトル下の会社名 */
  .rc-rcompany{ font-size:1.25rem; color:var(--rc-gray); font-weight:500; margin-top:6px; }
  @media screen and (max-width:768px){ .rc-rcompany{ font-size:1.15rem; } }

  /* 関連記事：投稿タイプ名をタイトル上に配置＋画像との間隔を詰める */
  .rc-related .c-artical__ct{ padding-top:12px; }
  .rc-related .rc-cat{
    display:inline-block; background:#14A48E; color:#fff; font-weight:700;
    font-size:1.1rem; line-height:1.5; padding:3px 10px; border-radius:2px; margin-bottom:8px;
  }
  @media screen and (max-width:640px){ .rc-related .c-artical__ct{ padding-top:0; } }

  /* 求人一覧に戻る（ボタン化） */
  .rc-back{
    display:block; width:-webkit-max-content; width:max-content; max-width:100%;
    margin:8px auto 6px; padding:14px 46px; font-size:1.5rem; font-weight:700;
    color:var(--rc-teal-d); text-align:center; background:#fff;
    border:1.5px solid var(--rc-teal); border-radius:999px; transition:all .2s;
  }
  .rc-back:hover{ background:var(--rc-teal); color:#fff; opacity:1; }

  /* 制作者向けメモ */
  .rc-devnotes{ margin:34px 0 10px; border:1px dashed #C9BB92; background:var(--rc-warm); border-radius:8px; }
  .rc-devnotes summary{ cursor:pointer; padding:14px 18px; font-size:1.3rem; font-weight:700; color:var(--rc-teal-d); list-style:none; }
  .rc-devnotes summary::-webkit-details-marker{ display:none; }
  .rc-devnotes summary::before{ content:"▸ "; }
  .rc-devnotes[open] summary::before{ content:"▾ "; }
  .rc-devnotes-body{ padding:0 20px 20px; font-size:1.25rem; color:var(--rc-gray); line-height:1.8; }
  .rc-devnotes-body h3{ font-size:1.25rem; color:var(--rc-ink); margin:14px 0 6px; }
  .rc-devnotes-body ul{ margin:0; padding-left:18px; }
  .rc-devnotes-body li{ margin-bottom:6px; }
  .rc-devnotes-body code{ background:#EFE6CC; padding:1px 5px; font-size:1.15rem; border-radius:3px; }

  /* エントリー押下時のアンカー飛び先：固定ヘッダーに隠れないよう余白を確保 */
  html{ scroll-behavior:smooth; }
  #apply, #recruit, #intern{ scroll-margin-top:190px; }
  @media screen and (max-width:768px){ #apply, #recruit, #intern{ scroll-margin-top:135px; } }

  /* セクション間の余白（本番 sec-detail 内の各ブロック相当） */
  .rc-sec{ margin-bottom:44px; }
  .rc-sec:last-of-type{ margin-bottom:0; }
  @media screen and (max-width:768px){ .rc-sec{ margin-bottom:34px; } }

  /* ===== 求人一覧（アーカイブ）固有 ===== */
  .mv-page__ttl{ margin-bottom:0; }
  .rc-count{ font-size:1.4rem; font-weight:500; color:var(--rc-gray); margin-left:10px; }
  /* サイドバー絞り込み */
  .rc-filter .sidebar-block__item{ margin-bottom:24px; }
  .rc-select{ font-size:1.4rem; }
  .rc-check2{ display:flex; align-items:center; gap:9px; font-size:1.4rem; color:var(--rc-ink); padding:6px 0; cursor:pointer; }
  .rc-check2 input[type="checkbox"]{
    -webkit-appearance:auto !important; -moz-appearance:auto !important; appearance:auto !important;
    width:17px; height:17px; accent-color:#14A48E; flex:none; margin:0;
  }
  .rc-reset{ font-family:inherit; font-size:1.3rem; font-weight:700; color:#14A48E; background:#fff; border:1.5px solid #14A48E; border-radius:999px; padding:9px 24px; cursor:pointer; transition:all .2s; }
  .rc-reset:hover{ background:#14A48E; color:#fff; }
  /* リセット（左）↔ 閉じる（右・グレーで優先度低） */
  .rc-filter-actions{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .rc-close{ font-family:inherit; font-size:1.3rem; font-weight:500; color:#8a8a8a; background:#fff; border:1.5px solid #d1d1d1; border-radius:999px; padding:9px 22px; cursor:pointer; transition:all .2s; }
  .rc-close:hover{ background:#f2f2f2; color:#5f5f5f; }
  /* ▼ 一覧カードの上書きについて
     recruit.css は styles.css より先に読み込まれる（styles.css は header.php の直書き <link>）。
     そのため **同じ詳細度だとテーマ側（styles.css）が勝つ**。
     カードは共通クラス（.c-artical--07）を使っているので、確実に上書きしたいルールは
     `.rc-list.c-artical--07`（同一要素の複合セレクタ＝クラス3つ）にして詳細度を1つ上げること。 */

  /* 列数はテーマの .c-artical--07（33%＝PC3列）がそのまま効いている。
     下の 50% は詳細度負けで未適用。2列にしたい場合は .rc-list.c-artical--07 に変えること。 */
  .rc-list .c-artical__item{ width:50%; }
  @media screen and (max-width:640px){ .rc-list .c-artical__item{ width:100%; } }
  .rc-list .c-artical__sub span{ white-space:nowrap; }

  /* サムネイルの画角は 4:3（PC・SP共通。詳細ページのギャラリーと揃える） */
  .rc-list.c-artical--07 .c-artical__img:before{ padding-bottom:75%; }
  .rc-empty{ font-size:1.5rem; color:var(--rc-gray); padding:26px 2px; }
  /* SP：ページタイトル上の余白を少し詰め、タイトルと絞り込みUIの間に余白を確保 */
  @media screen and (max-width:768px){
    .mv-page{ padding-top:14px; padding-bottom:24px; }
    /* 絞り込み展開時：スクロールさせず全て表示（テーマの max-height:250px を解除） */
    .rc-filter{ max-height:none; overflow:visible; }
    /* カードを1列・縦積み（上サムネイル／下テキスト）に。
       テーマは 640px以下で a を flex にしてサムネ30%／テキスト70%の横型にしているので、
       複合セレクタで詳細度を上げて打ち消す（上の▼参照）。 */
    .rc-list.c-artical--07{ display:block; }
    .rc-list.c-artical--07 .c-artical__item{ width:100%; margin-bottom:26px; }
    .rc-list.c-artical--07 .c-artical__item a{ display:block; }
    .rc-list.c-artical--07 .c-artical__img{ width:100%; }
    .rc-list.c-artical--07 .c-artical__ct{ width:100%; padding:13px 2px 0; }
  }