@charset "UTF-8";
/* CSS Document */

#pageWrap .lead {
	text-align: center;
	padding:1em 0;
	font-size: 18px;
	margin-bottom: 1em;
}
.thumbnail {
	width: 100%;
	max-width: 600px;
	padding-top: 20px;
}
.thumbnail .slick-track .slick-slide {
	width: 24%;
	background: rgb(0,122,149);
background: linear-gradient(90deg, rgba(0,122,149,1) 0%, rgba(14,99,128,1) 50%, rgba(27,78,109,1) 100%);
	color: #fff;
		display: flex;
	justify-content: center;
	align-items: center;
	height: 2em;
	font-size: 20px;
	font-size: clamp(14px, 1.5vw, 20px);
	opacity: .3;
	position: relative;
}
.thumbnail .slick-track .slick-slide::after {
	content: "　";
	width: 20px;
	height: 18px;
	position: absolute;
	bottom: 100%;
	left: calc(50% - 10px);
	border-bottom: rgba(14,99,128,1) solid 18px;
	border-left: transparent solid 10px;
border-right: transparent solid 10px;
}
.thumbnail .slick-track .slick-slide.slick-current,
.thumbnail .slick-track .slick-slide:hover{
	opacity: 1;
}
.thumbnail .slick-track {
  transform: unset !important;
	display: flex;
justify-content: center;
align-items: center;
	gap :0px 1%;
}
.thumbnail {
  
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  
}
.thumbnail .slick-list {
	overflow:visible;
}

@media screen and (max-width: 599px) {
	#pageWrap .lead {
    text-align: center;
    font-size: 15px;
    font-size: clamp(14px, 4vw, 16px);
  }

}