.wrapper {
  opacity: 0;
  animation: fadeIn 1s 1s ease forwards;
}

.content__inner {
  display: grid;
  justify-items: center;
}

.content__text {
  padding-inline: calc(var(--rem) * 20);
  font-size: calc(var(--rem) * 16);
  line-height: 2;
  color: #24517e;
}

.content__text--01 {
  margin-top: calc(var(--rem) * 60);
  color: #333;
}

.content__imageBlock {
  display: flex;
  gap: calc(var(--rem) * 4);
  width: 100%;
  max-width: calc(var(--rem) * 500);
  margin-inline: auto;
}

.content__imageBlock--01 {
  margin-top: calc(var(--rem) * 26);
}

.content__text--02 {
  margin-top: calc(var(--rem) * 26);
}

.content__imageBlock--02 {
  margin-top: calc(var(--rem) * 46);
  max-width: calc(var(--rem) * 263);
  margin-inline: auto;
}

.content__text--03 {
  margin-top: calc(var(--rem) * 38);
}

.content__imageBlock--03 {
  margin-top: calc(var(--rem) * 26);
}

.content__text--04 {
  margin-top: calc(var(--rem) * 26);
}

.content__imageBlock--04 {
  flex-direction: column;
  margin-top: calc(var(--rem) * 38);
}

.content__text--05 {
  margin-top: calc(var(--rem) * 14);
}

@media (min-width: 801px) {
  .content__text {
    p + p {
      margin-top: 1em;
    }
  }
  .content__text--01 {
    margin-top: calc(var(--rem) * 108);
  }

  .content__imageBlock {
    width: 90%;
    gap: calc(var(--rem) * 14);
    max-width: calc(var(--rem) * 780);
  }

  .content__imageBlock--01 {
    margin-top: calc(var(--rem) * 88);
  }

  .content__text--02 {
    margin-top: calc(var(--rem) * 88);
  }

  .content__imageBlock--02 {
    margin-top: calc(var(--rem) * 115);
    max-width: calc(var(--rem) * 591);
  }

  .content__text--03 {
    margin-top: calc(var(--rem) * 88);
  }

  .content__imageBlock--03 {
    margin-top: calc(var(--rem) * 109);
  }

  .content__text--04 {
    margin-top: calc(var(--rem) * 88);
  }

  .content__imageBlock--04 {
    flex-direction: row;
    gap: calc(var(--rem) * 22);
    max-width: calc(var(--rem) * 1322);
    margin-top: calc(var(--rem) * 95);
  }

  .content__text--05 {
    margin-top: calc(var(--rem) * 90);
  }
}

.content02 {
  margin-top: calc(var(--rem) * 52);
  padding: calc(var(--rem) * 62) calc(var(--rem) * 20) calc(var(--rem) * 25);
  background: rgba(242, 255, 0, 0.56);
}

.content02__inner {
  display: grid;
  justify-items: center;
}

.content02__imgBlock {
  width: 100%;
  max-width: calc(var(--rem) * 500);
}

.content02__imgBlock01 {
  max-width: calc(var(--rem) * 264);
}

.content02__text {
  margin-top: calc(var(--rem) * 45);
  font-size: calc(var(--rem) * 16);
  line-height: 2;
  color: var(--text-accent-color);
}

.content02__imgBlock02 {
  display: grid;
  gap: calc(var(--rem) * 4);
  margin-top: calc(var(--rem) * 30);
}

@media (min-width: 801px) {
  .content02 {
    margin-top: calc(var(--rem) * 96);
    padding: calc(var(--rem) * 162) calc(var(--rem) * 40) calc(var(--rem) * 140);
  }

  .content02__inner {
    display: grid;
    justify-items: center;
  }

  .content02__imgBlock01 {
    max-width: calc(var(--rem) * 590);
  }

  .content02__text {
    margin-top: calc(var(--rem) * 82);
  }

  .content02__imgBlock02 {
    display: flex;
    gap: calc(var(--rem) * 10);
    margin-top: calc(var(--rem) * 90);
    max-width: calc(var(--rem) * 810);
  }
}

.content-end {
  padding: calc(var(--rem) * 66) calc(var(--rem) * (20)) calc(var(--rem) * 90);
  line-height: 2;
}

.content-end__inner {
  text-align: center;
}

.content-end__text {
  font-size: calc(var(--rem) * 16);
}

.content-end__date {
  margin-top: calc(var(--rem) * 65);
  font-size: calc(var(--rem) * 12);
}

.content-end__credit {
  margin-top: calc(var(--rem) * 65);
  font-size: calc(var(--rem) * 12);
  color: #9ea0a1;
}

@media (min-width: 801px) {
  .content-end {
    padding: calc(var(--rem) * 140) calc(var(--rem) * (40))
      calc(var(--rem) * 194);
    line-height: 2;
  }

  .content-end__text {
    font-size: calc(var(--rem) * 16);
  }

  .content-end__date {
    margin-top: calc(var(--rem) * 98);
  }

  .content-end__credit {
    margin-top: calc(var(--rem) * 74);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}