body {
    margin: 0;
    width: 100%;
    height: 100%;
}

header {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 60px;
}

.mainvisual {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainvisual img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 3000px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section {
    width: 400px;
    height: 400px;
}

footer {
    margin-top: 200px;
    width: 100%;
    height: 300px;
    background: #000000;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.images img {
    width: 400px;
    height: 400px;
    object-fit: cover;
}
.images {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
    .cta {
      text-align: center;
      margin-top: 2rem;
    }
    .cta a {
      background: #0070f3;
      color: white;
      padding: 1rem 2rem;
      border-radius: 5px;
      text-decoration: none;
      font-size: 1.2rem;
    }
    .cta a:hover {
      background: #0059c1;
    }