/* CSS Document */


#fv {
	position: relative;
}
#fv::before {
	content: '';
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #045D94;
  position: absolute;
  top: 70px;
  left: -60px;
	z-index: 9;
}
#fv img {
	max-width: unset;
	position: relative;
  right: 35px;
}
#fv p {
  position: absolute;
  width: 51px;
  display: flex;
	flex-direction: row-reverse;
  gap: 15px;
}
#fv p img {
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,.2));
}
#fv p:nth-of-type(1) {
  align-items: flex-start;
  top: 280px;
  left: 505px;
}
#fv p:nth-of-type(2) {
  align-items: flex-end;
	bottom: 20px;
	right: 80px;
}





#fv .slider {
	opacity: 0;
	transition: opacity .25s ease;
	min-height: 400px;
	margin: 0;
}
#fv .slider .slick-slide {
	line-height: 0;
}
#fv .slider .slick-slide img {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	object-fit: cover;
	/*aspect-ratio: 16/9;*/
}
#fv .slider.slick-initialized { opacity: 1;}
#fv .slick-dots { bottom: 15px;}
#fv .slick-prev,
#fv .slick-next { z-index: 1; height: auto;}
#fv .slick-prev { left: 25px;}
#fv .slick-next { right: 25px;}
#fv .slick-prev::before,
#fv .slick-next::before { content: url("/module/img/arrow.svg"); display: block;}
#fv .slick-prev::before { transform: scaleX(-1);}

#fv .sliderNav { opacity: 0; transition: opacity .25s ease; height: 0;}
#fv .sliderNav.slick-initialized { opacity: 1; height: auto;}
#fv .sliderNav .slick-track::before,
#fv .sliderNav .slick-track::after { content: none;}
#fv .sliderNav .slick-slide {
	cursor: pointer;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: .8;
	width: 33.3% !important;
	padding: 3px;
	box-sizing: border-box;
}
#fv .sliderNav .slick-slide:hover,
#fv .sliderNav .slick-slide.slick-current { filter: none; opacity: 1;}
#fv .sliderNav .slick-slide img { border-radius: 5px;}




#lead {
	text-align: center;
	margin: 40px 0;
	overflow: hidden;
}
#lead h2 {
	font-size: 150%;
	line-height: 1.6;
}
#lead h2 strong {
	font-weight: 500;
	position: relative;
}
#lead h2 strong::before {
	content: '';
	border-bottom: 12px solid #DFF0F8;
	width: 100%;
  position: absolute;
  bottom: 0;
	z-index: -1;
}
#lead h2 strong em {
	color: #045D94;
}
#lead .discription{
	margin: 30px 0;
}













@media screen and (max-width: 480px) {
  
	#fv img {
		max-width: 100%;
		right: 3%;
	}
	#fv p {
		width: 9%;
		gap: 10px;
	}
	#fv p:nth-of-type(1) {
		top: 36%;
    left: 71%;
	}
	#fv p:nth-of-type(2) {
		bottom: 5px;
		right: 20px;
	}
	#lead .discription {
		text-align: left;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}