@charset "UTF-8";


/**************************************************************
* GLOBAL
**************************************************************/

body {
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
  padding: 0;
}

a:not([class]):hover {
  color: var(--wp--preset--color--custom-primary-opacity-mode);
}

video {
  width: 100%;
}



/**************************************************************
* WP overrides
**************************************************************/

/* is-layout-constrained
********************************/
@media all and (max-width: 1023px) {
  .is-layout-constrained {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media all and (min-width: 1024px) and (max-width: 1260px) {
  .is-layout-constrained {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}


/* wp-block-buttons
********************************/
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.wp-block-button__link {
  background-color: #fff;
}


/**************************************************************
* コンテンツの共通要素
**************************************************************/

/* wp-headline
********************************/
.wp-headline {
  position: relative;
}
.wp-headline::before,
.wp-headline::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18%;
  display: block;
  background: #ffffff;
  border-top: 0.25rem solid #ffffff;
}
.wp-headline::before {
  top: 30%;
  left: 0;
  transform: translateX(-102%);
}
.wp-headline::after {
  right: 0;
  top: 70%;
  transform: translateX(102%);
}

@media all and (min-width: 1024px) {
  .wp-headline::before,
  .wp-headline::after {
    z-index: -1;
  }
}


/* wp-block-button
************************************************/
.wp-block-button {
  color: var(--wp--preset--color--foreground-inverted);
}

.wp-block-button.has-child-dark-background {
  color: var(--wp--preset--color--foreground);
}

.wp-block-button:not([class*="--backward"])::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 9;
  margin: auto;
  border-radius: 0.15rem;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotateZ(-45deg);
}
 
html[class*="ui-state-nav-opened"] .wp-block-button:not([class*="--backward"])::after {
  display: none;
}

.wp-block-button[class*="--backward"] .wp-block-button__link {
  background-color: rgb(126, 126, 126);
  color: #000000;
}
.wp-block-button[class*="--backward"]::after {
  display: none;
}

/* hovers */
@media (hover: hover) {
  .wp-block-button,
  .wp-block-button__link {
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .wp-block-button:hover::before {
    transition: box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .wp-block-button__link {
    z-index: 1;
    overflow: hidden;
  }

  .wp-block-button:hover::before {
    box-shadow: 0 0 15px 15px var(--wp--preset--color--primary),
                0 0 20px 20px rgba(0, 0, 0, 0.5);
  }
  .wp-block-button[class*="--line-btn"]:hover::before {
    box-shadow: 0 0 15px 15px #06fc12, 0 0 20px 20px rgba(0, 0, 0, 0.5);
  }

  .wp-block-button[class*="--backward"]:hover .wp-block-button__link {
    color: var(--wp--preset--color--background-secondary);
  } 
}


/* wp-block-flexible-table
********************************/
.wp-block-flexible-table-block-table table {
  width: 100%;
  border-collapse: collapse;
}
.wp-block-flexible-table-block-table table td {
  padding-top: calc(30/550 * 100%);
  padding-bottom: calc(30/550 * 100%);
  vertical-align: top;
}

.wp-block-flexible-table-block-table table tr {
  position: relative;
}

.wp-block-flexible-table-block-table table tr td {
  position: relative;
  font-weight: 500;
}
.wp-block-flexible-table-block-table table tr:not(:last-child) td:nth-child(1):after,
.wp-block-flexible-table-block-table table tr:not(:last-child) td:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  display: block;

}
.wp-block-flexible-table-block-table table tr:not(:last-child) td:nth-child(1):after {
  background: var(--wp--preset--color--primary);
}
.wp-block-flexible-table-block-table table tr:not(:last-child) td:nth-child(2):after {
  background: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);
}

.wp-block-flexible-table-block-table table tr td:first-child {
  width: calc(160/550 * 100%);
}
.wp-block-flexible-table-block-table table tr:first-child > td {
  padding-top: inherit;
}
.wp-block-flexible-table-block-table table tr:last-child > td {
  padding-bottom: inherit;
  border-bottom: none;
}
.wp-block-flexible-table-block-table table tr td:nth-child(2) {
  padding-left: calc(30/550 * 100%);
}



/**************************************************************
* グロバル要素
**************************************************************/

/* g-header
************************************************/
@media all and (max-width: 1023px) {
  .g-header {
    position: fixed;
    width: 100%;
    height: 100vh;
    /* height: 100svh; */
    visibility: hidden;
    opacity: 0;
    transform: translateY(-110%);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .g-header__inner {
    transform: scale(0.9);
  }

  /* states */
  html[class*="ui-state-nav-opened"] .g-header {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: all;
  }

  /* fix for mobile behaviors */
  html[class*="ui-state-nav-opened"] .mobile-line-cta,
  html[class*="ui-state-nav-opened"] .neon-dots-line {
    position: absolute;
    z-index: -1;
  }
}

@media all and (min-width: 1024px) {
  /* Hide scrollbar for Chrome and Safari */
  .g-header::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for Firefox */
  .g-header {
    scrollbar-width: none;
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  .g-header::-webkit-scrollbar {
    display: none; /* For older versions of Chrome and Safari */
  }
}

@media all and (min-width: 1700px) {
  /* .g-header {
    height: inherit;
  } */

  .g-header__inner {
    padding-bottom: 2.5vw;
    padding-top: 2vw;
  }
}

/* g-nav
************************************************/
.g-nav__list {
  display: grid;
  gap: min(5.5vw, 24px);
  position: relative;
}

.g-nav__list > li {
  position: relative;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.g-nav__list > li::before {
  content: "●";
  position: relative;
  top: -2px;
  margin-right: 12px;
  font-size: 8px;
  opacity: 0.5;
}

.g-nav__list > li a {
  text-decoration: none;
}

@media all and (max-width: 1023px) {
  .g-nav__list > li {
    font-size: 15px;
  }
}

/* states / hovers */
@media (hover: hover) {
  .g-nav__list > li.nav-link:hover {
    transition: text-shadow 0.2s ease-out;
  }
  
  .g-nav__list > li.nav-link.is-active,
  .g-nav__list > li.nav-link:hover {
    text-shadow: 0 0 2px var(--wp--preset--color--primary),
    0 0 5px var(--wp--preset--color--primary),
    0 0 10px var(--wp--preset--color--primary),
    0 0 15px var(--wp--preset--color--primary);
  }
  .g-nav__list > li.nav-link:hover::before,
  .g-nav__list > li.nav-link.is-active::before {
    opacity: 1;
  }

  .g-nav__list > li.nav-link a {
    color: currentColor;
  }
}


/* g-cover-bg
************************************************/
.g-cover-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
}

.g-cover-bg .wp-block-cover__background {
  display: none;
}

.g-cover-bg video.wp-block-cover__video-background {
  height: 100vh;
}

/* states */
@media all and (max-width: 1023px) {
  .g-cover-bg {
    display: none;
  }

  html[class*="ui-state-nav-opened"] .g-cover-bg,
  html[class*="ui-state-nav-opened"] .g-cover-bg .wp-block-cover__background {
    display: block;
  }
}



/**************************************************************
* その他の要素
**************************************************************/

/* pagetop-btn
************************************************/
.pagetop-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--primary);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5),
              0 0 2px 2px rgba(0, 0, 0, 0.5),
              0 0 4px 4px var(--wp--preset--color--custom-primary-opacity-mode);
}

[class*="ui-state-nav-opened"] .pagetop-btn {
  display: none;
}

.pagetop-btn__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pagetop-btn__link::after {
  content: "";
  position: relative;
  top: 1.75px;
  width: 5px;
  height: 5px;
  pointer-events: none;
  border-top: 1px solid var(--wp--preset--color--primary);
  border-right: 1px solid var(--wp--preset--color--primary);
  transform: rotate(-45deg);
}

@media all and (min-width: 1024px) {
  .pagetop-btn {
    width: 50px;
    height: 50px;
  }

  .pagetop-btn__link::after {
    top: 2.5px;
    width: 10px;
    height: 10px;
    border-radius: 0.1rem;
    border-width: 2px;
  }
}

/* hover */
@media (hover: hover) {
  .pagetop-btn {
    transition: background 0.15s ease;
  }

  .pagetop-btn:hover {
    background-color: var(--wp--preset--color--primary);
  }

  .pagetop-btn__link:hover::after {
    border-color: var(--wp--preset--color--background);
  }
}


/* scrolldown-indicator
************************************************/
.scrolldown-indicator {
  position: absolute;
  bottom: 10%;
  right: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 10px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}

.scrolldown-indicator__txt {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 10px;
  line-height: 2.75;
  color: var(--wp--preset--color--secondary);
}

.scrolldown-indicator__line {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.5px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--wp--preset--color--secondary);
  transform-origin: 0 0;
}

@media all and (min-width: 1024px) {
.scrolldown-indicator {
  bottom: 20%;
  left: 0;
  right: 0;
}
}

/* animations */
.scrolldown-indicator__line {
  animation: stretching-effect 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  will-change: animation, clip-path;
}

@keyframes stretching-effect {
  0% {
    clip-path: inset(0 0 100% 0);
    bottom: 5%;
  }
  40%, 60% {
    clip-path: inset(0 0 0 0);
    bottom: 0;
  }
  100% {
    clip-path: inset(100% 0 0 0);
    bottom: -5%;
  }
}


/* vertical-scrolling-txt
********************************/
.vertical-scrolling-txt {
  display: none;
  pointer-events: none;
}

@media all and (min-width: 1200px) {
  .vertical-scrolling-txt {
    position: fixed;
    top: 0;
    z-index: 9;
    display: block;
    width: 4.166%;
    max-width: 80px;
    height: 100vh;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
  }
  .vertical-scrolling-txt[class*="--left-side"] {
    left: 1.25%;
  }
  .vertical-scrolling-txt[class*="--right-side"] {
    right: 1.25%;
  }

  .vertical-scrolling-txt__body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    writing-mode: vertical-rl;
    word-break: break-all;
    white-space: nowrap;
    font-family: var(--alphabetic-font);
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .vertical-scrolling-txt[class*="--left-side"] .vertical-scrolling-txt__body {
    text-shadow: 0 0 5px var(--wp--preset--color--secondary),
                 0 0 10px var(--wp--preset--color--secondary);
    
  }
  .vertical-scrolling-txt[class*="--right-side"] .vertical-scrolling-txt__body {
    text-shadow: 0 0 5px var(--wp--preset--color--primary),
                 0 0 10px var(--wp--preset--color--primary);
  }

  /* animations */
  .vertical-scrolling-txt[class*="--left-side"] .vertical-scrolling-txt__body {
    transform: translateY(100%);
    animation: vertical-left-side-scrolling-txt-fx 60s linear infinite;
  }
  .vertical-scrolling-txt[class*="--right-side"] .vertical-scrolling-txt__body {
    transform: translateY(-100%);
    animation: vertical-right-side-scrolling-txt-fx 60s linear infinite;
  }

  @keyframes vertical-left-side-scrolling-txt-fx {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(-100%);
    }
  }

  @keyframes vertical-right-side-scrolling-txt-fx {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(100%);
    }
  }
}


/* hamburger-*
********************************/
.hamburger {
  position: fixed;
  top: 2.75%;
  right: 5%;
  z-index: 999;
  width: 40px;
  height: 30px;
  display: block;
}

.hamburger-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  color: var(--wp--preset--color--foreground);
}

.hamburger-btn > span {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: currentColor;
  /* box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5),
              0 0 2px 2px rgba(0, 0, 0, 0.5),
              0 0 4px 4px var(--wp--preset--color--custom-primary-opacity-mode); */
  box-shadow: 0 0 6px 6px var(--wp--preset--color--custom-primary-opacity-mode);
}

.hamburger-btn > span:nth-child(1) {
  transform: translateY(-15px);
}

.hamburger-btn > span:nth-child(3) {
  transform: translateY(15px);
}

@media all and (min-width: 1024px) {
  .hamburger {
    display: none;
  }
}

/* hovers / states */
.hamburger-btn > span:nth-child(1),
.hamburger-btn > span:nth-child(2) {
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger-btn > span:nth-child(3) {
  transition: all 0.2s ease-out;
  transition-delay: 0.05s;
}

@media (hover: hover) {
  .hamburger-btn {
    transition: color 0.3s;
  }

  .hamburger-btn:hover {
    color: var(--wp--preset--color--foreground);
  }

  html[class*="ui-state-nav-opened"] .hamburger-btn {
    color: var(--wp--preset--color--background);
  }

  .hamburger-btn:hover > i:before,
  .hamburger-btn:hover > i:after {
    transform: translateY(0) scaleX(1);
    filter: blur(0.5px);
  }
}

/* states */
html[class*="ui-state-nav-opened"] .hamburger-btn > span {
  box-shadow: 0 0 6px 6px transparent;
}

html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(1) {
  transform-origin: center;
  transform: translateY(0) rotateZ(-135deg) scaleX(0.75);
  filter: blur(0);
}

html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(2) {
  transform-origin: center;
  transform: scaleX(0);
  filter: blur(0);
}

html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(3) {
  transform-origin: center;
  transform: translateY(0) rotateZ(135deg) scaleX(0.75);
  filter: blur(0);
}


/* mobile-line-cta
********************************/
.mobile-line-cta {
  position: fixed;
}

@media all and (min-width: 1024px) {
  .mobile-line-cta {
    display: none;
  }
}


/* .neon-box
************************************************/
.neon-box {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.neon-box__neon-line {
  position: absolute;
  background: rgba(255, 255, 255, 1);
}
.neon-box__neon-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: blur(5px) brightness(150%);
}

.neon-box__neon-line:nth-child(1),
.neon-box__neon-line:nth-child(3) {
  width: 100%;
  height: 2px;
}
.neon-box__neon-line:nth-child(1)::after,
.neon-box__neon-line:nth-child(4)::after {
  background: var(--wp--preset--color--secondary);
  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05) inset,
              0px 0px 2px 2px var(--wp--preset--color--secondary),
              0px 0px 2px 2px var(--wp--preset--color--secondary);
}

.neon-box__neon-line:nth-child(2),
.neon-box__neon-line:nth-child(4) {
  width: 2px;
  height: 100%;
}
.neon-box__neon-line:nth-child(2)::after,
.neon-box__neon-line:nth-child(3)::after {
  background: var(--wp--preset--color--primary);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.05) inset,
              0px 0px 1px 1px var(--wp--preset--color--primary),
              0px 0px 2px 2px var(--wp--preset--color--primary);
}

.neon-box__neon-line:nth-child(1) {
  top: 1px;
  left: 2px;
  background: linear-gradient(to right, transparent, #ffffff);
}

.neon-box__neon-line:nth-child(2) {
  top: 0;
  right: 2px;
  background: linear-gradient(to bottom, transparent, #ffffff);
}

.neon-box__neon-line:nth-child(3) {
  bottom: 0;
  left: -2px;
  background: linear-gradient(to left, transparent, #ffffff);
}

.neon-box__neon-line:nth-child(4) {
  bottom: 1px;
  left: 0;
  background: linear-gradient(to top, transparent, #ffffff);
}

/* animations */
.neon-box__neon-line:nth-child(1),
.neon-box__neon-line:nth-child(2),
.neon-box__neon-line:nth-child(3),
.neon-box__neon-line:nth-child(4) {
  will-change: animate;
}

.neon-box__neon-line:nth-child(1) {
  animation: animate1 2s linear infinite;
  animation-delay: 1s;
}
.neon-box__neon-line:nth-child(2) {
  animation: animate2 2s linear infinite;
  animation-delay: 1s;
}
.neon-box__neon-line:nth-child(3) {
  animation: animate3 2s linear infinite;
}
.neon-box__neon-line:nth-child(4) {
  animation: animate4 2s linear infinite;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(calc(100% - 2px));
    opacity: 0;
  }
}

@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(calc(100% - 2px));
  }
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(calc(-100% - 2px));
    opacity: 0;
  }
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(calc(-100% - 2px));
  }
}


/* neon-dots-line
********************************/
.neon-dots-line {
  display: flex;
  justify-content: space-evenly;
  padding-top: 20px;
  padding-bottom: 20px;
}

.neon-dots-line > span {
  display: block;
  width: 10px;
  height: 10px;
  justify-content: space-evenly;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
}

/* animations */
.neon-dots-line > span {
  animation: quick-glow 1s infinite linear;
  will-change: filter, box-shadow;
}

.neon-dots-line > span:nth-child(1)  { animation-delay: 0.05s; }
.neon-dots-line > span:nth-child(2)  { animation-delay: 0.1s; }
.neon-dots-line > span:nth-child(3)  { animation-delay: 0.15s; }
.neon-dots-line > span:nth-child(4)  { animation-delay: 0.2s; }
.neon-dots-line > span:nth-child(5)  { animation-delay: 0.25s; }
.neon-dots-line > span:nth-child(6)  { animation-delay: 0.3s; }
.neon-dots-line > span:nth-child(7)  { animation-delay: 0.35s; }
.neon-dots-line > span:nth-child(8)  { animation-delay: 0.4s; }
.neon-dots-line > span:nth-child(9)  { animation-delay: 0.45s; }
.neon-dots-line > span:nth-child(10) { animation-delay: 0.5s; }
.neon-dots-line > span:nth-child(11) { animation-delay: 0.55s; }
.neon-dots-line > span:nth-child(12) { animation-delay: 0.6s; }
.neon-dots-line > span:nth-child(13) { animation-delay: 0.65s; }
.neon-dots-line > span:nth-child(14) { animation-delay: 0.7s; }
.neon-dots-line > span:nth-child(15) { animation-delay: 0.75s; }
.neon-dots-line > span:nth-child(16) { animation-delay: 0.8s; }
.neon-dots-line > span:nth-child(17) { animation-delay: 0.85s; }
.neon-dots-line > span:nth-child(18) { animation-delay: 0.9s; }


@keyframes quick-glow {
  25% {
    z-index: 99;
    background: #FF2995;
    box-shadow: 0 0 5px 5px #FF2995;
    filter: brightness(300%);
  }
}


/* nav-links
********************************/

/* hovers */
@media (hover: hover) and (min-width: 1024px) {
  .nav-links > li,
  .nav-links > li.is-current {
    position: relative;
    transition: all 0.3s ease-out;
    transition-delay: 0.15s;
  }

  .nav-links > li:hover,
  .nav-links > li.is-current {
    display: block;
    /* transform: translateY(-5px); */
  }
}



/**************************************************************
* HERO
**************************************************************/
.hero-cover .wp-block-cover__background {
  display: none;
}

/* Zoom 180% */
@media all and (min-width: 768px) and (max-height: 700px) {
  .hero {
    height: 160svh;
  }
}



/**************************************************************
* WELCOME
**************************************************************/
.welcome .wp-block-heading {
  position: relative;
}
.welcome .wp-block-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);
}


/**************************************************************
* SNS
**************************************************************/

/* youtube
********************************/
.youtube {
  margin-top: 40px;
}

.youtube .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



/**************************************************************
* ステート周り
**************************************************************/

/* nav-links
********************************/
@media all and (max-width: 1023px) {
  html[class*="ui-state-nav-opened"] .nav-links > li {
    overflow: hidden;
  }

  .nav-links > li {
    display: block;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    transition-delay: 0.6s;
  }

  html[class*="ui-state-nav-opened"] .nav-links > li {
    opacity: 1;
    transform: translateY(0);
  }

  .nav-entry-btn {
    opacity: 0;
    transition: opacity 0.3s ease;
    transition-delay: 0.8s;
  }

  html[class*="ui-state-nav-opened"] .nav-contact-btn {
    opacity: 1;
  }
}


/* js-acc
********************************/
.js-acc .wp-block-heading::before,
.js-acc .wp-block-heading::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.5%;
  margin: auto;
  width: 10px;
  height: 2px;
  background: #ffffff;
}

.js-acc .wp-block-heading::after {
  transform: rotatez(92deg) scale(1);
  transition: transform 0.3s ease;
}
.js-acc.is-unfolded .wp-block-heading::after {
  transform: rotate(0deg) scale(1);
}

.js-acc > .acc-body {
  height: 0;
  min-height: 0;
  visibility: hidden;
  opacity: 0;
}

.js-acc.is-unfolded > .acc-body {
  height: 100%;
  min-height: 50vh;
  padding-top: 40px;
  visibility: visible;
  opacity: 1;
}

.js-acc > .acc-body {
  transition: all 0.3s ease-out;
}