@charset "UTF-8";
html {
  margin-top: 0 !important;
  scroll-behavior: smooth;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-size: max(14px, 1.1vw);
  font-family: "Noto Sans JP", sans-serif;
}

body.is-fixed {
  overflow: hidden;
}

.body-inner {
  position: relative;
  overflow: clip;
  width: 100vw;
}

.wpcf7-list-item {
  margin: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2vw 0 0;
  padding: 2vw;
  width: 100%;
  background-color: #29c2dd;
  border: none;
  color: #fff;
  border-radius: 1vw;
}
@media (max-width: 768px) {
  .wpcf7 form .wpcf7-response-output {
    padding: 4vw;
    border-radius: 2vw;
    margin: 4vw 0 0;
  }
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #55c625;
}
.wpcf7 form.invalid .wpcf7-response-output {
  background-color: #eca822;
}
.wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: #cc3e58;
}

.wpcf7-spinner {
  display: none;
}

.wpcf7-not-valid-tip {
  padding-top: 0.2vw;
  font-size: max(12px, 0.8vw);
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .wpcf7-not-valid-tip {
    padding-top: 0.4vw;
  }
}
.wpcf7-not-valid-tip::before {
  content: "↑";
}

.u-d-none--pc {
  display: none;
}
@media (max-width: 768px) {
  .u-d-none--pc {
    display: flex;
  }
}

.u-d-none--sp {
  display: flex;
}
@media (max-width: 768px) {
  .u-d-none--sp {
    display: none;
  }
}

.c-header {
  position: fixed !important;
  top: 6vw;
  right: -3vw;
  z-index: 9999999999999;
}
@media (max-width: 768px) {
  .c-header {
    top: 0;
    right: 0;
  }
}
@media (max-width: 768px) {
  .c-header__contact {
    margin-top: 4.5vw;
  }
}
.c-header__contact__btn {
  border: solid 0.3vw black;
  border-right: none;
  border-top-left-radius: 1vw;
  border-bottom-left-radius: 1vw;
  background-color: #fff;
  display: flex;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .c-header__contact__btn {
    border-width: 2px;
    border-top-left-radius: 2.4vw;
    border-bottom-left-radius: 2.4vw;
    translate: 0 0;
  }
}
.c-header__contact__btn__text {
  width: 4vw;
  height: fit-content;
  aspect-ratio: 4/11;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .c-header__contact__btn__text {
    width: 12vw;
    aspect-ratio: 76/209;
  }
}
.c-header__contact__btn__text img {
  width: 1.3vw;
}
@media (max-width: 768px) {
  .c-header__contact__btn__text img {
    width: 3.6vw;
  }
}
.c-header__contact__btn__arrow {
  width: 3vw;
  height: 11vw;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-header__contact__btn__arrow {
    display: none;
  }
}
.c-header__contact__btn__arrow::before {
  content: "";
  width: 1vw;
  height: fit-content;
  aspect-ratio: 1/1;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  rotate: 45deg;
  opacity: 0;
  translate: 1vw 0;
  transition: 0.3s ease 0.2s;
}
@media (any-hover: hover) {
  .c-header__contact__btn:hover {
    background-color: black;
    translate: -3vw 0;
  }
}
@media (any-hover: hover) and (max-width: 768px) {
  .c-header__contact__btn:hover {
    translate: 0;
  }
}
@media (any-hover: hover) {
  .c-header__contact__btn:hover .c-header__contact__btn__text img {
    filter: brightness(10);
  }
  .c-header__contact__btn:hover .c-header__contact__btn__arrow::before {
    opacity: 1;
    translate: 0 0;
  }
}
.c-header__hamburger {
  width: calc(12vw + 2px);
  height: fit-content;
  aspect-ratio: 1/1;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  margin-bottom: 4vw;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
@media (max-width: 768px) {
  .c-header__hamburger {
    display: flex;
  }
}
.c-header__hamburger span {
  width: 50%;
  height: 2px;
  background-color: #fff;
  transform-origin: center;
  transition: 0.3s ease;
  position: relative;
}
.c-header__hamburger span::before, .c-header__hamburger span::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease;
}
.c-header__hamburger span::before {
  translate: 0 1.4vw;
}
.c-header__hamburger span::after {
  translate: 0 -1.4vw;
}
.c-header__hamburger.is-active span {
  rotate: 45deg;
}
.c-header__hamburger.is-active span::before {
  opacity: 0;
}
.c-header__hamburger.is-active span::after {
  rotate: 90deg;
  translate: 0 0;
}
.c-header__open-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
  flex-direction: column;
  padding: 15vw 5vw;
  background-color: black;
  width: 100vw;
  translate: 100vw 0;
  transition: translate 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  max-height: 100vh;
  overflow: scroll;
}
@media (max-width: 768px) {
  .c-header__open-nav {
    display: flex;
  }
}
.c-header__open-nav.is-active {
  translate: 0 0;
}
.c-header__open-nav a {
  padding: 3vw 0;
  border-bottom: solid 1px rgb(118, 118, 118);
}
.c-header__open-nav a img {
  height: 5vw;
}

.c-footer {
  overflow-x: clip;
  position: relative;
}
.c-footer > picture img {
  width: 110vw;
  position: absolute;
  top: -20vw;
  left: -3vw;
  z-index: -9999;
}
@media (max-width: 768px) {
  .c-footer > picture img {
    top: -40vw;
  }
}
.c-footer__main {
  display: flex;
  height: 6vw;
}
@media (max-width: 768px) {
  .c-footer__main {
    height: 16.6vw;
  }
}
.c-footer__main__copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: black;
}
@media (max-width: 768px) {
  .c-footer__main__copyright {
    padding: 0 4.4vw;
    justify-content: flex-start;
  }
}
.c-footer__main__copyright img {
  width: 26.8vw;
}
@media (max-width: 768px) {
  .c-footer__main__copyright img {
    width: 64.5vw;
  }
}
.c-footer__main a {
  display: none;
  height: 100%;
  width: fit-content;
  aspect-ratio: 1/1;
}
@media (max-width: 768px) {
  .c-footer__main a {
    display: flex;
  }
}

.c-btn-1 {
  width: 25vw;
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px black;
  position: relative;
}
@media (max-width: 768px) {
  .c-btn-1 {
    width: 100%;
    height: 10vw;
    border-width: 1px;
  }
}
.c-btn-1::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease;
}
.c-btn-1::after {
  content: "";
  width: 1vw;
  height: auto;
  aspect-ratio: 1/1;
  border-top: solid 2px black;
  border-right: solid 2px black;
  rotate: 45deg;
  position: absolute;
  top: 50%;
  right: 4vw;
  translate: 0 -50%;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .c-btn-1::after {
    width: 3vw;
    border-width: 1px;
  }
}
.c-btn-1 img {
  filter: brightness(0);
  padding-right: 2vw;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .c-btn-1:hover::before {
    opacity: 1;
  }
  .c-btn-1:hover::after {
    border-color: #fff;
  }
  .c-btn-1:hover img {
    filter: brightness(10);
  }
}

.c-modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  z-index: 9999999999;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.c-modal.is-active {
  opacity: 1;
  visibility: visible;
}
.c-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.c-modal__content {
  position: relative;
  z-index: 1;
  width: 70vw;
  overflow: scroll;
}
@media (max-width: 768px) {
  .c-modal__content {
    width: 90vw;
  }
}
.c-modal__content img {
  width: 100%;
}
.c-modal__content__close {
  position: fixed;
  top: 0;
  right: 15vw;
  background-color: black;
  color: #fff;
  cursor: pointer;
  width: 4vw;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .c-modal__content__close {
    width: 10vw;
    right: 5vw;
  }
}
.c-modal__content__close::before, .c-modal__content__close::after {
  content: "";
  width: 40%;
  height: 0.2vw;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 45deg;
  z-index: 9;
}
.c-modal__content__close::after {
  rotate: -45deg;
}
@media (hover: hover) {
  .c-modal__content__close:hover {
    background-color: #fff;
  }
  .c-modal__content__close:hover::before, .c-modal__content__close:hover::after {
    background-color: black;
  }
}

.c-fall-texts {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99999;
  width: 100vw;
  height: 100vh;
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-fall-texts li {
  width: 6vw;
  position: absolute;
  list-style: none;
  top: -10vw;
  animation: fall 4s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
@media (max-width: 768px) {
  .c-fall-texts li {
    width: 8vw;
  }
}
@keyframes fall {
  to {
    top: 120%;
  }
}
@keyframes rotate1 {
  from {
    transform: translateX(0px) rotate(0deg);
  }
  to {
    transform: translateX(200px) rotate(-80deg) rotateX(180deg);
  }
}
@keyframes rotate2 {
  from {
    transform: translateX(200px) rotate(-45deg);
  }
  to {
    transform: translateX(0px) rotate(0deg);
  }
}
.c-fall-texts li:nth-child(8n+1) {
  left: 0;
  animation: fall 10s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+2) {
  left: 5vw;
  animation: fall 15s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+3) {
  left: 15vw;
  animation: fall 9s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+4) {
  left: 30vw;
  animation: fall 8s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+5) {
  left: 40vw;
  animation: fall 10s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+6) {
  left: 55vw;
  animation: fall 11s linear infinite, rotate2 3s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+7) {
  left: 65vw;
  animation: fall 7s linear infinite, rotate2 3.5s ease-in-out infinite alternate;
}
.c-fall-texts li:nth-child(8n+8) {
  left: 50vw;
  animation: fall 7s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.c-fall-texts li img {
  width: 100%;
}

.p-top {
  width: 100vw;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top section h2 {
  margin-bottom: -3vw;
  padding-top: 10vw;
}
@media (max-width: 768px) {
  .p-top section h2 {
    margin-bottom: -6vw;
    padding-top: 13vw;
  }
}
.p-top section h2 img {
  width: 24.5vw;
}
@media (max-width: 768px) {
  .p-top section h2 img {
    width: 49vw;
  }
}
.p-top__section-1 {
  width: 100vw;
  height: fit-content;
  aspect-ratio: 2/1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .p-top__section-1 {
    aspect-ratio: 750/1100;
  }
}
.p-top__section-1__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-top__section-1__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-1__sns {
  width: 100%;
  padding: 1.5vw 8vw 0.5vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5vw;
}
@media (max-width: 768px) {
  .p-top__section-1__sns {
    padding: 5vw 4.6vw 6.6vw;
    justify-content: flex-start;
  }
}
.p-top__section-1__sns a {
  transition: 0.3s ease;
}
@media (hover: hover) {
  .p-top__section-1__sns a:hover {
    opacity: 0.5;
  }
}
.p-top__section-1__sns a img {
  width: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-1__sns a img {
    width: 8vw;
  }
}
.p-top__section-1__texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 9;
}
.p-top__section-1__texts > p:first-child img {
  width: 36.8vw;
}
@media (max-width: 768px) {
  .p-top__section-1__texts > p:first-child img {
    width: 43.6vw;
  }
}
.p-top__section-1__texts > p:last-child img {
  width: 29.8vw;
}
@media (max-width: 768px) {
  .p-top__section-1__texts > p:last-child img {
    width: 54.8vw;
  }
}
.p-top__section-1__texts h1 {
  padding: 3.4vw 0 2vw;
}
@media (max-width: 768px) {
  .p-top__section-1__texts h1 {
    padding: 8vw 0 3.7vw;
  }
}
.p-top__section-1__texts h1 img {
  width: 40.6vw;
}
@media (max-width: 768px) {
  .p-top__section-1__texts h1 img {
    width: 74.5vw;
  }
}
.p-top__section-1__car picture {
  position: absolute;
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-1vw);
  }
  100% {
    transform: translateY(1vw);
  }
}
@media (max-width: 768px) {
  @keyframes floating-y {
    0% {
      transform: translateY(-3vw); /* スマホ用に大きめ */
    }
    100% {
      transform: translateY(3vw);
    }
  }
}
.p-top__section-1__car picture:nth-of-type(1) {
  left: 5vw;
  top: 2vw;
  width: 21.3vw;
}
@media (max-width: 768px) {
  .p-top__section-1__car picture:nth-of-type(1) {
    width: 27.5vw;
    top: 15vw;
    left: -2vw;
  }
}
.p-top__section-1__car picture:nth-of-type(2) {
  right: 5vw;
  top: 6vw;
  width: 20.8vw;
  animation-delay: -0.5s;
}
@media (max-width: 768px) {
  .p-top__section-1__car picture:nth-of-type(2) {
    width: 52.1vw;
    right: -3vw;
    top: 4vw;
  }
}
.p-top__section-1__car picture:nth-of-type(3) {
  left: 28vw;
  bottom: 1vw;
  width: 12.7vw;
  animation-delay: -1s;
}
@media (max-width: 768px) {
  .p-top__section-1__car picture:nth-of-type(3) {
    width: 25.3vw;
    bottom: 34vw;
    left: 4vw;
  }
}
.p-top__section-1__car picture:nth-of-type(4) {
  right: 28vw;
  bottom: 2vw;
  width: 12.7vw;
  animation-delay: -1.5s;
}
@media (max-width: 768px) {
  .p-top__section-1__car picture:nth-of-type(4) {
    width: 30.5vw;
    right: 0vw;
    bottom: 12vw;
  }
}
.p-top__section-1__car picture img {
  width: 100%;
}
@media (max-width: 768px) {
  .p-top__section-1__character {
    display: none;
  }
}
.p-top__section-1__character__1 {
  position: absolute;
  bottom: 0;
  left: 4vw;
}
.p-top__section-1__character__1 img:first-child {
  width: 31vw;
}
.p-top__section-1__character__1 img:nth-of-type(2) {
  width: 2.26vw;
  position: absolute;
  bottom: 2vw;
  left: 4vw;
}
.p-top__section-1__character__1 img:nth-of-type(3) {
  width: 5.4vw;
  position: absolute;
  bottom: 1vw;
  right: 2vw;
}
.p-top__section-1__character__2 {
  position: absolute;
  bottom: 0;
  right: 8vw;
}
.p-top__section-1__character__2 img:first-child {
  width: 21.8vw;
}
.p-top__section-1__character__2 img:last-child {
  width: 2.26vw;
  position: absolute;
  bottom: 3.2vw;
  right: 0.5vw;
}
.p-top__section-1__character-sp {
  position: relative;
  padding: 2vw 0 0 6vw;
  display: none;
}
@media (max-width: 768px) {
  .p-top__section-1__character-sp {
    display: flex;
  }
}
.p-top__section-1__character-sp img:first-child {
  width: 58.6vw;
}
.p-top__section-1__character-sp img:nth-of-type(2) {
  width: 20.6vw;
  position: absolute;
  top: 30vw;
  left: -11vw;
}
.p-top__section-1__character-sp img:last-child {
  width: 10vw;
  position: absolute;
  bottom: 11vw;
  left: -7vw;
}
.p-top__pc-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2vw;
  position: sticky;
  top: 0;
  z-index: 9999;
}
@media (max-width: 768px) {
  .p-top__pc-nav {
    display: none;
  }
}
.p-top__pc-nav nav {
  padding: 1.3vw;
  width: 80vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1vw;
  background-color: black;
}
@media (max-width: 768px) {
  .p-top__pc-nav nav {
    width: 86.6vw;
  }
}
.p-top__pc-nav nav a {
  display: flex;
}
.p-top__pc-nav nav a img {
  height: 1.25vw;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .p-top__pc-nav nav a:hover img {
    opacity: 0.5;
  }
}
.p-top__pc-nav nav span {
  width: 2px;
  height: 2.55vw;
  background-color: #fff;
  flex-shrink: 0;
}
.p-top__section-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-2 {
    width: 86.6vw;
  }
}
.p-top__section-2__contents {
  position: relative;
  width: 100%;
  padding: 7.5vw 5vw 5.7vw 5vw;
  display: flex;
  justify-content: flex-end;
  gap: 6vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents {
    flex-direction: column;
    padding: 14.6vw 6.6vw 13.3vw;
  }
}
.p-top__section-2__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-2__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-2__contents__left img {
  width: 35vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__left img {
    width: 100%;
    padding: 2vw;
  }
}
.p-top__section-2__contents__right > p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__right > p:first-child {
    gap: 2.4vw;
  }
}
.p-top__section-2__contents__right > p:first-child img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__right > p:first-child img {
    height: 10vw;
  }
}
.p-top__section-2__contents__right > p:last-child {
  padding-top: 2vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__right > p:last-child {
    padding-top: 6.4vw;
  }
}
.p-top__section-2__contents__right > p:last-child img {
  width: 26.5vw;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__right > p:last-child img {
    width: 66.1vw;
  }
}
.p-top__section-2__contents__character {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  .p-top__section-2__contents__character {
    display: none;
  }
}
.p-top__section-2__contents__character img {
  position: absolute;
}
.p-top__section-2__contents__character img:nth-of-type(1) {
  bottom: -3.7vw;
  left: 11vw;
  width: 28vw;
}
.p-top__section-2__contents__character img:nth-of-type(2) {
  bottom: 2vw;
  left: 2.5vw;
  width: 10vw;
}
.p-top__section-2__contents__character img:nth-of-type(3) {
  bottom: 2vw;
  left: 38vw;
  width: 5.5vw;
}
.p-top__section-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-3 {
    width: 86.6vw;
  }
}
.p-top__section-3__contents {
  position: relative;
  width: 100%;
  padding: 8vw 4.2vw 4.2vw 3.8vw;
  display: flex;
  align-items: center;
  gap: 2.5vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents {
    padding: 14.8vw 6.6vw 13.3vw;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 7.3vw;
  }
}
.p-top__section-3__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #797ec9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-3__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-3__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-3__contents__left > p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__left > p:first-child {
    gap: 2.4vw;
  }
}
.p-top__section-3__contents__left > p:first-child img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__left > p:first-child img {
    height: 10vw;
  }
}
.p-top__section-3__contents__left > p:nth-of-type(2) {
  padding: 1.8vw 0 2.8vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__left > p:nth-of-type(2) {
    padding: 6.26vw 0;
  }
}
.p-top__section-3__contents__left > p:nth-of-type(2) img {
  width: 25.2vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__left > p:nth-of-type(2) img {
    width: 63vw;
  }
}
.p-top__section-3__contents__left > img {
  width: 26vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__left > img {
    width: 65.4vw;
  }
}
.p-top__section-3__contents__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top__section-3__contents__right img:first-child {
  width: 35vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__right img:first-child {
    width: 100%;
    padding: 1vw;
  }
}
.p-top__section-3__contents__right img:last-child {
  width: 41.5vw;
  margin-top: -1vw;
}
@media (max-width: 768px) {
  .p-top__section-3__contents__right img:last-child {
    width: 100%;
    scale: 1.05;
    margin-top: -2.5vw;
  }
}
.p-top__section-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-4 {
    width: 86.6vw;
  }
}
.p-top__section-4__contents {
  position: relative;
  width: 100%;
  padding: 5vw 4vw 2vw;
  display: flex;
  gap: 5.4vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents {
    padding: 14.8vw 6.6vw 13.3vw;
    flex-direction: column;
    gap: 9vw;
  }
}
.p-top__section-4__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f9bd48;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-4__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-4__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-4__contents__left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top__section-4__contents__left > p {
  position: relative;
  z-index: 2;
}
.p-top__section-4__contents__left > p:last-child {
  margin-top: -2.7vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__left > p:last-child {
    margin-top: -4.7vw;
  }
}
.p-top__section-4__contents__left > p img {
  height: 5.6vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__left > p img {
    height: 9.3vw;
  }
}
.p-top__section-4__contents__left > img {
  width: 40vw;
  margin-top: -2.7vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__left > img {
    width: 100%;
    margin-top: -4.7vw;
  }
}
.p-top__section-4__contents__right {
  padding-top: 2.7vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__right {
    padding-top: 0;
  }
}
.p-top__section-4__contents__right > p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__right > p:first-child {
    gap: 2.4vw;
  }
}
.p-top__section-4__contents__right > p:first-child img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__right > p:first-child img {
    height: 10vw;
  }
}
.p-top__section-4__contents__right > p:last-child {
  padding-top: 2vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__right > p:last-child {
    padding-top: 6.26vw;
  }
}
.p-top__section-4__contents__right > p:last-child img {
  width: 22vw;
}
@media (max-width: 768px) {
  .p-top__section-4__contents__right > p:last-child img {
    width: 58.4vw;
  }
}
.p-top__section-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-5 {
    width: 86.6vw;
  }
}
.p-top__section-5__contents {
  position: relative;
  width: 100%;
  padding: 7.4vw 4vw 2vw;
  display: flex;
  gap: 5.4vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents {
    padding: 14.8vw 6.6vw 13.3vw;
    flex-direction: column;
    gap: 2vw;
  }
}
.p-top__section-5__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ed778c;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-5__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-5__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-5__contents__tab {
  width: 100%;
}
.p-top__section-5__contents__tab__nav {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw;
  }
}
.p-top__section-5__contents__tab__nav img {
  height: 5vw;
  padding-bottom: 1vw;
  filter: brightness(0);
  cursor: pointer;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__nav img {
    height: 10vw;
    padding-bottom: 2vw;
  }
}
.p-top__section-5__contents__tab__nav img.is-active {
  filter: brightness(1);
  border-bottom: solid 2px #fff;
}
.p-top__section-5__contents__tab__main {
  padding-top: 0.5vw;
  display: grid;
  grid-template-columns: 1fr 40vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main {
    padding-top: 4.6vw;
    display: flex;
    flex-direction: column-reverse;
    gap: 9vw;
  }
}
.p-top__section-5__contents__tab__main__left {
  padding-top: 3.5vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__left {
    padding-top: 0;
  }
}
.p-top__section-5__contents__tab__main__left > p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__left > p:first-child {
    gap: 2.4vw;
  }
}
.p-top__section-5__contents__tab__main__left > p:first-child img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__left > p:first-child img {
    height: 10vw;
  }
}
.p-top__section-5__contents__tab__main__left > p:last-child {
  padding-top: 2vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__left > p:last-child {
    padding-top: 6.26vw;
  }
}
.p-top__section-5__contents__tab__main__left > p:last-child img {
  width: 25.2vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__left > p:last-child img {
    width: 63.2vw;
  }
}
.p-top__section-5__contents__tab__main__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top__section-5__contents__tab__main__right > img {
  height: 5.5vw;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__right > img {
    height: 9.3vw;
  }
}
.p-top__section-5__contents__tab__main__right > img:last-child {
  margin-top: -2.6vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__right > img:last-child {
    margin-top: -4.6vw;
  }
}
.p-top__section-5__contents__tab__main__right__panel {
  width: 100%;
  height: fit-content;
  aspect-ratio: 400/272;
  position: relative;
  margin-top: -2.6vw;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__right__panel {
    margin-top: -4.6vw;
    aspect-ratio: 550/374;
  }
}
.p-top__section-5__contents__tab__main__right__panel iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  translate: 1vw 0;
  transition: 0.6s ease;
}
@media (max-width: 768px) {
  .p-top__section-5__contents__tab__main__right__panel iframe {
    translate: 2vw 0;
  }
}
.p-top__section-5__contents__tab__main__right__panel iframe.is-active {
  z-index: 2;
  opacity: 1;
  translate: 0 0;
}
.p-top__section-5__contents__left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top__section-5__contents__left > p {
  position: relative;
  z-index: 2;
}
.p-top__section-5__contents__left > p:last-child {
  margin-top: -2.7vw;
}
.p-top__section-5__contents__left > p img {
  height: 5.6vw;
}
.p-top__section-5__contents__left > img {
  width: 40vw;
  margin-top: -2.7vw;
}
.p-top__section-5__contents__right {
  padding-top: 2.7vw;
}
.p-top__section-5__contents__right > p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
.p-top__section-5__contents__right > p:first-child img {
  height: 4vw;
}
.p-top__section-5__contents__right > p:last-child {
  padding-top: 2vw;
}
.p-top__section-5__contents__right > p:last-child img {
  width: 22vw;
}
.p-top__section-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-6 {
    width: 86.6vw;
  }
}
.p-top__section-6__contents {
  position: relative;
  width: 100%;
  padding: 7vw 5vw 3vw;
  display: flex;
  flex-direction: column;
  gap: 6vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents {
    padding: 14.8vw 6.6vw 13.3vw;
    gap: 13.3vw;
  }
}
.p-top__section-6__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #8ad76a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-6__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-6__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-6__contents__item {
  display: flex;
  align-items: flex-end;
  gap: 3.6vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8.6vw;
  }
}
.p-top__section-6__contents__item__image {
  width: 36.3vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__image {
    width: 100%;
  }
}
.p-top__section-6__contents__item__image img {
  width: 100%;
}
.p-top__section-6__contents__item__texts {
  position: relative;
}
.p-top__section-6__contents__item__texts > img {
  position: absolute;
  top: -2vw;
  right: 0;
  width: 11vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__texts > img {
    top: -1vw;
    right: -10vw;
    width: 26.1vw;
  }
}
.p-top__section-6__contents__item__texts > p:nth-of-type(1) img {
  height: 4.2vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__texts > p:nth-of-type(1) img {
    height: 10.4vw;
  }
}
.p-top__section-6__contents__item__texts > p:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
  padding: 1.7vw 0 2.5vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__texts > p:nth-of-type(2) {
    padding: 5vw 0 6.4vw;
    gap: 2.4vw;
  }
}
.p-top__section-6__contents__item__texts > p:nth-of-type(2) img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__texts > p:nth-of-type(2) img {
    height: 10vw;
  }
}
.p-top__section-6__contents__item__texts > p:last-child img {
  width: 30.8vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item__texts > p:last-child img {
    width: 100%;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) {
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 6vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__image img {
  width: 42.8vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__image img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts {
    width: 100%;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > img {
  top: 8vw;
  right: -7vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > img {
    top: 20vw;
    right: -10vw;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > p:nth-of-type(2) {
  align-items: flex-start;
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > p:nth-of-type(3) img {
  width: 23.6vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > p:nth-of-type(3) img {
    width: 60vw;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > p:last-child img {
  width: 21vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts > p:last-child img {
    width: 51.8vw;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts button {
  margin: 2.5vw 0 2vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts button {
    margin: 7.3vw 0 4.9vw;
  }
}
.p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts button img {
  width: 11.6vw;
}
@media (max-width: 768px) {
  .p-top__section-6__contents__item:nth-of-type(3) .p-top__section-6__contents__item__texts button img {
    width: 29.6vw;
  }
}
.p-top__section-7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-7 {
    width: 86.6vw;
  }
}
.p-top__section-7__contents {
  position: relative;
  width: 100%;
  padding: 8vw 4vw 4vw;
  display: flex;
  flex-direction: column;
  gap: 6vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents {
    padding: 14.8vw 6.6vw 13.3vw;
    gap: 11.7vw;
  }
}
.p-top__section-7__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffe200;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-7__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-7__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-7__contents__item {
  display: flex;
  align-items: center;
  gap: 6.5vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 9.3vw;
  }
}
.p-top__section-7__contents__item__image img {
  width: 38vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item__image img {
    width: 100%;
  }
}
.p-top__section-7__contents__item__texts > p:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item__texts > p:nth-of-type(1) {
    gap: 2.4vw;
  }
}
.p-top__section-7__contents__item__texts > p:nth-of-type(1) img {
  height: 4vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item__texts > p:nth-of-type(1) img {
    height: 10vw;
    max-width: 100%;
  }
}
.p-top__section-7__contents__item__texts > p:nth-of-type(2) {
  padding-top: 2vw;
  width: 24vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item__texts > p:nth-of-type(2) {
    padding-top: 4.8vw;
    width: 60vw;
  }
}
.p-top__section-7__contents__item:last-child {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item:last-child {
    flex-direction: column;
  }
}
.p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__image img {
  width: 34.7vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__image img {
    width: 100%;
  }
}
.p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__texts > p:nth-of-type(2) {
  width: 100%;
}
.p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__texts a {
  margin-top: 3vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__texts a {
    margin-top: 6.6vw;
  }
}
.p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__texts a img {
  width: 9.4vw;
}
@media (max-width: 768px) {
  .p-top__section-7__contents__item:last-child .p-top__section-7__contents__item__texts a img {
    width: 23.4vw;
  }
}
.p-top__section-8 {
  padding-bottom: 10vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
}
@media (max-width: 768px) {
  .p-top__section-8 {
    width: 86.6vw;
  }
}
@media (max-width: 768px) {
  .p-top__section-8 {
    padding-bottom: 20vw;
  }
}
.p-top__section-8__contents {
  position: relative;
  width: 100%;
  padding: 8vw 4vw 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .p-top__section-8__contents {
    padding: 14.8vw 6.6vw 13.3vw;
  }
}
.p-top__section-8__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #38d1ed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.p-top__section-8__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-top__section-8__contents__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-top__section-8__contents > p:nth-of-type(1) img {
  width: 28.4vw;
}
@media (max-width: 768px) {
  .p-top__section-8__contents > p:nth-of-type(1) img {
    width: 45vw;
  }
}
.p-top__section-8__contents > p:nth-of-type(2) {
  padding: 1.7vw 0 3.4vw;
}
@media (max-width: 768px) {
  .p-top__section-8__contents > p:nth-of-type(2) {
    padding: 6vw 0 9.3vw;
  }
}
.p-top__section-8__contents > p:nth-of-type(2) img {
  width: 64.3vw;
}
@media (max-width: 768px) {
  .p-top__section-8__contents > p:nth-of-type(2) img {
    width: 100%;
  }
}
.p-top__section-8__contents__item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-top__section-8__contents__item {
    grid-template-columns: 1fr 1fr;
    gap: 1.8vw;
  }
}
.p-top__section-8__contents__item img {
  width: 100%;
}

.p-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-contact__heading {
  width: 100vw;
  height: fit-content;
  aspect-ratio: 3/1;
}
@media (max-width: 768px) {
  .p-contact__heading {
    aspect-ratio: 750/712;
  }
}
.p-contact__heading img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-contact__form {
  margin: 5vw 5vw 0;
  padding: 5vw;
  border: solid 3px black;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .p-contact__form {
    margin: 6vw 8vw 0;
    padding: 8vw 6vw 12vw;
  }
}
.p-contact__form > p {
  text-align: center;
  line-height: 1.8;
}
.p-contact__form .wpcf7 {
  padding-top: 4vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 {
    padding-top: 6vw;
  }
}
.p-contact__form .wpcf7 form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-contact__form .wpcf7 form > ul {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul {
    gap: 4vw;
  }
}
.p-contact__form .wpcf7 form > ul > li {
  display: grid;
  grid-template-columns: 11vw 1fr;
  gap: 2vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li {
    display: flex;
    flex-direction: column;
    gap: 1vw;
  }
}
.p-contact__form .wpcf7 form > ul > li input,
.p-contact__form .wpcf7 form > ul > li select,
.p-contact__form .wpcf7 form > ul > li textarea {
  padding: 0.5vw 1vw;
  border: solid 1px black;
  border-radius: 0.4vw;
  font-size: max(16px, 1.1vw);
  width: 100%;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li input,
  .p-contact__form .wpcf7 form > ul > li select,
  .p-contact__form .wpcf7 form > ul > li textarea {
    padding: 2vw;
    border-radius: 1vw;
  }
}
.p-contact__form .wpcf7 form > ul > li select {
  appearance: auto;
}
.p-contact__form .wpcf7 form > ul > li textarea {
  resize: vertical;
  height: 7vw;
  min-height: 7vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li textarea {
    height: 20vw;
    min-height: 20vw;
  }
}
.p-contact__form .wpcf7 form > ul > li > label {
  padding-top: 0.8vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li > label {
    padding-top: 0;
  }
}
.p-contact__form .wpcf7 form > ul > li > ul {
  display: flex;
  gap: 1vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li > ul {
    flex-direction: column;
  }
}
.p-contact__form .wpcf7 form > ul > li > ul li {
  display: flex;
  gap: 0.5vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li > ul li {
    gap: 1vw;
  }
}
.p-contact__form .wpcf7 form > ul > li > ul li label {
  flex-shrink: 0;
  padding-top: 0.7vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li > ul li label {
    padding-top: 3vw;
  }
}
.p-contact__form .wpcf7 form > ul > li > ul li input,
.p-contact__form .wpcf7 form > ul > li > ul li select {
  max-width: 10vw;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form > ul > li > ul li input,
  .p-contact__form .wpcf7 form > ul > li > ul li select {
    max-width: 40vw;
  }
}
.p-contact__form .wpcf7 form .agree {
  padding: 3vw 0 2vw;
  font-size: max(12px, 0.9vw);
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form .agree {
    padding: 5vw 0 4vw;
  }
}
.p-contact__form .wpcf7 form .agree input {
  margin-right: 0.5vw;
}
.p-contact__form .wpcf7 form .agree a {
  color: #a40000;
  text-decoration: underline;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .p-contact__form .wpcf7 form .agree a:hover {
    text-decoration: none;
  }
}
.p-contact__form .wpcf7 form input[type=submit] {
  padding: 1vw;
  width: 60%;
  text-align: center;
  font-weight: 500;
  border: solid 2px black;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .p-contact__form .wpcf7 form input[type=submit] {
    width: 100%;
    padding: 3vw;
  }
}
.p-contact__form .wpcf7 form input[type=submit][disabled] {
  opacity: 0.3;
  pointer-events: none;
}
@media (hover: hover) {
  .p-contact__form .wpcf7 form input[type=submit]:hover {
    background-color: black;
    color: #fff;
  }
}
.p-contact__btn {
  padding: 2vw 0vw 17vw;
}
@media (max-width: 768px) {
  .p-contact__btn {
    padding: 5vw 8vw 20vw;
  }
}
.p-contact__btn a {
  display: flex;
  text-decoration: underline;
}
@media (hover: hover) {
  .p-contact__btn:hover a {
    text-decoration: none;
  }
}