html {
  scroll-behavior: smooth;
}

.biz-udpgothic-regular {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1,h2,h3,h4{
  font-family: "Noto Sans JP", sans-serif;
}

.bTtlS.type6 .inner {
  border-bottom: none;
}

/*--- JS -------------------------------------------------*/
.fadeIn {
  opacity: 0;
  visibility: hidden;
  transform: translateX(0px);
  transition: all 1s;
}
.fadeIn.moveon {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}


.fade {
  opacity: 0;
}
.fade {
animation-name:fadeInAnime;
animation-duration: 2.5s;
animation-fill-mode:forwards;
animation-delay: 1s;
opacity: 0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}




/* ---------------------フッターcss----------------------- */
.footer-link-list {
  line-height: 2;
  letter-spacing: 0.08em;
}
.footer-link-list a,
.footer-link-list a:link,
.footer-link-list a:visited,
.footer-link-list a:active {
  color: #fff !important;
  text-decoration: none !important;
  transition: opacity 0.3s ease;
}
.footer-link-list a::before {
  content: "›";
  margin-right: 8px;
  color: #fff;
}
.footer-link-list a:hover {
  color: #fff !important;
  text-decoration: none !important;
  opacity: 0.8;
}
#footerAreaSection {
  padding: 20px;
}




/*jsアニメーション ページ切り替え*/
.page-animate::before {
 content: '';
 position: fixed;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: url("/global-data/20260513114836506.svg"),
                  linear-gradient(#478ad6, #014a93);
 background-repeat: no-repeat, no-repeat;
 background-position: center, center;
 background-size: 20% auto, cover;
 z-index: 9999;
 pointer-events: none;
 transition: top 2s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-animate::after {
 content: '';
 position: fixed;
 bottom: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background-image: url("/global-data/20260513114836506.svg"),
                  linear-gradient(#478ad6, #014a93);
 background-repeat: no-repeat, no-repeat;
 background-position: center, center;
 background-size: 20% auto, cover;
 z-index: 9999;
 pointer-events: none;
 transition: bottom 2s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-animate.is-slide-in::before {
 top: 0;
}
.page-animate.is-slide::after {
 bottom: 0;
}



/* ページタイトル */
.pagetittle {
  position: relative;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #478ad6 0%, #014a93 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}


/* 送信ボタン */
.extMdlFormGnrtrBtn input.extBtnNext, .extMdlFormGnrtrBtn input.extBtnSend, .extMdlFormGnrtrSP .extMdlFormGnrtrBtn input.extBtnNext, .extMdlFormGnrtrSP .extMdlFormGnrtrBtn input.extBtnSend {
  background-color: #005bac;
}







