/**@mixin en-ari {
	font-family: 'Bergamo Std', sans-serif;
	font-weight: 300;
    font-style: normal;
}**/
/*
.top-main{
	width:100%;
	position: relative;
	overflow: hidden;
	.main-inner{
		overflow: hidden;
		.main-bg{
			pointer-events: none;
			video{width:100%; height: 100%; object-fit: cover; object-position: center center;}
		}
		.carten-cls{
			width:100%;
			height: 50%;
			background-color: #fff;
			position: absolute;
			left: 0;
			transition: 3s cubic-bezier(0.26, 0.05, 0.29, 1) 0.5s opacity;
			&.carten-over{
				top:0;
				&.active{
					opacity: 0;
				}
			}
			&.carten-under{
				bottom:0;
				&.active{
					opacity: 0;
				}
			}
		}
		
		
		img{width:100%; height: auto;}
		.main-slide1-wrap{
			transform: rotate(-15deg);
			transform-origin: 100% 100%;
			position: absolute;
			top:15%; left: 0;
			width:100%;
			z-index: 2;
		}
		
		.main-slide2-wrap{
			transform: rotate(-15deg);
			transform-origin: 100% 100%;
			position: absolute;
			top:-10%; left: 0;
			width:100%;
			z-index: 1;
		}
		
		.main-slide1,
		.main-slide2{
			position: absolute;
			top:0%; left: 0;
			width:200%;
			height: 100%;
			opacity: 0;
			transform: translateX(-100%);
			&.active{
				@keyframes mainEffectMotion{
					0%{ transform: translateX(-200%); opacity: 0; }
					50%{opacity: 1;}
					100%{ transform: translateX(-70%); opacity: 1; }
				}
				animation: mainEffectMotion 3s cubic-bezier(0.22, 0, 0.27, 1) 0s forwards;
			}
			.slick-list{
				overflow: visible;
			}
		}
		
		.main-slide1{
			.cell{
				margin: 0 5%;
				img{width:100%; height: auto; box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
				&.cell01{transform: rotate(20deg);  .cell-inner{ transform: scale(1.2,1.2);}}
				&.cell02{transform: rotate(-16deg); .cell-inner{ transform: translate(-20%, -10%);}}
				&.cell03{transform: rotate(-5deg);  .cell-inner{ transform: scale(0.9,0.9) translate(-25%, 20%);}}
				&.cell04{transform: rotate(20deg);  .cell-inner{ transform: scale(1.1,1.1) translate(-15%, -20%);}}
				&.cell05{transform: rotate(-12deg); .cell-inner{ transform: scale(0.8,0.8) translateX(20%);}}
				&.cell06{transform: rotate(2deg);   .cell-inner{ transform: scale(1.0,1.0) translateX(20%);}}
				&.cell07{transform: rotate(-16deg);  .cell-inner{ transform: scale(1.2,1.2) translateX(0%);}}
				&.cell08{transform: rotate(-6deg);  .cell-inner{ transform: scale(0.9,0.9) translateX(0%);}}
				&.cell09{transform: rotate(-20deg); .cell-inner{ transform: scale(0.8,0.8) translateX(0%);}}
				&.cell10{transform: rotate(6deg);   .cell-inner{ transform: scale(1.0,1.0) translateX(0%);}}
				&.cell11{transform: rotate(-12deg); .cell-inner{ transform: scale(0.8,0.8) translateX(5%);}}
			}
		}
		
		.main-slide2{
			width:150%;
			.cell{
				margin: 0 10%;
				padding:5%;
				//mix-blend-mode: "overray";
				img{width:100%; height: auto; opacity: 0.5;}
				&.cell01{transform: rotate(20deg);  .cell-inner{ transform: scale(0.4,0.4);}}
				&.cell02{transform: rotate(-16deg); .cell-inner{ transform: scale(0.4,0.4) translate(-20%, -10%);}}
				&.cell03{transform: rotate(-5deg);  .cell-inner{ transform: scale(0.5,0.5) translate(-30%, 50%);}}
				&.cell04{transform: rotate(20deg);  .cell-inner{ transform: scale(0.3,0.3) translate(20%, -30%);}}
				&.cell05{transform: rotate(-12deg); .cell-inner{ transform: scale(0.3,0.3) translateX(20%);}}
				&.cell06{transform: rotate(2deg);   .cell-inner{ transform: scale(0.5,0.5) translateX(20%);}}
				&.cell07{transform: rotate(26deg);  .cell-inner{ transform: scale(0.3,0.3) translateX(0%);}}
				&.cell08{transform: rotate(-6deg);  .cell-inner{ transform: scale(0.3,0.3) translateX(0%);}}
				&.cell09{transform: rotate(-20deg); .cell-inner{ transform: scale(0.4,0.4) translateX(0%);}}
				&.cell10{transform: rotate(6deg);   .cell-inner{ transform: scale(0.5,0.5) translateX(0%);}}
				&.cell11{transform: rotate(-12deg); .cell-inner{ transform: scale(0.3,0.3) translateX(0%);}}
			}
			&.active{
				@keyframes mainEffectMotion2{
					0%{ transform: translateX(-30%); opacity: 0; }
					50%{opacity: 1;}
					100%{ transform: translateX(-60%); opacity: 1; }
				}
				animation: mainEffectMotion2 2s cubic-bezier(0.22, 0, 0.27, 1) 1s forwards;
			}
		}
		
		
		.main-copy1{
			position: absolute;
			bottom: 10%; right: 5%;
			//width:418 / 1430 * 100%;
			opacity: 0;
			transform: translateX(-10%);
			transition: 3s ease-out 6s transform, 3s ease-out 6s opacity;
			z-index: 4;
			p{
				font-size: 7vw;
				font-feature-settings: "palt" 1;
				line-height: 0;
				text-indent: -1vw;
				@include font01;
			}
			&.active{
				opacity: 1;
				transform: translateX(0%);
			}
		}
		.main-copy2{
			position: absolute;
			top:calc(30px + 10%); left:5%;
			width:524 / 1430 * 100%;
			opacity: 0;
			transform: translateX(10%);
			transition: 2s ease-out 3s transform, 2s ease-out 3s opacity;
			z-index: 5;
			p{
				font-size: 1.8vw;
				line-height: 1.5;
				@include font01;
			}
			&.active{
				opacity: 1;
				transform: translateX(0%);
			}
		}
	}
	@media screen and (max-width: 768px) {
		.main-inner{
			.main-bg{
				padding-bottom: 140%;
				video{position: absolute; top:0%; left: 0%;}
			}
			
			.main-slide1-wrap,
			.main-slide2-wrap{
				transform: rotate(-20deg);
				position: absolute;
				top:20%; left: 0;
				width:100%;
			}
			.main-slide2-wrap{
				top:10%;
			}
			
			.main-slide1{
				&.active{
					@keyframes mainEffectMotion{
						0%{ transform: translateX(-200%); opacity: 0; }
						50%{opacity: 1;}
						100%{ transform: translateX(-80%); opacity: 1; }
					}
				}
			}
			
			.main-copy1{
				bottom: 8%; right: -3%;
				p{ font-size:14vw;}
			}
			.main-copy2{
				position: absolute;
				top:7%; right:5%;
				width:45%;
				p{ font-size:4vw;}
			}
		}
	}
}
*/
.mv-container {
  width: 100%; }
  .mv-container video,
  .mv-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0; }
  .mv-container video {
    display: block;
    pointer-events: none; }
  .mv-container .mv-inner {
    width: 100%;
    padding-bottom: 45.8333333333%;
    position: relative; }
  .mv-container .poster-img {
    display: none; }
    .mv-container .poster-img.visible.pc-size {
      display: block; }
    .mv-container .poster-img.visible.sp-size {
      display: none; }
  @media screen and (max-width: 1100px) {
    .mv-container::before {
      content: "";
      width: 100%;
      height: 55px;
      background-color: #D5FCEF;
      display: block;
      margin-top: -30px; } }
  @media screen and (max-width: 768px) {
    .mv-container::before {
      display: none; }
    .mv-container .mv-inner {
      width: 100%;
      padding-bottom: calc(1100 / 976 * 100%); }
    .mv-container .poster-img.visible.pc-size {
      display: none; }
    .mv-container .poster-img.visible.sp-size {
      display: block; } }