@keyframes fadein {
  from {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes scroll {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-100%);
  }
}
.content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 12vw 1fr 20.8vw;
}

.header {
  grid-column: 1/1;
  grid-row: 1/2;
}
.header .header_nav {
  display: none;
}

.thanks {
  grid-column: 1/1;
  grid-row: 2/3;
  min-height: calc(100vh - 12vw - 20.8vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.footer {
  grid-column: 1/1;
  grid-row: 3/4;
  padding-bottom: 0;
}

.footer_nav {
  display: none;
}

.form_complete {
  padding: 0 6.67vw;
}

.form_complete_txt_inner h2 {
  text-align: center;
  color: #4987db;
  font-size: 5.33vw;
  line-height: 1.75;
  margin-bottom: 7.47vw;
}
.form_complete_txt_inner p {
  text-align: center;
  font-size: 4.27vw;
  line-height: 1.68;
}
.form_complete_txt_inner p br.pc {
  display: none;
}
.form_complete_txt_inner .kome {
  text-align: left;
  margin-top: 3.2vw;
  text-indent: -1em;
  margin-left: 1em;
  font-size: 3.2vw;
  line-height: 1.87;
}

@media (min-width: 768px) {
  .content {
    grid-template-rows: 9rem 1fr 12rem;
  }
  .thanks {
    min-height: calc(100vh - 9rem - 12rem);
  }
  .form_complete {
    padding: 0 5rem;
  }
  .form_complete_txt_inner h2 {
    font-size: 3.4rem;
    margin-bottom: 3.8rem;
  }
  .form_complete_txt_inner p {
    text-align: center;
    font-size: 2.2rem;
  }
  .form_complete_txt_inner p br.pc {
    display: inline;
  }
  .form_complete_txt_inner p br.sp {
    display: none;
  }
  .form_complete_txt_inner .kome {
    text-align: center;
    margin-top: 4.5rem;
    font-size: 1.6rem;
  }
}