/* contact */

.contact-method {
  background: #83cbc8;
  padding: 95px 0;
}

.l-contact-method {
  display: flex;
  justify-content: space-between;
}

.contact-method__button {
  width: 300px;
  height: 50px;
  line-height: 50px;
  background: rgb(255, 255, 255);
  border-radius: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: rgb(65, 169, 165);
}

.contact-method__text {
  color: rgb(65, 169, 165);
  font-family: PingFangTC-Semibold;
}

.contact-message__icon {
  font-size: 58px;
  margin-right: 20px;
}

.contact-message {
  display: flex;
  color: rgb(255, 255, 255);
  font-family: PingFangTC-Semibold;
}

.contact-message__title {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 769px) {
  .l-contact-method {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .contact-message {
    order: -1;
    margin-bottom: 48px;
  }
}

/* footer */

.footer {
  background: #272727;
  color: #fff;
  padding: 80px 0;
}
.footer__logo {
  width: 200px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 16px;
}
.footer__sns-icons {
  display: flex;
}

.footer__sns-icon {
  margin: 0 20px 0 0;
  font-family: FontAwesome5Brands;
  font-size: 20px;
  color: #fff;
}

.footer__sns-icon:hover {
  color: #83cbc8;
}

.footer__nav {
  margin-bottom: 32px;
}

.footer__nav-link {
  display: inline-block;
  padding-bottom: 20px;
  color: #fff;
}

.footer__nav-link:hover {
  color: #83cbc8;
}

.footer__copyright {
  text-align: end;
}

@media (max-width: 576px) {
  .footer {
    padding: 64px 0;
  }

  .footer__sns-icons {
    margin-bottom: 72px;
  }

  .footer__nav-link {
    padding-bottom: 32px;
  }

  .footer__copyright {
    text-align: start;
  }
}