@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*!
 * 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
 */
/* animation
-----------------------------------------------------------------*/
/* curtain2024Ver */
/* line 18, animate.scss */
.curtain { position: relative; overflow: hidden; }

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

/* line 21, animate.scss */
.curtain::before { background: rgba(36, 41, 80, 0.9); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

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

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

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

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

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

/* 画像にabsolute中心を使用しているときは下記（.imgY-50）も追記 */
/* line 28, 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%); } }
/*.curtain {}
.curtain.play {}
.curtain::before {}
.curtain.play::before { }
.curtain::after { }
.curtain.play::after { }*/
/* curtainWhite */
/*.curtain { display: inline-block; transform: scale(0, 1); transform-origin: left; overflow: hidden;}
.curtain.play { transform: scale(1, 1); transition: 0.1s;}
.curtain::before { content: ""; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; right: 0; z-index: 1; opacity:1; transition: transform 0.9s cubic-bezier(0.75, 0, 0.175, 1) 0.1s; transform: scale(1, 1); transform-origin: right top;}
.curtain.play::before { opacity: 1; transform: scale(0, 1);}
.curtain::after { content: ""; width: 100%; height: 100%; background: rgba(255,255,255, .5); display: block; position: absolute; top: 0; right: 0; z-index: 1; opacity:.8; transition: transform 1.8s cubic-bezier(0.75, 0, 0.175, 1) 0.025s; transform: scale(1, 1); transform-origin: right top;}
.curtain.play::after { opacity: .5; transform: scale(0, 1);}*/
/* curtainWhite */
/*.curtain { display: inline-block; transform: scale(0, 1); transform-origin: left; overflow: hidden;}
.curtain:before { content: ""; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; right: 0; z-index: 1; opacity:1; transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1) 0.2s; transform: scale(1, 1); transform-origin: right top;}
.curtain.play { transform: scale(1, 1); transition: 0.2s;}
.curtain.play:before { opacity: 1; transform: scale(0, 1);}*/
/* curtainBlack */
/*.curtain.blk{}
.curtain.blk:before{ background: #000;}
.curtain.play.blk{}
.curtain.play.blk:before{}*/
/* curtainBlack */
/*.curtain.blk:before{ background: rgba(0,0,0,0.0); transform: translateX(-100%); transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0.2s; }
.curtain.blk.play:before{ background: rgba(0,0,0,1.0); transform: translateX(100%);}*/
/* curtainBG */
/*.curtain.bg{ display: inline-block; transform: scale(0, 1); transform-origin: left; overflow: hidden; }
.curtain.bg:before{ content: ""; width: 100%; height: 100%; background: #fff; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1; opacity:1; transition: transform 1.2s cubic-bezier(0.75, 0, 0.175, 1) 0.5s !important; transform: scale(1, 1); transform-origin: right top; transition-delay:0.5s !important;}
.curtain.bg.play{ transform: scale(1, 1); transition: 0.7s !important; transition-delay:0.5s !important;}
.curtain.bg.play:before{ opacity: 1; transform: scale(0, 1);}*/
/* fadeInIsoVer */
/* line 102, animate.scss */
.fadein { opacity: 0; display: block; }

/* line 103, animate.scss */
.fadein.play { opacity: 1; transition: 1.5s; }

/* テキストバラバラ表示 */
/* line 108, animate.scss */
.textIn { opacity: 0; }

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

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

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

/* line 112, 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 118, animate.scss */
  .textIn { opacity: 1; }
  /* line 119, animate.scss */
  .textIn small { opacity: 1; } }
/*.curtain { position: relative; overflow: hidden; transform-origin: left;}
.curtain:before{ content: ""; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; right: 0; z-index: 1; transform-origin: right; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1); -webkit-animation-name: curtain; animation-name: curtain;}
@-webkit-keyframes curtain { from { opacity: 1; transform: scale(1, 1);} to { opacity: 1; transform: scale(0, 1);}
}
@keyframes curtain { from { opacity: 1; transform: scale(1, 1);} to { opacity: 1; transform: scale(0, 1);}
}*/
/*.curtain { -webkit-animation-name: curtain; animation-name: curtain;}
@-webkit-keyframes curtain {  from { transform: translateX(-100%);} to { transform: translateX(0%);}
}
@keyframes curtain {  from { transform: translateX(-100%);} to { transform: translateX(0%);}
}*/
/* line 150, animate.scss */
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/* line 160, 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 170, 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 180, 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 190, animate.scss */
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUp { 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 fadeInUp { 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 200, animate.scss */
.fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; }

@-webkit-keyframes fadeInUpShort { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpShort { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* line 210, 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 226, 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 242, 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 252, animate.scss */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

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

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

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

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

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

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

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

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

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

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

/* line 264, 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 265, 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 266, 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 267, 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 268, 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 269, 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 270, 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 271, 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 272, 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 273, 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 274, 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 275, 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 276, 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 277, 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; }

@media (print), (prefers-reduced-motion: reduce) { /* line 281, animate.scss */
  .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } }
