@charset "UTF-8";
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
/*.wow { visibility: hidden; opacity: 0;}
.wow.animated { visibility: visible; opacity: 1;}*/
/*.wow {-webkit-backface-visibility:hidden; backface-visibility:hidden;}*/
/* animation
-----------------------------------------------------------------*/
/* line 22, animate.scss */
.clipInLeft { visibility: hidden; opacity: 0; -webkit-animation-name: clipInLeft; animation-name: clipInLeft; animation-fill-mode: forwards; }

@-webkit-keyframes clipInLeft { from { visibility: hidden; opacity: 0; clip-path: inset(0 100% -10px -15px); }
  to { visibility: visible; opacity: 1; clip-path: inset(0 0 -10px -15px); } }
@keyframes clipInLeft { from { visibility: hidden; opacity: 0; clip-path: inset(0 100% -10px -15px); }
  to { visibility: visible; opacity: 1; clip-path: inset(0 0 -10px -15px); } }
/* line 31, animate.scss */
.clipInRight { -webkit-animation-name: clipInRight; animation-name: clipInRight; }

@-webkit-keyframes clipInRight { from { clip-path: inset(0 0 0 100%); }
  to { clip-path: inset(0 0 0 0); } }
@keyframes clipInRight { from { clip-path: inset(0 0 0 100%); }
  to { clip-path: inset(0 0 0 0); } }
/* line 40, animate.scss */
.clipInUp { -webkit-animation-name: clipInUp; animation-name: clipInUp; }

@-webkit-keyframes clipInUp { from { clip-path: inset(100% 0 0 0); }
  to { clip-path: inset(0 0 0 0); } }
@keyframes clipInUp { from { clip-path: inset(100% 0 0 0); }
  to { clip-path: inset(0 0 0 0); } }
/* line 49, animate.scss */
.clipInDown { visibility: hidden; opacity: 0; -webkit-animation-name: clipInDown; animation-name: clipInDown; animation-fill-mode: forwards; }

@-webkit-keyframes clipInDown { from { visibility: hidden; opacity: 0; clip-path: inset(0 0 100% 0); }
  to { visibility: visible; opacity: 1; clip-path: inset(0 0 0 0); } }
@keyframes clipInDown { from { visibility: hidden; opacity: 0; clip-path: inset(0 0 100% 0); }
  to { visibility: visible; opacity: 1; clip-path: inset(0 0 0 0); } }
/* line 61, animate.scss */
.fadeIn { visibility: hidden; opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-fill-mode: forwards; /*-webkit-backface-visibility:hidden; backface-visibility:hidden;*/ }

@-webkit-keyframes fadeIn { from { visibility: hidden; opacity: 0; }
  to { visibility: visible; opacity: 1; } }
@keyframes fadeIn { from { visibility: hidden; opacity: 0; }
  to { visibility: visible; opacity: 1; } }
/* line 75, animate.scss */
.fadeInUp { visibility: hidden; opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-fill-mode: forwards; }

@-webkit-keyframes fadeInUp { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 85, animate.scss */
.fadeInUpS { -webkit-animation-name: fadeInUpS; animation-name: fadeInUpS; opacity: 0; visibility: hidden; animation-fill-mode: forwards; }

@-webkit-keyframes fadeInUpS { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpS { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 95, animate.scss */
.fadeInDownS { -webkit-animation-name: fadeInDownS; animation-name: fadeInDownS; opacity: 0; visibility: hidden; animation-fill-mode: forwards; }

@-webkit-keyframes fadeInDownS { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownS { from { visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* curtain2024Ver */
/* line 108, animate.scss */
.curtain { position: relative; overflow: hidden; }

/* line 109, animate.scss */
.curtain::before, .curtain::after { content: ""; position: absolute; z-index: 10; }

/* line 111, animate.scss */
.curtain::before { background: rgba(0, 145, 223, 0.9); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

/* line 112, animate.scss */
.curtain.play::before { animation: imgBg2 1.1s ease 1 forwards 0.25s; }

/* line 113, animate.scss */
.curtain::after { background: rgba(221, 221, 221, 0.9); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

/* line 114, animate.scss */
.curtain.play::after { animation: imgBg1 1.2s ease 1 forwards 0s; }

/* line 115, animate.scss */
.curtain img { z-index: 0; }

/* line 116, animate.scss */
.curtain.play img { opacity: 0; animation: imgIn 1s ease 1 forwards 0.5s; z-index: 0; }

/* 画像にabsolute中心を使用しているときは下記（.imgY-50）も追記 */
/* line 118, animate.scss */
.curtain.imgY-50.play img { opacity: 0; animation: imgInY-50 1s ease 1 forwards 0.5s; z-index: 0; }

@keyframes imgBg1 { 0% { opacity: 0; width: 100%; height: 100%; transform: translateX(-100%); top: 0; left: 0; }
  8% { opacity: 1; width: 100%; height: 100%; top: 0; left: 0; }
  42% { opacity: 1; width: 100%; height: 100%; top: 0; left: 0; }
  58% { opacity: 1; width: 100%; height: 100%; top: 0; right: 0; }
  92% { opacity: 1; width: 100%; height: 100%; top: 0; right: 0; }
  100% { opacity: 0; width: 100%; height: 100%; transform: translateX(100%); top: 0; right: 0; } }
@keyframes imgBg2 { 0% { opacity: 0; width: 100%; height: 100%; transform: translateX(-100%); top: 0; left: 0; }
  8% { opacity: 1; width: 100%; height: 100%; top: 0; left: 0; }
  42% { opacity: 1; width: 100%; height: 100%; top: 0; left: 0; }
  58% { opacity: 1; width: 100%; height: 100%; top: 0; right: 0; }
  92% { opacity: 1; width: 100%; height: 100%; top: 0; right: 0; }
  100% { opacity: 0; width: 100%; height: 100%; transform: translateX(100%); top: 0; right: 0; } }
@keyframes imgIn { from { opacity: 0; transform: translateX(-100px); }
  to { opacity: 1; transform: translateX(0px); } }
@keyframes imgInY-50 { from { opacity: 0; transform: translateX(-100px) translateY(-50%); }
  to { opacity: 1; transform: translateX(0px) translateY(-50%); } }
/* fadeInIsoVer */
/*.fadein{ opacity: 0; display: block;}
.fadein.play { opacity: 1; transition: 1.5s;}*/
/* テキストバラバラ表示 */
/* line 153, animate.scss */
.textIn { opacity: 0; }

/* line 154, animate.scss */
.textIn.animated { opacity: 1; }

/* line 155, animate.scss */
.textIn small { opacity: 0; }

/* line 156, animate.scss */
.textIn.animated small { animation: textIn 1s ease-out forwards; }

/* line 157, animate.scss */
.textIn.hs.animated small { animation: textIn 1s ease-out forwards; }

@keyframes textIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@media only screen and (max-width: 834px) { /* line 163, animate.scss */
  .textIn { opacity: 1; }
  /* line 164, animate.scss */
  .textIn small { opacity: 1; } }
/* line 171, animate.scss */
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 181, animate.scss */
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 191, animate.scss */
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 202, animate.scss */
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
/* line 218, animate.scss */
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
/* line 234, animate.scss */
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
/* line 244, animate.scss */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* line 245, animate.scss */
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* line 246, animate.scss */
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

/* line 247, animate.scss */
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

/* line 248, animate.scss */
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

/* line 249, animate.scss */
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

/* line 250, animate.scss */
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

/* line 251, animate.scss */
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

/* line 252, animate.scss */
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

/* line 253, animate.scss */
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

/* line 254, animate.scss */
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

/* line 256, animate.scss */
.delay-01s, .delay-01s:before { -webkit-animation-delay: .1s !important; animation-delay: .1s !important; -webkit-transition-delay: .1s !important; transition-delay: .1s !important; }

/* line 257, animate.scss */
.delay-02s, .delay-02s:before { -webkit-animation-delay: .2s !important; animation-delay: .2s !important; -webkit-transition-delay: .2s !important; transition-delay: .2s !important; }

/* line 258, animate.scss */
.delay-025s, .delay-025s:before { -webkit-animation-delay: .25s !important; animation-delay: .25s !important; -webkit-transition-delay: .25s !important; transition-delay: .25s !important; }

/* line 259, animate.scss */
.delay-03s, .delay-03s:before { -webkit-animation-delay: .3s !important; animation-delay: .3s !important; -webkit-transition-delay: .3s !important; transition-delay: .3s !important; }

/* line 260, animate.scss */
.delay-04s, .delay-04s:before { -webkit-animation-delay: .4s !important; animation-delay: .4s !important; -webkit-transition-delay: .4s !important; transition-delay: .4s !important; }

/* line 261, animate.scss */
.delay-05s, .delay-05s:before { -webkit-animation-delay: .5s !important; animation-delay: .5s !important; -webkit-transition-delay: .5s !important; transition-delay: .5s !important; }

/* line 262, animate.scss */
.delay-06s, .delay-06s:before { -webkit-animation-delay: .6s !important; animation-delay: .6s !important; -webkit-transition-delay: .6s !important; transition-delay: .6s !important; }

/* line 263, animate.scss */
.delay-07s, .delay-07s:before { -webkit-animation-delay: .7s !important; animation-delay: .7s !important; -webkit-transition-delay: .7s !important; transition-delay: .7s !important; }

/* line 264, animate.scss */
.delay-08s, .delay-08s:before { -webkit-animation-delay: .8s !important; animation-delay: .8s !important; -webkit-transition-delay: .8s !important; transition-delay: .8s !important; }

/* line 265, animate.scss */
.delay-09s, .delay-09s:before { -webkit-animation-delay: .9s !important; animation-delay: .9s !important; -webkit-transition-delay: .9s !important; transition-delay: .9s !important; }

/* line 266, animate.scss */
.delay-10s, .delay-10s:before { -webkit-animation-delay: 1.0s !important; animation-delay: 1.0s !important; -webkit-transition-delay: 1s !important; transition-delay: 1s !important; }

/* line 267, animate.scss */
.delay-12s, .delay-12s:before { -webkit-animation-delay: 1.2s !important; animation-delay: 1.2s !important; -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important; }

/* line 268, animate.scss */
.delay-15s, .delay-15s:before { -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; -webkit-transition-delay: 1.5s !important; transition-delay: 1.5s !important; }

/* line 269, animate.scss */
.delay-20s, .delay-20s:before { -webkit-animation-delay: 2s !important; animation-delay: 2s !important; -webkit-transition-delay: 2s !important; transition-delay: 2s !important; }