:root{--color-background:#f7ecdc;--color-text:#5a3a1e;--spacing-4:clamp(24px, 3vw, 40px);--spacing-6:clamp(36px, 4.5vw, 56px)}body{background:var(--color-background);color:var(--color-text);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}img{width:100%;height:auto;display:block}#mainvisual{margin:0 auto;position:relative;overflow:hidden}#mainvisual:before{content:"";z-index:1;mix-blend-mode:screen;opacity:.35;pointer-events:none;background:linear-gradient(125deg,#ffecbe00 22%,#ffecbed9 38%,#fff4dc99 46%,#ffecbe00 60%);position:absolute;inset:-20%}#mainvisual>h1,#mainvisual>picture~picture{z-index:2;margin:0;position:absolute}#mainvisual>h1{width:24%;top:3%;left:2%}#mainvisual>picture~picture{inset:0}#announce{padding:var(--spacing-6) 0 var(--spacing-4)}#announce>p{margin:0 auto}#announce>p:first-child{width:46vw}#announce>p:last-child{width:18vw;margin-top:var(--spacing-6)}#pv{width:46vw;margin:var(--spacing-6) auto 0}#pv iframe{aspect-ratio:16/9;border:0;width:100%;height:auto;display:block}#announce a{transition:opacity .3s;display:block}#announce a:hover{opacity:.8}#footer{padding:var(--spacing-4) 0;text-align:center;font-size:clamp(.75rem,.73rem + .1vw,.8rem)}#footer>p{margin:0}html.js #mainvisual>picture:first-of-type img{filter:brightness(.25)saturate(.7)}html.js #mainvisual:before{opacity:0;transform:translate(-25%,-25%)}html.js #mainvisual>h1,html.js #mainvisual>picture:nth-of-type(2){opacity:0;transform:translateY(1.5vw)}html.js #announce,html.js #footer{opacity:0}html.js.is-ready #mainvisual:before{animation:2.6s ease-out forwards light-in}html.js.is-ready #mainvisual>picture:first-of-type img{animation:1.6s ease-in-out .6s forwards brighten}html.js.is-ready #mainvisual>h1{animation:.8s ease-out 2s forwards rise}html.js.is-ready #mainvisual>picture:nth-of-type(2){animation:.8s ease-out 2.3s forwards rise}html.js.is-ready #announce,html.js.is-ready #footer{animation:.8s ease-out 2.8s forwards appear}@keyframes light-in{0%{opacity:0;transform:translate(-25%,-25%)}60%{opacity:1;transform:translate(0)}to{opacity:.35;transform:translate(0)}}@keyframes brighten{to{filter:none}}@keyframes rise{to{opacity:1;transform:none}}@keyframes appear{to{opacity:1}}@media (prefers-reduced-motion:reduce){html.js #mainvisual>picture:first-of-type img,html.js.is-ready #mainvisual>picture:first-of-type img{filter:none;animation:none}html.js #mainvisual:before,html.js.is-ready #mainvisual:before{opacity:.35;animation:none;transform:none}html.js #mainvisual>h1,html.js #mainvisual>picture:nth-of-type(2),html.js #announce,html.js #footer,html.js.is-ready #mainvisual>h1,html.js.is-ready #mainvisual>picture:nth-of-type(2),html.js.is-ready #announce,html.js.is-ready #footer{opacity:1;animation:none;transform:none}}@media screen and (width>=640.99px) and (width<=1024.98px){#announce>p:first-child,#pv{width:64vw}#announce>p:last-child{width:30vw}}@media screen and (width<=640.98px){#announce>p:first-child,#pv{width:90vw}#announce>p:last-child{width:60vw}}