@charset "UTF-8";

#ind_p+.contents_box01{
	padding-top: 150px;
	padding-bottom: 150px;
	clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
	background-color: #170103;
}
@media screen and (max-width: 900px){
	#ind_p+.contents_box01{
		background-position: 20% 0 !important;
		background-size: 200% auto !important;
	}
	#ind_p+.contents_box01:after{
		 content: "";
		 display: block;
		 width: 100%;
		 height: 40%;
		 background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,1) 60%);
		 position: absolute;
		 bottom: 0;
		 left: 0;
	}
	#ind_p+.contents_box01 .inner_item_img{
		height: 300px;
	}
}
@media screen and (max-width: 800px){
	#ind_p+.contents_box01{
		background-position: 20% 5% !important;
		background-size: 180% auto !important;
	}
	#ind_p+.contents_box01:after{
		 height: calc(100% - 50vw);
		 background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,1) 20%);
	}
	#ind_p+.contents_box01 .inner_item_img{
		height: 30vw;
	}
}
@media screen and (max-width: 500px){
	#ind_p+.contents_box01{
		clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
		padding-bottom: 100px;
		background-size: 200% auto !important;
	}
}

#ind_g+.gallery_single .content_wrapper{
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
	align-items: center;
}
#ind_g+.gallery_single .content_wrapper>.heading{
	transform: translateX(-20%);
	z-index: 2;
	position: relative;
	margin-bottom: 0;
}
#ind_g+.gallery_single .content_wrapper>.heading .h{
	font-size: 7.5rem;
}
#ind_g+.gallery_single .content_wrapper>.wrapper_item{
	width: 45%;
	z-index: 1;
	position: relative;
}
#ind_g+.gallery_single .gallery_single_slider{
	margin-bottom: 0;
}
#ind_g+.gallery_single .gallery_single_slider .slick-list{
	background: url(/common/upload_data/yashiki-takajinjp/image/20230816133312.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#ind_g+.gallery_single .gallery_single_slider .slick-track{
	align-items: stretch;
}
#ind_g+.gallery_single .gallery_single_slider .slick-slide{
	transform: scale(0.82);
	box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
	aspect-ratio: 3/4;
}
#ind_g+.gallery_single .slick-slide img{
	max-width: 100%;
	height: 100%;
	width: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}
#ind_g+.gallery_single .slick-arrow{
	display: none !important;
}
#ind_g+.gallery_single .heading .contents_btn01 .content_wrapper{
	padding: 40px 0 0;
}
@media screen and (max-width: 900px){
	#ind_g+.gallery_single>.content_wrapper{
		flex-direction: column-reverse;
		align-items: flex-start;
		max-width: 80% !important;
	}
	#ind_g+.gallery_single .content_wrapper>.heading{
		transform: translateX(0) ;
		width: 80%;
		max-width: 400px !important;
	}
	#ind_g+.gallery_single .content_wrapper>.wrapper_item{
		width: 80%;
		max-width: 400px !important;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 500px){
	#ind_g+.gallery_single>.content_wrapper{
		max-width: 90% !important;
	}
	#ind_g+.gallery_single .heading .contents_btn01 .content_wrapper{
		padding: 20px 0 0;
	}
}

#ind_d+.contents_box01{
	margin-top: -30px;
	pointer-events: none;
}
#ind_d+.contents_box01 .wrapper_item{
	pointer-events: none;
}
#ind_d+.contents_box01 .wrapper_item *{
	pointer-events: auto;
}
#ind_d+.contents_box01.w40 .inner_item_img{
	flex-basis: 45%;
	max-width: 45%;
}
#ind_d+.contents_box01 .inner_item_txt{
	flex-basis: 55%;
	max-width: 55%;
}
#ind_d+.contents_box01 .inner_item_txt .h{
	font-size: 7.5rem;
}
#ind_d+.contents_box01 .inner_item_txt .h,
#ind_d+.contents_box01 .inner_item_txt p,
#ind_d+.contents_box01 .inner_item_txt .contents_btn01{
	width: 125%;
	transform: translateX(20%);
}
@media screen and (max-width: 900px){
	#ind_d+.contents_box01{
		margin-top: 60px;
	}
	#ind_d+.contents_box01>.content_wrapper{
		max-width: 80% !important;
	}
	#ind_d+.contents_box01 .wrapper_item{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	#ind_d+.contents_box01.w40 .inner_item_img{
		width: 80%;
		max-width: 400px !important;
		margin-bottom: 20px;
	}
	#ind_d+.contents_box01 .inner_item_txt .h,
	#ind_d+.contents_box01 .inner_item_txt p,
	#ind_d+.contents_box01 .inner_item_txt .contents_btn01{
		width: auto;
		transform: translateX(0);
	}
	#ind_d+.contents_box01 .inner_item_txt .contents_btn01{
		text-align: left;
	}
}
@media screen and (max-width: 500px){
	#ind_d+.contents_box01>.content_wrapper{
		max-width: 90% !important;
	}
	#ind_d+.contents_box01 .heading{
		margin-bottom: 0;
	}
}