.content-culture{
	--width-culture-item:20rem;
}
@media (min-width:768px){
	.content-culture{
		--width-culture-item:39rem;
	}
}
.content-culture{ padding:2rem 0; overflow:hidden; background:var(--colorL); background:linear-gradient(0deg, var(--colorW) 0%, var(--colorW) 15%, var(--colorL) 15%); }
.content-culture-container{ position:relative; display:block; width:100%; min-height:25rem; margin:10rem 0 0 0; }
.content-culture-item{ position:absolute; top:0; width:var(--width-culture-item); border-radius:var(--radius); background-color:var(--colorG); border:1px solid var(--colorG); padding:1.5rem 2rem; transition:all 0.4s ease; }
.content-culture-item.animate, .content-culture-item *{ transition:all 0.4s ease; }
.content-culture-hover{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; border-radius:var(--radius); background-color:var(--colorG); opacity:0.8; z-index:2; }
.content-culture-item.active{ left:calc(50% - (var(--width-culture-item) / 2)); background-color:var(--colorL); border:1px solid var(--colorC); z-index:1; margin-top:2rem; box-shadow:0 1rem 5rem rgba(0,0,0,0.2); }
.content-culture-item.prev{ left:calc(50% - (var(--width-culture-item) * 1.2)); z-index:0; }
.content-culture-item.next{ left:calc(50% + (var(--width-culture-item) * 0.2)); z-index:0; }
.content-culture-image{ position:relative; display:block; width:100%; height:12rem; margin:0 auto; border-radius:var(--radius); overflow:hidden; z-index:1; }
.content-culture-image img{ position:absolute; top:0; right:0; width:100%; height:auto; }
.content-culture-item.active .content-culture-image{ margin-top:-10.5rem; }
.content-culture-title{ position:relative; display:block; margin:1.25rem auto 0 auto; text-align:center; }
.content-culture-text{ position:relative; display:none; line-height:1.2; text-align:center; background-color:var(--colorW); padding:1.5rem 2rem; border-radius:var(--radius); margin:1.25rem 0 0 0; }
.content-culture-item.active .content-culture-text{ display:block; }
.content-culture-item.active:hover .content-culture-image{ box-shadow:var(--shadow); }
.content-culture-text-hover{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:4; padding:2.5rem 6rem; text-align:center; align-items:center; }
.content-culture-item.hover.anime-left{ animation:hoverLeft 1s forwards; }
.content-culture-item.hover.anime-right{ animation:hoverRight 1s forwards; }
@keyframes hoverLeft{
	0% { transform:translateX(0); }
	50% { transform:translateX(-15rem); z-index:0; }
	100% { transform:translateX(0); z-index:5; }
}
@keyframes hoverRight{
	0% { transform:translateX(0); }
	50% { transform:translateX(15rem); z-index:0; }
	100% { transform:translateX(0); z-index:5; }
}
.content-culture-item.hover .content-culture-hover{ display:block; }
.content-culture-item.hover .content-culture-title, .content-culture-item.hover .content-culture-title{ opacity:0; }
.content-culture-item.hover .content-culture-text-hover, .content-culture-item.hover .content-culture-text-hover{ display:flex; }

.leaf.content-culture-leaf{ background-color:var(--colorA); position:absolute; top:8rem; right:-20rem; left:auto; width:59rem; height:35rem; transform:rotate(240deg); transition:all 1s ease; }
.leaf.content-culture-leaf:hover{ background-color:var(--colorB); }

@media (min-width:768px){
	.content-culture-container{ min-height:30rem; }
	.content-culture-item{ padding:2.5rem 3rem; }
	.content-culture-image{ height:18rem; }
	.content-culture-text{ padding:2.5rem 3rem; }
}