@charset "UTF-8";

/* bodyフェードイン用：初期非表示状態 */
body.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.hp_visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* prefers-reduced-motion を考慮し、即時表示に切り替え */
@media (prefers-reduced-motion: reduce) {
  body {
    transition: none !important;
  }
}

/*---------- noscriptで表示 ----------*/
.hp_noscript>p {
  background-color: var(--recruit-color-text1);
  color: var(--recruit-color-accent006);
  font-size: 1.4rem;
  padding: 10px;
  text-align: center;
}

/*---------- スマホで非表示 ----------*/
@media screen and (max-width: 767px) {
  .hp_noneSp {
    display: none;
  }
}

/*---------- パソコンで非表示 ----------*/
@media screen and (min-width: 769px) {
  .hp_nonePc {
    display: none;
  }
}

/*========== 改行コード ==========*/

/* 画面幅が小さいと有効になる改行コード <br class="hp_sp_br"> */
.hp_sp_br {
  display: block;

  @media screen and (min-width: 768px) {
    display: none;
  }
}

/* 画面幅が大きいと有効になる改行コード <br class="hp_pc_br"> */
.hp_pc_br {
  display: none;

  @media screen and (min-width: 768px) {
    display: block;
  }
}

/*========== 英数字のフォント指定 ==========*/

.hp_ff_en {
  font-family: 'Agdasima', serif;
  letter-spacing: 0.07em;
}

/*---------- テキスト揃え ----------*/

.hp_fz1_1p {
  font-size: 1.1em;
}

.hp_fz1_2p {
  font-size: 1.2em;
}

.hp_fz1_3p {
  font-size: 1.3em;
}

.hp_fz1_4p {
  font-size: 1.4em;
}

.hp_fz1_5p {
  font-size: 1.5em;
}

/*---------- テキスト揃え ----------*/

.hp_tal {
  text-align: left;
}

.hp_tac {
  text-align: center;
}

.hp_taj {
  text-align: justify;
}

.hp_tar {
  text-align: right;
}

/*---------- 幅（px） ----------*/
.hp_w10 {
  width: 10px !important;
}

.hp_w15 {
  width: 15px !important;
}

.hp_w20 {
  width: 20px !important;
}

.hp_w30 {
  width: 30px !important;
}

.hp_w40 {
  width: 40px !important;
}

.hp_w50 {
  width: 50px !important;
}

.hp_w100 {
  width: 100px !important;
}

.hp_w150 {
  width: 150px !important;
}

.hp_w200 {
  width: 200px !important;
}

.hp_w250 {
  width: 250px !important;
}

.hp_w300 {
  width: 300px !important;
}

.hp_w350 {
  width: 350px !important;
}

.hp_w400 {
  width: 400px !important;
}

.hp_w450 {
  width: 450px !important;
}

.hp_w500 {
  width: 500px !important;
}

/*---------- 幅（パーセント） ----------*/

.hp_w5p {
  width: 5%;
}

.hp_w10p {
  width: 10%;
}

.hp_w15p {
  width: 15%;
}

.hp_w20p {
  width: 20%;
}

.hp_w25p {
  width: 25%;
}

.hp_w30p {
  width: 30%;
}

.hp_w35p {
  width: 35%;
}

.hp_w40p {
  width: 40%;
}

.hp_w45p {
  width: 45%;
}

.hp_w50p {
  width: 50%;
}

.hp_w55p {
  width: 55%;
}

.hp_w60p {
  width: 60%;
}

.hp_w65p {
  width: 65%;
}

.hp_w70p {
  width: 70%;
}

.hp_w75p {
  width: 75%;
}

.hp_w80p {
  width: 80%;
}

.hp_w85p {
  width: 85%;
}

.hp_w90p {
  width: 90%;
}

.hp_w95p {
  width: 95%;
}

.hp_w100p {
  width: 100%;
}

/*---------- 最大幅（パーセント） ----------*/

.hp_mw5p {
  max-width: 5%;
}

.hp_mw10p {
  max-width: 10%;
}

.hp_mw15p {
  max-width: 15%;
}

.hp_mw20p {
  max-width: 20%;
}

.hp_mw25p {
  max-width: 25%;
}

.hp_mw30p {
  max-width: 30%;
}

.hp_mw35p {
  max-width: 35%;
}

.hp_mw40p {
  max-width: 40%;
}

.hp_mw45p {
  max-width: 45%;
}

.hp_mw50p {
  max-width: 50%;
}

.hp_mw55p {
  max-width: 55%;
}

.hp_mw60p {
  max-width: 60%;
}

.hp_mw65p {
  max-width: 65%;
}

.hp_mw70p {
  max-width: 70%;
}

.hp_mw75p {
  max-width: 75%;
}

.hp_mw80p {
  max-width: 80%;
}

.hp_mw85p {
  max-width: 85%;
}

.hp_mw90p {
  max-width: 90%;
}

.hp_mw95p {
  max-width: 95%;
}

.hp_mw100p {
  max-width: 100%;
}

/*---------- マージン（全周） ----------*/

.hp_m0 {
  margin: 0px !important;
}

.hp_m5 {
  margin: 5px !important;
}

.hp_m10 {
  margin: 10px !important;
}

.hp_m15 {
  margin: 15px !important;
}

.hp_m20 {
  margin: 20px !important;
}

.hp_m25 {
  margin: 25px !important;
}

.hp_m30 {
  margin: 30px !important;
}

.hp_m35 {
  margin: 35px !important;
}

.hp_m40 {
  margin: 40px !important;
}

.hp_m45 {
  margin: 45px !important;
}

.hp_m50 {
  margin: 50px !important;
}

.hp_m55 {
  margin: 55px !important;
}

.hp_m60 {
  margin: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_m0 {
    margin: 0px !important;
  }

  .hp_md_m5 {
    margin: 5px !important;
  }

  .hp_md_m10 {
    margin: 10px !important;
  }

  .hp_md_m15 {
    margin: 15px !important;
  }

  .hp_md_m20 {
    margin: 20px !important;
  }

  .hp_md_m25 {
    margin: 25px !important;
  }

  .hp_md_m30 {
    margin: 30px !important;
  }

  .hp_md_m35 {
    margin: 35px !important;
  }

  .hp_md_m40 {
    margin: 40px !important;
  }

  .hp_md_m45 {
    margin: 45px !important;
  }

  .hp_md_m50 {
    margin: 50px !important;
  }

  .hp_md_m55 {
    margin: 55px !important;
  }

  .hp_md_m60 {
    margin: 60px !important;
  }
}

/*---------- マージン（上下） ----------*/

.hp_my0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.hp_my5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.hp_my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.hp_my15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.hp_my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.hp_my25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.hp_my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.hp_my35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.hp_my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.hp_my45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.hp_my50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.hp_my55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.hp_my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_my0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .hp_md_my5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .hp_md_my10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .hp_md_my15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .hp_md_my20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .hp_md_my25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .hp_md_my30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .hp_md_my35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .hp_md_my40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .hp_md_my45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .hp_md_my50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .hp_md_my55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .hp_md_my60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

/*---------- マージン（左右） ----------*/

.hp_mx0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.hp_mx5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.hp_mx10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.hp_mx15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.hp_mx20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.hp_mx25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.hp_mx30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.hp_mx35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.hp_mx40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.hp_mx45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.hp_mx50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.hp_mx55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.hp_mx60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_mx0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .hp_md_mx5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .hp_md_mx10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .hp_md_mx15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .hp_md_mx20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .hp_md_mx25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .hp_md_mx30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

  .hp_md_mx35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }

  .hp_md_mx40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .hp_md_mx45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }

  .hp_md_mx50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }

  .hp_md_mx55 {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }

  .hp_md_mx60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
}

/*---------- マージン（上） ----------*/

.hp_mt0 {
  margin-top: 0px !important;
}

.hp_mt5 {
  margin-top: 5px !important;
}

.hp_mt10 {
  margin-top: 10px !important;
}

.hp_mt15 {
  margin-top: 15px !important;
}

.hp_mt20 {
  margin-top: 20px !important;
}

.hp_mt25 {
  margin-top: 25px !important;
}

.hp_mt30 {
  margin-top: 30px !important;
}

.hp_mt35 {
  margin-top: 35px !important;
}

.hp_mt40 {
  margin-top: 40px !important;
}

.hp_mt45 {
  margin-top: 45px !important;
}

.hp_mt50 {
  margin-top: 50px !important;
}

.hp_mt55 {
  margin-top: 55px !important;
}

.hp_mt60 {
  margin-top: 60px !important;
}

.hp_mt65 {
  margin-top: 65px !important;
}

.hp_mt70 {
  margin-top: 70px !important;
}

.hp_mt75 {
  margin-top: 75px !important;
}

.hp_mt80 {
  margin-top: 80px !important;
}

.hp_mt85 {
  margin-top: 85px !important;
}

.hp_mt90 {
  margin-top: 90px !important;
}

.hp_mt95 {
  margin-top: 95px !important;
}

.hp_mt100 {
  margin-top: 85100 !important;
}

@media screen and (max-width: 767px) {
  .hp_md_mt0 {
    margin-top: 0px !important;
  }

  .hp_md_mt5 {
    margin-top: 5px !important;
  }

  .hp_md_mt10 {
    margin-top: 10px !important;
  }

  .hp_md_mt15 {
    margin-top: 15px !important;
  }

  .hp_md_mt20 {
    margin-top: 20px !important;
  }

  .hp_md_mt25 {
    margin-top: 25px !important;
  }

  .hp_md_mt30 {
    margin-top: 30px !important;
  }

  .hp_md_mt35 {
    margin-top: 35px !important;
  }

  .hp_md_mt40 {
    margin-top: 40px !important;
  }

  .hp_md_mt45 {
    margin-top: 45px !important;
  }

  .hp_md_mt50 {
    margin-top: 50px !important;
  }

  .hp_md_mt55 {
    margin-top: 55px !important;
  }

  .hp_md_mt60 {
    margin-top: 60px !important;
  }
}

/*---------- マージン（右） ----------*/

.hp_mr0 {
  margin-right: 0px !important;
}

.hp_mr5 {
  margin-right: 5px !important;
}

.hp_mr10 {
  margin-right: 10px !important;
}

.hp_mr15 {
  margin-right: 15px !important;
}

.hp_mr20 {
  margin-right: 20px !important;
}

.hp_mr25 {
  margin-right: 25px !important;
}

.hp_mr30 {
  margin-right: 30px !important;
}

.hp_mr35 {
  margin-right: 35px !important;
}

.hp_mr40 {
  margin-right: 40px !important;
}

.hp_mr45 {
  margin-right: 45px !important;
}

.hp_mr50 {
  margin-right: 50px !important;
}

.hp_mr55 {
  margin-right: 55px !important;
}

.hp_mr60 {
  margin-right: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_mr0 {
    margin-right: 0px !important;
  }

  .hp_md_mr5 {
    margin-right: 5px !important;
  }

  .hp_md_mr10 {
    margin-right: 10px !important;
  }

  .hp_md_mr15 {
    margin-right: 15px !important;
  }

  .hp_md_mr20 {
    margin-right: 20px !important;
  }

  .hp_md_mr25 {
    margin-right: 25px !important;
  }

  .hp_md_mr30 {
    margin-right: 30px !important;
  }

  .hp_md_mr35 {
    margin-right: 35px !important;
  }

  .hp_md_mr40 {
    margin-right: 40px !important;
  }

  .hp_md_mr45 {
    margin-right: 45px !important;
  }

  .hp_md_mr50 {
    margin-right: 50px !important;
  }

  .hp_md_mr55 {
    margin-right: 55px !important;
  }

  .hp_md_mr60 {
    margin-right: 60px !important;
  }
}

/*---------- マージン（下） ----------*/

.hp_mb0 {
  margin-bottom: 0px !important;
}

.hp_mb5 {
  margin-bottom: 5px !important;
}

.hp_mb10 {
  margin-bottom: 10px !important;
}

.hp_mb15 {
  margin-bottom: 15px !important;
}

.hp_mb20 {
  margin-bottom: 20px !important;
}

.hp_mb25 {
  margin-bottom: 25px !important;
}

.hp_mb30 {
  margin-bottom: 30px !important;
}

.hp_mb35 {
  margin-bottom: 35px !important;
}

.hp_mb40 {
  margin-bottom: 40px !important;
}

.hp_mb45 {
  margin-bottom: 45px !important;
}

.hp_mb50 {
  margin-bottom: 50px !important;
}

.hp_mb55 {
  margin-bottom: 55px !important;
}

.hp_mb60 {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_mb0 {
    margin-bottom: 0px !important;
  }

  .hp_md_mb5 {
    margin-bottom: 5px !important;
  }

  .hp_md_mb10 {
    margin-bottom: 10px !important;
  }

  .hp_md_mb15 {
    margin-bottom: 15px !important;
  }

  .hp_md_mb20 {
    margin-bottom: 20px !important;
  }

  .hp_md_mb25 {
    margin-bottom: 25px !important;
  }

  .hp_md_mb30 {
    margin-bottom: 30px !important;
  }

  .hp_md_mb35 {
    margin-bottom: 35px !important;
  }

  .hp_md_mb40 {
    margin-bottom: 40px !important;
  }

  .hp_md_mb45 {
    margin-bottom: 45px !important;
  }

  .hp_md_mb50 {
    margin-bottom: 50px !important;
  }

  .hp_md_mb55 {
    margin-bottom: 55px !important;
  }

  .hp_md_mb60 {
    margin-bottom: 60px !important;
  }
}

/*---------- マージン（左） ----------*/

.hp_ml0 {
  margin-left: 0px !important;
}

.hp_ml5 {
  margin-left: 5px !important;
}

.hp_ml10 {
  margin-left: 10px !important;
}

.hp_ml15 {
  margin-left: 15px !important;
}

.hp_ml20 {
  margin-left: 20px !important;
}

.hp_ml25 {
  margin-left: 25px !important;
}

.hp_ml30 {
  margin-left: 30px !important;
}

.hp_ml35 {
  margin-left: 35px !important;
}

.hp_ml40 {
  margin-left: 40px !important;
}

.hp_ml45 {
  margin-left: 45px !important;
}

.hp_ml50 {
  margin-left: 50px !important;
}

.hp_ml55 {
  margin-left: 55px !important;
}

.hp_ml60 {
  margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_ml0 {
    margin-left: 0px !important;
  }

  .hp_md_ml5 {
    margin-left: 5px !important;
  }

  .hp_md_ml10 {
    margin-left: 10px !important;
  }

  .hp_md_ml15 {
    margin-left: 15px !important;
  }

  .hp_md_ml20 {
    margin-left: 20px !important;
  }

  .hp_md_ml25 {
    margin-left: 25px !important;
  }

  .hp_md_ml30 {
    margin-left: 30px !important;
  }

  .hp_md_ml35 {
    margin-left: 35px !important;
  }

  .hp_md_ml40 {
    margin-left: 40px !important;
  }

  .hp_md_ml45 {
    margin-left: 45px !important;
  }

  .hp_md_ml50 {
    margin-left: 50px !important;
  }

  .hp_md_ml55 {
    margin-left: 55px !important;
  }

  .hp_md_ml60 {
    margin-left: 60px !important;
  }
}

/*---------- パディング（全周） ----------*/

.hp_p0 {
  padding: 0px !important;
}

.hp_p5 {
  padding: 5px !important;
}

.hp_p10 {
  padding: 10px !important;
}

.hp_p15 {
  padding: 15px !important;
}

.hp_p20 {
  padding: 20px !important;
}

.hp_p25 {
  padding: 25px !important;
}

.hp_p30 {
  padding: 30px !important;
}

.hp_p35 {
  padding: 35px !important;
}

.hp_p40 {
  padding: 40px !important;
}

.hp_p45 {
  padding: 45px !important;
}

.hp_p50 {
  padding: 50px !important;
}

.hp_p55 {
  padding: 55px !important;
}

.hp_p60 {
  padding: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_p0 {
    padding: 0px !important;
  }

  .hp_md_p5 {
    padding: 5px !important;
  }

  .hp_md_p10 {
    padding: 10px !important;
  }

  .hp_md_p15 {
    padding: 15px !important;
  }

  .hp_md_p20 {
    padding: 20px !important;
  }

  .hp_md_p25 {
    padding: 25px !important;
  }

  .hp_md_p30 {
    padding: 30px !important;
  }

  .hp_md_p35 {
    padding: 35px !important;
  }

  .hp_md_p40 {
    padding: 40px !important;
  }

  .hp_md_p45 {
    padding: 45px !important;
  }

  .hp_md_p50 {
    padding: 50px !important;
  }

  .hp_md_p55 {
    padding: 55px !important;
  }

  .hp_md_p60 {
    padding: 60px !important;
  }
}

/*---------- パディング（上下） ----------*/

.hp_py0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.hp_py5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.hp_py10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.hp_py15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.hp_py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.hp_py25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.hp_py30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.hp_py35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.hp_py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.hp_py45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.hp_py50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.hp_py55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.hp_py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_py0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .hp_md_py5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .hp_md_py10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .hp_md_py15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .hp_md_py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .hp_md_py25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .hp_md_py30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .hp_md_py35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .hp_md_py40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .hp_md_py45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .hp_md_py50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .hp_md_py55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .hp_md_py60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

/*---------- パディング（左右） ----------*/

.hp_px0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.hp_px5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.hp_px10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.hp_px15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.hp_px20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.hp_px25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.hp_px30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.hp_px35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.hp_px40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.hp_px45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.hp_px50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.hp_px55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.hp_px60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_px0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .hp_md_px5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .hp_md_px10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .hp_md_px15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .hp_md_px20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .hp_md_px25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .hp_md_px30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .hp_md_px35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .hp_md_px40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .hp_md_px45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }

  .hp_md_px50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }

  .hp_md_px55 {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }

  .hp_md_px60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
}

/*---------- パディング（上） ----------*/

.hp_pt0 {
  padding-top: 0px !important;
}

.hp_pt5 {
  padding-top: 5px !important;
}

.hp_pt10 {
  padding-top: 10px !important;
}

.hp_pt15 {
  padding-top: 15px !important;
}

.hp_pt20 {
  padding-top: 20px !important;
}

.hp_pt25 {
  padding-top: 25px !important;
}

.hp_pt30 {
  padding-top: 30px !important;
}

.hp_pt35 {
  padding-top: 35px !important;
}

.hp_pt40 {
  padding-top: 40px !important;
}

.hp_pt45 {
  padding-top: 45px !important;
}

.hp_pt50 {
  padding-top: 50px !important;
}

.hp_pt55 {
  padding-top: 55px !important;
}

.hp_pt60 {
  padding-top: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_pt0 {
    padding-top: 0px !important;
  }

  .hp_md_pt5 {
    padding-top: 5px !important;
  }

  .hp_md_pt10 {
    padding-top: 10px !important;
  }

  .hp_md_pt15 {
    padding-top: 15px !important;
  }

  .hp_md_pt20 {
    padding-top: 20px !important;
  }

  .hp_md_pt25 {
    padding-top: 25px !important;
  }

  .hp_md_pt30 {
    padding-top: 30px !important;
  }

  .hp_md_pt35 {
    padding-top: 35px !important;
  }

  .hp_md_pt40 {
    padding-top: 40px !important;
  }

  .hp_md_pt45 {
    padding-top: 45px !important;
  }

  .hp_md_pt50 {
    padding-top: 50px !important;
  }

  .hp_md_pt55 {
    padding-top: 55px !important;
  }

  .hp_md_pt60 {
    padding-top: 60px !important;
  }
}

/*---------- パディング（右） ----------*/

.hp_pr0 {
  padding-right: 0px !important;
}

.hp_pr5 {
  padding-right: 5px !important;
}

.hp_pr10 {
  padding-right: 10px !important;
}

.hp_pr15 {
  padding-right: 15px !important;
}

.hp_pr20 {
  padding-right: 20px !important;
}

.hp_pr25 {
  padding-right: 25px !important;
}

.hp_pr30 {
  padding-right: 30px !important;
}

.hp_pr35 {
  padding-right: 35px !important;
}

.hp_pr40 {
  padding-right: 40px !important;
}

.hp_pr45 {
  padding-right: 45px !important;
}

.hp_pr50 {
  padding-right: 50px !important;
}

.hp_pr55 {
  padding-right: 55px !important;
}

.hp_pr60 {
  padding-right: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_pr0 {
    padding-right: 0px !important;
  }

  .hp_md_pr5 {
    padding-right: 5px !important;
  }

  .hp_md_pr10 {
    padding-right: 10px !important;
  }

  .hp_md_pr15 {
    padding-right: 15px !important;
  }

  .hp_md_pr20 {
    padding-right: 20px !important;
  }

  .hp_md_pr25 {
    padding-right: 25px !important;
  }

  .hp_md_pr30 {
    padding-right: 30px !important;
  }

  .hp_md_pr35 {
    padding-right: 35px !important;
  }

  .hp_md_pr40 {
    padding-right: 40px !important;
  }

  .hp_md_pr45 {
    padding-right: 45px !important;
  }

  .hp_md_pr50 {
    padding-right: 50px !important;
  }

  .hp_md_pr55 {
    padding-right: 55px !important;
  }

  .hp_md_pr60 {
    padding-right: 60px !important;
  }
}

/*---------- パディング（下） ----------*/

.hp_pb0 {
  padding-bottom: 0px !important;
}

.hp_pb5 {
  padding-bottom: 5px !important;
}

.hp_pb10 {
  padding-bottom: 10px !important;
}

.hp_pb15 {
  padding-bottom: 15px !important;
}

.hp_pb20 {
  padding-bottom: 20px !important;
}

.hp_pb25 {
  padding-bottom: 25px !important;
}

.hp_pb30 {
  padding-bottom: 30px !important;
}

.hp_pb35 {
  padding-bottom: 35px !important;
}

.hp_pb40 {
  padding-bottom: 40px !important;
}

.hp_pb45 {
  padding-bottom: 45px !important;
}

.hp_pb50 {
  padding-bottom: 50px !important;
}

.hp_pb55 {
  padding-bottom: 55px !important;
}

.hp_pb60 {
  padding-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_pb0 {
    padding-bottom: 0px !important;
  }

  .hp_md_pb5 {
    padding-bottom: 5px !important;
  }

  .hp_md_pb10 {
    padding-bottom: 10px !important;
  }

  .hp_md_pb15 {
    padding-bottom: 15px !important;
  }

  .hp_md_pb20 {
    padding-bottom: 20px !important;
  }

  .hp_md_pb25 {
    padding-bottom: 25px !important;
  }

  .hp_md_pb30 {
    padding-bottom: 30px !important;
  }

  .hp_md_pb35 {
    padding-bottom: 35px !important;
  }

  .hp_md_pb40 {
    padding-bottom: 40px !important;
  }

  .hp_md_pb45 {
    padding-bottom: 45px !important;
  }

  .hp_md_pb50 {
    padding-bottom: 50px !important;
  }

  .hp_md_pb55 {
    padding-bottom: 55px !important;
  }

  .hp_md_pb60 {
    padding-bottom: 60px !important;
  }
}

/*---------- パディング（左） ----------*/

.hp_pl0 {
  padding-left: 0px !important;
}

.hp_pl5 {
  padding-left: 5px !important;
}

.hp_pl10 {
  padding-left: 10px !important;
}

.hp_pl15 {
  padding-left: 15px !important;
}

.hp_pl20 {
  padding-left: 20px !important;
}

.hp_pl25 {
  padding-left: 25px !important;
}

.hp_pl30 {
  padding-left: 30px !important;
}

.hp_pl35 {
  padding-left: 35px !important;
}

.hp_pl40 {
  padding-left: 40px !important;
}

.hp_pl45 {
  padding-left: 45px !important;
}

.hp_pl50 {
  padding-left: 50px !important;
}

.hp_pl55 {
  padding-left: 55px !important;
}

.hp_pl60 {
  padding-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .hp_md_pl0 {
    padding-left: 0px !important;
  }

  .hp_md_pl5 {
    padding-left: 5px !important;
  }

  .hp_md_pl10 {
    padding-left: 10px !important;
  }

  .hp_md_pl15 {
    padding-left: 15px !important;
  }

  .hp_md_pl20 {
    padding-left: 20px !important;
  }

  .hp_md_pl25 {
    padding-left: 25px !important;
  }

  .hp_md_pl30 {
    padding-left: 30px !important;
  }

  .hp_md_pl35 {
    padding-left: 35px !important;
  }

  .hp_md_pl40 {
    padding-left: 40px !important;
  }

  .hp_md_pl45 {
    padding-left: 45px !important;
  }

  .hp_md_pl50 {
    padding-left: 50px !important;
  }

  .hp_md_pl55 {
    padding-left: 55px !important;
  }

  .hp_md_pl60 {
    padding-left: 60px !important;
  }
}

/*---------- ボーダー（全周） ----------*/

.hp_b1 {
  border: 1px solid var(--recruit-color-accent005);
}

.hp_b2 {
  border: 2px solid var(--recruit-color-accent005);
}

.hp_b3 {
  border: 3px solid var(--recruit-color-accent005);
}

.hp_b4 {
  border: 4px solid var(--recruit-color-accent005);
}

.hp_b5 {
  border: 5px solid var(--recruit-color-accent005);
}

.hp_b6 {
  border: 6px solid var(--recruit-color-accent005);
}

/*---------- ボーダー（上下） ----------*/

.hp_by1 {
  border-top: 1px solid var(--recruit-color-accent005);
  border-bottom: 1px solid var(--recruit-color-accent005);
}

.hp_by2 {
  border-top: 2px solid var(--recruit-color-accent005);
  border-bottom: 2px solid var(--recruit-color-accent005);
}

.hp_by3 {
  border-top: 3px solid var(--recruit-color-accent005);
  border-bottom: 3px solid var(--recruit-color-accent005);
}

.hp_by4 {
  border-top: 4px solid var(--recruit-color-accent005);
  border-bottom: 4px solid var(--recruit-color-accent005);
}

.hp_by5 {
  border-top: 5px solid var(--recruit-color-accent005);
  border-bottom: 5px solid var(--recruit-color-accent005);
}

.hp_by6 {
  border-top: 6px solid var(--recruit-color-accent005);
  border-bottom: 6px solid var(--recruit-color-accent005);
}

/*---------- ボーダー（左右） ----------*/

.hp_bx1 {
  border-right: 1px solid var(--recruit-color-accent005);
  border-left: 1px solid var(--recruit-color-accent005);
}

.hp_bx2 {
  border-right: 2px solid var(--recruit-color-accent005);
  border-left: 2px solid var(--recruit-color-accent005);
}

.hp_bx3 {
  border-right: 3px solid var(--recruit-color-accent005);
  border-left: 3px solid var(--recruit-color-accent005);
}

.hp_bx4 {
  border-right: 4px solid var(--recruit-color-accent005);
  border-left: 4px solid var(--recruit-color-accent005);
}

.hp_bx5 {
  border-right: 5px solid var(--recruit-color-accent005);
  border-left: 5px solid var(--recruit-color-accent005);
}

.hp_bx6 {
  border-right: 6px solid var(--recruit-color-accent005);
  border-left: 6px solid var(--recruit-color-accent005);
}

/*---------- ボーダー（上） ----------*/

.hp_bt1 {
  border-top: 1px solid var(--recruit-color-accent005);
}

.hp_bt2 {
  border-top: 2px solid var(--recruit-color-accent005);
}

.hp_bt3 {
  border-top: 3px solid var(--recruit-color-accent005);
}

.hp_bt4 {
  border-top: 4px solid var(--recruit-color-accent005);
}

.hp_bt5 {
  border-top: 5px solid var(--recruit-color-accent005);
}

.hp_bt6 {
  border-top: 6px solid var(--recruit-color-accent005);
}

/*---------- ボーダー（右） ----------*/

.hp_br1 {
  border-right: 1px solid var(--recruit-color-accent005);
}

.hp_br2 {
  border-right: 2px solid var(--recruit-color-accent005);
}

.hp_br3 {
  border-right: 3px solid var(--recruit-color-accent005);
}

.hp_br4 {
  border-right: 4px solid var(--recruit-color-accent005);
}

.hp_br5 {
  border-right: 5px solid var(--recruit-color-accent005);
}

.hp_br6 {
  border-right: 6px solid var(--recruit-color-accent005);
}

/*---------- ボーダー（下） ----------*/

.hp_bb1 {
  border-bottom: 1px solid var(--recruit-color-accent005);
}

.hp_bb2 {
  border-bottom: 2px solid var(--recruit-color-accent005);
}

.hp_bb3 {
  border-bottom: 3px solid var(--recruit-color-accent005);
}

.hp_bb4 {
  border-bottom: 4px solid var(--recruit-color-accent005);
}

.hp_bb5 {
  border-bottom: 5px solid var(--recruit-color-accent005);
}

.hp_bb6 {
  border-bottom: 6px solid var(--recruit-color-accent005);
}

/*----------ボーダー（左） ----------*/

.hp_bl1 {
  border-left: 1px solid var(--recruit-color-accent005);
}

.hp_bl2 {
  border-left: 2px solid var(--recruit-color-accent005);
}

.hp_bl3 {
  border-left: 3px solid var(--recruit-color-accent005);
}

.hp_bl4 {
  border-left: 4px solid var(--recruit-color-accent005);
}

.hp_bl5 {
  border-left: 5px solid var(--recruit-color-accent005);
}

.hp_bl6 {
  border-left: 6px solid var(--recruit-color-accent005);
}

/*----------文字の色 ----------*/

.hp_colorBase {
  color: var(--recruit-color-base);
}

.hp_colorText {
  color: var(--recruit-color-text1);
}

.hp_colorMain {
  color: var(--recruit-color-main);
}

.hp_colorAccent {
  color: var(--recruit-color-accent006);
}

.hp_colorBorder {
  color: var(--recruit-color-accent005);
}

/*----------背景の色 ----------*/

.hp_bgcBlue {
  background-color: #0b51a1;
  color: #eeeeee;
}

.hp_bgcRed {
  background-color: #fc4128;
  color: #222831;
}

/*---------- アンダーライン ----------*/

.hp_underline {
  text-decoration: underline;
  color: var(--recruit-color-main);
}

/*---------- インデント（字下げ） ----------*/

.hp_indent_1 {
  text-indent: 1rem;
}

.hp_indent_2 {
  text-indent: 2rem;
}


.hp_indent_3 {
  text-indent: 3rem;
}