#main4 { position: relative; }
#main4 .mv-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
@keyframes mvScreenMotion { 0% { opacity: 1; }
  100% { opacity: 0; } }
#main4 .mv-screen.fadeOut { pointer-events: none; animation: 1s mvScreenMotion 0s forwards; }

.mainslide4 { background-color: #fff; position: relative; width: 100%; margin-bottom: 0px; padding-bottom: calc(820 / 1490 * 100%); }
.mainslide4 .pc-size { display: block; }
.mainslide4 .sp-size { display: none; }
.mainslide4 .mv-copy { width: 38.8888888889%; position: absolute; pointer-events: none; }
.mainslide4 .mv-copy2 { position: absolute; pointer-events: none; width: 30%; max-width: 400px; top: 50%; right: 5%; transform: translate(-100%, -50%); overflow: hidden; transition: 0.3s ease 0s transform; }
.mainslide4 .mv-copy2 img { transform: translateX(100%); transition: 0.3s ease 0s transform; }
.mainslide4 .cell { opacity: 0; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; /* cell-0 */ /* cell-1 */ /* cell-2 */ /* cell-3 */ }
.mainslide4 .cell .cell-inner { position: relative; width: 100%; padding-bottom: calc(820 / 1490 * 100%); }
.mainslide4 .cell .cell-inner img { width: 100%; height: auto; }
.mainslide4 .cell .cell-inner .cap { position: absolute; bottom: 1rem; right: 1rem; }
.mainslide4 .cell .cell-inner .cap.w { color: #fff; text-shadow: 0 0 5px black; }
.mainslide4 .cell .note { padding: 0.5rem; background-color: #fff; }
.mainslide4 .cell.cell-0 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide4 .cell.cell-0 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.mainslide4 .cell.cell-0 .mv-copy { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mainslide4 .cell.cell-0 .mv-copy img { width: 100%; height: auto; filter: drop-shadow(0 0 30px black) drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)); }
@media screen and (max-width: 768px) { .mainslide4 .cell.cell-0 .mv-copy { width: 52.0833333333%; } }
@media screen and (max-width: 500px) { .mainslide4 .cell.cell-0 .mv-copy { width: 87.9432624113%; }
  .mainslide4 .cell.cell-0 .mv-copy img { filter: drop-shadow(0 0 10px black); } }
.mainslide4 .cell.cell-1 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide4 .cell.cell-1 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.mainslide4 .cell.cell-2 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide4 .cell.cell-2 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%; }
.mainslide4 .cell.cell-3 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide4 .cell.cell-3 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: left bottom; opacity: 0; }
.mainslide4 .cell.motion .mv-copy2 { transition-duration: 1s; transition-delay: 1s; transform: translate(0%, -50%); }
.mainslide4 .cell.motion .mv-copy2 img { transition-duration: 1s; transition-delay: 1s; transform: translateX(0%); }
.mainslide4 .cell.motion.cell-0 .mv-visual img { animation: 12s cubic-bezier(0.37, 0.48, 0.78, 1) 0s mvCell0VisualMotion forwards; }
@keyframes mvCell0VisualMotion { 0% { opacity: 1; object-position: 100% 50%; }
  100% { opacity: 1; object-position: 0% 50%; } }
.mainslide4 .cell.motion.cell-1 .mv-visual img { animation: 12s cubic-bezier(0.37, 0.48, 0.78, 1) 0s mvCell1VisualMotion forwards; }
@keyframes mvCell1VisualMotion { 0% { opacity: 1; object-position: 100% 50%; }
  100% { opacity: 1; object-position: 0% 50%; } }
.mainslide4 .cell.motion.cell-2 .mv-visual img { animation: 12s cubic-bezier(0.37, 0.48, 0.78, 1) 0s mvCell2VisualMotion forwards; }
@keyframes mvCell2VisualMotion { 0% { opacity: 1; object-position: 0% 50%; }
  100% { opacity: 1; object-position: 100% 50%; } }
.mainslide4 .cell.motion.cell-3 .mv-visual { overflow: hidden; }
.mainslide4 .cell.motion.cell-3 .mv-visual img { animation: 12s cubic-bezier(0.13, 0.42, 0.54, 1) 0s mvCell3VisualMotion forwards; }
@keyframes mvCell3VisualMotion { 0% { opacity: 0; transform: scale(1.2, 1.2); }
  20% { opacity: 1; }
  100% { opacity: 1; transform: scale(1, 1); } }
.mainslide4.slick-initialized { padding-bottom: 0; }
@media screen and (max-width: 768px) { .mainslide4 .mv-copy { width: 52.0833333333%; }
  .mainslide4 .mv-copy2 { width: 30%; right: 0%; } }
@media screen and (max-width: 500px) { .mainslide4 { padding-bottom: calc(400 / 360 * 100%); }
  .mainslide4 .mv-copy { width: 87.9432624113%; }
  .mainslide4 .mv-copy img { filter: drop-shadow(0 0 10px black); }
  .mainslide4 .mv-copy2 { width: 40%; right: 0px; }
  .mainslide4 .pc-size { display: none; }
  .mainslide4 .sp-size { display: block; }
  .mainslide4 .cell .cell-inner { padding-bottom: calc(400 / 360 * 100%); } }