@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 .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 /*数字で見る*/ {
  color: #89b700!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 /*応募フォーム_ステップ*/ {
  background-color: #89b700!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(137,183,0,0.1) !important;
}
/*線 =================*/
.palette_color_border, 
.preset_border /*研修_縦ドット線*/ {
  border-color: #89b700!important;
}
/*2022verから適応　ここまでーーーーーーーーーーーーーーー*/