.mt-xl{
  margin-top: 64px;
  @media print, screen and (min-width: 641px) {
     margin-top: 120px;
  }
}

.mt-l{
  margin-top: 32px;
  @media print, screen and (min-width: 641px) {
     margin-top: 64px;
  }
}

.mt-m{
  margin-top: 24px;
  @media print, screen and (min-width: 641px) {
     margin-top: 48px;
  }
}

.mt-s{
  margin-top: 16px;
  @media print, screen and (min-width: 641px) {
     margin-top: 24px;
  }
}
a h5{
  color: #000;
}

@media screen and (max-width: 47.9375em) {
  .btn--equal {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    
  }

  .btn--equal .btn__link {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 14px 36px 14px 16px;
    background-position: calc(100% - 10px) 50%;
    background-size: 14px auto;
    
  }
}
.btn--equal a{
  background-color: #fff;
}
@media print, screen and (min-width: 641px) {
  .btn--equal {
    display: inline-flex;
    align-items: stretch;
  }

  .btn--equal .btn__link {
    box-sizing: border-box;
    text-align: center;
  }
}
.nav-ButtonA_bg{
  display: none;
}
.gap-15 {
  gap: 15px;
}

@media print, screen and (min-width: 48em) {
  .grid.gap-15.grid--row4-pc > .grid__item {
    width: calc((100% - 45px) / 4);
  }

  .grid.gap-15.grid--row3-pc > .grid__item {
    width: calc((100% - 30px) / 3);
  }
}

@media screen and (max-width: 47.9375em) {
  .grid.gap-15.grid--row2-sp > .grid__item {
    width: calc((100% - 15px) / 2);
  }
}