@charset "UTF-8";

/* ===================================================================== */
/* margin */
/* ===================================================================== */
.m_00 { margin: 0; }
.m_01 { margin: 1rem; }
.m_02 { margin: 2rem; }
.m_03 { margin: 3rem; }
.m_04 { margin: 4rem; }

/* top */
.mt_00 { margin-top: 0 !important; }
.mt_005 { margin-top: .5rem; }
.mt_01 { margin-top: 1rem; }
.mt_02 { margin-top: 2rem; }
.mt_03 { margin-top: 3rem; }
.mt_04 { margin-top: 4rem; }
.mt_05 { margin-top: 5rem; }
.mt_06 { margin-top: 6rem; }
.mt_08 { margin-top: 8rem; }
.mt_10 { margin-top: 10rem; }

/* bottom */
.mb_00 { margin-bottom: 0; }
.mb_005 { margin-bottom: .5rem; }
.mb_01 { margin-bottom: 1rem; }
.mb_02 { margin-bottom: 2rem; }
.mb_03 { margin-bottom: 3rem; }
.mb_04 { margin-bottom: 4rem; }
.mb_05 { margin-bottom: 5rem; }
.mb_06 { margin-bottom: 6rem; }

/* right */
.mr_01 { margin-right: 1rem; }
.mr_03 { margin-right: 3rem; }
.mr_04 { margin-right: 4rem; }
.mr_auto { margin-right: auto; }

/* left */
.ml_00 { margin-left: 0; }
.ml_005 { margin-left: .5rem; }
.ml_01 { margin-left: 1rem !important; }
.ml_02 { margin-left: 2rem; }
.ml_025 { margin-left: 2.5rem; }
.ml_03 { margin-left: 3rem; }
.ml_04 { margin-left: 4rem; }
.ml_auto { margin-left: auto; }

/* ===================================================================== */
/* padding */
/* ===================================================================== */
.p_00 { padding: 0; }
.p_005 { padding: .5rem !important; }
.p_01 { padding: 1rem; }
.p_02 { padding: 2rem; }
.p_03 { padding: 3rem; }

/* top */
.pt_00 { padding-top: 0; }
.pt_01 { padding-top: 1rem; }
.pt_02 { padding-top: 2rem; }
.pt_03 { padding-top: 3rem; }
.pt_06 { padding-top: 6rem; }
.pt_10 { padding-top: 10rem; }

/* bottom */
.pb_00 { padding-bottom: 0; }
.pb_02 { padding-bottom: 2rem; }
.pb_03 { padding-bottom: 3rem; }
.pb_10 { padding-bottom: 10rem; }

/* right */
.pr_00 { padding-right: 0; }
.pr_01 { padding-right: 1rem; }
.pr_02 { padding-right: 2rem; }
.pr_04 { padding-right: 4rem; }

/* left */
.pl_00 { padding-left: 0; }
.pl_01 { padding-left: 1rem; }
.pl_03 { padding-left: 3rem; }
.pl_04 { padding-left: 4rem; }

/* ===================================================================== */
/* width */
/* ===================================================================== */
.w_10 { width: 10%; }
.w_15 { width: 15%; }
.w_20 { width: 20%; }
.w_25 { width: 25%; }
.w_30 { width: 30%; }
.w_50 { width: 50%; }
.w_60 { width: 60%; }
.w_70 { width: 70%; }
.w_80 { width: 80%; }
.w_90 { width: 90%; }
.w_100 { width: 100%; }
.w_100i { width: 100% !important; }

/* ===================================================================== */
/* float */
/* ===================================================================== */
.f_left { float: left; }
.f_right { float: right; }

/* ===================================================================== */
/* font */
/* ===================================================================== */
/* size */
.fs_10 { font-size: 1rem; }
.fs_12 { font-size: 1.2rem; }
.fs_13 { font-size: 1.3rem; }
.fs_14 { font-size: 1.4rem; }
.fs_15 { font-size: 1.5rem; }
.fs_16 { font-size: 1.6rem; }
.fs_17 { font-size: 1.7rem; }
.fs_18 { font-size: 1.8rem; }
.fs_20 { font-size: 2rem; }
.fs_24 { font-size: 2.4rem; }
.fs_26 { font-size: 2.6rem; }
.fs_28 { font-size: 2.8rem; }
.fs_30 { font-size: 3rem; }
.fs_32 { font-size: 3.2rem; }
.fs_40 { font-size: 4rem; }
.fs_46 { font-size: 4.6rem; }
.fs_66 { font-size: 6.6rem; }

/* color */
.fc_black { color: #000; }
.fc_33_gray { color: #333; }
.fc_66_gray { color: #666; }
.fc_88_gray { color: #888; }
.fc_99_gray { color: #999; }
.fc_cc_gray { color: #ccc; }
.fc_yellow { color: #ffde00; }
.fc_orange { color: #ee6c20; }
.fc_marigold { color: #ff9c00; }
.fc_turquoiseblue { color: #00a6d5; }

/* weight */
.fw_normal { font-weight: normal; }
.fw_italic { font-style: italic; }

/* family */
.ff_gothic { font-family: Hiragino Kaku Gothic ProN, sans-serif; }

/* line-marker */
.lineMarker_yellow { background: linear-gradient(transparent 0%, #ff6 0%); }

/* box-shadow */
.bs_001 { box-shadow: 0 1px 1px rgba(0, 0, 0, .12); }

/* ===================================================================== */
/* line-height */
/* ===================================================================== */
.lh_16 { line-height: 1.6rem; }
.lh_18 { line-height: 1.8rem; }
.lh_20 { line-height: 2rem; }
.lh_22 { line-height: 2.2rem; }
.lh_24 { line-height: 2.4rem; }
.lh_26 { line-height: 2.6rem; }
.lh_28 { line-height: 2.8rem; }
.lh_32 { line-height: 3.2rem; }
.lh_36 { line-height: 3.6rem; }
.lh_38 { line-height: 3.8rem; }
.lh_40 { line-height: 4rem; }
.lh_44 { line-height: 4.3rem; }
.lh_56 { line-height: 5.6rem; }

/* ===================================================================== */
/* background */
/* ===================================================================== */
.bg_black { background-color: #000; }
.bg_33_gray { background-color: #333; }
.bg_ee_gray { background-color: #eee; }
.bg_white { background-color: #fff; }
.bg_marigold { background-color: #ff9c00; }
.bg_creamyellow { background-color: #fff8c2; }
.bg_turquoiseblue { background-color: #00a6d5; }

/* ===================================================================== */
/* border */
/* ===================================================================== */
/* color */
.bc_aa_gray { border-color: #aaa; }
.bc_cc_gray { border-color: #ccc; }

/* style */
.bs_solid { border-style: solid; }

/* width */
.bw_1px { border-width: 1px; }
.bw_3px { border-width: 3px; }

/* radius */
.br00 { border-radius: 0 !important; }
.br002 { border-radius: .2rem; }
.br005 { border-radius: .5rem; }

/* top */
.bt_blue { border-top: 10px solid #00aadb; }
.bt_orange { border-top: 10px solid #ff9c00; }

/* bottom */
.bb_blue { border-bottom: 1px #039 dotted; }

/* left */
.bl_turquoiseblue { border-left: 6px #00a6d5 solid; }

/* ===================================================================== */
/* text-align */
/* ===================================================================== */
.ta_left { text-align: left; }

@media screen and (max-width: 767px) {
  .sp_ta-center { text-align: center; }
  .sp_ta_left { text-align: left; }
}

/* ===================================================================== */
/* vertical-align */
/* ===================================================================== */
.va_middle { vertical-align: middle; }

/* ===================================================================== */
/* display */
/* ===================================================================== */
.d_inline { display: inline; }
.d_inline-block { display: inline-block; }
.d_block { display: block; }

/* ===================================================================== */
/* letter-spacing */
/* ===================================================================== */
.ltsp_00 { letter-spacing: 0; }
.ltsp_01 { letter-spacing: .1rem; }
.ltsp_02 { letter-spacing: .2rem; }
.ltsp_03 { letter-spacing: .3rem; }

/* ===================================================================== */
/* list */
/* ===================================================================== */
.ls_none { list-style: none; }

ol.bold_list {
  counter-reset: li;
  list-style: none;
}

ol.bold_list > li.bold_li::before {
  content: counter(li) ".";
  counter-increment: li;
  font-weight: bold;
}

/* ===================================================================== */
/* list mark using Font Awesome */
/* ===================================================================== */
li.list_mark_square::before {
  content: '\f0c8';
  font-family: "Font Awesome 5 Free";
  font-style: normal !important;
  margin-right: 1rem;
}

/* ===================================================================== */
/* only_xx_show */
/* ===================================================================== */
.only_pc_show { display: block; }
.only_sp_show { display: none; }

@media screen and (max-width: 1025px) and (min-width: 992px) {
  .only_pc_show { display: none; }
  .only_sp_show { display: none; }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .only_pc_show { display: none; }
  .only_sp_show { display: none; }
}

@media screen and (max-width: 767px) {
  .only_pc_show { display: none; }
  .only_sp_show { display: block; }
}

/* ===================================================================== */
/* recruit */
/* ===================================================================== */
#recruit {
  background-image: url(../images/recruit_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

#recruit .recruit_inner {
  width: 1100px;
  margin: 6rem auto;
}

#recruit .recruit_inner h2 {
  margin: 0 auto;
}

#recruit .recruit_inner h2 span {
  text-transform: none;
  font-family: 'Kaushan Script', cursive;
}

#recruit .recruit_inner .recruit_link_box {
  overflow: hidden;
  margin: 0 auto;
}

#recruit .recruit_inner .recruit_link_box .recruit_link {
  width: 32%;
  margin-right: 1%;
}

#recruit .recruit_inner .recruit_link_box .recruit_link:last-child {
  margin-right: 0;
}

#recruit .recruit_inner .recruit_link_box .recruit_link a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: rgba(251, 219, 0, .7);
  border: 2px #fbdb00 solid !important;
  min-height: 14rem;
}

#recruit .recruit_inner .recruit_link_box .recruit_link a:hover {
  border: 2px #fbdb00 solid !important;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .5);
  color: #fbdb00;
  cursor: pointer;
}

#recruit .recruit_inner .recruit_link_box .recruit_link a.invalidPosition {
  background-color: rgba(0, 0, 0, .5);
  border: 2px #777 solid !important;
  color: #777;
}

#recruit .recruit_inner .recruit_link_box .recruit_link a.invalidPosition:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, .5);
  border: 2px #777 solid !important;
}

/* for large */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #recruit .recruit_inner .recruit_link_box .recruit_link a {
    min-height: 14rem;
  }
}

/* for medium */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #recruit .recruit_inner {
    width: 90%;
  }

  #recruit .recruit_inner h2 {
    font-size: 4.4rem;
    line-height: 6.5rem;
    letter-spacing: 0;
  }

  #recruit .recruit_inner h2 span {
    font-size: 5.8rem;
    letter-spacing: 0;
  }

  #recruit .recruit_inner h2 img {
    width: 100%;
  }

  #recruit .recruit_inner p {
    font-size: 1.4rem;
  }

  #recruit .recruit_inner .recruit_link_box {
    width: 90%;
  }

  #recruit .recruit_inner .recruit_link_box .recruit_link {
    clear: both;
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }

  #recruit .recruit_inner .recruit_link_box .recruit_link a {
    min-height: 10rem;
    font-size: 2.2rem;
  }

  #recruit .recruit_inner .recruit_link_box .recruit_link span {
    font-size: 1.5rem;
  }
}

/* for smartphone */
@media screen and (max-width: 767px) {
  .fs_20 {
    font-size: 1.5rem;
  }

  #recruit .recruit_inner {
    width: 90%;
  }

  #recruit .recruit_inner h2 {
    font-size: 4.4rem;
    line-height: 6.5rem;
    letter-spacing: 0;
  }

  #recruit .recruit_inner h2 span {
    font-size: 5.8rem;
    letter-spacing: 0;
  }

  #recruit .recruit_inner h2 img {
    width: 100%;
  }

  #recruit .recruit_inner p {
    font-size: 1.4rem;
  }

  #recruit .recruit_inner .recruit_link_box {
    width: 90%;
  }

  #recruit .recruit_inner .recruit_link_box .recruit_link {
    clear: both;
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}