@charset "UTF-8";

.footer {
  background-color: #EAEFEF;
  text-align: center;
  padding: 50px 20px 90px 20px;
}
.footer__line {
  height: 15px;
  background-color: #ffffff;
}
.footer__contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 10px;
}
.footer__link {
  background-color: #ffffff;
  padding: 5px;
  margin-top: 10px;
  font-size: 0.75rem;
  border-radius: 11px;
  border: 1px solid #231815;
}
  /* 1行目（上段） */
.footer__link--1 {
  grid-column: 1 / 2;
  grid-row: 1;
}
.footer__link--2 {
  grid-column: 2 / 3;
  grid-row: 1;
}
.footer__link--3 {
  grid-column: 3 / 4;
  grid-row: 1;
}
/* 2行目（下段） */
.footer__link--4 {
  grid-column: 1 / 2;
  grid-row: 2;
}
.footer__link--5 {
  grid-column: 2 / 4;
  grid-row: 2;
}
.footer__img {
  margin-top: 60px;
  width: 50vw;
  height: auto;
}
.footer__img--icon {
  width: 40vw;
}
.footer__text {
  margin-top: 30px;
  font-size: 0.875rem;
}
.footer__text--space {
  padding: 3px;
}
.footer__copyright {
  margin-top: 30px;
  font-size: 0.8125rem;
}

/* PC幅 */
@media (min-width:768px) {
  .footer__img {
    margin-top: 60px;
    width: 168px;
    height: auto;
  }
  .footer__img--icon {
    width: 112px;
  }
}