@charset "UTF-8";
.hamburger.fix {
	top: 20px;
}
iframe {
	width: 100%;
	margin-bottom: 0;
}
.lead {
	font-size: 1.8em;
	font-weight: normal;
}

.bgbl {
	background: #f0f6fb;
	padding: 60px 70px;
}

.bgbl h4 {
	background: url(../img/top/line01.svg) no-repeat center bottom;
	padding-bottom: 50px;
	margin-bottom: 50px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.sec01 {
	position: relative;
}

#mainImg {
	position: relative;
}

/* #mainImg {
	height: 90vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
} */
#mainImg img{
	width: 100%;
}
#mainImg .slideCont{
	background: url(../img/top/imgMain01.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	position: relative;
	z-index: 1;
	height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 2.75rem;
	flex-direction: column;
	line-height: normal;
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
}
#mainImg .slideCont span {
	font-size: 0.8em;
	display: block;
}
#mainImg .slideCont.slide02 {
	background: url(../img/top/imgMain02.jpg) no-repeat center center;
	background-size: cover;
}
#mainImg .slideCont.slide03 {
	background: url(../img/top/imgMain03.jpg) no-repeat center center;
	background-size: cover;
}
/* #mainImg dl {
	position: relative;
	text-align: center;
}
#mainImg dt {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 44px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	line-height: normal;
}
#mainImg dt span {
	font-size: 36px;
	display: block;
} */
#mainImg .slick-dots {
	display: flex;
	justify-content: center;
	gap: 5px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
	#mainImg .slick-dots button{
		border-radius: 100px;
		width: 6px;
		height: 6px;
		margin: 0 5px;
		background: #FFF;
		opacity: 0.6;
		display: block;
		padding: 0;
		text-indent: -9999px;
		border: 0;
	}
	#mainImg .slick-dots .slick-active button{
		background: #ffffff;
		opacity: 1;
	}


	.h2Ph {
		width: 100%;
		height: 600px;
		color: #FFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: url(../img/top/bg01.jpg) center center no-repeat;
		background-size: cover;
	}

.sec01 a:hover,
.sec01 a:hover img{
 opacity: 1 ;
}
	.sec04 .h2Ph {
		background: url(../img/top/bg02.jpg) center center no-repeat;
		background-size: cover;
	}
	@media screen and (max-width:768px) {
		.sec01 {
			position: static;
		}
		#mainImg .slideCont{
			font-size: 1.7em;
		}
		#mainImg img{
			max-width: 250px;
			width: 75%;
		}
		.bgbl {
			padding: 30px;
		}
		figure {
			width: 100%;
		}
		.h2Ph {
			height: 300px;
		}
		
	}