/* margin-bottom */
.mb-32 {
  margin-bottom: 32px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-0 {
  margin-bottom: 0;
}

/* margin-top */
.mt-40 {
  margin-top: 40px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 4px;
}

/* margin-right */
.mr-8 {
  margin-right: 8px;
}


@media screen and (max-width: 584px) {
  .m-0-sp {
    margin: 0;
  }
}

@media screen and (min-width: 584px) {
  .m-0-pc {
    margin: 0;
  }
}

/* margin negative */
@media screen and (max-width: 550px) {
  .mt-negative-8-sp {
    margin-top: -8px;
  }

  .mx-negative-8-sp {
    margin-right: -8px;
    margin-left: -8px;
  }
}

/* padding-right */
.pr-20 {
  padding-right: 20px;
}

/* border */
.border {
  border: 1px solid transparent;
}

.border-grey-3 {
  border-color: var(--mtg-grey-3);
}

/* text-align */
.text-right {
  text-align: right;
}

/* font系 */
.fw-500 {
  font-weight: 500;
}

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

.fs-0 {
  font-size: 0;
}

/* font-color */
.text-skyblue {
  color: var(--mtg-skyblue);
}

/* flex */
.flex-auto {
  flex: 1 1 auto;
}

/* display */
.d-inline {
  display: inline;
}