.mv-space-cls{width:100%;height:100svh;pointer-events:none}.mv-space-cls#scene01-space{height:50svh}.mv-space-cls#scene02-space{height:150svh}.mv-space-cls#scene04-space{margin-top:20svh;height:100svh}.mv-space-cls#scene05-space{margin-top:50svh;height:100svh}.mv-space-cls#scenelast-space{height:200svh;margin-bottom:-175svh}@media screen and (max-width: 768px){.mv-space-cls#scene02-space{height:50svh}.mv-space-cls#scene04-space{margin-top:30svh;height:50svh}}.main-visual{width:100%;margin:0 auto;position:relative;z-index:-1;overflow:hidden;position:fixed;top:0;left:0}.main-visual .main-visual-inner{width:100%;height:100svh;position:relative;overflow:hidden;background-color:#2e2200}.main-visual .mv-scene-cls{position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden;opacity:0;transition:opacity 1s ease 0s}.main-visual .mv-scene-cls .mv-item{position:absolute}.main-visual .mv-scene-cls .note{position:absolute;bottom:calc(40px + 1rem);right:1.5rem;color:#fff;text-shadow:0 0 3px #000, 0 0 3px #000, 0 0 3px #000}.main-visual .mv-scene-cls.active{opacity:1}.main-visual .mv-scene01{z-index:2;mix-blend-mode:screen;opacity:1;pointer-events:none}.main-visual .mv-scene01 .scene01-visual{top:50%;left:50%;width:30%;max-width:280px;height:60svh;transform:translate(-50%, -50%)}.main-visual .mv-scene01 .scene01-visual img,.main-visual .mv-scene01 .scene01-visual video{width:100% !important;height:100% !important;object-fit:contain;object-position:center center;pointer-events:none}.main-visual .mv-scene01 .scene01-visual img{display:none}.main-visual .mv-scene01 .scene01-visual.novideo video{display:none}.main-visual .mv-scene01 .scene01-visual.novideo img{display:block}.main-visual .mv-scene02{z-index:1}.main-visual .mv-scene02 .scene02-visual{width:100%;height:100%}.main-visual .mv-scene02 .scene02-visual img{margin-left:-0%;max-width:none !important;width:100% !important;height:100% !important;object-fit:cover;object-position:bottom center}.main-visual .mv-scene04{z-index:1}.main-visual .mv-scene04 .scene04-visual{width:175%;height:150%;top:0;left:-7%;position:absolute}.main-visual .mv-scene04 .scene04-visual img{width:100% !important;height:100% !important;object-fit:cover;object-position:50% 50%}.main-visual .mv-scene05{opacity:0;z-index:4;mix-blend-mode:multiply}.main-visual .mv-scene05.active{opacity:1;transition:opacity 0.5s ease 0s}.main-visual .mv-scene05 .scene05-logo{top:50%;left:50%;width:30%;max-width:280px;height:60svh;transform:translate(-50%, -50%);z-index:4}.main-visual .mv-scene05 .scene05-logo img{width:100% !important;height:100% !important;object-fit:contain;object-position:center center;pointer-events:none}.main-visual .mv-scene06{z-index:2;opacity:0;background-color:#fff}.main-visual .mv-scene06 .scene06-visual{top:-0%;left:-40%;position:absolute;width:140%;height:100%}.main-visual .mv-scene06 .scene06-visual img{width:100% !important;height:100% !important;object-fit:cover;object-position:0% 100%}@media screen and (max-width: 834px){.main-visual #scene03-space{height:300svh}.main-visual .mv-scene-cls{max-height:800px}.main-visual .main-visual-inner{max-height:800px}}@media screen and (max-width: 768px){.main-visual .mv-scene06 .scene06-visual{margin-left:-60%}}@media screen and (max-width: 768px){.main-visual .mv-scene-cls{top:0}.main-visual .mv-scene-cls .note{bottom:1rem}.main-visual .mv-scene-cls{max-height:700px;height:calc(100svh - 53px)}.main-visual .main-visual-inner{max-height:700px;height:calc(100svh - 53px)}.main-visual .mv-scene01 .scene01-visual{width:50%;max-width:300px;height:70vw}.main-visual .mv-scene04 .scene04-visual img{width:120% !important;object-position:40% 50%}.main-visual .mv-scene05 .scene05-logo{width:50%;max-width:300px;height:70vw}.main-visual .mv-scene06 .scene06-visual img{max-width:none !important;width:160% !important;height:100% !important;object-position:20% 100%;margin-left:23%}}.scroll-mv-wrap{backdrop-filter:blur(10px);border-radius:2px;padding:2rem 3rem 2rem 1.5rem;position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:3}.scroll-mv-wrap .scroll{position:relative;padding-bottom:0}.scroll-mv-wrap .scroll .icon{position:absolute;width:7rem;top:50%;left:50%;transform:translateX(calc(-50% + 1.5rem));animation:none}.scroll-mv-wrap .scroll .icon img{transform:rotate(90deg);filter:brightness(2)}@media screen and (max-width: 768px){.scroll-mv-wrap{right:1rem}}@media screen and (max-width: 768px){.header-inner{background-color:#fff}}
