@charset "utf-8";

/*-----------------------------------------------------------------
	共通css
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------
	mv
-----------------------------------------------------------------*/

.mv {
	position: relative;
}
.top_slider .slick-slide img {
    height: 100vh;
    margin: auto;
    max-height: 1000px;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.slick-active,
.slick-slide:has(+ .slick-active),
.slick-slide:last-child {
  animation: zoom-in 10s ease-out infinite;  
}

@keyframes zoom-in {
  100% {
    transform: scale(1.3);
  }
}

.mv_box {
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	top: 50%;	
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: auto;
	text-align: center;
	z-index: 100;
}
.mv_box img {
	display: block;
	width: 100%;
	max-width: 550px;
}

.mv_title {
	color: #fff;
	font-size: 60px;
	display: block;
	line-height: 1.6em;
	margin-bottom: 10px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.top_bn {
	width: 584px;
	background-color: #fff;
	border-radius: 20px 0 0 20px;
	position: absolute;
	right: 0;
	bottom: 4%;
	z-index: 100;
	padding: 20px 20px 20px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}

.top_bn_wrap {
	align-items: center;
}
.top_bn_bg {
	font-size: 74px;
	font-weight: bold;
	line-height: 1em;
	color: rgba(36, 84, 140, 0.1);
	position: absolute;
    top: 5px;
	left: 0;
	z-index: 1;
}
.top_bn_title {
	color: #24548C;
	font-size: 24px;
	font-weight: bold;
	background: url("../images/icon_schedule.png") no-repeat;
	background-size: contain;
	padding-left: 1.3em;
}

@media only screen and (max-width: 1100px) {
	.mv_title {
		font-size: 5.455vw;
	}
}

@media only screen and (max-width: 768px) {

	.mv_title {
		font-size: 6vw;
	}

	.top_slider .slick-slide img {
		max-height: 600px;
	}

	.top_bn {
		width: auto;
		padding: 10px 10px 10px;
		box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	}
	.top_bn_bg {
		font-size: 8vw;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 5px;
	}
	.top_bn_title {
		font-size: 20px;
	}
	
	.top_bn_wrap_l {
		padding-right: 30px;
	}

}

@media only screen and (max-width: 550px) {

	.top_slider .slick-slide img {
		max-height: 500px;
	}
	
	.top_bn {
		width: 100%;
		border-radius: 0;
	}

	.top_bn_title {
		font-size: 18px;
	}
	
	.top_bn_wrap_l {
		padding-right: 15px;
	}

}

/*-----------------------------------------------------------------
	top_news
-----------------------------------------------------------------*/

.top_news {
	padding: 0 0 80px;
}

@media only screen and (max-width: 1100px) {
	
	.top_news {
		padding: 0 0 50px;
	}

}

@media only screen and (max-width: 550px) {
	
	.top_news {
		padding: 0 0 30px;
	}

}

/*-----------------------------------------------------------------
	top_group
-----------------------------------------------------------------*/

.top_group {
	width: 90%;
	max-width: 1500px;
	margin: auto;
	border-radius: 10px;
	padding: 10px 50px 50px;
	background: url("../images/bk.jpg") no-repeat bottom;
	background-size: cover;
}

.top_group .group_tbl th,
.top_group .group_tbl td {
	border-bottom: #fff 1px solid;
}

@media only screen and (max-width: 1100px) {
	
	.top_group {
		padding: 10px 30px 30px;
	}

}

@media only screen and (max-width: 620px) {
	
	.top_group {
		padding: 10px 20px 20px;
	}

}

/*-----------------------------------------------------------------
	top_link
-----------------------------------------------------------------*/

.top_link {
	padding: 30px 0 80px;
}

@media only screen and (max-width: 550px) {
	
	.top_link {
		padding: 30px 0 50px;
	}

}