@charset "UTF-8";
/* CSS Document */
/* ------------------------------
テキスト
------------------------------ */
.txt_indent {
  display: block;
  text-indent: -1em;
  margin-left: 1em; }

.txt_ls_0 {
  letter-spacing: 0; }

.txt_ls_01 {
  letter-spacing: 0.1em; }

.txt_ls_015 {
  letter-spacing: 0.15em; }

.txt_ls_02 {
  letter-spacing: 0.2em; }

.txt_ls_005 {
  letter-spacing: 0.05em; }

.txt_black {
  font-weight: 900; }

.txt_bold {
  font-weight: 700; }

.txt_en {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em; }

.txt_center {
  text-align: center !important; }

.txt_right {
  text-align: right !important; }

.blue {
  color: #008CA2; }

.skyblue {
  color: #00AFCC; }

.red {
  color: #E60F1A; }

.pcbr {
  display: block; }

.spbr {
  display: none; }

.sp_only {
  display: none; }

.fs_10 {
  font-size: 1.0rem; }

.fs_12 {
  font-size: 1.2rem; }

.fs_14 {
  font-size: 1.4rem; }

.fs_16 {
  font-size: 1.6rem; }

.fs_18 {
  font-size: 1.8rem; }

.fs_20 {
  font-size: 2.0rem; }

.fs_24 {
  font-size: 2.4rem; }

.fs_26 {
  font-size: 2.6rem; }

.fs_28 {
  font-size: 2.8rem; }

.fs_30 {
  font-size: 3.0rem; }

.fs_35 {
  font-size: 3.5rem; }

.fs_40 {
  font-size: 4.0rem; }

.fs_45 {
  font-size: 4.5rem; }

.fs_50 {
  font-size: 5.0rem; }

.fs_60 {
  font-size: 6.0rem; }

.fs_70 {
  font-size: 7.0rem; }

.fw_100 {
  font-weight: 100; }

.fw_200 {
  font-weight: 200; }

.fw_300 {
  font-weight: 300; }

.fw_400 {
  font-weight: 400; }

.fw_500 {
  font-weight: 500; }

.fw_700 {
  font-weight: 700; }

.lh_10 {
  line-height: 1.0em !important; }

.lh_12 {
  line-height: 1.2em !important; }

.lh_14 {
  line-height: 1.4em !important; }

.lh_15 {
  line-height: 1.5em !important; }

.lh_16 {
  line-height: 1.6em !important; }

.lh_18 {
  line-height: 1.8em !important; }

.lh_20 {
  line-height: 2.0em !important; }

.lh_25 {
  line-height: 2.5em !important; }

.lh_28 {
  line-height: 2.8em !important; }

.lh_30 {
  line-height: 3.0em !important; }

.lh_32 {
  line-height: 3.2em !important; }

.lh_35 {
  line-height: 3.5em !important; }

.lh_40 {
  line-height: 4.0em !important; }

.mrg__btm0 {
  margin-bottom: 0 !important; }

.mrg__btm02 {
  margin-bottom: .2em !important; }

.mrg__btm03 {
  margin-bottom: .3em !important; }

.mrg__btm05 {
  margin-bottom: .5em !important; }

.mrg__btm08 {
  margin-bottom: .8em !important; }

.mrg__btm1 {
  margin-bottom: 1em !important; }

.mrg__btm15 {
  margin-bottom: 1.5em !important; }

.mrg__btm2 {
  margin-bottom: 2em !important; }

.mrg__btm3 {
  margin-bottom: 3em !important; }

.mrg__btm4 {
  margin-bottom: 4em !important; }

.mrg__btm5 {
  margin-bottom: 5em !important; }

.mrg__btm6 {
  margin-bottom: 6em !important; }

.mrg__btm7 {
  margin-bottom: 7em !important; }

.mrg__btm8 {
  margin-bottom: 8em !important; }

.mrg__btm9 {
  margin-bottom: 9em !important; }

.mrg__btm1-0 {
  margin-bottom: 10em !important; }

.mrg__btm1-5 {
  margin-bottom: 15em !important; }

.mrg__btm2-0 {
  margin-bottom: 20em !important; }

.mrg__top0 {
  margin-top: 0 !important; }

.mrg__top05 {
  margin-top: .5em !important; }

.mrg__top1 {
  margin-top: 1em !important; }

.mrg__top2 {
  margin-top: 2em !important; }

.mrg__top3 {
  margin-top: 3em !important; }

.mrg__top4 {
  margin-top: 4em !important; }

.mrg__top5 {
  margin-top: 5em !important; }

.mrg__top6 {
  margin-top: 6em !important; }

.mrg__top7 {
  margin-top: 7em !important; }

.mrg__top8 {
  margin-top: 8em !important; }

.mrg__top9 {
  margin-top: 9em !important; }

.mrg__left0 {
  margin-left: 0 !important; }

.mrg__left1 {
  margin-left: 1em !important; }

.mrg__left2 {
  margin-left: 2em !important; }

.mrg__left3 {
  margin-left: 3em !important; }

.mrg__right0 {
  margin-right: 0 !important; }

.mrg__right1 {
  margin-right: 1em !important; }

.mrg__right2 {
  margin-right: 2em !important; }

.mrg__right3 {
  margin-right: 3em !important; }

.pad__0 {
  padding: 0 !important; }

.pad__1 {
  padding: 1em !important; }

.pad__2 {
  padding: 2em !important; }

.pad__3 {
  padding: 3em !important; }

.pad__4 {
  padding: 4em !important; }

.pad__5 {
  padding: 5em !important; }

.pad__6 {
  padding: 6em !important; }

.pad__top0 {
  padding-top: 0 !important; }

.pad__top05 {
  padding-top: 0.5em !important; }

.pad__top1 {
  padding-top: 1em !important; }

.pad__top2 {
  padding-top: 2em !important; }

.pad__top3 {
  padding-top: 3em !important; }

.pad__top4 {
  padding-top: 4em !important; }

.pad__top5 {
  padding-top: 5em !important; }

.pad__top6 {
  padding-top: 6em !important; }

.pad__top7 {
  padding-top: 7em !important; }

.pad__top8 {
  padding-top: 8em !important; }

.pad__top9 {
  padding-top: 9em !important; }

.pad__top10 {
  padding-top: 10em !important; }

.pad__top20 {
  padding-top: 20em !important; }

.pad__btm0 {
  padding-bottom: 0 !important; }

.pad__btm05 {
  padding-bottom: 0.5em !important; }

.pad__btm1 {
  padding-bottom: 1em !important; }

.pad__btm2 {
  padding-bottom: 2em !important; }

.pad__btm3 {
  padding-bottom: 3em !important; }

.pad__btm4 {
  padding-bottom: 4em !important; }

.pad__btm5 {
  padding-bottom: 5em !important; }

.pad__btm6 {
  padding-bottom: 6em !important; }

@media all and (max-width: 480px) {
  .txt__sp_ls_0 {
    letter-spacing: 0; }
  .txt__sp_ls_01 {
    letter-spacing: 0.1em; }
  .txt__sp_ls_02 {
    letter-spacing: 0.2em; }
  .txt__sp_s_005 {
    letter-spacing: 0.05em; }
  .pcbr {
    display: none; }
  .spbr {
    display: block; }
  .sp_only {
    display: block; }
  .txt__sp_center {
    display: block;
    text-align: center !important; }
  .txt__sp_right {
    display: block;
    text-align: right !important; }
  .txt__sp_left {
    display: block;
    text-align: left !important; }
  .fs__sp_10 {
    font-size: 1.0rem; }
  .fs__sp_12 {
    font-size: 1.2rem !important; }
  .fs__sp_14 {
    font-size: 1.4rem !important; }
  .fs__sp_16 {
    font-size: 1.6rem; }
  .fs__sp_18 {
    font-size: 1.8rem; }
  .fs__sp_20 {
    font-size: 2.0rem; }
  .fs__sp_24 {
    font-size: 2.4rem; }
  .fs__sp_30 {
    font-size: 3.0rem; }
  .fs__sp_40 {
    font-size: 4.0rem; }
  .lh__sp_10 {
    line-height: 1.0em !important; }
  .lh__sp_12 {
    line-height: 1.2em !important; }
  .lh__sp_14 {
    line-height: 1.4em !important; }
  .lh__sp_15 {
    line-height: 1.5em !important; }
  .lh__sp_16 {
    line-height: 1.6em !important; }
  .lh___sp_18 {
    line-height: 1.8em !important; }
  .lh__sp_20 {
    line-height: 2.0em !important; }
  .lh__sp_26 {
    line-height: 2.6em !important; }
  .lh__sp_30 {
    line-height: 3.0em !important; }
  .lh__sp_36 {
    line-height: 3.6em !important; }
  .lh__sp_40 {
    line-height: 4.0em !important; }
  .mrg__sp_btm0 {
    margin-bottom: 0 !important; }
  .mrg__sp_btm05 {
    margin-bottom: .5em !important; }
  .mrg__sp_btm1 {
    margin-bottom: 1em !important; }
  .mrg__sp_btm15 {
    margin-bottom: 1.5em !important; }
  .mrg__sp_btm2 {
    margin-bottom: 2em !important; }
  .mrg__sp_btm3 {
    margin-bottom: 3em !important; }
  .mrg__sp_btm4 {
    margin-bottom: 4em !important; }
  .mrg__sp_btm5 {
    margin-bottom: 5em !important; }
  .mrg__sp_btm6 {
    margin-bottom: 6em !important; }
  .mrg__sp_btm7 {
    margin-bottom: 7em !important; }
  .mrg__sp_btm8 {
    margin-bottom: 8em !important; }
  .mrg__sp_btm9 {
    margin-bottom: 9em !important; }
  .mrg__sp_top0 {
    margin-top: 0 !important; }
  .mrg__sp_top05 {
    margin-top: .5em !important; }
  .mrg__sp_top1 {
    margin-top: 1em !important; }
  .mrg__sp_top2 {
    margin-top: 2em !important; }
  .mrg__sp_top3 {
    margin-top: 3em !important; }
  .mrg__sp_top4 {
    margin-top: 4em !important; }
  .mrg__sp_top5 {
    margin-top: 5em !important; }
  .mrg__sp_top6 {
    margin-top: 6em !important; }
  .mrg__sp_top7 {
    margin-top: 7em !important; }
  .mrg__sp_top8 {
    margin-top: 8em !important; }
  .mrg__sp_top9 {
    margin-top: 9em !important; }
  .pad__sp_0 {
    padding: 0 !important; }
  .pad__sp_05 {
    padding: .5em !important; }
  .pad__sp_1 {
    padding: 1em !important; }
  .pad__sp_2 {
    padding: 2em !important; }
  .pad__sp_3 {
    padding: 3em !important; }
  .pad__sp_4 {
    padding: 4em !important; }
  .pad__sp_5 {
    padding: 5em !important; }
  .pad__sp_6 {
    padding: 6em !important; }
  .pad__sp_top0 {
    padding-top: 0 !important; }
  .pad__sp_top1 {
    padding-top: 1em !important; }
  .pad__sp_top2 {
    padding-top: 2em !important; }
  .pad__sp_top3 {
    padding-top: 3em !important; }
  .pad__sp_top4 {
    padding-top: 4em !important; }
  .pad__sp_top5 {
    padding-top: 5em !important; }
  .pad__sp_top6 {
    padding-top: 6em !important; }
  .pad__sp_top7 {
    padding-top: 7em !important; }
  .pad__sp_top8 {
    padding-top: 8em !important; }
  .pad__sp_btm0 {
    padding-bottom: 0 !important; }
  .pad__sp_btm1 {
    padding-bottom: 1em !important; }
  .pad__sp_btm2 {
    padding-bottom: 2em !important; }
  .pad__sp_btm3 {
    padding-bottom: 3em !important; }
  .pad__sp_btm4 {
    padding-bottom: 4em !important; }
  .pad__sp_btm5 {
    padding-bottom: 5em !important; }
  .pad__sp_btm6 {
    padding-bottom: 6em !important; } }

/*---------------------------------------------

	中途採用ページCSS

  ---------------------------------------------*/
/*---------------------------------------------
    共通
  ---------------------------------------------*/
.header h1 a p {
  color: #081639; }

.fixed_btn_area {
  display: none; }

@media all and (max-width: 480px) {
  .footer {
    padding: 30px 15px 30px; } }

.color1 {
  color: #E27100; }

.color2 {
  color: #1B74EB; }

.color3 {
  color: #02A895; }

.color4 {
  color: #A74BD0; }

.color5 {
  color: #E5C200; }

.color6 {
  color: #00B1D1; }

.color7 {
  color: #DE2C2C; }

.color8 {
  color: #9A8B39; }

.color9 {
  color: #80C92B; }

.color10 {
  color: #E85FC9; }

.color11 {
  color: #999999; }

/*---------------------------------------------
    一覧ページ
  ---------------------------------------------*/
.career_tlt {
  font-size: 110px;
  margin: 0 auto;
  text-align: center;
  line-height: 0.9em;
  letter-spacing: 0em;
  opacity: 0;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  -webkit-animation: page_txt_Anim 0.5s 0.8s ease-in-out;
  animation: page_txt_Anim 0.5s 0.8s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  @media all and (max-width: 480px) {
    .career_tlt {
      font-size: 15vw; } }
  .career_tlt .tlt_small {
    font-size: 90px; }
    @media all and (max-width: 480px) {
      .career_tlt .tlt_small {
        font-size: 10vw; } }

@-webkit-keyframes page_txt_Anim {
  0% {
    opacity: 0;
    letter-spacing: 0.02em;
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%); }
  100% {
    opacity: 1;
    letter-spacing: 0em;
    -webkit-clip-path: inset(0);
    clip-path: inset(0); } }

@keyframes page_txt_Anim {
  0% {
    opacity: 0;
    letter-spacing: 0.02em;
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%); }
  100% {
    opacity: 1;
    letter-spacing: 0em;
    -webkit-clip-path: inset(0);
    clip-path: inset(0); } }

.page_txt {
  text-align: center; }
  .page_txt dt {
    letter-spacing: 0.1em;
    position: relative;
    display: inline-block; }
    .page_txt dt:before {
      content: '';
      width: 148px;
      height: 26px;
      background: url("/recruit/second_new_graduate/wp-content/themes/makita/assets/img/career/tlt_border1.png") no-repeat;
      background-size: contain;
      position: absolute;
      top: 10px;
      left: -152px; }
      @media all and (max-width: 480px) {
        .page_txt dt:before {
          width: 74px;
          height: 13px;
          left: -80px; } }
    .page_txt dt:after {
      content: '';
      width: 148px;
      height: 26px;
      background: url("/recruit/second_new_graduate/wp-content/themes/makita/assets/img/career/tlt_border2.png") no-repeat;
      background-size: contain;
      position: absolute;
      top: 10px;
      right: -152px; }
      @media all and (max-width: 480px) {
        .page_txt dt:after {
          width: 74px;
          height: 13px;
          right: -80px; } }
  @media all and (max-width: 480px) {
    .page_txt dd {
      text-align: left; } }

/*------ ソートボタンエリア ------------*/
.sort_area {
  width: 1050px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #E1E4E5; }
  @media all and (max-width: 480px) {
    .sort_area {
      width: 100%; } }
  .sort_area h4 {
    width: 230px;
    border-right: 4px solid #ECEFF0;
    padding: 30px 0 0 30px;
    letter-spacing: 0.15em; }
    @media all and (max-width: 480px) {
      .sort_area h4 {
        width: 100%;
        border-right: none;
        padding: 15px 0 0 15px; } }
  .sort_area ul {
    width: 820px;
    padding: 10px 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media all and (max-width: 480px) {
      .sort_area ul {
        width: 100%;
        padding: 0 15px 15px; } }
    .sort_area ul li {
      display: inline-block;
      background-color: #fff;
      padding: 5px 15px;
      margin: 5px 10px 5px 0;
      cursor: pointer;
      border-radius: 20px;
      letter-spacing: 0.1em;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .sort_area ul li:hover {
        color: #fff; }
    .sort_area ul li.color1:hover, .sort_area ul li.color1.active {
      background-color: #E27100; }
    .sort_area ul li.color2:hover, .sort_area ul li.color2.active {
      background-color: #1B74EB; }
    .sort_area ul li.color3:hover, .sort_area ul li.color3.active {
      background-color: #02A895; }
    .sort_area ul li.color4:hover, .sort_area ul li.color4.active {
      background-color: #A74BD0; }
    .sort_area ul li.color5:hover, .sort_area ul li.color5.active {
      background-color: #E5C200; }
    .sort_area ul li.color6:hover, .sort_area ul li.color6.active {
      background-color: #00B1D1; }
    .sort_area ul li.color7:hover, .sort_area ul li.color7.active {
      background-color: #DE2C2C; }
    .sort_area ul li.color8:hover, .sort_area ul li.color8.active {
      background-color: #9A8B39; }
    .sort_area ul li.color9:hover, .sort_area ul li.color9.active {
      background-color: #80C92B; }
    .sort_area ul li.color10:hover, .sort_area ul li.color10.active {
      background-color: #E85FC9; }
    .sort_area ul li.color11:hover, .sort_area ul li.color11.active {
      background-color: #999999; }
    .sort_area ul li.all:hover, .sort_area ul li.all.active {
      background-color: #081639; }
    .sort_area ul li.active {
      color: #fff; }

/*------ 仕事リンクボタン一覧エリア ------------*/
.animationList {
  display: flex;
  flex-wrap: wrap;
  height: unset;
}
.animationList .job_box {
  z-index: 1;
  display: flex;
  position: relative;
  width: 30.5% ;
  margin: 0px 15px 3em;
}
/*　仕事リンクボタン絞り込み開始　*/
.sort_area li {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  cursor: pointer;
  border:solid 1px #dcdcdc;
}
.animationList .job_box.is-hide {
  display: none;
}
/*　仕事リンクボタン絞り込み終了　*/

  @media all and (max-width: 480px) {
    .animationList .job_box {
      width: 100%;
      margin: 0;
      }
   }

.animationList .job_box a {
  display: grid;
  grid-template-rows: 1fr auto auto;
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 50px 15px 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 2; }
  @media all and (max-width: 480px) {
    .animationList .job_box a {
      padding-top: 35px;
      } }
  .animationList .job_box a:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 8px;
    right: 7px;
    z-index: 3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .animationList .job_box a:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 8px;
    right: 13px;
    z-index: 3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .animationList .job_box a:hover {
    opacity: 0.7; }
    .animationList .job_box a:hover:before {
      right: 10px;
      z-index: 3; }
    .animationList .job_box a:hover:after {
      right: 10px; }
  .animationList .job_box a .new_icon {
    display: inline-block;
    background-color: #E60F1A;
    padding: 0 8px;
    height: 27px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0; }
  .animationList .job_box a .job_name {
    width: 100%;
    }
  .animationList .job_box a .explanation {
    background-color: #ECEFF0;
    width: 100%;
    padding: 15px;
    height: 124.5px;
   }
   @media all and (max-width: 480px) {
    .animationList .job_box a .explanation {
      height: auto;
     }
   }
  .animationList .job_box a .location {
    padding-left: 20px;
    position: relative;
    margin-top: auto;
    width: 100%; }
    .animationList .job_box a .location:before {
      content: '';
      width: 16px;
      height: 21px;
      background: url("/recruit/second_new_graduate/wp-content/themes/makita/assets/img/career/map_icon.png") no-repeat;
      background-size: contain;
      position: absolute;
      top: 2px;
      left: 0; }
  .animationList .job_box a .btn_square {
    width: 25px;
    height: 25px;
    background-color: #081639;
    position: absolute;
    bottom: 0;
    right: 0; }

/*---------------------------------------------
   詳細ページ・募集要項共通パーツ
  ---------------------------------------------*/
.page_tlt {
  text-align: center; }

.box_inner .md_rec_content_item + p,
.box_inner .md_rec_content_item + div {
  padding-bottom: 30px;
  border-bottom: 2px solid #081639;
  margin-bottom: 30px !important;
 }
  @media all and (max-width: 480px) {
    .box_inner .md_rec_content_item + p,
    .box_inner .md_rec_content_item + div {
      padding-bottom: 15px;
      margin-bottom: 15px !important; } }

.box_inner h4 {
  padding-left: 18px;
  position: relative; }
  .box_inner h4:before {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #081639;
    position: absolute;
    top: 7px;
    left: 0; }
    @media all and (max-width: 480px) {
      .box_inner h4:before {
        top: 5px; } }

.link_btn.return {
  text-align: center; }

.link_btn.return a {
  border: 2px solid #081639;
  color: #081639;
  padding: 10px 50px; }
  @media all and (max-width: 480px) {
    .link_btn.return a {
      display: block;
      width: 300px;
      margin: 0 auto; } }
  .link_btn.return a:before {
    top: 20px;
    border-color: #081639; }
  .link_btn.return a:after {
    top: 20px;
    border-color: #081639; }
  .link_btn.return a:hover {
    background-color: #fff; }

/*---------------------------------------------
   詳細ページ
  ---------------------------------------------*/
.contents_inner.info_page .job_name {
  background-color: #fff;
  padding: 50px 30px 30px; }
  @media all and (max-width: 480px) {
    .contents_inner.info_page .job_name {
      padding: 15px; } }

.contents_inner.info_page .box ul li {
  margin-bottom: 5px; }

.contents_inner.info_page .box h3 {
  text-align: left;
  color: #fff;
  background-color: #081639;
  padding: 10px 15px;
  border-left: 15px solid; }
  @media all and (max-width: 480px) {
    .contents_inner.info_page .box h3 {
      padding: 10px; } }
  .contents_inner.info_page .box h3.tlt_color1 {
    border-color: #E27100; }
  .contents_inner.info_page .box h3.tlt_color2 {
    border-color: #1B74EB; }
  .contents_inner.info_page .box h3.tlt_color3 {
    border-color: #02A895; }
  .contents_inner.info_page .box h3.tlt_color4 {
    border-color: #A74BD0; }
  .contents_inner.info_page .box h3.tlt_color5 {
    border-color: #E5C200; }
  .contents_inner.info_page .box h3.tlt_color6 {
    border-color: #00B1D1; }
  .contents_inner.info_page .box h3.tlt_color7 {
    border-color: #DE2C2C; }
  .contents_inner.info_page .box h3.tlt_color8 {
    border-color: #9A8B39; }
  .contents_inner.info_page .box h3.tlt_color9 {
    border-color: #80C92B; }
  .contents_inner.info_page .box h3.tlt_color10 {
    border-color: #E85FC9; }
  .contents_inner.info_page .box h3.tlt_color11 {
    border-color: #999999; }

.contents_inner.info_page .common_info_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }
  .contents_inner.info_page .common_info_link .link_btn a {
    border: 2px solid #081639;
    color: #fff;
    margin: 0 10px;
    padding: 10px 50px;
    background-color: #008CA2; }
    @media all and (max-width: 480px) {
      .contents_inner.info_page .common_info_link .link_btn a {
        display: block;
        padding: 10px 20px;
        text-align: center;
        margin: 0 auto 15px;
        width: 300px; } }
    .contents_inner.info_page .common_info_link .link_btn a:before {
      top: 20px;
      border-color: #081639; }
    .contents_inner.info_page .common_info_link .link_btn a:after {
      top: 20px;
      border-color: #081639; }
    .contents_inner.info_page .common_info_link .link_btn a:hover {
      background-color: #00AFCC; }

/*---------------------------------------------
   募集要項・選考プロセス・応募方法ページ
  ---------------------------------------------*/
body {
  counter-reset: number 0;
}
.contents_inner.common_info_page h3 {
  text-align: left;
  color: #fff;
  background-color: #008CA2;
  padding: 10px 15px;
  letter-spacing: 0.1em; }
  @media all and (max-width: 480px) {
    .contents_inner.common_info_page h3 {
      padding: 10px; } }

.contents_inner.common_info_page table {
  width: 100%;
  border-top: 2px solid #081639;
  border-bottom: 2px solid #081639; }
  .contents_inner.common_info_page table tr:nth-of-type(odd) {
    background-color: #fff; }
  .contents_inner.common_info_page table tr th {
    padding: 15px 30px;
    width: 170px;
    border-right: 1px solid #081639; }
    @media all and (max-width: 480px) {
      .contents_inner.common_info_page table tr th {
        display: block;
        width: 100%;
        padding: 15px 0 10px 15px;
        border: none; } }
  .contents_inner.common_info_page table tr td {
    padding: 15px 30px; }
    @media all and (max-width: 480px) {
      .contents_inner.common_info_page table tr td {
        display: block;
        width: 100%;
        padding: 0 15px 15px 15px; } }

.contents_inner.common_info_page .process {
  padding-top: 40px; }
  @media all and (max-width: 480px) {
    .contents_inner.common_info_page .process {
      padding-top: 20px; } }

.contents_inner.common_info_page .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media all and (max-width: 480px) {
    .contents_inner.common_info_page .step {
      display: block; } }
  .contents_inner.common_info_page .step dl {
    width: 165px;
    height: 130px;
    background-color: #fff;
    position: relative; }
    @media all and (max-width: 480px) {
      .contents_inner.common_info_page .step dl {
        width: 100%;
        height: auto;
        padding: 10px 0;
        margin-bottom: 10px; } }
    .contents_inner.common_info_page .step dl:after {
      content: '';
      width: 6px;
      height: 6px;
      border-right: 2px solid #081639;
      border-bottom: 2px solid #081639;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: 60px;
      right: -11px; }
      @media all and (max-width: 480px) {
        .contents_inner.common_info_page .step dl:after {
          display: none; } }
    .contents_inner.common_info_page .step dl:last-of-type:after {
      display: none; }
    .contents_inner.common_info_page .step dl dt {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ECEFF0;
      padding: 0 5px 5px 0;
      line-height: 1em; 
    }
    .contents_inner.common_info_page .step dl dt::before {
      display:block;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ECEFF0;
      padding: 0 5px 5px 0;
      counter-increment: number 1;
      content: "STEP " counter(number) "";
      width: 3em;
    }
    .contents_inner.common_info_page .step dl dd {
      text-align: center;
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media all and (max-width: 480px) {
        .contents_inner.common_info_page .step dl dd {
          position: static;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }

.contents_inner.common_info_page .adress_box {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media all and (max-width: 480px) {
    .contents_inner.common_info_page .adress_box {
      display: block; } }
  .contents_inner.common_info_page .adress_box dt {
    width: 80px;
    padding-top: 45px;
    background-color: #008CA2;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em; }
    @media all and (max-width: 480px) {
      .contents_inner.common_info_page .adress_box dt {
        width: 100%;
        padding: 2px; } }
  .contents_inner.common_info_page .adress_box dd {
    padding: 20px; }
    @media all and (max-width: 480px) {
      .contents_inner.common_info_page .adress_box dd {
        padding: 15px; } }
    .contents_inner.common_info_page .adress_box dd p a {
      color: #00AFCC;
      text-decoration: underline; }
