@charset "UTF-8";
body {
	background: url(../images/bg_content.webp) repeat-y center top / 100% auto;
}
.main .visual img {
	width: 100%;
	height: 550px;
	object-fit: cover;
}
.main .content {
	padding: 100px 0 190px 0;
}
.main h1 {
	display: flex;
	justify-content: center;
}
.main h1 span {text-align: center;font-size: 24px;display: block;border-bottom: 3px solid #fff;padding-bottom: 18px;}
.main .lead {font-size: 20px;text-align: center;letter-spacing: 0.1em;margin-top: 30px;}
.main .photo {width: 1000px;margin: 0 auto;}
.main .photo .box {position: relative;}
.main .photo .box p {font-size: 56px;position: absolute;z-index: 100;line-height: 1em;}
.main .photo .box1 p {left: -132px;top: 64px;}
.main .photo .box3 p {bottom: -25px;left: 57px;}
.main .photo .box6 p {
  bottom: -24px;
  left: 153px;
}
.main .photo .box1 {width: 778px;margin: 100px auto 0 auto;position: relative;}
.main .photo .box2 {width: 215px;margin: 50px 0 0 -150px;}
.main .photo .box3 {width: 778px;margin: -75px -150px 0 auto;}
.main .photo .box4 {width: 306px;margin: -300px 0 0 -44px;}
.main .photo .box5 {width: 215px;margin: -100px 0 0px 372px;}
.main .photo .box6 {width: 500px;margin: -100px -150px 0 auto;}
.main .photo .box7 {
}
.main .slider {
	width: 1000px;
	/*margin: 180px auto 0 auto;*/
  margin: 100px auto 0 auto;
}
.main .slider .slide {position: relative;}
.main .slider .slide p {position: absolute;left: 20px;bottom: 14px;font-size: 18px;text-shadow: 0 0 3px #0000007d;}
.main .slider_thumbnail {
	width: 1000px;
	margin: 30px auto 0 auto;
}
.main .slider_thumbnail .slick-track {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	width: 100% !important;
	transform: none !important;
}
.main .slider_thumbnail .slick-track::before {
	display: none;
}
.main .slider_thumbnail .slick-track .slide {
	left: auto !important;
	opacity: 0.5 !important;
	width: calc(100% / 6 - 12.5px) !important;
	float: none;
	pointer-events: auto;
	transition: all ease 0.3s;
}
.main .slider_thumbnail .slick-track .slide:hover,
.main .slider_thumbnail .slick-track .slide.slick-current {
	opacity: 1 !important;
}
.main .slider_thumbnail .slick-track .slide p {display: none;}

/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {

	body {
		background: url(../images/bg_content.webp) repeat-y center top / 200% auto;
	}
	.main .visual img {
		height: 220px;
	}
	.main .content {
		padding: 65px 0 90px 0;
	}
	.main h1 {
		display: flex;
		justify-content: center;
	}
	.main h1 span {text-align: center;font-size: 19px;display: block;border-bottom: 2px solid #fff;padding-bottom: 14px;}
	.main .lead {font-size: 13px;text-align: center;letter-spacing: 0.1em;margin-top: 27px;}
	.main .photo {width: auto;margin: 0 auto;}
	.main .photo .box {position: relative;}
	.main .photo .box p {font-size: 7.2vw;position: absolute;z-index: 100;line-height: 1em;}
	.main .photo .box1 p {left: -10%;top: 9%;width: 100%;}
	.main .photo .box3 p {bottom: -6%;left: 6%;}
	.main .photo .box6 p {
	  bottom: -10%;
	  left: 26%;
	}
	.main .photo .box1 {width: 79vw;margin: 53px auto 0 auto;position: relative;}
	.main .photo .box2 {width: 29%;margin: 16vw 0 0 0;}
	.main .photo .box3 {width: 86vw;margin: 12vw 0 0 auto;}
	.main .photo .box4 {width: 43vw;margin: -20vw 0 0 37.5vw;}
	.main .photo .box5 {width: 25vw;margin: 14vw 0 0 5vw;}
	.main .photo .box6 {width: 62vw;margin: -40px 0 0 auto;}
	.main .photo .box7 {
	}
	.main .slider {
		width: auto;
		margin: 126px auto 0 auto;
	}
	.main .slider .slide {position: relative;}
	.main .slider .slide p {position: absolute;left: 14px;bottom: 12px;font-size: 14px;line-height: 1em;}
	.main .slider_thumbnail {
		width: 94%;
		margin: 20px auto 0 auto;
	}
	.main .slider_thumbnail .slick-track {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
		width: 100% !important;
		transform: none !important;
	}
	.main .slider_thumbnail .slick-track::before {
		display: none;
	}
	.main .slider_thumbnail .slick-track .slide {
		left: auto !important;
		opacity: 0.5 !important;
		width: calc(100% / 5 - 5.6px) !important;
		float: none;
		pointer-events: auto;
		transition: all ease 0.3s;
	}
	.main .slider_thumbnail .slick-track .slide:hover,
	.main .slider_thumbnail .slick-track .slide.slick-current {
		opacity: 1 !important;
	}
	.main .slider_thumbnail .slick-track .slide p {display: none;}

}