@charset "UTF-8";

/*2022verから適応　ここからーーーーーーーーーーーーーーー*/
/*h要素*/
.main_heading h2 {
  font-weight: bold;
  line-height: 1.2em;
}
.top_message_cont  .col2_mainTtl h2 {
  text-align: left;
}
.sub_heading h4, 
.area_cont .sub_heading h3 {
  font-weight: bold;
  padding: 5px;
}

/*▼ 共通================*/
@media screen and (max-width: 640px) {
/*テーブルユニット*/
.bList2 th,
.bList2 td {
  width: 100% !important;
}
}
/*▼ ヘッダー================*/
#headerAreaOuter,
#headerAreaImage {
  width: 100% !important;
}
/*ヘッダー（スマホ表示）ーーーーーーーーーー*/
.mobile #headerArea h1,
.mobile #headerArea h1 a {
  height: 60px !important;
}
.mobile #headerArea h1 {
  width: calc(100% - 60px) !important;
}
.mobile #headerArea h1 a {
  width: 100% !important;
}
@media screen and (max-width: 400px) {
.mobile #headerArea h1 {
  width: calc(100% - 43px) !important;
}
}

/*ーーーーーーーー
トップ
ーーーーーーーー*/
/*▼ スライダー ================*/
/*左右矢印ボタン*/
.top_slider_cont .swiper-button-next,
.top_slider_cont .swiper-button-prev {
  width: 64px !important;
  height: 75px !important;
}
/*▼ スライダー（スマホ表示） ================*/
.mobile .top_slider_cont .bSlideShowS .swiper-slide,
.mobile .top_slider_cont .swiper-wrapper {
  height: 380px !important;
}
/*左右矢印ボタン*/
.mobile .top_slider_cont .swiper-button-next,
.mobile .top_slider_cont .swiper-button-prev {
  width: 10vw !important;
  height: 10vw !important;
}
/*▼ スライダーのテキスト ================*/
.top_slider_txt_cont,
.top_slider_txt_cont.bcontainer-coln .bcontainer-inner,
.top_slider_txt_cont .coln {
  overflow: visible !important;
}
/*▼ お仕事一覧 ================*/
/*タイトル*/
.top_jobList_cont .extMdlFormGnrtrFormSearch .JobttlBox {
  background-color: transparent !important;
}

/*ーーーーーーーー
求人原稿ページ
ーーーーーーーー*/
/*▼応募ボタン（スマホ表示） ================*/
.mobile .extMdlFormGnrtrFormLink a:not(.entryTel) {
  background-image: url(/global-image/recruit/button/on_sp.png) !important; /*--★本体に画像を移行★--*/
}

/*ーーーーーーーー
フォーム
ーーーーーーーー*/
/*▼フォーム全体 （スマホ表示）================*/
/*入力欄*/
.mobile .form_cont form input[type="text"],
.mobile .form_cont form span:not(.zipbox) input[type="tel"],
.mobile .form_cont form select,
.mobile .form_cont form textarea {
  width: 100% !important;
}
.mobile .form_cont form input:not([type="submit"]),
.mobile .form_cont form textarea {
  background-color: #efefef !important;
}

/*ーーーーーーーー
募集情報
ーーーーーーーー*/
/*検索見出し、検索ボタン ================*/
/*キーワード検索*/
.recruit_cont .extMdlFormGnrtrFormSearchTopInner {
  width: 70% !important;
}
/*キーワード検索（スマホ表示）*/
.recruit_cont .extMdlFormGnrtrFormSearchTopInnerSP {
  width: 90% !important;
}
/*検索軸・チェックボックス*/
.extMdlFormGnrtrFormSearch input[type="checkbox"] + label {
  cursor: pointer;
}
.extMdlFormGnrtrFormSearch input[type="checkbox"] + label:hover {
  color: #999;
}
/*検索結果 ================*/
.extMdlFormGnrtrFormSearch .JobListPage {
  margin: 30px auto !important;
}
/*求人情報-見出し ================*/
.extMdlFormGnrtrFormSearch .JobttlBox {
  background-color: #efefef !important;
}

/*ーーーーーーーー
研修制度・キャリアステップ
ーーーーーーーー*/
/*スライド =================*/
.desktop .education_cont .swiper-button-prev,
.desktop .education_cont .swiper-button-next {
  width: 45px !important;
}
/*スライド（スマホ表示） =================*/
.mobile .education_cont .swiper-button-prev,
.mobile .education_cont .swiper-button-next {
  width: 30px !important;
}

/*ーーーーーーーー
カラーパレット適用
ーーーーーーーー*/
/*テキスト =================*/
.palette_color_txt, 
.preset_subTitle .subtext /*研修_各サブ見出し*/,
.extMdlFormGnrtrFormSearch .JobListPage a /*募集情報_ページャー*/, 
.work_cont h3 /*お仕事紹介*/, 
.infographics_cont .point_color /*数字で見る*/, 
.infographics_cont .infographics_type4.graph_draw td /*数字で見る*/,
.top_slider_txt_cont .top_slider_txt1  /*2025組合プリセット_メインビジュアルテキスト*/ {
  color: #222222 !important;
}
/*濃い背景色 =================*/
.palette_color_bg, 
.preset_bg .bCustomS /*トップ_マップテキスト背景、エイリアス_共通ボタン背景*/,
.recruit_cont .extMdlFormGnrtrFormSearchTop .JobBtnSearch /*募集情報_キーワード検索「検索」ボタン*/,
.preset_titleBg .title /*研修_各メイン見出し*/,
.presetList .bcu_title1/*研修_リスト見出し*/,
.preset_bg .bGrid /*研修_ひとり立ち背景*/,
.extMdlFormGnrtrFormTable .bTxtImg.hsNarrow strong span[style^="background-color"] /*原稿HTML入力エリア見出し*/,
.extMdlFormGnrtrFormTable .bTxt2.hsNarrow strong span[style^="background-color"] /*原稿HTML入力エリア見出し(画像1なし) 2023-10-30追加*/,
.form_step .stepBar .visited span /*応募フォーム_ステップ*/,
.form_step .stepBar .visited:after /*応募フォーム_ステップ*/,
.mobile #globalNaviArea ul li:last-child > a  /*2025組合プリセット_グローバルナビ(PC以外の表示)*/,
.mobile #globalNaviArea ul li:last-child > a:hover  /*2025組合プリセット_グローバルナビ(PC以外の表示)*/,
#subNaviArea ul li a  /*2025組合プリセット_グローバルナビ(PC表示)*/ {
  background-color: #222222 !important;
}
/*薄い背景色 =================*/
.palette_color_bg2, 
.presetList .bcu_text2 /*研修_リスト背景*/,
.top_jobType_btn.preset_bgOpa /*職種で選ぶ_ボタン背景*/,
.form_step .stepBar li span /*応募フォーム_ステップ*/,
.form_step .stepBar li:after /*応募フォーム_ステップ*/ {
  background-color: rgba(34,34,34,0.1) !important;
}
/*線 =================*/
.palette_color_border, 
.preset_border /*研修_縦ドット線*/ {
  border-color: #222222 !important;
}
/*2022verから適応　ここまでーーーーーーーーーーーーーーー*/

/*2025組合プリセット適応　ここからーーーーーーーーーーーー*/
/*▼ ヘッダー =================*/
/*ロゴ ーーー*/
.desktop #headerArea h1, .desktop #headerArea h1 a { max-width: 500px; max-height: 160px; }
.mobile #headerArea h1, .mobile #headerArea h1 a { height: 80px !important; }
/*サブナビ ーーー*/
#subNaviArea ul li a { padding: 10px 20px; border-radius: 100px; color: #fff !important; }
#subNaviArea ul li a:hover { opacity: 0.8; text-decoration: none !important; }
/*グローバルナビ(PC以外の表示) ーーー*/
.mobile #globalNaviArea ul li:last-child { margin: 30px 12px 0 10px; border: none; }
.mobile #globalNaviArea ul li:last-child > a { color: #fff; text-align: center; border-radius: 100px; }
.mobile #globalNaviArea ul li:last-child > a:hover { opacity: 0.8; }
.mobile #globalNaviArea .menuFirst>li:last-child>a span.txtOuter { padding-right: 20px; font-size: 90%; }
.mobile #globalNaviArea .menuFirst>li:last-child>a span.txtOuter span { display: none; }

/*▼ フッター =================*/
#footerAreaOuter { display: flex; flex-direction: column; }
#footerArea { display: contents; }
#footerFreeArea { order: 2; margin: 0; padding: 0 10px; }
#footerNaviArea { order: 1; }
p#pCopyright     { order: 3; }

/*サブナビ ーーー*/
._unionPRE-footer_topLink {
  text-align: center;
  margin: 15px auto 0;
  font-weight: bold;
  font-size: 120%;
}

/*▼ トップページ =================*/
/*メインビジュアルテキスト ーーー*/
.top_slider_txt_cont { width: auto; top: 280px; }
.mobile .top_slider_txt_cont /*スマホ表示*/{ width: auto; top: 200px; }
.top_slider { margin-bottom: 0px; }
.mobile .top_slider { margin-bottom: 0px; }
#contentsAreaSection ._unionPRE-txtcol .bTtl .color10,
._unionPRE-txtcol{ color: #fff; }

/*2025組合プリセット適応　ここまでーーーーーーーーーーーー*/

/*2025組合プリセット臨時記述（ポータルリンク）　ここからーーーーーーーーーーーー*/
#subNaviArea, #globalNaviArea ul li:last-of-type, #footerNaviArea ul li:nth-of-type(3), #footerFreeArea, #naviLi79 {
	display: none;
}
/*2025組合プリセット臨時記述（ポータルリンク）　ここまでーーーーーーーーーーーー*/