@charset "UTF-8";

/**
 * オリジナルcss
 */

.mainvisual_area_wrap {
	position: relative;
	overflow: hidden;
}

.mainvisual_area_wrap:before {
	padding-top: calc(76900% / 1366);
	display: block;
	content: "";
}

.mainvisual_area {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.mainvisual-main {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

@keyframes zoomUp {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.mainvisual-main .swiper-slide-active .mainvisual_image,
.mainvisual-main .swiper-slide-duplicate-active .mainvisual_image,
.mainvisual-main .swiper-slide-prev .mainvisual_image{
  animation: zoomUp 10s linear 0s 1 normal both;
}

.mainvisual_image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainvisual-sp {
	display: none;
}

.mainvisual_text {
	z-index: 100;
	position: absolute;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	max-width: 1200px;
	width: 100%;
}

.swiper-slide > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1220px) {
	.mainvisual_text {
		width: 90%;
	}
}
@media screen and (max-width:740px){
	.mainvisual_area_wrap:before {
		padding-top: calc(71200% / 375);
	}
	.mainvisual_text {
		font-size: 32px;
	}
	.mainvisual_text img {
		margin-top: 40px;
	}
	
	.mainvisual-main {
		display: none;
	}
	
	.mainvisual-sp {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.mainvisual-sp img {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width:639px){
}
@media screen and (max-width:500px){
}