.header {
  margin-bottom: 72px;
}

.header__heading {
  animation-name: fadein;
  animation-duration: 3s;
  animation-fill-mode: backwards;
  margin-bottom: 70px;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.header__heading--sp {
  display: none;
}

.header__headingImage {
  display: block;
  width: 100%;
}

.header__description {
  color: #9da7b2;
  font-size: 18px;
  margin: 72px auto 0;
  max-width: 1200px;
  text-align: center;
}

.header__description--sp {
  display: none;
}

.header__descriptionText {
  line-height: 2;
}

@media screen and (max-width: 1023px) {
  .header__heading--sp,
  .header__description--sp {
      display: block;
  }

  .header__heading--sp {
    margin-bottom: 0;
  }

  .header__description--sp {
    background-color: #b5c0cd;
    color: #fff;
    margin: 0;
    padding: 20px 0;
  }

  .header__heading--pc,
  .header__description--pc {
    display: none;
  }

  .header__descriptionText {
    margin-bottom: 1em;
  }
}