/**@mixin en1{
	font-family: 'Source Serif 4', serif;
	font-weight: 700;
}**/
/***********************************

top-main

***********************************/
.mainVisual { position: relative; z-index: 1; }
@keyframes mvFadeOutMotion { 0% { opacity: 1; }
  100% { opacity: 0; } }
.mainVisual .img { overflow: hidden; }
.mainVisual .img img { width: 100%; height: auto; }
.mainVisual .img .bright-effect { position: absolute; top: -16%; left: 31.5%; width: 17%; mix-blend-mode: color-dodge; }
.mainVisual .mv-btn-cls { background-color: #585253; color: #fff; width: 6rem; text-align: center; padding: 0.5rem 0; font-size: 1rem; position: absolute; top: 0.25rem; right: 0.25rem; pointer-events: none; opacity: 0; cursor: pointer; }
.mainVisual .mv-btn-cls.active { pointer-events: auto; opacity: 1; }
.mainVisual #mv-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainVisual #mv-video.fadeOut { pointer-events: none; animation: 1s linear 0s mvFadeOutMotion forwards; }
.mainVisual #mv-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #fff; z-index: 10; }
.mainVisual #mv-loading.fadeOut { pointer-events: none; animation: 0.3s linear 0s mvFadeOutMotion forwards; }
.mainVisual #mv-loading ul { display: flex; justify-content: center; }
.mainVisual #mv-loading ul li { width: 4px; height: 4px; border-radius: 50%; margin: 0 2px; opacity: 0.2; background-color: #545454; animation: 1s linear 0s mvLoadingMotion forwards infinite; }
@keyframes mvLoadingMotion { 0% { opacity: 0.2; }
  40% { opacity: 1; }
  80% { opacity: 0.2; }
  100% { opacity: 0.2; } }
.mainVisual #mv-loading ul li:nth-child(1) { animation-delay: 0s; }
.mainVisual #mv-loading ul li:nth-child(2) { animation-delay: 0.1s; }
.mainVisual #mv-loading ul li:nth-child(3) { animation-delay: 0.2s; }
.mainVisual #mv-loading ul li:nth-child(4) { animation-delay: 0.3s; }
.mainVisual #mv-loading ul li:nth-child(5) { animation-delay: 0.4s; }
.mainVisual #mv-loading ul li:nth-child(6) { animation-delay: 0.5s; }
.mainVisual #mv-loading ul li:nth-child(7) { animation-delay: 0.6s; }
.mainVisual #mv-loading ul li:nth-child(8) { animation-delay: 0.7s; }
.mainVisual #mv-loading ul li:nth-child(9) { animation-delay: 0.8s; }
.mainVisual #mv-loading ul li:nth-child(10) { animation-delay: 0.9s; }
.mainVisual .pc-size { display: block; }
.mainVisual .sp-size { display: none; }
.mainVisual.spMode .pc-size { display: none; }
.mainVisual.spMode .sp-size { display: block; }
.mainVisual.spMode .img .bright-effect { top: 16%; left: 66%; width: 35%; }

.video-box video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }