@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : recruit.css
 author     : Ability Consultant
 style info : 採用情報
=================================================================== */
/*----------------------------------------------//*/
/* *Media Queries								//*/
/*----------------------------------------------//*/
/*tab*/
/*sp*/
/*----------------------------------------------//*/
/* *Variable									//*/
/*----------------------------------------------//*/
/* メインカラム*/
/* フォントのベースサイズ*/
/* フォントのベーカラー*/
/*----------------------------------------------//*/
/* *Placeholder									//*/
/*----------------------------------------------//*/
/* コンテンツ幅 - baceWidth*/
h4, .con_int, .con_work, .con_example, .con_careers, .con_flow, .con_apply {
  max-width: 1100px;
  margin: auto;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  h4, .con_int, .con_work, .con_example, .con_careers, .con_flow, .con_apply {
    width: 95%;
  }
}
@media only screen and (max-width: 640px) {
  h4, .con_int, .con_work, .con_example, .con_careers, .con_flow, .con_apply {
    width: 93.75%;
  }
}

/* クリアフィックス - clearFix*/
.con_company:after, .con_company .box_img:after, .con_work:after, .con_work .box_work:after, .con_work .box_work ul:after, .con_work .box_work ul li .box_item .tit:after, .con_work .box_reform:after, .con_work .box_reform .inner_reform:after, .con_work .box_reform .wrap_reform:after, .con_example:after, .con_example .box_example:after, .con_example .wrap_example:after, .con_example .wrap_example .inner_example:after, .con_example .wrap_example .inner_example .box_inner_item:after, .con_careers:after, .con_flow:after, .con_flow .box_flow .flow_item .tit:after, .con_flow .box_flow .flow_item .item_wrap:after, .con_apply:after, .con_apply .box_apply:after, .con_apply .box_time:after {
  content: "";
  display: table;
  clear: both;
}

/*----------------------------------------------//*/
/* *Function									//*/
/*----------------------------------------------//*/
/* %計算*/
/*----------------------------------------------//*/
/* *mixin										//*/
/*----------------------------------------------//*/
/* フォントサイズ*/
/* @include fsz(任意のサイズ,親要素のサイズ); ※px不要*/
/* 値を振り分け - choiceValue*/
/* @include cV(プロパティ,pc幅,tab~sp幅); or @include cV(プロパティ,pc幅,tab幅,sp幅);*/
/* ホバー*/
/* @include hover {*/
/*		style*/
/* }*/
/* 幅を決めて中央寄せ - choiceWidth*/
/* @include cW(任意の幅px);*/
/* 画像を拡大*/
/* @include zoomImg(拡大率,x軸基点);*/
/* リンクの下線を逆にする*/
/* @include reverseDecoration;*/
/* 縦方向のグラデーション(IE8対応)*/
/* @include gradient(上側のカラー,下側のカラー);*/
/* テキストシャドー*/
/*明朝*/
/*明朝、英語*/
/*ゴシック*/
/*FontAwesome*/
/* font-awesome */
/* -----------------------------------------------------------
	ベースボタン
----------------------------------------------------------- */
/* -----------------------------------------------------------
	ベースtitle
----------------------------------------------------------- */
/*左右title--------- */
/* -----------------------------------------------------------
	下層リンクボックススタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	下層リアンカーリンク
----------------------------------------------------------- */
/* -----------------------------------------------------------
	画像上リンク部分
----------------------------------------------------------- */
/*.warp_btn*/
/* -----------------------------------------------------------
	スライド　用
----------------------------------------------------------- */
/*slick　ページャー*/
/*slick　ボタン*/
/*フォントサイズ設定*/
/* -----------------------------------------------------------
	.con_int
----------------------------------------------------------- */
h4 {
  font-weight: 100;
  text-align: center;
  padding: 3em 0 3.5em;
  background: url(../images/common/bg_st01.png) no-repeat center top;
  -webkit-background-size: 9.54545% auto;
  background-size: 9.54545% auto;
  /*sp*/
}
h4 span {
  display: block;
  line-height: 1;
}
h4 span.en {
  font-family: 'Lora',serif,"Times New Roman", Times;
  font-size: 200%;
  margin-bottom: .8%;
  letter-spacing: .2em;
}
h4 span.jp {
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 108%;
  letter-spacing: .1em;
  color: #686868;
}
@media only screen and (max-width: 640px) {
  h4 {
    -webkit-background-size: 17.5% auto;
    background-size: 17.5% auto;
    padding: 5.5% 0 3%;
  }
  h4 span.en {
    font-family: 'Lora',serif,"Times New Roman", Times;
    font-size: 154%;
    margin-bottom: 2%;
    letter-spacing: .1em;
  }
  h4 span.jp {
    font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
    font-size: 100%;
    letter-spacing: normal;
  }
}

.con_int {
  margin-bottom: 50px;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_int {
    margin-bottom: 7%;
  }
}
.con_int .catch {
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 170%;
  text-align: center;
  margin-bottom: 1%;
  font-weight: 600;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_int .catch {
    font-size: 124%;
  }
}
.con_int .txt {
  text-align: center;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_int .txt {
    font-size: 93%;
  }
}
.con_int .box_link {
  letter-spacing: -1em;
  margin-top: 50px;
  /*sp*/
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  /*tab_s*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_int .box_link {
    margin-top: 5%;
  }
}
.con_int .box_link li {
  width: 20%;
  display: inline-block;
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  padding: 5px 0;
  /*sp*/
  font-size: 93%;
}
@media only screen and (max-width: 640px) {
  .con_int .box_link li {
    padding: 0.5% 0;
  }
}
.con_int .box_link li a {
  display: block;
  padding: 1em 0;
  text-decoration: none;
  letter-spacing: .1em;
}
.con_int .box_link li a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 1em;
  vertical-align: middle;
  margin-right: 1em;
  font-size: 50%;
  line-height: 1;
}
.con_int .box_link li:hover a, .con_int .box_link li.active a {
  background-color: #f7f7f7;
}
@media only screen and (min-width: 641px) and (max-width: 869.5px) {
  .con_int .box_link li {
    width: 20%;
  }
  .con_int .box_link li:first-child, .con_int .box_link li:first-child + * {
    border-bottom: none;
  }
}
@media only screen and (max-width: 640px) {
  .con_int .box_link li {
    width: 100%;
    border-top: none;
  }
  .con_int .box_link li:first-child {
    border-top: 1px dashed #ddd;
  }
}
.con_int .box_link li:first-child, .con_int .box_link li:first-child + * {
  border-bottom: 1px dashed #ddd !important;
}

/* -----------------------------------------------------------
	.con_company
----------------------------------------------------------- */
.con_company {
  /*tab_s*/
}
@media only screen and (min-width: 641px) and (max-width: 869.5px) {
  .con_company {
    width: 95%;
    margin: 0 auto;
  }
}
.con_company .txt {
  text-align: center;
  line-height: 1.8;
  padding-bottom: 50px;
  /*tab*/
  /*sp*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_company .txt {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .con_company .txt {
    padding-bottom: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_company .txt {
    padding: 0 .5em 1.5em;
  }
}
.con_company .box_img {
  width: 960px;
  /*tab*/
  /*sp*/
  /*tab_s*/
  margin: 0 auto;
  border: 1px dotted #7b7b7b;
  background: #fff;
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_company .box_img {
    width: 770px;
  }
}
@media only screen and (max-width: 640px) {
  .con_company .box_img {
    width: 96%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 869.5px) {
  .con_company .box_img {
    width: 100%;
  }
}
.con_company .box_img .photo {
  margin: 5px;
  background: #f9f9f9;
  text-align: center;
  padding: 17px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_company .box_img .photo {
    padding: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .con_company .box_img .photo {
    padding: 4%;
  }
}

/* -----------------------------------------------------------
	.con_work
----------------------------------------------------------- */
.con_work {
  max-width: 1100px;
  padding-top: 70px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .con_work {
    padding-top: 2em;
  }
}
.con_work .txt_top {
  line-height: 1.8;
  text-align: center;
  padding-bottom: 40px;
  /*sp*/
  font-size: 139%;
}
@media only screen and (max-width: 640px) {
  .con_work .txt_top {
    padding-bottom: 1.5em;
  }
}
.con_work .txt_top span {
  font-size: 139%;
  color: #cc0909;
}
.con_work .box_work {
  margin-bottom: 40px;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_work {
    margin-bottom: 1em;
  }
}
.con_work .box_work ul {
  /*pc & tab*/
}
@media only screen and (min-width: 641px) {
  .con_work .box_work ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print {
  .con_work .box_work ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.ie8 .con_work .box_work ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.con_work .box_work ul li {
  width: 32.72727%;
  /*sp*/
  background: #f6f6f6;
  padding: 7px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li {
    margin-bottom: 1em;
  }
}
.con_work .box_work ul li .box_item {
  border: 1px solid #fff;
  padding: 10px 15px;
}
.con_work .box_work ul li .box_item .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .tit {
    margin-bottom: 1em;
  }
}
.con_work .box_work ul li .box_item .tit .number {
  background: #1bb8b1;
  width: 42px;
  /*sp*/
  height: 42px;
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 42px;
  /*sp*/
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .tit .number {
    width: 3em;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .tit .number {
    height: 3em;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .tit .number {
    line-height: 3em;
  }
}
.con_work .box_work ul li .box_item .tit .number span {
  margin: 2px auto;
  display: block;
  border: 1px solid #fff;
  font-size: 208%;
  color: #fff;
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  width: 90%;
  height: 90%;
}
.con_work .box_work ul li .box_item .tit h5 {
  font-weight: normal;
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 139%;
  padding-left: .8em;
}
.con_work .box_work ul li .box_item .icon {
  text-align: center;
  padding: 40px 0 20px;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .icon {
    padding: 1em 0 0.5em;
  }
}
.con_work .box_work ul li .box_item .txt {
  line-height: 1.8;
  padding-bottom: 10px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work .box_work ul li .box_item .txt {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .txt {
    padding-bottom: 0.5em;
  }
}
.con_work .box_work ul li .box_item .improvent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #c4e7e5;
  font-size: 177%;
  padding: 0.5em 0;
  /*sp*/
  text-align: center;
  font-family: '游明朝',"Yu Mincho",YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',"Times New Roman",Times,Garamond,Georgia,serif;
}
@media only screen and (max-width: 640px) {
  .con_work .box_work ul li .box_item .improvent {
    padding: 0.3em 0;
  }
}
.con_work .box_reform .inner_reform {
  padding: 30px 45px 40px;
  /*sp*/
  background: url(../recruit/images/bg_reform.jpg) 0 0 no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .inner_reform {
    padding: 0.7em 0;
  }
}
.con_work .box_reform .inner_reform h5 {
  padding-bottom: 35px;
  text-align: center;
}
.con_work .box_reform .inner_reform h5 span {
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-weight: normal;
  font-size: 170%;
  position: relative;
}
.con_work .box_reform .inner_reform h5 span:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 6px;
  background: #1bb8b1;
  bottom: -9px;
  left: 0;
}
.con_work .box_reform .wrap_reform {
  margin-bottom: 5px;
  /*pc & tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) {
  .con_work .box_reform .wrap_reform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print {
  .con_work .box_reform .wrap_reform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ie8 .con_work .box_reform .wrap_reform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform {
    margin-bottom: 2em;
  }
}
.con_work .box_reform .wrap_reform .box_l {
  width: 33.86139%;
  /*sp*/
  background: #b89d75;
  color: #fff;
  position: relative;
  padding: 1em 1em;
  margin-right: 4em;
  margin-bottom: 2em;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_l {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_l {
    padding-bottom: 2em;
    margin-bottom: 0;
  }
}
.con_work .box_reform .wrap_reform .box_l:after {
  position: absolute;
  content: '';
  background: url(../recruit/images/arr_01.png) no-repeat;
  right: -30px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 30px;
  height: 100%;
  top: -1em;
  padding: 1em 0;
  z-index: 1;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_l:after {
    background: url(../recruit/images/arr_01-sp.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 22px;
    width: 100%;
    top: auto;
    bottom: -22px;
    left: 0;
    padding: 0;
  }
}
.con_work .box_reform .wrap_reform .box_l .bold {
  font-size: 154%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work .box_reform .wrap_reform .box_l .bold {
    font-size: 124%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_l .bold {
    font-size: 116%;
  }
}
.con_work .box_reform .wrap_reform .box_l .bold span {
  font-size: 116%;
  font-weight: bold;
}
.con_work .box_reform .wrap_reform .box_double {
  width: 33.86139%;
  /*sp*/
  margin-right: 4em;
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_double {
    width: 100%;
  }
}
.con_work .box_reform .wrap_reform .box_double .box_l {
  width: 100%;
  margin-bottom: 2.5em;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_double .box_l {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
    box-sizing: border-box;
  }
}
.con_work .box_reform .wrap_reform .box_double .box_l:last-child {
  margin-bottom: 0;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_double .box_l:last-child {
    border-right: none;
  }
}
.con_work .box_reform .wrap_reform .box_center {
  width: 45.0495%;
  /*sp*/
  background: #ffffff;
  position: relative;
  border-top: 3px solid #b89d75;
  border-left: 3px solid #b89d75;
  margin-bottom: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 3px solid #b89d75;
  padding: 1em;
  /*tab*/
  /*sp*/
  /*sp*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_center {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work .box_reform .wrap_reform .box_center {
    padding: 1.5em 2em;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_center {
    padding: 1em;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_center {
    padding-top: 3em;
    border-top: 0;
    border-bottom: 0;
    border-left: 3px solid #b89d75;
    border-right: 3px solid #b89d75;
    margin-bottom: 0;
  }
}
.con_work .box_reform .wrap_reform .box_center:after {
  position: absolute;
  content: '';
  background: url(../recruit/images/arr_02.png) no-repeat;
  right: -31px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 31px;
  height: 100%;
  top: 0px;
  z-index: 1;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_center:after {
    background: url(../recruit/images/arr_02-sp.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 22px;
    width: 100%;
    top: auto;
    bottom: -22px;
    left: 0;
  }
}
.con_work .box_reform .wrap_reform .box_center .bold {
  font-size: 170%;
  /*tab*/
  /*sp*/
  color: #ae854b;
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work .box_reform .wrap_reform .box_center .bold {
    font-size: 124%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_center .bold {
    font-size: 124%;
  }
}
.con_work .box_reform .wrap_reform .box_center .bold span {
  font-size: 124%;
  font-weight: bold;
}
.con_work .box_reform .wrap_reform .box_center.large {
  margin-bottom: 0;
}
.con_work .box_reform .wrap_reform .box_r {
  width: 26.93069%;
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #b89d75;
  position: relative;
  padding: 1em;
  margin-bottom: 2em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_r {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_r {
    padding-top: 3em;
  }
}
.con_work .box_reform .wrap_reform .box_r .bold {
  font-size: 154%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_work .box_reform .wrap_reform .box_r .bold {
    font-size: 124%;
  }
}
@media only screen and (max-width: 640px) {
  .con_work .box_reform .wrap_reform .box_r .bold {
    font-size: 124%;
  }
}
.con_work .box_reform .wrap_reform .box_r .bold span {
  font-size: 124%;
  font-weight: bold;
}
.con_work .box_reform .wrap_reform .box_r > p {
  width: 100%;
}
.con_work .box_reform .wrap_reform .box_r.large {
  margin-bottom: 0;
}

/* -----------------------------------------------------------
	.con_example
----------------------------------------------------------- */
.con_example {
  max-width: 1100px;
  margin-top: 60px;
  /*tab*/
  /*sp*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_example {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .con_example {
    margin-top: 1.5em;
  }
}
.con_example .txt_top {
  line-height: 1.8;
  text-align: center;
  padding-bottom: 40px;
  /*sp*/
  font-size: 139%;
}
@media only screen and (max-width: 640px) {
  .con_example .txt_top {
    padding-bottom: 1.5em;
  }
}
.con_example .txt_top span {
  font-size: 77%;
}
.con_example .txt_top span em {
  color: #ca0909;
}
@media only screen and (max-width: 640px) {
  .con_example {
    width: 100%;
  }
}
.con_example .box_example {
  border: 5px solid #c4e7e5;
  /*sp*/
  padding: 38px 20px;
  /*sp*/
  position: relative;
  margin-bottom: 60px;
  /*sp*/
  /*pc & tab*/
}
@media only screen and (max-width: 640px) {
  .con_example .box_example {
    border: 0;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .box_example {
    padding: 1em 0.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .box_example {
    margin-bottom: 5em;
  }
}
.con_example .box_example:after {
  position: absolute;
  content: '';
  width: 80px;
  /*sp*/
  height: 60px;
  /*sp*/
  bottom: -65px;
  /*sp*/
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #c4e7e5;
}
@media only screen and (max-width: 640px) {
  .con_example .box_example:after {
    width: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .box_example:after {
    height: 5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .box_example:after {
    bottom: -5em;
  }
}
@media only screen and (min-width: 641px) {
  .con_example .box_example {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print {
  .con_example .box_example {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.ie8 .con_example .box_example {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.con_example .box_example .box_item {
  width: 49.66887%;
  /*sp*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_example .box_example .box_item {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .box_example .box_item {
    margin-bottom: 1em;
  }
  .con_example .box_example .box_item .img img {
    width: 100%;
  }
}
.con_example .box_example .box_item h5 {
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
}
.con_example .box_example .box_item h5 span {
  color: #b92e2e;
}
.con_example .wrap_example h5 {
  background: #c4e7e5;
  padding: 15px 0;
  text-align: center;
}
.con_example .wrap_example h5 span {
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-weight: normal;
  font-size: 170%;
  position: relative;
}
.con_example .wrap_example h5 span:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 6px;
  background: #1bb8b1;
  bottom: -9px;
  left: 0;
}
.con_example .wrap_example .inner_example {
  padding: 60px 120px 35px;
  /*sp*/
  background: #f7f7f7 url(../recruit/images/bg_reform.jpg) 0 0 no-repeat;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example {
    padding: 4em 0.5em;
  }
}
.con_example .wrap_example .inner_example:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 40px solid #c4e7e5;
  top: 0px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.con_example .wrap_example .inner_example .box_inner_item {
  margin-bottom: 50px;
  /*sp*/
  /*pc & tab*/
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 641px) {
  .con_example .wrap_example .inner_example .box_inner_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print {
  .con_example .wrap_example .inner_example .box_inner_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.ie8 .con_example .wrap_example .inner_example .box_inner_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.con_example .wrap_example .inner_example .box_inner_item.second {
  position: relative;
}
.con_example .wrap_example .inner_example .box_inner_item.second:before {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #c4e7e5;
  top: -60px;
  /*sp*/
  left: 50%;
  font-size: 308%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item.second:before {
    top: -1.5em;
  }
}
.con_example .wrap_example .inner_example .box_inner_item .point {
  background: #1bb8b1;
  width: 68px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  /*sp*/
}
.con_example .wrap_example .inner_example .box_inner_item .point span {
  margin: 2px;
  display: block;
  border: 1px solid #fff;
  color: #fff;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Meiryo,sans-serif;
  width: 62px;
  height: 90%;
  text-align: center;
  /*pc & tab*/
}
@media only screen and (min-width: 641px) {
  .con_example .wrap_example .inner_example .box_inner_item .point span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    sjustify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}
@media print {
  .con_example .wrap_example .inner_example .box_inner_item .point span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    sjustify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}
.ie8 .con_example .wrap_example .inner_example .box_inner_item .point span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  sjustify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.con_example .wrap_example .inner_example .box_inner_item .point span em {
  display: block;
  font-size: 216%;
  /*tab*/
  /*sp*/
  line-height: 1;
  font-family: '游明朝',"Yu Mincho",YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',"Times New Roman",Times,Garamond,Georgia,serif;
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_example .wrap_example .inner_example .box_inner_item .point span em {
    font-size: 185%;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item .point span em {
    font-size: 154%;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item .point {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .con_example .wrap_example .inner_example .box_inner_item .point span {
    width: 98%;
    /* height:92%;*/
    margin: 1% auto;
  }
}
.con_example .wrap_example .inner_example .box_inner_item .txt {
  border: 3px solid #c4e7e5;
  border-left: 0;
  background: #fff;
  padding: 1em .5em;
  width: 100%;
  line-height: 1.8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item .txt {
    border-left: 3px solid #c4e7e5;
    border-top: 0;
  }
}
.con_example .wrap_example .inner_example .box_inner_item .txt span {
  color: #1bb8b1;
  font-size: 154%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_example .wrap_example .inner_example .box_inner_item .txt span {
    font-size: 139%;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .box_inner_item .txt span {
    font-size: 124%;
  }
}
.con_example .wrap_example .inner_example .result {
  text-align: center;
  background: #b89d75;
  color: #fff;
  font-size: 185%;
  /*tab*/
  /*sp*/
  padding: .5em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_example .wrap_example .inner_example .result {
    font-size: 154%;
  }
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .result {
    font-size: 139%;
  }
}
.con_example .wrap_example .inner_example .result:before {
  position: absolute;
  content: "||";
  color: #c4e7e5;
  top: -47px;
  /*sp*/
  font-weight: bold;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .con_example .wrap_example .inner_example .result:before {
    top: -2em;
  }
}

/* -----------------------------------------------------------
	.con_careers
----------------------------------------------------------- */
.con_careers {
  max-width: 1100px;
  margin-top: 60px;
  /*tab*/
  /*sp*/
  margin-bottom: 30px;
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_careers {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .con_careers {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 640px) {
  .con_careers {
    margin-bottom: 2em;
  }
}
.con_careers h5.obj_accordion {
  text-align: center;
  padding: .5em;
  position: relative;
  background: #f9f9f9;
  font-weight: normal;
  margin-top: .5em;
}
.con_careers h5.obj_accordion:before {
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  left: 1em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.con_careers h5.obj_accordion.active:before {
  content: "\f107";
}
.con_careers table.tbl_basic {
  width: 100%;
  margin-bottom: 30px;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic {
    display: none;
  }
}
.con_careers table.tbl_basic th {
  background: #b0e0dd;
  width: 30.90909%;
  /*sp*/
  border: 1px solid #b0e0dd;
  border-right: 0;
  font-size: 139%;
  font-weight: normal;
  /* @include mincho;*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic th {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic th {
    display: none;
  }
}
.con_careers table.tbl_basic td {
  border-right: 1px solid #d0d0d0;
  padding: 0;
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*sp*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic td {
    padding: 1em;
  }
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic td {
    font-size: 108%;
    display: block;
  }
}
.con_careers table.tbl_basic td span {
  /*pc & tab*/
}
@media only screen and (min-width: 641px) {
  .con_careers table.tbl_basic td span {
    padding: 1em;
    display: inline-block;
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #d0d0d0;
  }
}
@media print {
  .con_careers table.tbl_basic td span {
    padding: 1em;
    display: inline-block;
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #d0d0d0;
  }
}
.ie8 .con_careers table.tbl_basic td span {
  padding: 1em;
  display: inline-block;
  width: 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #d0d0d0;
}
.con_careers table.tbl_basic td em {
  /*pc & tab*/
}
@media only screen and (min-width: 641px) {
  .con_careers table.tbl_basic td em {
    padding: 1em;
    display: inline-block;
    width: 80%;
  }
}
@media print {
  .con_careers table.tbl_basic td em {
    padding: 1em;
    display: inline-block;
    width: 80%;
  }
}
.ie8 .con_careers table.tbl_basic td em {
  padding: 1em;
  display: inline-block;
  width: 80%;
}
@media only screen and (max-width: 640px) {
  .con_careers table.tbl_basic td {
    width: 100%;
    border-left: 1px solid #d0d0d0;
  }
}

/* -----------------------------------------------------------
	.con_flow
----------------------------------------------------------- */
.con_flow {
  max-width: 1100px;
  margin-bottom: 80px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_flow {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .con_flow {
    margin-bottom: 2em;
  }
}
.con_flow .box_flow {
  /*pc & tab*/
}
@media only screen and (min-width: 641px) {
  .con_flow .box_flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print {
  .con_flow .box_flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.ie8 .con_flow .box_flow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.con_flow .box_flow .flow_item {
  background: #f9f9f9;
  padding: 15px 25px;
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  /*sp*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item {
    padding: 0.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item {
    margin-bottom: 1em;
  }
}
.con_flow .box_flow .flow_item .tit {
  margin-bottom: 18px;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item .tit {
    margin-bottom: 1em;
  }
}
.con_flow .box_flow .flow_item .tit .number {
  display: inline-block;
  vertical-align: middle;
  background: #1bb8b1;
  width: 42px;
  /*sp*/
  height: 42px;
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 42px;
  /*sp*/
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item .tit .number {
    width: 3em;
  }
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item .tit .number {
    height: 3em;
  }
}
@media only screen and (max-width: 640px) {
  .con_flow .box_flow .flow_item .tit .number {
    line-height: 3em;
  }
}
.con_flow .box_flow .flow_item .tit .number span {
  margin: 2px auto;
  display: block;
  border: 1px solid #fff;
  font-size: 208%;
  color: #fff;
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  width: 90%;
  height: 90%;
}
.con_flow .box_flow .flow_item .tit h5 {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 154%;
}
.con_flow .box_flow .flow_item .item_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.con_flow .box_flow .flow_item .item_wrap .icon {
  padding-right: 1em;
}
.con_flow .box_flow .flow_item .item_wrap .tel {
  font-weight: bold;
}

/* -----------------------------------------------------------
	.con_apply
----------------------------------------------------------- */
.con_apply {
  max-width: 1100px;
  text-align: center;
}
.con_apply h3 {
  background: #1bb8b1;
  /*sp*/
  padding: 0.3em;
  text-align: center;
  font-weight: normal;
  font-family: "HG明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 185%;
  /*tab*/
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_apply h3 {
    background: #f9f9f9;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_apply h3 {
    font-size: 154%;
  }
}
@media only screen and (max-width: 640px) {
  .con_apply h3 {
    font-size: 139%;
  }
}
.con_apply .box_apply {
  border: 1px dotted #000;
  border-top: 0;
}
.con_apply .txt {
  line-height: 2.5;
  padding: 20px 0;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_apply .txt {
    padding: 0.5em 0;
  }
}
.con_apply address {
  padding-bottom: .5em;
}
.con_apply address strong {
  font-size: 154%;
  /*tab*/
  /*sp*/
  font-weight: normal;
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_apply address strong {
    font-size: 139%;
  }
}
@media only screen and (max-width: 640px) {
  .con_apply address strong {
    font-size: 124%;
  }
}
.con_apply .tel {
  font-size: 216%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_apply .tel {
    font-size: 170%;
  }
}
@media only screen and (max-width: 640px) {
  .con_apply .tel {
    font-size: 139%;
  }
}
.con_apply .tel span, .con_apply .tel a {
  font-size: 129%;
  /*sp*/
}
@media only screen and (max-width: 640px) {
  .con_apply .tel span, .con_apply .tel a {
    font-size: 134%;
  }
}
.con_apply .mail {
  padding-bottom: 2em;
  position: relative;
}
.con_apply .mail:after {
  position: absolute;
  content: '';
  border-bottom: 1px solid #000;
  width: 60%;
  height: 1px;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.con_apply .mail a {
  background: #000;
  color: #fff;
  padding: 2px 1.5em;
  text-decoration: none;
}
.con_apply .box_time {
  margin: 25px 0;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_apply .box_time {
    margin: 18px 0;
  }
}
@media only screen and (max-width: 640px) {
  .con_apply .box_time {
    margin: 1em 0;
  }
}
.con_apply .box_time .time_tit {
  padding-bottom: .5em;
}
.con_apply .box_time .time_tit span {
  background: #c4e7e5;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 13em;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 641px) and (max-width: 1099px) {
  .con_apply .box_time .time_tit span {
    padding: 5px 10em;
  }
}
@media only screen and (max-width: 640px) {
  .con_apply .box_time .time_tit span {
    padding: 5px 5em;
  }
}