.elementor-kit-6{--e-global-color-primary:#FFBD2A;--e-global-color-secondary:#FCDB92;--e-global-color-text:#202020;--e-global-color-accent:#F05020;--e-global-color-62b0e0d:#FFFFFF;color:var( --e-global-color-text );font-size:15px;font-weight:400;line-height:1.6em;letter-spacing:0.05em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-size:2.6em;font-weight:800;line-height:1.2em;letter-spacing:0.02em;}.elementor-kit-6 h2{font-size:2.2em;font-weight:600;line-height:1.2em;letter-spacing:0.02em;}.elementor-kit-6 h3{font-size:2em;font-weight:600;line-height:1.4em;letter-spacing:0.02em;}.elementor-kit-6 h4{font-size:1.8em;line-height:1.4em;letter-spacing:0.02em;}.elementor-kit-6 h5{font-size:1.6em;line-height:1.2em;letter-spacing:0.02em;}.elementor-kit-6 h6{font-size:1.4em;line-height:1.4em;letter-spacing:0.02em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	overflow-x: hidden;
}
html{
	overflow-x: hidden;
}

.opacity-sty{
    animation: ugoki 3s cubic-bezier(0.1, -0.6, 0.2, 0) infinite alternate;
    animation-delay: 4.1s;
}
.opacity-sty-2{
    animation: ugoki 3s cubic-bezier(0.1, -0.6, 0.2, 0) infinite alternate;
    animation-delay: 4.5s;
}
.opacity-sty-3{
    animation: ugoki 3s cubic-bezier(0.1, -0.6, 0.2, 0) infinite alternate;
    animation-delay: 5s;
}
.opacity-sty-4{
    animation: ugoki 3s cubic-bezier(0.1, -0.6, 0.2, 0) infinite alternate;
    animation-delay: 5.5s;
}

@keyframes ugoki{
    0%{
        opacity: 0;
    }  
    100%{
        opacity: 1;
    }
}

#background-fv:before{
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    z-index: 1;
        animation: blur-anim 3s cubic-bezier(0.42, 0, 1.0, 1.0) infinite;

    animation-direction:alternate;
  animation-fill-mode:forwards;
  animation-play-state:running;
    }

@keyframes blur-anim {
  100% {  filter: blur(20px) };
}

.logo0{
   stroke: #FBB03B;
    fill: none;
    stroke-width: 2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.14s;
    -webkit-animation: DASH 4s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 0.14s;
}

.logo1{
    stroke: #FBB03B;
    fill: none;
    stroke-width: 2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.2s;
    -webkit-animation: DASH 4s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 0.2s;
}

.logo2{
    stroke: #FBB03B;
    fill: none;
    stroke-width:  2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.4s;
    -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 0.6s;
}
.logo3{
       stroke: #FBB03B;
    fill: none;
    stroke-width:  2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.4s;
    -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 0.8s;
}
.logo4{
        stroke: #FBB03B;
    fill: none;
    stroke-width:  2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.4s;
    -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 1.0s;
}
.logo5{
        stroke: #FBB03B;
    fill: none;
    stroke-width:  2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.6s;
    -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 1.2s;
}
.logo6{
        stroke: #FBB03B;
    fill: none;
    stroke-width:  2.5;
    stroke-dasharray:  4000;
    stroke-dashoffset: 4000;
    animation: DASH 1s ease-in-out alternate 0s forwards;
    animation-delay: 0.8s;
    -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
    -webkit-animation-delay: 1.4s;
}

.tategaki{
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.tategaki::before,
.tategaki::after {
    position: absolute;
    width: 20px;
    height: 30px;
    content: '';
}

.tategaki::before {
    border-right: solid 4px;
    border-top: solid 4px;
    border-radius: 0 5px 0 0;
    top: -28px;
    right: -10px;
}

.tategaki::after {
    border-left: solid 4px;
    border-bottom: solid 4px;
    border-radius:0 0 0 5px;
    bottom: -28px;
    left: -16px;
}

@keyframes DASH {
    0% {
        stroke-dashoffset: 4000;
        }
    100% {
        stroke-dashoffset: 0;
        }
    }

@-webkit-keyframes DASH {
    0% {
        stroke-dashoffset: 4000;
    }
    100% {
        stroke-dashoffset: 0;
      }
    }/* End custom CSS */