.mv-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: #fcfcfc; display: flex; justify-content: center; align-items: center; z-index: 1; }
.mv-loading .mv-loading-icon { width: 120px; opacity: 0.5; animation: mvLoadingIconMotion 0.5s linear 0s infinite; }
@keyframes mvLoadingIconMotion { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }
.mv-loading .mv-loading-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }
@keyframes mvLoadingFadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.mv-loading.fadeOut { animation: mvLoadingFadeOut 0.5s linear 0s forwards; }

#animation_container { position: absolute; margin: auto; left: -100%; right: -100%; top: -100%; bottom: -100%; }

#mv { overflow: hidden; }

.mv-container { position: relative; }
.mv-container .mv-slide-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; }
.mv-container .mv-slide-wrap.active { pointer-events: auto; }
.mv-container .mv-slide-wrap.active #mv-slide .slick-dots { bottom: 15px; }
.mv-container .mv-slide-wrap #mv-slide { margin-bottom: 0 !important; }
.mv-container .mv-slide-wrap #mv-slide .slick-dots { bottom: -25px; transition: bottom 1s ease-out 0s; }
.mv-container .mv-slide-wrap #mv-slide .slick-dots li { width: auto; height: auto; }
.mv-container .mv-slide-wrap #mv-slide .slick-dots li button { width: auto; height: auto; }
.mv-container .mv-slide-wrap #mv-slide .slick-dots li button::before { display: none; }
.mv-container .mv-slide-wrap #mv-slide .slick-dots li button::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: white; border: 2px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.mv-container .mv-slide-wrap #mv-slide .slick-dots li.slick-active button::after { background-color: #9d7e37; }
.mv-container .mv-slide-wrap #mv-slide .cell { width: 100%; position: relative; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner { width: 100%; padding-bottom: 62.5%; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .pc-size { display: block; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .sp-size { display: none; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner img { width: 100%; height: auto; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .mv2-visual { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 80% center; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .mv2-copy { position: absolute; top: 30%; left: 5%; width: 45%; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .mv2-copy img { opacity: 0; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .note-wrap { position: absolute; bottom: 0px; left: 0px; width: 25%; padding: 0.2rem 0.5rem; }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .note-wrap::before { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; display: block; background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 66%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 66%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 66%, rgba(0, 0, 0, 0) 100%); }
.mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .note-wrap .none { position: relative; font-size: 1.2vw; color: #fff; }
.mv-container .mv-slide-wrap #mv-slide .cell.active .cell-inner .mv2-copy img { animation: mv2CopyMotion 2s cubic-bezier(0.13, 0.62, 0.58, 1) 0s forwards; }
@keyframes mv2CopyMotion { 0% { opacity: 0; transform: scale(1.1, 1.1); }
  100% { opacity: 1; transform: scale(1, 1); } }
@media screen and (max-width: 600px) { .mv-container .mv-slide-wrap #mv-slide .cell .cell-inner { padding-bottom: 121.25%; }
  .mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .pc-size { display: none; }
  .mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .sp-size { display: block; }
  .mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .mv2-copy { top: 5.2%; left: 50%; transform: translateX(-50%); width: 80%; height: auto; display: block; }
  .mv-container .mv-slide-wrap #mv-slide .cell .cell-inner .note-wrap .none { font-size: 2vw; } }

.mv-inner { position: relative; width: 100%; padding-bottom: calc(800 / 1280 * 100%); }
.mv-inner .mv-inview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
@media screen and (max-width: 600px) { .mv-inner { padding-bottom: calc(800 / 660 * 100%); } }