@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");
/*----------------------
     setting
---------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
  .sp_only {
    display: none;
  }
  .tab_only {
    display: inherit !important;
  }
}
@media (min-width: 1024px) {
  .sp_only {
    display: none;
  }
  .tab_only {
    display: none;
  }
  .pc_only {
    display: inherit !important;
  }
  span.pc_only {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .sp_only {
    display: inherit !important;
  }
  .pc_only {
    display: none;
  }
  .tab_only {
    display: none;
  }
}
.hp_mb0 {
  margin-bottom: 0rem !important;
}
@media (max-width: 767px) {
  .hp_mb0 {
    margin-bottom: 0rem !important;
  }
}

.hp_pb0 {
  padding-bottom: 0rem !important;
}
@media (max-width: 767px) {
  .hp_pb0 {
    padding-bottom: 0rem !important;
  }
}

.hp_mb10 {
  margin-bottom: 1.6rem !important;
}
@media (max-width: 767px) {
  .hp_mb10 {
    margin-bottom: 0.8rem !important;
  }
}

.hp_pb10 {
  padding-bottom: 1.6rem !important;
}
@media (max-width: 767px) {
  .hp_pb10 {
    padding-bottom: 0.8rem !important;
  }
}

.hp_mb20 {
  margin-bottom: 3.2rem !important;
}
@media (max-width: 767px) {
  .hp_mb20 {
    margin-bottom: 1.6rem !important;
  }
}

.hp_pb20 {
  padding-bottom: 3.2rem !important;
}
@media (max-width: 767px) {
  .hp_pb20 {
    padding-bottom: 1.6rem !important;
  }
}

.hp_mb30 {
  margin-bottom: 4.8rem !important;
}
@media (max-width: 767px) {
  .hp_mb30 {
    margin-bottom: 2.4rem !important;
  }
}

.hp_pb30 {
  padding-bottom: 4.8rem !important;
}
@media (max-width: 767px) {
  .hp_pb30 {
    padding-bottom: 2.4rem !important;
  }
}

.hp_mb40 {
  margin-bottom: 6.4rem !important;
}
@media (max-width: 767px) {
  .hp_mb40 {
    margin-bottom: 3.2rem !important;
  }
}

.hp_pb40 {
  padding-bottom: 6.4rem !important;
}
@media (max-width: 767px) {
  .hp_pb40 {
    padding-bottom: 3.2rem !important;
  }
}

.hp_mb50 {
  margin-bottom: 8rem !important;
}
@media (max-width: 767px) {
  .hp_mb50 {
    margin-bottom: 4rem !important;
  }
}

.hp_pb50 {
  padding-bottom: 8rem !important;
}
@media (max-width: 767px) {
  .hp_pb50 {
    padding-bottom: 4rem !important;
  }
}

.hp_mb60 {
  margin-bottom: 9.6rem !important;
}
@media (max-width: 767px) {
  .hp_mb60 {
    margin-bottom: 4.8rem !important;
  }
}

.hp_pb60 {
  padding-bottom: 9.6rem !important;
}
@media (max-width: 767px) {
  .hp_pb60 {
    padding-bottom: 4.8rem !important;
  }
}

.hp_mb70 {
  margin-bottom: 11.2rem !important;
}
@media (max-width: 767px) {
  .hp_mb70 {
    margin-bottom: 5.6rem !important;
  }
}

.hp_pb70 {
  padding-bottom: 11.2rem !important;
}
@media (max-width: 767px) {
  .hp_pb70 {
    padding-bottom: 5.6rem !important;
  }
}

.hp_mb80 {
  margin-bottom: 12.8rem !important;
}
@media (max-width: 767px) {
  .hp_mb80 {
    margin-bottom: 6.4rem !important;
  }
}

.hp_pb80 {
  padding-bottom: 12.8rem !important;
}
@media (max-width: 767px) {
  .hp_pb80 {
    padding-bottom: 6.4rem !important;
  }
}

.hp_mb90 {
  margin-bottom: 14.4rem !important;
}
@media (max-width: 767px) {
  .hp_mb90 {
    margin-bottom: 7.2rem !important;
  }
}

.hp_pb90 {
  padding-bottom: 14.4rem !important;
}
@media (max-width: 767px) {
  .hp_pb90 {
    padding-bottom: 7.2rem !important;
  }
}

.hp_mb100 {
  margin-bottom: 16rem !important;
}
@media (max-width: 767px) {
  .hp_mb100 {
    margin-bottom: 8rem !important;
  }
}

.hp_pb100 {
  padding-bottom: 16rem !important;
}
@media (max-width: 767px) {
  .hp_pb100 {
    padding-bottom: 8rem !important;
  }
}

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

.hp_mt10 {
  margin-top: 1.6rem !important;
}

.hp_mt20 {
  margin-top: 3.2rem !important;
}

.hp_mt30 {
  margin-top: 4.8rem !important;
}

.hp_mt40 {
  margin-top: 6.4rem !important;
}

.hp_mt50 {
  margin-top: 8rem !important;
}

.hp_mt60 {
  margin-top: 9.6rem !important;
}

.hp_mt70 {
  margin-top: 11.2rem !important;
}

.hp_mt80 {
  margin-top: 12.8rem !important;
}

.hp_mt90 {
  margin-top: 14.4rem !important;
}

.hp_mt100 {
  margin-top: 16rem !important;
}

.hp_bold {
  font-weight: 700;
}

.hp_white {
  color: #fff;
}

.hp_tac {
  text-align: center;
}

.hp_tal {
  text-align: left;
}

.hp_fs18 {
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .hp_fs18 {
    font-size: 1.6rem;
  }
}

.hp_fs20 {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .hp_fs20 {
    font-size: 1.6rem;
  }
}

.hp_fs24 {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .hp_fs24 {
    font-size: 1.6rem;
  }
}

.hp_fs28 {
  font-size: 2.8rem;
}
@media (max-width: 767px) {
  .hp_fs28 {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hp_tab_height_row1 {
    height: 2.4rem;
  }
  .hp_tab_height_row2 {
    height: 7.2rem;
  }
}
@media (max-width: 767px) {
  .hp_sp_p {
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .hp_sp_tal {
    text-align: left;
  }
  .hp_sp_height_row1 {
    height: 3.2rem;
  }
  .hp_sp_height_row2 {
    height: 7.2rem;
  }
  .hp_sp_orgw {
    width: auto;
  }
  .hp_sp_fs14 {
    font-size: 1.4rem;
  }
  .hp_sp_fs16 {
    font-size: 1.6rem;
  }
  .hp_sp_fs18 {
    font-size: 1.8rem;
  }
  .hp_sp_fs20 {
    font-size: 2rem;
  }
}