/* Utility */

.is_pc {
  display: block !important;
}
.is_sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .is_pc {
    display: none !important;
  }
  .is_sp {
    display: block !important;
  }
}

.hide {
  display: none;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.justigy_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_center {
  text-align: center !important;
}
.text_left {
  text-align: left !important;
}
.text_right {
  text-align: right !important;
}

.whitespace_nowrap {
  white-space: nowrap;
}

.position_tl {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.position_tr {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.border_oval {
  border-radius: 9999px;
}

.break_all {
  word-break: break-all;
}

.cursor_pointer {
  cursor: pointer;
}

.color_inherit {
  color: inherit;
}

.active_down_0_1_rem:active {
  transform: translateY(0.1rem);
}

.width_5per {
  width: 5%;
}
.width_10per {
  width: 0%;
}
.width_15per {
  width: 15%;
}
.width_20per {
  width: 20%;
}
.width_25per {
  width: 25%;
}
.width_30per {
  width: 30%;
}
.width_35per {
  width: 35%;
}
.width_40per {
  width: 40%;
}
.width_45per {
  width: 45%;
}
.width_50per {
  width: 50%;
}
.width_55per {
  width: 55%;
}
.width_60per {
  width: 60%;
}
.width_65per {
  width: 65%;
}
.width_70per {
  width: 70%;
}
.width_75per {
  width: 75%;
}
.width_80per {
  width: 80%;
}
.width_85per {
  width: 85%;
}
.width_90per {
  width: 90%;
}
.width_95per {
  width: 95%;
}
.width_100per {
  width: 100%;
}

.mw_auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mt_0per {
  margin-top: 0% !important;
}
.mt_1per {
  margin-top: 1% !important;
}
.mt_2per {
  margin-top: 2% !important;
}
.mt_3per {
  margin-top: 3% !important;
}
.mt_4per {
  margin-top: 4% !important;
}
.mt_5per {
  margin-top: 5% !important;
}
.mt_10per {
  margin-top: 10% !important;
}
.mt_15per {
  margin-top: 15% !important;
}
.mt_20per {
  margin-top: 20% !important;
}
.mt_25per {
  margin-top: 25% !important;
}
.mt_30per {
  margin-top: 30% !important;
}
.mt_35per {
  margin-top: 35% !important;
}
.mt_40per {
  margin-top: 40% !important;
}
.mt_45per {
  margin-top: 45% !important;
}
.mt_50per {
  margin-top: 50% !important;
}
.mt_55per {
  margin-top: 55% !important;
}
.mt_60per {
  margin-top: 60% !important;
}
.mt_65per {
  margin-top: 65% !important;
}
.mt_70per {
  margin-top: 70% !important;
}
.mt_75per {
  margin-top: 75% !important;
}
.mt_80per {
  margin-top: 80% !important;
}
.mt_85per {
  margin-top: 85% !important;
}
.mt_90per {
  margin-top: 90% !important;
}
.mt_95per {
  margin-top: 95% !important;
}
.mt_100per {
  margin-top: 100% !important;
}
.mb_0per {
  margin-bottom: 0% !important;
}
.mb_1per {
  margin-bottom: 1% !important;
}
.mb_2per {
  margin-bottom: 2% !important;
}
.mb_3per {
  margin-bottom: 3% !important;
}
.mb_4per {
  margin-bottom: 4% !important;
}
.mb_5per {
  margin-bottom: 5% !important;
}
.mb_10per {
  margin-bottom: 10% !important;
}
.mb_15per {
  margin-bottom: 15% !important;
}
.mb_20per {
  margin-bottom: 20% !important;
}
.mb_25per {
  margin-bottom: 25% !important;
}
.mb_30per {
  margin-bottom: 30% !important;
}
.mb_35per {
  margin-bottom: 35% !important;
}
.mb_40per {
  margin-bottom: 40% !important;
}
.mb_45per {
  margin-bottom: 45% !important;
}
.mb_50per {
  margin-bottom: 50% !important;
}
.mb_55per {
  margin-bottom: 55% !important;
}
.mb_60per {
  margin-bottom: 60% !important;
}
.mb_65per {
  margin-bottom: 65% !important;
}
.mb_70per {
  margin-bottom: 70% !important;
}
.mb_75per {
  margin-bottom: 75% !important;
}
.mb_80per {
  margin-bottom: 80% !important;
}
.mb_85per {
  margin-bottom: 85% !important;
}
.mb_90per {
  margin-bottom: 90% !important;
}
.mb_95per {
  margin-bottom: 95% !important;
}
.mb_100per {
  margin-bottom: 100% !important;
}

.ml_0per {
  margin-left: 0% !important;
}
.ml_1per {
  margin-left: 1% !important;
}
.ml_2per {
  margin-left: 2% !important;
}
.ml_3per {
  margin-left: 3% !important;
}
.ml_4per {
  margin-left: 4% !important;
}
.ml_5per {
  margin-left: 5% !important;
}
.ml_10per {
  margin-left: 10% !important;
}
.ml_15per {
  margin-left: 15% !important;
}
.ml_20per {
  margin-left: 20% !important;
}
.ml_25per {
  margin-left: 25% !important;
}
.ml_30per {
  margin-left: 30% !important;
}
.ml_35per {
  margin-left: 35% !important;
}
.ml_40per {
  margin-left: 40% !important;
}
.ml_45per {
  margin-left: 45% !important;
}
.ml_50per {
  margin-left: 50% !important;
}
.ml_55per {
  margin-left: 55% !important;
}
.ml_60per {
  margin-left: 60% !important;
}
.ml_65per {
  margin-left: 65% !important;
}
.ml_70per {
  margin-left: 70% !important;
}
.ml_75per {
  margin-left: 75% !important;
}
.ml_80per {
  margin-left: 80% !important;
}
.ml_85per {
  margin-left: 85% !important;
}
.ml_90per {
  margin-left: 90% !important;
}
.ml_95per {
  margin-left: 95% !important;
}
.ml_100per {
  margin-left: 100% !important;
}
.mr_0per {
  margin-right: 0% !important;
}
.mr_1per {
  margin-right: 1% !important;
}
.mr_2per {
  margin-right: 2% !important;
}
.mr_3per {
  margin-right: 3% !important;
}
.mr_4per {
  margin-right: 4% !important;
}
.mr_5per {
  margin-right: 5% !important;
}
.mr_10per {
  margin-right: 10% !important;
}
.mr_15per {
  margin-right: 15% !important;
}
.mr_20per {
  margin-right: 20% !important;
}
.mr_25per {
  margin-right: 25% !important;
}
.mr_30per {
  margin-right: 30% !important;
}
.mr_35per {
  margin-right: 35% !important;
}
.mr_40per {
  margin-right: 40% !important;
}
.mr_45per {
  margin-right: 45% !important;
}
.mr_50per {
  margin-right: 50% !important;
}
.mr_55per {
  margin-right: 55% !important;
}
.mr_60per {
  margin-right: 60% !important;
}
.mr_65per {
  margin-right: 65% !important;
}
.mr_70per {
  margin-right: 70% !important;
}
.mr_75per {
  margin-right: 75% !important;
}
.mr_80per {
  margin-right: 80% !important;
}
.mr_85per {
  margin-right: 85% !important;
}
.mr_90per {
  margin-right: 90% !important;
}
.mr_95per {
  margin-right: 95% !important;
}
.mr_100per {
  margin-right: 100% !important;
}

.font_0_1rem {
  font-size: 0.1rem !important;
}
.font_0_2rem {
  font-size: 0.2rem !important;
}
.font_0_3rem {
  font-size: 0.3rem !important;
}
.font_0_4rem {
  font-size: 0.4rem !important;
}
.font_0_5rem {
  font-size: 0.5rem !important;
}
.font_0_6rem {
  font-size: 0.6rem !important;
}
.font_0_7rem {
  font-size: 0.7rem !important;
}
.font_0_8rem {
  font-size: 0.8rem !important;
}
.font_0_9rem {
  font-size: 0.9rem !important;
}
.font_1_0rem {
  font-size: 1rem !important;
}
.font_1_1rem {
  font-size: 1.1rem !important;
}
.font_1_2rem {
  font-size: 1.2rem !important;
}
.font_1_3rem {
  font-size: 1.3rem !important;
}
.font_1_4rem {
  font-size: 1.4rem !important;
}
.font_1_5rem {
  font-size: 1.5rem !important;
}
.font_1_6rem {
  font-size: 1.6rem !important;
}
.font_1_7rem {
  font-size: 1.7rem !important;
}
.font_1_8rem {
  font-size: 1.8rem !important;
}
.font_1_9rem {
  font-size: 1.9rem !important;
}
.font_2_0rem {
  font-size: 2rem !important;
}
.font_2_1rem {
  font-size: 2.1rem !important;
}
.font_2_2rem {
  font-size: 2.2rem !important;
}
.font_2_3rem {
  font-size: 2.3rem !important;
}
.font_2_4rem {
  font-size: 2.4rem !important;
}
.font_2_5rem {
  font-size: 2.5rem !important;
}
.font_2_6rem {
  font-size: 2.6rem !important;
}
.font_2_7rem {
  font-size: 2.7rem !important;
}
.font_2_8rem {
  font-size: 2.8rem !important;
}
.font_2_9rem {
  font-size: 2.9rem !important;
}
.font_3_0rem {
  font-size: 3rem !important;
}
.font_3_1rem {
  font-size: 3.1rem !important;
}
.font_3_2rem {
  font-size: 3.2rem !important;
}
.font_3_3rem {
  font-size: 3.3rem !important;
}
.font_3_4rem {
  font-size: 3.4rem !important;
}
.font_3_5rem {
  font-size: 3.5rem !important;
}
.font_3_6rem {
  font-size: 3.6rem !important;
}
.font_3_7rem {
  font-size: 3.7rem !important;
}
.font_3_8rem {
  font-size: 3.8rem !important;
}
.font_3_9rem {
  font-size: 3.9rem !important;
}
.font_4_0rem {
  font-size: 4rem !important;
}
.font_4_1rem {
  font-size: 4.1rem !important;
}
.font_4_2rem {
  font-size: 4.2rem !important;
}
.font_4_3rem {
  font-size: 4.3rem !important;
}
.font_4_4rem {
  font-size: 4.4rem !important;
}
.font_4_5rem {
  font-size: 4.5rem !important;
}
.font_4_6rem {
  font-size: 4.6rem !important;
}
.font_4_7rem {
  font-size: 4.7rem !important;
}
.font_4_8rem {
  font-size: 4.8rem !important;
}
.font_4_9rem {
  font-size: 4.9rem !important;
}
.font_5_0rem {
  font-size: 5rem !important;
}

.rotate_0deg {
  transform: rotate(0deg) !important;
}
.rotate_45deg {
  transform: rotate(45deg) !important;
}
.rotate_90deg {
  transform: rotate(90deg) !important;
}
.rotate_135deg {
  transform: rotate(135deg) !important;
}
.rotate_180deg {
  transform: rotate(180deg) !important;
}
.rotate_225deg {
  transform: rotate(225deg) !important;
}
.rotate_270deg {
  transform: rotate(270deg) !important;
}
.rotate_315deg {
  transform: rotate(315deg) !important;
}