@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  -webkit-font-smoothing: antialiased;
  --base-size: 62.5%;
  --clr-text: #222222;
  --color-text: #222222;
  --color-lighttext: #888989;
  --clr-placeholder: #a7a7a7;
  --clr-line: #ccc;
  --color-black: #222222;
  --color-aqua-bright: #1fade7;
  --color-aqua-vivid: #4cbdec;
  --color-aqua-mid: #79cef1;
  --color-aqua-soft: #d2effa;
  --color-aqua-light: #ecf9ff;
  --color-line: #cfe1f3;
  --ff-sans: YakuHanJP, "Noto Sans JP", sans-serif;
  --ff-Outfit: "Outfit", sans-serif;
  --ff-Inter: "Inter", sans-serif;
  --ff-Roboto: "Roboto", sans-serif;
  --ff-Roboto-Condensed: "Roboto Condensed", sans-serif;
  --fz: 16px;
  --ls: normal;
  --lh: 2;
  --ani: 250ms ease-out;
  --ani-fast: 200ms ease-out;
  --ani-slow: 300ms ease-out;
  --speed: 250ms;
  --spSize: 375;
  --delay: 0;
}

@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
.ui-widget,
body {
  font: inherit;
  font-family: var(--ff-sans);
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
  letter-spacing: var(--ls);
  font-feature-settings: "pkna" 1;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

*,
::before,
::after {
  box-sizing: border-box;
}

input[type=checkbox] {
  -webkit-appearance: none;
}

button {
  font-size: var(--fz);
  font-family: var(--ff-sans);
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
button:focus {
  outline: 0;
}
@media (768px <= width) {
  button {
    cursor: pointer;
  }
}

b,
strong,
.bold {
  font-weight: 700;
}

sup {
  vertical-align: super;
  font-size: 10px;
}

sub {
  vertical-align: baseline;
  font-size: 10px;
}

img {
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  height: auto;
  image-rendering: auto;
}

html {
  line-height: 1;
}

@media (width < 768px) {
  body.is-menuopen {
    overflow: hidden;
  }
}

#stage {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-width: 320px;
  font-size: var(--fz);
  font-family: var(--ff-sans);
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.6em;
  color: var(--clr-text);
  font-feature-settings: "palt" on, "liga" off;
}
@media (width < 768px) {
  .pc {
    display: none;
  }
  .pc.important {
    display: none !important;
  }
}
@media (768px <= width) {
  .sp {
    display: none;
  }
  .sp.important {
    display: none !important;
  }
}
ul.dot li {
  position: relative;
  display: grid;
  grid-template-columns: 5px auto;
  align-items: first baseline;
  gap: 10px;
}
ul.dot li::before {
  content: "";
  width: 5px;
  aspect-ratio: 1;
  background: currentColor;
  border-radius: 100px;
  transform: translateY(-0.25em);
}
ul.dot.gray li::before {
  background-color: var(--clr-lightYellow4);
}

ol.number > li {
  padding-left: 1.7em;
  position: relative;
  counter-increment: number;
}
ol.number > li::before {
  content: counter(number);
  position: absolute;
  left: 0.3em;
}

ol.numberdot > li {
  padding-left: 2em;
  position: relative;
  counter-increment: numberdot;
}
ol.numberdot > li::before {
  content: counter(numberdot) ". ";
  position: absolute;
  left: 0.3em;
  color: var(--clr-main);
  font-weight: 700;
}
@media (768px <= width) {
  ol.numberdot > li {
    padding-left: 30px;
  }
}

em {
  font-style: italic;
}

a,
.btn {
  color: var(--clr-text);
  text-decoration: none;
}

@media (hover: hover) and (width >= 768px) {
  a[href^="tel:"]:hover {
    opacity: 1;
    cursor: context-menu;
  }
}
svg {
  -webkit-backface-visibility: hidden;
}

p + p {
  margin-top: 1.5em;
}

.entry-is-isolated {
  /* 2026年モダンブラウザ必須プロパティ */
  contain: layout style;
  /* レイアウトの土台を安定させる */
  display: block;
  width: 100%;
  clear: both;
  /* 念のため、中身がはみ出しても外に影響させない */
  overflow: clip; /* hiddenより高速 */
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.header__container {
  padding: 20px 25px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  z-index: 10;
  background-color: var(--color-aqua-bright);
}
@media (768px <= width) {
  .header__container {
    padding: 22px 25px;
    padding-right: 125px;
    height: auto;
    gap: 0 15px;
  }
}
.header__logo {
  width: 180px;
}
@media (768px <= width) {
  .header__logo {
    width: 300px;
  }
}
.header__global-nav {
  display: none;
}
@media (768px <= width) {
  .header__global-nav {
    display: flex;
    gap: 0 30px;
    margin-left: auto;
  }
}
.header__global-nav li {
  position: relative;
  padding: 25px 0;
}
@media (hover: hover) and (width >= 768px) {
  .header__global-nav li {
    transition: all var(--speed) ease-in-out;
  }
  .header__global-nav li:hover .header__global-nav-links {
    color: var(--color-black);
  }
}
.header__global-nav-list {
  display: none;
}
@media (1280px <= width) {
  .header__global-nav-list {
    display: flex;
    align-items: center;
    gap: 0 30px;
  }
}
.header__global-nav-links {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
}
@media (1536px <= width) {
  .header__global-nav-links {
    font-size: 20px;
  }
}
.header__global-nav-pulldown {
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms ease;
}
li.open .header__global-nav-pulldown {
  opacity: 1;
  pointer-events: auto;
}
@media (768px <= width) {
  .header__global-nav-pulldown {
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    width: 280px;
  }
  .header__global-nav-pulldown-inner {
    display: grid;
    gap: 10px 0;
  }
  .header__global-nav-pulldown a {
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 900;
    font-size: 18px;
    line-height: 200%;
  }
}
@media (768px <= width) and (hover: hover) and (width >= 768px) {
  .header__global-nav-pulldown a {
    transition: all var(--speed) ease-in-out;
  }
  .header__global-nav-pulldown a .icon-arrow {
    transition: translate 300ms ease;
  }
  .header__global-nav-pulldown a:hover .icon-arrow {
    translate: 5px 0;
  }
}
@media (768px <= width) {
  .header__global-nav-pulldown .icon-arrow.black {
    width: 30px;
    height: 30px;
    margin-left: auto;
  }
}
.header__global-nav-entryarea {
  display: grid;
  grid-template-columns: repeat(2, 140px);
  align-items: center;
  gap: 0 15px;
}
.header__global-nav-entryarea .btn.base {
  font-size: 14px;
}
@media (1536px <= width) {
  .header__global-nav-entryarea {
    grid-template-columns: repeat(2, 200px);
  }
  .header__global-nav-entryarea .btn.base {
    font-size: 20px;
  }
}
.header__menu-btn {
  border: 1px solid #fff;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  transition: background 0.25s ease;
  position: fixed;
  top: 20px;
  right: 25px;
  z-index: 500;
}
@media (768px <= width) {
  .header__menu-btn {
    top: 22px;
    width: 70px;
    height: 70px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .header__menu-btn {
    transition: all var(--speed) ease-in-out;
  }
  .header__menu-btn:hover {
    scale: 1.05 1.05;
  }
}
body.is-menuopen .header__menu-btn {
  background: transparent;
}
.header__menu-btn-line {
  background: var(--color-aqua-bright);
  display: block;
  width: 17px;
  height: 1.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: background 0.25s ease, top 0.25s ease, rotate 0.25s ease;
}
@media (768px <= width) {
  .header__menu-btn-line {
    width: 24px;
    height: 2px;
  }
}
.header__menu-btn-line:nth-child(1) {
  top: calc(50% - 4px);
}
.header__menu-btn-line:nth-child(2) {
  transition: opacity 0.25s ease;
}
.header__menu-btn-line:nth-child(3) {
  top: calc(50% + 4px);
}
@media (768px <= width) {
  .header__menu-btn-line:nth-child(1) {
    top: calc(50% - 5px);
  }
  .header__menu-btn-line:nth-child(3) {
    top: calc(50% + 5px);
  }
}
body.is-menuopen .header__menu-btn-line {
  background: #fff;
}
body.is-menuopen .header__menu-btn-line:nth-child(1) {
  top: 50%;
  rotate: 45deg;
}
body.is-menuopen .header__menu-btn-line:nth-child(2) {
  opacity: 0;
}
body.is-menuopen .header__menu-btn-line:nth-child(3) {
  top: 50%;
  rotate: -45deg;
}
.header__navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  color: #fff;
  background-color: var(--color-aqua-bright);
  opacity: 0;
  pointer-events: none;
  translate: 0 -20px;
  transition: opacity 0.5s ease, translate 0.5s ease;
  display: none;
}
body.is-menuopen .header__navigation {
  opacity: 1;
  pointer-events: auto;
  translate: 0 0;
  display: block;
}
.header__navigation .header__logo {
  padding: 26.5px 25px;
  width: 220px;
}
@media (768px <= width) {
  .header__navigation .header__logo {
    width: 350px;
  }
}
.header__navigation-inner {
  overflow-y: auto;
  height: 100%;
  padding-top: 35px;
}
@media (768px <= width) {
  .header__navigation-inner {
    overflow-y: visible;
    padding-top: 55px;
    margin-left: max(50% - 750px, 50px);
    margin-right: max(50% - 750px, 50px);
    max-width: 1500px;
    display: grid;
    grid-template-columns: 52% 38.6666666667%;
    justify-content: space-between;
    align-items: start;
  }
}
.header__navigation ul {
  display: grid;
  gap: 40px 1em;
  padding: 0 25px;
}
@media (768px <= width) {
  .header__navigation ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10.2564102564%;
    padding: 0;
  }
}
.header__navigation-group.recruit {
  display: none;
}
.header__navigation-title {
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 15px;
  padding-bottom: 25px;
  display: grid;
  gap: 10px 0;
  border-bottom: 2px solid #fff;
}
.header__navigation-title::before {
  content: attr(data-en);
  font-family: var(--ff-Roboto);
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
}
@media (768px <= width) {
  .header__navigation-title::before {
    font-size: clamp(14px, 1.2cqi, 18px);
  }
}
@media (768px <= width) {
  .header__navigation-title {
    font-size: clamp(24px, 2.1cqi, 31px);
  }
}
@media (hover: hover) and (width >= 768px) {
  .header__navigation-title {
    transition: all var(--speed) ease-in-out;
  }
  .header__navigation-title[href]:hover {
    color: var(--color-black);
  }
}
.header__navigation-link {
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 200%;
}
.header__navigation-link + a {
  margin-top: 5px;
}
@media (768px <= width) {
  .header__navigation-link {
    font-size: 22px;
    font-size: clamp(16px, 1.6cqi, 22px);
  }
}
@media (hover: hover) and (width >= 768px) {
  .header__navigation-link {
    transition: all var(--speed) ease-in-out;
  }
  .header__navigation-link:hover {
    color: var(--color-black);
  }
}
.header__navigation-entryarea {
  margin-top: 40px;
  background-color: var(--color-black);
  padding: 30px 25px;
}
@media (768px <= width) {
  .header__navigation-entryarea {
    margin: 0;
    padding: 0;
    background: none;
  }
}
.header__navigation-entryarea-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (768px <= width) {
  .header__navigation-entryarea-links {
    flex-direction: column;
    border: 2px solid #fff;
    border-width: 2px 0;
    margin-bottom: 40px;
  }
}
.header__navigation-entryarea-links a {
  color: #fff;
  font-weight: 900;
  line-height: 166%;
  letter-spacing: 0%;
}
@media (768px <= width) {
  .header__navigation-entryarea-links a {
    width: 100%;
    padding: 35px 0 30px;
    display: grid;
    gap: 5px 0;
    font-size: clamp(24px, 2.1cqi, 31px);
  }
  .header__navigation-entryarea-links a::before {
    content: attr(data-en);
    font-family: var(--ff-Roboto);
    font-weight: 400;
    font-size: clamp(14px, 1.2cqi, 18px);
    line-height: 100%;
    letter-spacing: 0%;
  }
}
@media (hover: hover) and (width >= 768px) {
  .header__navigation-entryarea-links a {
    transition: all var(--speed) ease-in-out;
  }
  .header__navigation-entryarea-links a:hover {
    color: var(--color-black);
  }
}
.header__navigation-entryarea-links .separater {
  width: 2px;
  height: 25px;
  background-color: #fff;
}
@media (768px <= width) {
  .header__navigation-entryarea-links .separater {
    width: 100%;
    height: 2px;
  }
}
.header__navigation-entryarea-btn {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 0 15px;
  padding: 10px 15px;
  border-radius: 5px;
}
@media (768px <= width) {
  .header__navigation-entryarea-btn {
    gap: 0;
    padding: 30px 5.7692307692%;
  }
}
@media (hover: hover) and (width >= 768px) {
  .header__navigation-entryarea-btn .icon-arrow {
    transition: translate 300ms ease;
  }
  .header__navigation-entryarea-btn:hover .icon-arrow {
    translate: 5px 0;
  }
}
.header__navigation-entryarea-btn-img {
  width: 95px;
  height: 60px;
  border-radius: 3px;
  overflow: hidden;
}
@media (768px <= width) {
  .header__navigation-entryarea-btn-img {
    width: 30.7692307692%;
    height: auto;
    aspect-ratio: 160/120;
    border-radius: 5px;
  }
}
.header__navigation-entryarea-btn-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (768px <= width) {
  .header__navigation-entryarea-btn-name {
    margin-left: 5.7692307692%;
  }
}
.header__navigation-entryarea-btn-name-en {
  font-family: var(--ff-Roboto);
  font-weight: 900;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: var(--color-aqua-bright);
}
@media (768px <= width) {
  .header__navigation-entryarea-btn-name-en {
    font-size: 18px;
  }
}
.header__navigation-entryarea-btn-name-ja {
  margin-top: 7px;
  font-weight: 900;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -2%;
}
@media (768px <= width) {
  .header__navigation-entryarea-btn-name-ja {
    font-size: clamp(20px, 2cqi, 31px);
  }
}
.header__navigation-entryarea-btn i.icon-arrow {
  margin-top: 10px;
  margin-left: auto;
  flex-shrink: 0;
}

.globallinks {
  background-color: var(--color-aqua-soft);
}
.globallinks__inner {
  padding: 50px 25px;
}
@media (768px <= width) {
  .globallinks__inner {
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
    padding: 100px 0;
  }
}
.globallinks__container {
  display: grid;
  gap: 15px 0;
}
@media (768px <= width) {
  .globallinks__container {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 21px;
  }
}
@media (1280px <= width) {
  .globallinks__container {
    gap: 0 41px;
  }
}
.globallinks__item {
  background-color: #fff;
  position: relative;
  border-radius: 5px;
  padding: 0 25px;
  display: grid;
  align-content: center;
  height: 90px;
}
@media (768px <= width) {
  .globallinks__item {
    padding: 0 50px 0 25px;
    height: 160px;
    border-radius: 10px;
  }
}
@media (1280px <= width) {
  .globallinks__item {
    padding: 0 70px 0 50px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .globallinks__item {
    transition: all var(--speed) ease-in-out;
  }
  .globallinks__item .icon-arrow {
    transition: translate 600ms ease;
  }
  .globallinks__item:hover .icon-arrow {
    translate: 10px -50%;
  }
}
.globallinks__item-en {
  font-family: var(--ff-Roboto);
  font-size: 13px;
  line-height: 100%;
  color: var(--color-aqua-bright);
}
@media (768px <= width) {
  .globallinks__item-en {
    font-size: 18px;
  }
}
.globallinks__item-ja {
  margin-top: 5px;
  font-weight: 900;
  font-size: 20px;
  line-height: 166%;
}
@media (768px <= width) {
  .globallinks__item-ja {
    margin-top: 10px;
    font-size: 31px;
    font-size: clamp(20px, 2cqi, 31px);
  }
}
.globallinks__item .icon-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  translate: 0 -50%;
}
@media (1280px <= width) {
  .globallinks__item .icon-arrow {
    right: 50px;
  }
}
.globallinks__entry {
  margin-top: 15px;
}
@media (768px <= width) {
  .globallinks__entry {
    margin-top: 40px;
  }
}
.globallinks__entry a {
  display: grid;
  place-content: center;
  position: relative;
  height: 140px;
  background: var(--color-aqua-bright) url(../images/common/entry_bg_sp.webp) center/cover no-repeat;
  border-radius: 5px;
}
@media (768px <= width) {
  .globallinks__entry a {
    height: 310px;
    background-image: url(../images/common/entry_bg.webp);
    border-radius: 10px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .globallinks__entry a {
    transition: all var(--speed) ease-in-out;
  }
  .globallinks__entry a .icon-arrow {
    transition: translate 600ms ease;
  }
  .globallinks__entry a:hover .icon-arrow {
    translate: 10px -50%;
  }
}
.globallinks__entry a .circle {
  position: absolute;
  left: 20px;
  top: 50%;
  translate: 0 -50%;
  width: 82px;
  height: 82px;
  display: grid;
  place-content: center;
  text-align: center;
  font-weight: 900;
  font-size: 10px;
  line-height: 140%;
  color: #ffffff;
}
@media (768px <= width) {
  .globallinks__entry a .circle {
    left: 50px;
    width: 225px;
    height: 225px;
    font-size: 25px;
  }
}
@media (1280px <= width) {
  .globallinks__entry a .circle {
    left: 100px;
  }
}
.globallinks__entry a .circle::after {
  content: "";
  background: url("../images/common/joinus_img.svg") center/contain no-repeat;
  width: 81.31px;
  height: 81.26px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  animation: joinus 16s linear infinite;
}
@media (768px <= width) {
  .globallinks__entry a .circle::after {
    width: 225px;
    height: 225px;
  }
}
.globallinks__entry a .txt {
  font-family: var(--ff-Roboto);
  font-weight: 900;
  font-size: 25px;
  line-height: 100%;
  color: #ffffff;
}
@media (768px <= width) {
  .globallinks__entry a .txt {
    font-size: 39px;
  }
}
.globallinks__entry a .icon-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  translate: 0 -50%;
}
@media (768px <= width) {
  .globallinks__entry a .icon-arrow {
    right: 50px;
  }
}

.footer {
  background: var(--color-black);
}
.footer__inner {
  padding: 70px 25px;
}
@media (768px <= width) {
  .footer__inner {
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
    padding: 100px 0 70px;
    display: grid;
  }
}
@media (1024px <= width) {
  .footer__inner {
    grid-template-columns: 23.125% auto;
    gap: 0 7.8125%;
  }
}
.footer__logo {
  width: 270px;
}
@media (768px <= width) {
  .footer__logo {
    width: 300px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .footer__logo a {
    transition: all var(--speed) ease-in-out;
  }
  .footer__logo a:hover {
    opacity: 0.7;
  }
}
.footer__bnrs {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 5px;
}
@media (768px <= width) {
  .footer__bnrs {
    margin-top: 65px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .footer__bnrs a {
    transition: all var(--speed) ease-in-out;
  }
  .footer__bnrs a:hover {
    opacity: 0.7;
  }
}
.footer__navigation {
  margin-top: 60px;
}
@media (1024px <= width) {
  .footer__navigation {
    margin-top: 0;
  }
}
.footer__navigation-logo {
  display: none;
}
.footer__navigation ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 0;
}
@media (1280px <= width) {
  .footer__navigation ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
  }
}
@media (1650px <= width) {
  .footer__navigation ul {
    grid-template-columns: repeat(5, max-content);
  }
}
.footer__navigation li:nth-child(2n+1) {
  padding-right: 1em;
}
.footer__navigation-title, .footer__navigation-title a {
  color: #fff;
  font-weight: 900;
  line-height: 100%;
}
@media (768px <= width) {
  .footer__navigation-title, .footer__navigation-title a {
    font-size: 20px;
  }
}
.footer__navigation-title {
  margin-bottom: 15px;
  display: block;
}
.footer__navigation-link {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 200%;
}
@media (768px <= width) {
  .footer__navigation-link {
    font-size: 18px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .footer__navigation-title[href], .footer__navigation-link {
    transition: all var(--speed) ease-in-out;
  }
  .footer__navigation-title[href]:hover, .footer__navigation-link:hover {
    color: var(--color-aqua-bright);
  }
}
.footer__navigation-entryarea {
  display: none;
}
.footer__botomarea {
  margin-top: 60px;
  padding-top: 50px;
  border-top: 2px solid #fff;
}
@media (1024px <= width) {
  .footer__botomarea {
    grid-column: 1/3;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer__nav-company {
  display: grid;
  justify-content: start;
  gap: 20px 40px;
}
@media (768px <= width) {
  .footer__nav-company {
    grid-template-columns: repeat(2, auto);
  }
}
.footer__nav-company a {
  color: #fff;
  font-size: 14px;
  line-height: 100%;
}
@media (768px <= width) {
  .footer__nav-company a {
    font-size: 16px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .footer__nav-company a {
    transition: all var(--speed) ease-in-out;
  }
  .footer__nav-company a:hover {
    color: var(--color-aqua-bright);
  }
}
.footer__copyright {
  margin-top: 50px;
  font-family: var(--ff-Roboto);
  font-size: 11px;
  line-height: 100%;
  text-align: center;
  display: block;
  color: #ffffff;
}
@media (768px <= width) {
  .footer__copyright {
    margin-top: 0;
    font-size: 16px;
  }
}

@media (width < 768px) {
  .bnrEntry {
    display: none;
  }
}
.bnrEntry {
  position: fixed;
  right: 25px;
  bottom: 20px;
  z-index: 90;
  width: 281px;
}
body[id*=entry] .bnrEntry {
  display: none;
}
.bnrEntry.is-hide {
  display: none;
}
.bnrEntry .closebtn {
  background: var(--color-aqua-bright);
  border-radius: 100%;
  width: 30px;
  height: 30px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -5px;
  top: -5px;
  cursor: pointer;
}
.bnrEntry .closebtn::before, .bnrEntry .closebtn::after {
  content: "";
  width: 11.31px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.bnrEntry .closebtn::before {
  rotate: 315deg;
}
.bnrEntry .closebtn::after {
  rotate: 45deg;
}
.bnrEntry a {
  display: block;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

#stage {
  background: linear-gradient(0deg, #ecf9ff, #ecf9ff), #e2f0fe;
}
@media (768px <= width) {
  #stage {
    background: linear-gradient(0deg, #ecf9ff, #ecf9ff), #e2f0fe;
  }
}

.em {
  color: #fff;
}

.page__header {
  background-color: var(--color-aqua-bright);
  padding-top: 110px;
  padding-bottom: 90px;
}
@media (768px <= width) {
  .page__header {
    padding-top: 195px;
    padding-bottom: 180px;
  }
}
.page__header .pagetitle {
  margin-top: 60px;
  padding-left: 25px;
  padding-right: 25px;
}
@media (768px <= width) {
  .page__header .pagetitle {
    margin-top: 120px;
    padding: 0;
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
  }
}
.page__header .pagetitle {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
}
@media (768px <= width) {
  .page__header .pagetitle {
    font-size: 25px;
    font-size: min(3cqi, 25px);
  }
}
.page__header .pagetitle::before {
  content: attr(data-en);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 49px;
  line-height: 100%;
  display: block;
  margin-bottom: 10px;
}
@media (768px <= width) {
  .page__header .pagetitle::before {
    font-size: 136px;
    font-size: min(7cqi, 136px);
  }
}

.page_header__inner {
  padding-top: 60px;
}
@media (768px <= width) {
  .page_header__inner {
    padding-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    direction: rtl;
  }
}
@media (768px <= width) {
  .page_header__container {
    direction: ltr;
    margin-left: max(100% - 800px, 50px);
    margin-right: min(12.5%, 100px);
  }
}
.page_header__img {
  border-radius: 5px 0 0 5px;
  overflow: hidden;
  margin-left: 25px;
}
@media (768px <= width) {
  .page_header__img {
    border-radius: 10px 0 0 10px;
    margin: 0;
    max-height: 640px;
  }
  .page_header__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.page_header__title {
  margin-top: 50px;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 14px;
  font-weight: 900;
  line-height: 100%;
  color: #fff;
  display: flex;
  gap: 0 7px;
  align-items: center;
  border-left: 5px solid currentColor;
  padding-left: 10px;
}
@media (768px <= width) {
  .page_header__title {
    margin: 0;
    font-size: 18px;
    gap: 0 10px;
    padding-left: 15px;
  }
}
.page_header__title::before {
  content: attr(data-en);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  translate: 0 0.05em;
}
@media (768px <= width) {
  .page_header__title::before {
    font-size: 25px;
  }
}
.page_header__copy {
  padding: 30px 25px 0;
  font-size: 39px;
  font-weight: 900;
  line-height: 120%;
}
@media (768px <= width) {
  .page_header__copy {
    margin-top: 40px;
    padding: 0;
    font-weight: 900;
    font-size: clamp(38px, 4.18cqi, 76px);
    line-height: 120%;
  }
}
.page_header__copy .em {
  color: #fff;
}
.page_header__text {
  padding: 20px 25px 0;
  font-weight: 900;
  line-height: 200%;
}
@media (768px <= width) {
  .page_header__text {
    margin-top: 40px;
    padding: 0;
    font-size: 20px;
  }
}
.page_header__ankerlink {
  padding: 34px 25px 0;
}
@media (768px <= width) {
  .page_header__ankerlink {
    padding: 0;
    margin-top: 67px;
    display: flex;
    gap: 10px 40px;
    flex-wrap: wrap;
  }
}
.page_header__ankerlink a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  line-height: 200%;
}
@media (768px <= width) {
  .page_header__ankerlink a {
    font-size: 20px;
  }
}
.page_header__ankerlink a + a {
  margin-top: 10px;
}
@media (768px <= width) {
  .page_header__ankerlink a + a {
    margin: 0;
  }
}
.page_header__profile {
  padding: 30px 25px 0;
  position: relative;
}
@media (768px <= width) {
  .page_header__profile {
    margin-top: 65px;
    padding: 0;
  }
}
.page_header__position {
  font-weight: 900;
  line-height: 166%;
  letter-spacing: -0.01em;
}
@media (768px <= width) {
  .page_header__position {
    font-size: min(2cqi, 20px);
    font-size: clamp(16px, 1.1cqi, 20px);
    padding-right: 70px;
  }
}
.page_header__name {
  font-size: 20px;
  font-weight: 900;
  line-height: 166%;
  letter-spacing: -0.01em;
}
@media (768px <= width) {
  .page_header__name {
    font-size: 25px;
    font-size: min(2.5cqi, 25px);
  }
}

.clock {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border: 10px solid var(--color-aqua-soft);
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 0 20px #fff inset, 0 0 0 23px var(--color-aqua-bright) inset;
}
.clock .hour,
.clock .minute {
  position: absolute;
  bottom: calc(50% - 1.5px);
  left: calc(50% - 1.5px);
  transform-origin: center calc(100% - 1.5px);
  background: var(--color-aqua-bright);
  border-radius: 100px;
}
.clock .hour {
  width: 3px;
  height: 13px;
  rotate: calc(var(--hour) * 30deg + var(--minute) * 0.5deg);
}
.clock .minute {
  width: 3px;
  height: 15px;
  rotate: calc(var(--minute) * 6deg);
}

.fadeinUp {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
}
.fadeinUp.is-animeted {
  opacity: 1;
  transform: translateY(0);
}
@media (768px <= width) {
  .fadeinUp {
    transform: translateY(50px);
  }
}

.fadein {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.fadein.is-animeted {
  opacity: 1;
}

.delay1 {
  transition-delay: 0.3s;
}

.delay2 {
  transition-delay: 0.6s;
}

.delay3 {
  transition-delay: 0.9s;
}

.delay4 {
  transition-delay: 1.2s;
}

.delay5 {
  transition-delay: 1.5s;
}

.delay6 {
  transition-delay: 1.8s;
}

.delay7 {
  transition-delay: 2.1s;
}

.delay8 {
  transition-delay: 2.4s;
}

.delay9 {
  transition-delay: 2.7s;
}

.delay10 {
  transition-delay: 3s;
}

@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes joinus {
  100% {
    transform: rotate(360deg);
  }
}
a.btn,
button.btn,
input.btn,
span.btn {
  display: block;
  position: relative;
  display: block;
}
a.base,
button.base,
input.base,
span.base {
  background: var(--color-black);
  color: #fff;
  border-radius: 100em;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 13px;
  font-weight: 700;
}
@media (768px <= width) {
  a.base,
  button.base,
  input.base,
  span.base {
    font-size: 20px;
    height: 70px;
    padding-left: 30px;
    padding-right: 20px;
  }
}
@media (hover: hover) and (width >= 768px) {
  a.base,
  button.base,
  input.base,
  span.base {
    transition: all var(--speed) ease-in-out;
  }
  a.base i.icon-arrow,
  button.base i.icon-arrow,
  input.base i.icon-arrow,
  span.base i.icon-arrow {
    transition: translate 300ms ease;
  }
  a.base:hover i.icon-arrow,
  button.base:hover i.icon-arrow,
  input.base:hover i.icon-arrow,
  span.base:hover i.icon-arrow {
    translate: 5px 0px;
  }
}
a.base.blue,
button.base.blue,
input.base.blue,
span.base.blue {
  background: var(--color-aqua-bright);
}

.breadcrumbs {
  padding-left: 25px;
  padding-right: 25px;
}
@media (768px <= width) {
  .breadcrumbs {
    margin-left: max(50% - 800px, 50px);
    margin-right: max(50% - 800px, 50px);
    max-width: 1600px;
    padding-left: 0;
    padding-right: 0;
  }
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #fff;
  width: 100%;
  min-width: 0;
}
@media (768px <= width) {
  .breadcrumbs__list {
    font-size: 18px;
    line-height: 1;
  }
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  /* 現在地が入っている li だけを伸縮可能にする */
}
.breadcrumbs__item:has(.breadcrumbs__current) {
  flex: 1 1 auto;
  min-width: 0;
}
.breadcrumbs__link {
  color: var(--color-gold-muted);
  white-space: nowrap;
}
.breadcrumbs__current {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs__separator {
  width: 10px;
  display: inline-block;
  flex-shrink: 0;
  translate: 0 0.1em;
  background: url('data:image/svg+xml;charset=utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41406 11.4141L0 10L4.29297 5.70703L0 1.41406L1.41406 -2.49462e-07L7.12109 5.70703L1.41406 11.4141Z" fill="white"/></svg>') center/contain no-repeat;
  height: 12px;
  width: 7px;
}

.headline {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 40px;
}
@media (768px <= width) {
  .headline {
    font-size: 25px;
    font-size: min(3cqi, 25px);
  }
}
.headline::before {
  content: attr(data-en);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 49px;
  line-height: 100%;
  display: block;
  margin-bottom: 10px;
}
@media (768px <= width) {
  .headline::before {
    font-size: 136px;
    font-size: min(7cqi, 136px);
  }
}
.headline.white {
  color: #fff;
}

[class^=icon] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (hover: hover) and (width >= 768px) {
  a:has(i[class^=icon]) i::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.25s opacity;
  }
  a:has(i[class^=icon]) i.reverse::after {
    opacity: 1;
  }
}

.icon-arrow {
  background: url('data:image/svg+xml;charset=utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="white"/><path d="M7 12L16 12M12.9318 8.72729L16 12L12.9318 15.2727" stroke="white"/></svg>') center/contain no-repeat;
  width: 24px;
  height: 24px;
}
@media (768px <= width) {
  .icon-arrow {
    width: 30px;
    height: 30px;
  }
}
.icon-arrow.black {
  background: var(--color-black) url('data:image/svg+xml;charset=utf8, <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23222222"/><path d="M10 15L19 15M15.9318 12L19 15L15.9318 18" stroke="white" stroke-width="2"/></svg>') center no-repeat;
  width: 30px;
  height: 30px;
  border-radius: 1000px;
}
@media (768px <= width) {
  .icon-arrow.black {
    width: 50px;
    height: 50px;
  }
}
.icon-arrow.white {
  background: #fff url('data:image/svg+xml;charset=utf8, <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23ffffff"/><path d="M10 15L19 15M15.9318 12L19 15L15.9318 18" stroke="%23222222" stroke-width="2"/></svg>') center no-repeat;
  width: 30px;
  height: 30px;
  border-radius: 1000px;
}
@media (768px <= width) {
  .icon-arrow.white {
    width: 50px;
    height: 50px;
  }
}

.icon-down {
  background: url('data:image/svg+xml;charset=utf8, <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="30" width="30" height="30" rx="15" transform="rotate(90 30 0)" fill="%231FADE7"/><path d="M15 9L15 20M19 16.25L15 20L11 16.25" stroke="white" stroke-width="2"/></svg>') center/contain no-repeat;
  width: 20px;
  height: 20px;
}
@media (768px <= width) {
  .icon-down {
    width: 30px;
    height: 30px;
  }
}
.icon-down.white {
  background: url('data:image/svg+xml;charset=utf8, <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="30" width="30" height="30" rx="15" transform="rotate(90 30 0)" fill="white"/><path d="M10.3164 16.9795L11.6836 15.5205L14 17.6924L14 9L16 9L16 17.6924L18.3164 15.5205L19.6836 16.9795L15 21.3711L10.3164 16.9795Z" fill="%231FADE7"/></svg>') center/contain no-repeat;
  width: 24px;
  height: 24px;
}
@media (768px <= width) {
  .icon-down.white {
    width: 30px;
    height: 30px;
  }
}

.icon-blank {
  background: url('data:image/svg+xml;charset=utf8, <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.707099 10.2807L9.89949 1.08827M2.91681 0.99988L9.89949 1.08827L9.98788 8.07095" stroke="white" stroke-width="2"/></svg>') center no-repeat;
  width: 18px;
  height: 18px;
}
.icon-blank.reverse::after {
  background: url('data:image/svg+xml;charset=utf8, <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9878 8.05827L8.98799 8.08313L8.92999 3.47174L1.41422 10.9875L3.8342e-06 9.5733L7.51578 2.05753L2.90439 1.99952L2.92925 -0.000263272L10.887 0.100555L10.9878 8.05827Z" fill="%231FADE7"/></svg>') center no-repeat;
}

.form-inputs input:not([type=checkbox]):not([type=radio]),
.form-inputs textarea,
.form-inputs select {
  font-size: var(--fz);
  font-family: var(--ff-sans);
  line-height: 1.6em;
  background: var(--color-aqua-light);
  border: none;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  padding: 9px 10px;
  outline: none;
}
@media (768px <= width) {
  .form-inputs input:not([type=checkbox]):not([type=radio]),
  .form-inputs textarea,
  .form-inputs select {
    height: 80px;
    font-size: 20px;
    padding: 9px 30px;
  }
}
.form-inputs select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2em;
}
@media (768px <= width) {
  .form-inputs select {
    padding-right: 4rem;
  }
}
.form-inputs .errow-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  line-height: 166%;
  grid-column: span 2;
  display: none;
}
.form-inputs p:has([name*=your-name]) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.form-inputs p:has([name*=your-name]):has(.wpcf7-not-valid-tip) .errow-tip {
  display: block;
}
.form-inputs p:has([name*=your-name]) .wpcf7-not-valid-tip {
  display: none;
}
.form-inputs dd:has([data-name*=birth]) p {
  display: flex;
  gap: 0 5px;
  line-height: 50px;
  flex-wrap: wrap;
}
@media (768px <= width) {
  .form-inputs dd:has([data-name*=birth]) p {
    line-height: 80px;
  }
}
.form-inputs dd:has([data-name*=birth]):has(.wpcf7-not-valid-tip) .errow-tip {
  display: block;
}
.form-inputs dd:has([data-name*=birth]) .wpcf7-not-valid-tip {
  display: none;
}
.form-inputs dd:has([data-name=zip]) [data-name=zip] {
  margin-left: 0.5em;
}
@media (768px <= width) {
  .form-inputs dd:has([data-name=zip]) [data-name=pref] {
    width: 300px;
  }
}
.form-inputs dd:has([data-name=zip]) p:last-child {
  margin-top: 0;
}
.form-inputs dd:has([data-name=zip]):has(.wpcf7-not-valid-tip) .errow-tip {
  display: block;
}
.form-inputs dd:has([data-name=zip]) .wpcf7-not-valid-tip {
  display: none;
}
.form-inputs p:has([data-name=zip]),
.form-inputs p:has([data-name=pref]),
.form-inputs p:has([data-name=city]),
.form-inputs p:has([data-name=address]) {
  margin-top: 5px;
}
.form-inputs p:has([data-name=zip]) {
  display: flex;
  align-items: center;
}
.form-inputs p:has([data-name=zip]) input:not([type=checkbox]):not([type=radio]) {
  width: 160px;
}
.form-inputs p:has(select) .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}
.form-inputs p:has(select) .wpcf7-form-control-wrap::after {
  content: "";
  width: 8px;
  height: 6px;
  position: absolute;
  top: 24px;
  right: 10px;
  background: var(--color-aqua-bright);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
}
@media (768px <= width) {
  .form-inputs p:has(select) .wpcf7-form-control-wrap::after {
    width: 10px;
    height: 8px;
    top: 36px;
    right: 30px;
  }
}
@media (1024px <= width) {
  .form-inputs {
    display: grid;
    grid-template-columns: max(22.5352112676%, 215px) auto;
    gap: 40px;
  }
}
@media (768px <= width) {
  .form-inputs dt,
  .form-inputs dd {
    font-size: 20px;
  }
}
.form-inputs dt {
  padding-top: 17px;
  padding-bottom: 9.5px;
  font-family: Noto Sans JP;
  font-weight: 900;
  line-height: 200%;
  color: var(--color-aqua-bright);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (1024px <= width) {
  .form-inputs dt {
    padding: 20px 0;
    align-self: start;
  }
  .form-inputs dt.two {
    padding: 0;
  }
}
.form-inputs dt::after {
  content: "必須";
  background-color: var(--color-aqua-bright);
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 200%;
  letter-spacing: 0%;
  border-radius: 1000px;
  padding: 0 10px;
  display: inline-block;
}
@media (768px <= width) {
  .form-inputs dt::after {
    font-size: 16px;
  }
}
.form-inputs dd {
  padding-top: 9.5px;
  padding-bottom: 17px;
}
@media (1024px <= width) {
  .form-inputs dd {
    padding: 0;
  }
  body#entry-confirm .form-inputs dd {
    padding: 20px 0;
    line-height: 200%;
  }
  body#entry-confirm .form-inputs dd p {
    margin: 0;
  }
}

p:has([data-name*=acceptance]) {
  margin-top: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}
p:has([data-name*=acceptance]) a {
  color: var(--color-aqua-bright);
  text-decoration: underline;
}
@media (hover: hover) and (width >= 768px) {
  p:has([data-name*=acceptance]) a {
    transition: all var(--speed) ease-in-out;
  }
  p:has([data-name*=acceptance]) a:hover {
    text-decoration: none;
  }
}

[data-name*=acceptance] {
  line-height: 1;
}
[data-name*=acceptance] .wpcf7-form-control {
  display: contents;
}
[data-name*=acceptance] .wpcf7-list-item {
  margin: 0;
  line-height: 1;
}
[data-name*=acceptance] input[type=checkbox] {
  border: 2px solid var(--color-aqua-bright);
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin: 0;
}
[data-name*=acceptance] input[type=checkbox]:checked {
  background-color: var(--color-aqua-bright);
  position: relative;
}
[data-name*=acceptance] input[type=checkbox]:checked::after {
  content: "";
  width: 80%;
  height: 60%;
  aspect-ratio: 1.5;
  border-shape: shape(from 0% 50%, line to 33.33% 100%, line to 100% 0%);
  border: 2px solid #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

p:has(.btn) {
  margin-top: 46px;
}
p:has(.btn) .btn {
  width: 100%;
}
@media (768px <= width) {
  p:has(.btn) .btn {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
p:has(.btn) br {
  display: none;
}

.buttonarea {
  margin-top: 65px;
}
.buttonarea p {
  display: contents;
}
.buttonarea {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 0 50px;
  justify-content: center;
}
.buttonarea button.btn {
  margin: 0;
}
body#entry-thanks .buttonarea {
  display: block;
}
body#entry-thanks .buttonarea .btn {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.wpcf7-spinner {
  display: none;
}