.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0px;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.mt-\[15px\] {
  margin-top: 15px;
}

.mt-\[20px\] {
  margin-top: 20px;
}

.mt-\[25px\] {
  margin-top: 25px;
}

.mt-\[30px\] {
  margin-top: 30px;
}

.mt-\[35px\] {
  margin-top: 35px;
}

.mt-\[40px\] {
  margin-top: 40px;
}

.mt-\[45px\] {
  margin-top: 45px;
}

.mt-\[50px\] {
  margin-top: 50px;
}

.mt-\[55px\] {
  margin-top: 55px;
}

.mt-\[5px\] {
  margin-top: 5px;
}

.mt-\[60px\] {
  margin-top: 60px;
}

.mt-\[65px\] {
  margin-top: 65px;
}

.mt-\[70px\] {
  margin-top: 70px;
}

.mt-\[75px\] {
  margin-top: 75px;
}

.box-border {
  box-sizing: border-box;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.hidden {
  display: none;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.w-full {
  width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-\[20px\] {
  gap: 20px;
}

.gap-x-\[15px\] {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.gap-x-\[25px\] {
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.gap-y-\[20px\] {
  row-gap: 20px;
}

.gap-y-\[5px\] {
  row-gap: 5px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.border-t {
  border-top-width: 1px;
}

.border-none {
  border-style: none;
}

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

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.underline {
  text-decoration-line: underline;
}

.fz13 {
  font-size: calc(13rem / 16);
}

.fz14 {
  font-size: calc(14rem / 16);
}

.fz16 {
  font-size: calc(16rem / 16);
}

.fz18 {
  font-size: calc(18rem / 16);
}

.fz20 {
  font-size: calc(20rem / 16);
}

.fz22 {
  font-size: calc(22rem / 16);
}

.fz26 {
  font-size: calc(26rem / 16);
}

.grid-cols-auto {
  --max-cols: 1fr;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, var(--min-cols)), var(--max-cols))
  );
}

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

/* mt-section */

.mt-section-xs {
  margin-top: clamp(4.375rem, 3.523rem + 4.26vw, 6.25rem);
  /* val：70px-100px | view：320px-1024px */
}

.mt-section-s {
  margin-top: clamp(4.375rem, 2.813rem + 7.81vw, 7.813rem);
  /* val：70px-125px | view：320px-1024px */
}

.mt-section-m {
  margin-top: clamp(5rem, 3.011rem + 9.94vw, 9.375rem);
  /* val：80px-150px | view：320px-1024px */
}

.mt-section-l {
  margin-top: clamp(6.25rem, 1.989rem + 21.31vw, 15.625rem);
  /* val：100px-250px | view：320px-1024px */
}

/* mb-section */

.mb-section-s {
  margin-bottom: 125px;
}

/* mb-main */

.mb-main {
  padding-bottom: max(150px, calc(251 / var(--value-pc) * 100vw));
}

@media not all and (min-width: 64em) {
  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:flex-col {
    flex-direction: column;
  }
}

@media not all and (min-width: 40em) {
  .max-sm\:flex-col {
    flex-direction: column;
  }

  .max-sm\:fz16 {
    font-size: calc(16rem / 16);
  }

  .max-sm\:fz18 {
    font-size: calc(18rem / 16);
  }

  .max-sm\:fz24 {
    font-size: calc(24rem / 16);
  }
}

@media not all and (min-width: 26.5625em) {
  .max-xs\:hidden {
    display: none;
  }
}

@media (min-width: 40em) {
  .sm\:mt-\[40px\] {
    margin-top: 40px;
  }

  .sm\:fz20 {
    font-size: calc(20rem / 16);
  }

  .sm\:fz26 {
    font-size: calc(26rem / 16);
  }
}

@media (min-width: 64em) {
  .lg\:hidden {
    display: none;
  }
}