@charset "UTF-8";
/* ===== 図解の表示幅（PCのみ縮小。スマホは従来どおり） 2026-09-17 ===== */
/* 図解は縦長PNG（幅1000px）でスマホ基準の大きな文字のため、PCでは幅を抑える */
/* 図解を追加したら、ここにファイル名を追記する（.png/.webp どちらにも一致） */
@media screen and (min-width: 769px) {
  img[src*="/25man-main."],
  img[data-src*="/25man-main."],
  img[src*="/account-main."],
  img[data-src*="/account-main."],
  img[src*="/ayashii-main."],
  img[data-src*="/ayashii-main."],
  img[src*="/baitai-hikaku-main."],
  img[data-src*="/baitai-hikaku-main."],
  img[src*="/chusho-main."],
  img[data-src*="/chusho-main."],
  img[src*="/daihon-main."],
  img[data-src*="/daihon-main."],
  img[src*="/demerit-main."],
  img[data-src*="/demerit-main."],
  img[src*="/dosen-main."],
  img[data-src*="/dosen-main."],
  img[src*="/enjo-main."],
  img[data-src*="/enjo-main."],
  img[src*="/erabikata-3."],
  img[data-src*="/erabikata-3."],
  img[src*="/erabikata-checklist."],
  img[data-src*="/erabikata-checklist."],
  img[src*="/erabikata-main."],
  img[data-src*="/erabikata-main."],
  img[src*="/erabikata."],
  img[data-src*="/erabikata."],
  img[src*="/faq-main."],
  img[data-src*="/faq-main."],
  img[src*="/hajimekata-main."],
  img[data-src*="/hajimekata-main."],
  img[src*="/hikaku-main."],
  img[data-src*="/hikaku-main."],
  img[src*="/hiyo-soba-main."],
  img[data-src*="/hiyo-soba-main."],
  img[src*="/hiyo-soba."],
  img[data-src*="/hiyo-soba."],
  img[src*="/hojokin-main."],
  img[data-src*="/hojokin-main."],
  img[src*="/hyoban-main."],
  img[data-src*="/hyoban-main."],
  img[src*="/instagram-toha-main."],
  img[data-src*="/instagram-toha-main."],
  img[src*="/jirei-main."],
  img[data-src*="/jirei-main."],
  img[src*="/kaiyaku-main."],
  img[data-src*="/kaiyaku-main."],
  img[src*="/kensetsu-sns."],
  img[data-src*="/kensetsu-sns."],
  img[src*="/kikaku-neta-main."],
  img[data-src*="/kikaku-neta-main."],
  img[src*="/kikan-main."],
  img[data-src*="/kikan-main."],
  img[src*="/kosu-main."],
  img[data-src*="/kosu-main."],
  img[src*="/koukoku-main."],
  img[data-src*="/koukoku-main."],
  img[src*="/kpi-main."],
  img[data-src*="/kpi-main."],
  img[src*="/line-main."],
  img[data-src*="/line-main."],
  img[src*="/muitenai-main."],
  img[data-src*="/muitenai-main."],
  img[src*="/nagare-main."],
  img[data-src*="/nagare-main."],
  img[src*="/nagare-timeline."],
  img[data-src*="/nagare-timeline."],
  img[src*="/naisei-gaichu-main."],
  img[data-src*="/naisei-gaichu-main."],
  img[src*="/otoshiana-main."],
  img[data-src*="/otoshiana-main."],
  img[src*="/reel-main."],
  img[data-src*="/reel-main."],
  img[src*="/rpo-toha-main."],
  img[data-src*="/rpo-toha-main."],
  img[src*="/ryokin-main."],
  img[data-src*="/ryokin-main."],
  img[src*="/saiyo-koho-main."],
  img[data-src*="/saiyo-koho-main."],
  img[src*="/saiyo-tanka."],
  img[data-src*="/saiyo-tanka."],
  img[src*="/service-main."],
  img[data-src*="/service-main."],
  img[src*="/shippai-main."],
  img[data-src*="/shippai-main."],
  img[src*="/shoki-main."],
  img[data-src*="/shoki-main."],
  img[src*="/short-douga-main."],
  img[data-src*="/short-douga-main."],
  img[src*="/sns-saiyo-toha-main."],
  img[data-src*="/sns-saiyo-toha-main."],
  img[src*="/social-recruiting-main."],
  img[data-src*="/social-recruiting-main."],
  img[src*="/taikoka-main."],
  img[data-src*="/taikoka-main."],
  img[src*="/tanka-sageru-main."],
  img[data-src*="/tanka-sageru-main."],
  img[src*="/tiktok-toha-main."],
  img[data-src*="/tiktok-toha-main."],
  img[src*="/tiktok-yarikata-main."],
  img[data-src*="/tiktok-yarikata-main."],
  img[src*="/toko-hindo-main."],
  img[data-src*="/toko-hindo-main."],
  img[src*="/top-hikaku."],
  img[data-src*="/top-hikaku."],
  img[src*="/top-simulation."],
  img[data-src*="/top-simulation."],
  img[src*="/uchiwake-main."],
  img[data-src*="/uchiwake-main."],
  img[src*="/vs-airiku-main."],
  img[data-src*="/vs-airiku-main."],
  img[src*="/vs-buzzstep-main."],
  img[data-src*="/vs-buzzstep-main."],
  img[src*="/vs-hear-main."],
  img[data-src*="/vs-hear-main."],
  img[src*="/vs-hypex-main."],
  img[data-src*="/vs-hypex-main."],
  img[src*="/vs-kyujin-main."],
  img[data-src*="/vs-kyujin-main."],
  img[src*="/vs-marugoto-main."],
  img[data-src*="/vs-marugoto-main."],
  img[src*="/vs-recruitone-main."],
  img[data-src*="/vs-recruitone-main."],
  img[src*="/vs-rpo-main."],
  img[data-src*="/vs-rpo-main."],
  img[src*="/vs-wakaru-main."],
  img[data-src*="/vs-wakaru-main."],
  img[src*="/wakatte-muitenai."],
  img[data-src*="/wakatte-muitenai."],
  img[src*="/wakatte-service."],
  img[data-src*="/wakatte-service."],
  img[src*="/x-main."],
  img[data-src*="/x-main."],
  img[src*="/youtube-main."],
  img[data-src*="/youtube-main."] {
    max-width: 600px;
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}


/* ===== サイト内テーブル共通デザイン ===== */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 25px;
  font-size: 15px;
  line-height: 1.7;
}

table th,
table td {
  border: 1px solid #d6dce1;
  padding: 11px 13px;
  text-align: left;
  vertical-align: top;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 一番上の見出し行 */
table tr:first-child th {
  background-color: #f0f2f4;
  color: #222;
  font-weight: 700;
}

/* 見出し以外はすべて白背景 */
table td {
  background-color: #fff;
}

/* マウスを乗せた行 */
table tr:hover td {
  background-color: #f5f7f9;
}

/* スマートフォン */
@media screen and (max-width: 768px) {

  table {
    font-size: 14px;
    line-height: 1.6;
  }

  table th,
  table td {
    padding: 8px 9px;
  }

}
/* ===== CTAバナー（ワカッテ採用_CTAバナー モジュール用） 2026-09-18 ===== */
/* 記事本文・モジュールのHTMLは変更せず、クラスにデザインを当てるだけ */

.cta-box{
margin:2.2em 0;
padding:1.6em 1.8em 1.4em;
background-color:#f7f9fc;
border:1px solid #d6dce1;
border-left:6px solid #0b63c4;
border-radius:6px;
clear:both;
overflow:hidden;
}

.cta-box .cta-lead{
margin:0 0 .2em;
font-size:15px;
line-height:1.6;
color:#55606b;
}

.cta-box .cta-title{
margin:0 0 .9em;
font-size:23px;
font-weight:bold;
line-height:1.4;
color:#16202b;
}

/* 箱の中の箇条書きは白地にして本文中の箱と区別する */
.cta-box .nmlbox{
margin:0;
padding:1.1em 1.4em;
background-color:#ffffff;
border:1px solid #e2e7eb;
border-radius:4px;
}

.cta-box .nmlbox ul{
margin:0;
padding-left:1.4em;
}

.cta-box .nmlbox li{
margin:.35em 0;
line-height:1.7;
}

.cta-box .cta-btn{
margin:1.4em 0 .7em;
text-align:center;
}

.cta-box .cta-btn a{
display:inline-block;
width:100%;
max-width:520px;
padding:.95em 1.6em;
background-color:#0b63c4;
border-radius:6px;
box-shadow:0 2px 0 #08498f;
color:#ffffff;
font-size:18px;
font-weight:bold;
line-height:1.5;
text-align:center;
text-decoration:none;
box-sizing:border-box;
}

.cta-box .cta-btn a:hover,
.cta-box .cta-btn a:active{
background-color:#08529f;
box-shadow:0 2px 0 #063f7c;
color:#ffffff;
text-decoration:none;
}

.cta-box .cta-note{
margin:0;
font-size:13px;
line-height:1.6;
color:#6b7680;
text-align:center;
}

/* スマートフォン */
@media screen and (max-width: 768px){

.cta-box{
padding:1.2em 1.1em 1.1em;
border-left-width:5px;
}

.cta-box .cta-lead{ font-size:14px; }
.cta-box .cta-title{ font-size:20px; }

.cta-box .nmlbox{ padding:.9em 1em; }
.cta-box .nmlbox ul{ padding-left:1.2em; }

.cta-box .cta-btn a{
padding:.9em 1em;
font-size:17px;
}

.cta-box .cta-note{ font-size:12px; }
}