@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/*$ent:#870C27;
$res:#D0B572;*/
.mainslide2-wrap { overflow: hidden; position: relative; /*&::after{
	content: "";
	display: block;
	width:100%;
	padding-bottom: calc(820 / 1490 * 100%);
}*/ }

.mainslide2 { background-color: #fff; position: relative; width: 100%; margin-bottom: 30px; padding-bottom: calc(820 / 1490 * 100%); }
.mainslide2 .pc-size { display: block; }
.mainslide2 .sp-size { display: none; }
.mainslide2 .cell { opacity: 0; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; /* cell-0 */ /* cell-1 */ /* cell-2 */ }
.mainslide2 .cell .cell-inner { position: relative; width: 100%; padding-bottom: calc(820 / 1490 * 100%); }
.mainslide2 .cell .cell-inner img { width: 100%; height: auto; }
.mainslide2 .cell .cell-inner .cap { position: absolute; bottom: 1rem; right: 1rem; text-shadow: 0 0 5px black; }
.mainslide2 .cell .cell-inner .cap.w { color: #fff; }
.mainslide2 .cell .note { padding: 0.5rem; background-color: #fff; }
.mainslide2 .cell.cell-0 .mv-bg1, .mainslide2 .cell.cell-0 .mv-bg2, .mainslide2 .cell.cell-0 .mv-bg3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.mainslide2 .cell.cell-0 .mv-bg1 { opacity: 0; background-image: url("../img/top/main2/n_s01_bg1.jpg"); }
.mainslide2 .cell.cell-0 .mv-bg2 { top: calc(216 / 820 * 100%); height: calc(385 / 820 * 100%); background-image: url("../img/top/main2/n_s01_bg2.jpg"); opacity: 0; transform: scaleY(0.01); }
.mainslide2 .cell.cell-0 .mv-bg3 { mix-blend-mode: screen; background-image: url("../img/top/main2/n_s01_bg3.jpg"); }
.mainslide2 .cell.cell-0 .mv-visual { position: absolute; bottom: 0; left: 0; width: calc(1200 / 1490 * 100%); height: 100%; mask-image: url("../img/top/main2/n_s01_visual_mask.jpg"); mask-size: cover; mask-position: left bottom; mask-mode: luminance; opacity: 0; transform: translateY(10%); }
.mainslide2 .cell.cell-0 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: left bottom; }
.mainslide2 .cell.cell-0 .mv-logo { top: 7%; right: 8%; position: absolute; width: calc(353 / 1490 * 100%); }
.mainslide2 .cell.cell-0 .mv-copy { top: 36%; right: 3%; position: absolute; width: calc(539 / 1490 * 100%); }
.mainslide2 .cell.cell-0 .mv-badge { bottom: 7%; right: 2%; position: absolute; width: calc(230 / 1490 * 100%); border-radius: 50%; overflow: hidden; font-size: 0; box-shadow: 5px 5px 2px #000; }
.mainslide2 .cell.cell-0 .mv-badge img { position: relative; }
.mainslide2 .cell.cell-0 .mv-badge::after { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background-image: url("../img/top/main2/badge_bright.png"); background-size: cover; transform: translateX(-150%); mix-blend-mode: overlay; animation: mvBadgeMotion 3s ease-out 0s infinite; }
@keyframes mvBadgeMotion { 0% { transform: translateX(-150%); opacity: 1; }
  100% { transform: translateX(150%); opacity: 0; } }
.mainslide2 .cell.cell-1 .cell-inner { background-color: #000; }
.mainslide2 .cell.cell-1 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide2 .cell.cell-1 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%; opacity: 0; }
.mainslide2 .cell.cell-1 .mv-copy { top: 0%; left: 0%; position: absolute; width: 100%; }
.mainslide2 .cell.cell-1 .mv-copy img { filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 10px #000); transform: translateZ(0); }
.mainslide2 .cell.cell-2 .mv-visual { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.mainslide2 .cell.cell-2 .mv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: left bottom; opacity: 0; }
.mainslide2 .cell.cell-2 .mv-copy { top: 0%; left: 0%; position: absolute; width: 100%; }
.mainslide2 .cell.cell-2 .mv-copy img { filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 10px #000); transform: translateZ(0); }
.mainslide2 .cell.cell-2 .mv-acc { bottom: 1rem; right: 0%; position: absolute; width: calc(745 / 1490 * 100%); /*img{
	filter: drop-shadow(0px 0px 5px #000) drop-shadow(0px 0px 10px #000);
	transform: translateZ(0);
}*/ }
.mainslide2 .cell.motion.cell-0 .mv-visual { animation: 2s cubic-bezier(0.1, 0.65, 0.6, 1) 0s mvCell0VisualMotion forwards; }
@keyframes mvCell0VisualMotion { 0% { opacity: 0; transform: translateY(10%); }
  100% { opacity: 1; transform: translateY(0%); } }
.mainslide2 .cell.motion.cell-0 .mv-bg2 { animation: 2s cubic-bezier(0.1, 0.65, 0.6, 1) 0s mvCell0Bg2Motion forwards; }
@keyframes mvCell0Bg2Motion { 0% { opacity: 0; transform: scaleY(0.01); }
  100% { opacity: 1; transform: scaleY(1); } }
.mainslide2 .cell.motion.cell-0 .mv-bg1 { animation: 2s cubic-bezier(0.1, 0.65, 0.6, 1) 0s mvCell0Bg1Motion forwards; }
@keyframes mvCell0Bg1Motion { 0% { opacity: 0; }
  100% { opacity: 1; } }
.mainslide2 .cell.motion.cell-1 .mv-visual img { animation: 10s cubic-bezier(0.37, 0.48, 0.78, 1) 0s mvCell1VisualMotion forwards; }
@keyframes mvCell1VisualMotion { 0% { opacity: 0; object-position: 0% 50%; }
  20% { opacity: 1; }
  100% { opacity: 1; object-position: 100% 50%; } }
.mainslide2 .cell.motion.cell-2 .mv-visual { overflow: hidden; }
.mainslide2 .cell.motion.cell-2 .mv-visual img { animation: 3s cubic-bezier(0.13, 0.42, 0.54, 1) 0s mvCell2VisualMotion forwards; }
@keyframes mvCell2VisualMotion { 0% { opacity: 0; transform: scale(1.2, 1.2); }
  100% { opacity: 1; transform: scale(1, 1); } }
.mainslide2 .slick-dots { font-size: 0; bottom: -21px; }
.mainslide2 .slick-dots li { line-height: 1; border-radius: 50%; width: 1.5rem; height: 1.5rem; }
.mainslide2 .slick-dots li button { width: 1.5rem; height: 1.5rem; border-radius: 50%; padding: 0; }
.mainslide2 .slick-dots li button::before { display: none; }
.mainslide2 .slick-dots li button::after { display: block; content: ""; width: 1.5rem; height: 1.5rem; border-radius: 50%; opacity: 1; background: #fff; border: solid 1px #5F5C5C; transition: .3s; }
.mainslide2 .slick-dots li.slick-active button::after, .mainslide2 .slick-dots li:hover button::after { background: #5F5C5C; }
.mainslide2.slick-initialized { padding-bottom: 0; }
@media screen and (max-width: 500px) { .mainslide2 { padding-bottom: calc(400 / 360 * 100%); }
  .mainslide2 .pc-size { display: none; }
  .mainslide2 .sp-size { display: block; }
  .mainslide2 .cell .cell-inner { padding-bottom: calc(400 / 360 * 100%); }
  .mainslide2 .cell.cell-0 .mv-visual { top: 49%; left: 53%; transform: translate(-50%, -50%); opacity: 1; width: calc(350 / 360 * 100%); height: auto; mask-image: none; }
  .mainslide2 .cell.cell-0 .mv-visual img { width: 100%; height: auto; object-fit: contain; object-position: center bottom; opacity: 0; transform-origin: center bottom; }
  .mainslide2 .cell.cell-0 .mv-bg2 { top: auto; bottom: 0; height: calc(80 / 360 * 100%); background-image: url("../img/top/main2/n_s01_sp_bg2.jpg"); transform-origin: center top; }
  .mainslide2 .cell.cell-0 .mv-bg3 { background-image: url("../img/top/main2/n_s01_sp_bg3.jpg"); }
  .mainslide2 .cell.cell-0 .mv-copy { top: 83%; right: 10%; position: absolute; width: 80%; }
  .mainslide2 .cell.cell-0 .mv-badge { bottom: auto; top: 20%; right: 3%; width: 25%; }
  .mainslide2 .cell.cell-0 .mv-logo { top: 4%; right: auto; left: 50%; position: absolute; width: calc(200 / 360 * 100%); transform: translateX(-50%); }
  .mainslide2 .cell.cell-0 .cap { text-shadow: none; }
  .mainslide2 .cell.cell-0 .cap.w { color: #333; }
  .mainslide2 .cell.cell-1 .mv-copy { left: 3%; width: 94%; }
  .mainslide2 .cell.cell-2 .mv-copy { left: 3%; width: 94%; }
  .mainslide2 .cell.cell-2 .mv-acc { right: 5%; width: 90%; }
  .mainslide2 .cell.motion.cell-0 .mv-visual { animation: none; }
  @keyframes mvCell0VisualMotion { 0% { opacity: 0; transform: scale(1.2, 1.2); }
    100% { opacity: 1; transform: scale(1, 1); } }
  .mainslide2 .cell.motion.cell-0 .mv-visual img { animation: 2s cubic-bezier(0.1, 0.65, 0.6, 1) 0s mvCell0VisualMotion forwards; } }