@charset "utf-8";
/* CSS Document */


/*===============================

    common

================================*/
:root { font-size: 62.5%; }/* 1(r)em = 10px */

* { letter-spacing: 0; }

body {
  color: #3E3A39;
  font-family: '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}

.wrapper {
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.container {
  float: right;
  width: 730px;
}

/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#FF3333;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#cccccc;}
#cont #c3_ll dl.cc11-2    {border-color:#FF3333;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#FF3333;}
#cont #c3_ll .lc_contents dt img{background-color:#FF3333;}
#cont #c3_ll .cc11 dd span {
font-size: 17px;
font-weight: bold;
line-height:1.3;
}


/*===============================

    コンテンツ

================================*/
.container {
  float: right;
  width: 730px;
}

.mainContents {}

.topImage { margin-bottom: 30px; }

.topImage > img {
  height: auto;
  max-width: 100%;
}

.headlineTtl {
  border-bottom: 4px solid #ea553f;
  border-left: 15px solid #ea553f;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 8px 0 8px 10px
}

.subTtl {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* 双葉マーク付き */
.headlineSubTtl {
  align-items: flex-end;
  display: flex;
  font-size: 16px;
  margin-bottom: 10px;
}

.headlineSubTtl::before {
  background-image: url("../../img/recruit/area-recruit_icon_leaf.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex: 0 0 auto;
  height: 26px;
  margin-right: 10px;
  width: 36px;
}

.rec_contentsBox {}
.rec_contentsBox + .rec_contentsBox { margin-top: 40px; }

.rec_contentsBox_inner {}
.rec_contentsBox_inner + .rec_contentsBox_inner { margin-top: 40px; }
.rec_contentsBox_inner > *:last-child { margin-bottom: 0; }

.rec_contentsBox_txt {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
}


/*
    カテゴリーリンク
================================*/
.categoryBtnNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 14px -16px;
}

.categoryBtnNav_item {
  padding: 16px;
  text-align: center;
  width: 33.333%;
}

/*.categoryBtnNav_item + .categoryBtnNav_item { margin-left: 15px; }*/

.categoryBtnNav_link {
  align-items: center;
  background-color: #B70F12;
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  padding: 10px;
  transition: .3s;
}

.categoryBtnNav_link:hover {
  color: #fff;
  opacity: .6;
  text-decoration: none;
}

.categoryBtnNav_link-newcom { background-color: #d872a1; }
.categoryBtnNav_link-midCareer { background-color: #507db5; }
.categoryBtnNav_link-staff { background-color: #c655c7; }
.categoryBtnNav_link-instructor { background-color: #3aab9b; }

.categoryBtnNav_link > span {
  display: block;
  font-size: .8em;
  margin-top: 8px;
}


/*
    イントロダクション
================================*/
.rec_introBox {}
.rec_introBox > *:last-child { margin-bottom: 0; }

.rec_introBox_txt {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}

.rec_introBox_img { text-align: center; }

.rec_introBox_img > img { vertical-align: bottom; }


/*
    3 つの特徴
================================*/
.rec_featureBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

.rec_featureBox_inner {
  text-align: center;
  width: 30%;
}

.rec_featureBox_img {
  margin-bottom: 20px;
}

.rec_featureBox_ttl {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.rec_featureBox_txt {
  font-size: 16px;
  line-height: 1.3;
}

/*
    キャリアをさらに輝かせませんか？
================================*/
.rec_contentsTxt {
  font-size: 16px;
  line-height: 1.6;
}


/*
    １日のスケジュール例
================================*/
.rec_scheduleEx {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.rec_scheduleEx::before {
  content: "";
  position: absolute;
  border-left: 8px solid #f9f142;
  height: 92%;
  left: 2.5%;
  z-index: -1;
  width: 8px;
}

.rec_scheduleExBox {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  width: 100%;
}

.rec_scheduleEx_ttl {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 35%;
}

.rec_scheduleEx_ttl > span {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

.rec_scheduleEx_ttl::before {
  background-color: #f9f142;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 10px;
  height: 45px;
  position: relative;
  vertical-align: middle;
  width: 45px;
}

.rec_scheduleEx_cont {
  line-height: 1.3;
  width: 60%;
}


/*
    １日のスケジュール例
================================*/
.rec_tbl {
  border: none;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.rec_tbl th {
  border-bottom: 1px dashed #333;
  text-align: center;
  vertical-align: middle;
  width: 15%;
}

.rec_tbl td {
  border-bottom: 1px dashed #333;
  line-height: 1.3;
  padding: 10px 0 10px 10px;
}

.rec_tbl td p { line-height: 1.3; }
.rec_tbl td p + p { margin-top: 10px; }

.rec_tbl td ul { margin-bottom: 10px; }
.rec_tbl td ul > li {
  padding-left: 1em;
  text-indent: -1em;
}
.rec_tbl td ul > li + li {}

.rec_tbl tr:last-of-type th,
.rec_tbl tr:last-of-type td {
  /*border-bottom: none;*/
}


/*
    写真ボックス
================================*/
.rec_photoBox {
  display: flex;
  flex-wrap: wrap;
  margin: 14px -16px;
}

.rec_photoBox_inner {
  display: flex;
  justify-content: center;
  padding: 16px;
}

.rec_photoBox_img {
  display: block;
  height: auto;
  max-width: 100%;
}

/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}


/*===============================

    レスポンシブ

================================*/
@media screen and (max-width:768px) {
.wrapper { width: 100%; }

.container {
  float: none;
  width: 100%;
}

}/* @media */

@media screen and (max-width:600px) {
.rec_scheduleEx::before { border: none; }
.rec_scheduleExBox { display: block; }
.rec_scheduleEx_ttl { width: 100%; }
.rec_scheduleEx_cont { margin-left: 55px; width: auto; }
}/* @media */

@media screen and (max-width:599px) {
.rec_featureBox { flex-flow: column nowrap; }
.rec_featureBox_inner { width: 100%;margin-bottom: 20px; }
.rec_tbl { display: block; }
.rec_tbl th { display: block;margin-top: 20px;padding-bottom: 5px;width: 100%; }
.rec_tbl td { display: block;border: none; }
.rec_tbl td ul > li + li { margin-top: 10px; }
.categoryBtnNav { margin: 22px -8px; }
.categoryBtnNav_item { width: 100%; padding: 8px; }
}/* @media */