#mv2-container { background-color: #000; }
#mv2-container .mv2-inner { position: relative; width: 100%; overflow: hidden; }
#mv2-container .mv2-inner::before { content: ""; width: 100%; padding-bottom: 59.0277777778%; display: block; }
#mv2-container .mv2-inner .main-logo { position: absolute; top: calc(50% + 50px); left: 50%; transform: translate(-50%, -50%); width: 15%; max-width: 220px; }
@keyframes mainlogoMotion { 0% { opacity: 0; transform: scale(1.2, 1.2); }
  100% { opacity: 1; transform: scale(1, 1); } }
#mv2-container .mv2-inner .main-logo img { width: 100%; height: auto; }
#mv2-container .mv2-inner .main-screen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #29240f; opacity: 0; pointer-events: none; }
#mv2-container .mv2-inner .main-screen .main-logo img { opacity: 0; }
@keyframes mainSceenMotion { 0% { opacity: 0; }
  30% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
#mv2-container .mv2-inner .main-screen.startEffect { animation: mainSceenMotion 4s linear 0s forwards; }
#mv2-container .mv2-inner .main-screen.startEffect .main-logo img { animation: mainlogoMotion 2s cubic-bezier(0.06, 0.56, 0.37, 1) 0s forwards; }

#main02 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s linear 0s opacity; margin-bottom: 0; }
#main02.fadeIn { opacity: 1; }
#main02 .main-slider-cell .cell-inner::before { content: ""; width: 100%; padding-bottom: 59.0277777778%; display: block; }
#main02 .main-slider-cell .cell-visual { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#main02 .main-slider-cell .cell-visual img { width: 100%; height: 100%; object-fit: cover; transition: object-position 3s cubic-bezier(0.01, 0.69, 0.58, 1) 0s; }
#main02 .main-slider-cell .cell-visual img img { object-position: 50% 50%; }
#main02 .main-slider-cell .note { position: absolute; bottom: 10px; right: 10px; text-shadow: 0 0 1rem #000, 0 0 1rem #000; text-align: right; color: #fff; }
#main02 .main-slider-cell.cell-1 .cell-visual img { object-position: 50% 0%; }
#main02 .main-slider-cell.cell-1 .main-logo { filter: drop-shadow(0 0 10px #000) brightness(2); }
#main02 .main-slider-cell.cell-2 .cell-visual img { object-position: 100% 50%; }
#main02 .main-slider-cell.cell-2 .main-logo { mix-blend-mode: color-dodge; }
@keyframes main02cell01motion { 0% { object-position: 50% 100%; }
  100% { object-position: 50% 0%; } }
@keyframes main02cell02motion { 0% { object-position: 100% 50%; }
  100% { object-position: 0% 50%; } }
#main02 .main-slider-cell.is-motion.cell-1 .cell-visual img { animation: main02cell01motion 14s cubic-bezier(0.36, 0.55, 0.58, 1) 0s forwards; }
#main02 .main-slider-cell.is-motion.cell-2 .cell-visual img { animation: main02cell02motion 14s cubic-bezier(0.36, 0.55, 0.58, 1) 0s forwards; }
#main02 .slick-dots { bottom: 1rem; }
#main02 .slick-dots li { width: auto; height: auto; }
#main02 .slick-dots li button { width: auto; height: auto; }
#main02 .slick-dots li button::before { display: none; }
#main02 .slick-dots li button::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: rgba(255, 255, 255, 0); border: 2px solid #fff; display: block; }
#main02 .slick-dots li.slick-active button::after { background-color: white; }

@media screen and (max-width: 768px) { #mv2-container .mv2-inner::before { padding-bottom: 112.5%; }
  #mv2-container .mv2-inner .main-logo { top: 50%; width: 30%; }
  #main02 .main-slider-cell .cell-inner::before { padding-bottom: 112.5%; }
  #main02 .main-slider-cell.cell-1 .cell-visual img { object-position: 50% 50%; }
  @keyframes main02cell01motion { 0% { transform: scale(1.3, 1.3); }
    100% { transform: scale(1, 1); } }
  @keyframes main02cell02motion { 0% { object-position: 70% 50%; }
    100% { object-position: 15% 50%; } }
  #main02 .main-slider-cell.is-motion.cell-1 .cell-visual img { animation: main02cell01motion 12s cubic-bezier(0.36, 0.55, 0.58, 1) 0s forwards; }
  #main02 .main-slider-cell.is-motion.cell-2 .cell-visual img { animation: main02cell02motion 12s cubic-bezier(0.36, 0.55, 0.58, 1) 0s forwards; } }
/*@media screen and (min-width: $s-size) {
	.bread-list{
		top:110px;
	}
}*/
@media screen and (max-width: 768px) { .header-inner { background-color: white; } }