@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);#mv,.split-panel{background-color:#000}#mv .mv-overlay img,#mv .mv-wrap img.mv{width:auto;height:100%}body{font-family:"Noto Sans JP",sans-serif}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}#mv,#mv .mv-wrap{position:relative}#loading img{z-index:10001;max-width:800px;width:80%;height:auto;opacity:0;transform:scale(.5);animation:2.8s forwards logoZoom}@keyframes logoFadeOut{to{opacity:0;visibility:hidden}}@keyframes logoZoom{0%{opacity:0;transform:scale(.5)}30%{opacity:1}100%{opacity:1;transform:scale(1)}}@keyframes fadeOut{from{opacity:1}to{opacity:0;visibility:hidden}}.split-panel{position:absolute;top:0;width:50vw;height:100vh;z-index:10000;transition:transform 1s cubic-bezier(.8, 0, .2, 1)}.left-half{left:0}.right-half{right:0}#loading.split-active .left-half{transform:translateX(-100%)}#loading.split-active .right-half{transform:translateX(100%)}#loading.logo-out img{animation:.5s forwards logoFadeOut}#loading.split-active{animation:.5s .9s forwards fadeOut}.scroll-down-indicator{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5)}.scroll-down-indicator .arrow{display:block;width:20px;height:20px;margin-top:5px;position:relative;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-5px) rotate(45deg)}60%{transform:translateY(-2px) rotate(45deg)}}main{opacity:0;transition:opacity 1s}#mv{width:100%;height:100svh;min-height:500px;margin:0 auto;text-align:center}#mv .mv-wrap{width:100%;height:100%}#mv .mv-overlay,#mv .mv-overlay .catch01,#mv .mv-overlay .catch02,#mv .mv-overlay .catch03,#mv .mv-overlay .catch04,#mv .mv-overlay .catch05,#mv .mv-overlay .muryo{position:absolute;right:0;margin:0 auto}#mv .mv-overlay{width:100%;max-width:800px;height:100%;top:0;left:0}#mv .mv-overlay .catch_group{opacity:0;transform:translateY(30px);transition:opacity 1s 0.6s,transform 1s 0.6s}#mv .mv-overlay img{max-width:90%}#mv.active .catch_group{opacity:1;transform:translateY(0)}#mv .mv-overlay .catch01{top:4%;height:14%;left:0;background:rgb(19 18 18 / 50%)}#mv .mv-overlay .catch02{top:28%;height:20%;left:0}#mv .mv-overlay .catch03{top:71%;height:8%;left:0}#mv .mv-overlay .catch04{top:78%;height:14%;left:0}#mv .mv-overlay .catch05{top:83%;height:9%;left:0}#mv .mv-overlay .muryo{top:78%;height:6%;left:-30%;opacity:0;transform:scale(.5) rotate(-10deg);transition:opacity .2s,transform 1s cubic-bezier(.34, 1.56, .64, 1);transition-delay:1s}#mv.active .muryo{opacity:1;transform:scale(1) rotate(0)}#content{background:linear-gradient(to bottom,#7ed6f5 0,#b0e3f1 30%,#f7da64 70%,#f5b642 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100vh}@media screen and (max-width:1000px){#mv .mv-wrap img.mv{width:100%;object-fit:cover}}@media screen and (max-width:600px){#content{background-attachment:scroll;background-size:auto 100%}#mv{min-height:auto}#mv .mv-wrap img{width:100%;object-fit:cover}#mv .mv-overlay .catch01,#mv .mv-overlay .catch05{width:90%;height:auto}#mv .mv-overlay .catch02{width:90%;height:auto;top:30%}#mv .mv-overlay .catch03{width:90%;height:auto;top:72%}#mv .mv-overlay .catch04{width:100%;height:auto;top:78%}#mv .mv-overlay .muryo{top:77%;width:80%;height:auto;right:unset;left:0}.shihan{max-height:50vh}}