@charset "utf-8";
.content__title:before{
	opacity:1;
	transform:translateY(0);
}
.t__special{
	opacity:1;
	transform:translateY(0);
}
.special{
	position:relative;
	z-index:20;
	background:url(../img/common/news_flower-s.png) no-repeat right top / min(calc(296 / var(--vw-min) * 100vw),296px) auto;
}
body.color--y .special{
	background-image:url(../img/common/news_flower-s-y.png);
}
@media screen and (max-width:768px){
	.special {
		background-image:unset !important;
	}
}
.special:before{
	content:'';
	position:absolute;
	left:min(calc(15 / var(--vw-min) * 100vw),15px);
	top:min(calc(240 / var(--vw-min) * 100vw),240px);
	right:min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom:0;
	background-image:url(../img/top/introduction_flower-r.png),url(../img/top/introduction_flower-l.png);
	background-repeat:no-repeat;
	background-position:right top,left bottom;
	background-size:min(calc(210 / var(--vw-min) * 100vw),210px) auto,min(calc(379 / var(--vw-min) * 100vw),379px) auto;
}
@media screen and (max-width:768px){
	.special:before{
		top:calc(240 / var(--vw-min) * 100vw);
		bottom:0;
	}
}
body.color--y .special:before{
	filter:invert(1) grayscale(1);
}
.special__inner {
	padding:min(calc(84 / var(--vw-min) * 100vw),84px) 0 0;
}
@media screen and (max-width:768px){
	.special__inner {
		padding:calc(72 / var(--vw-min) * 100vw) 0 0;
	}
}
.special__lists {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height:calc(100vh - min(calc(84 / var(--vw-min) * 100vw),84px));
	min-height: calc(100dvh - min(calc(84 / var(--vw-min) * 100vw),84px));
	font-weight: 600;
}
@media screen and (max-width:768px){
	.special__lists {
		width:calc(654 / var(--vw-min) * 100vw);
		display: block;
		min-height:calc(100vh - calc(294 / var(--vw-min) * 100vw));
		min-height: calc(100dvh - calc(294 / var(--vw-min) * 100vw));
	}
}
.special__item {
	width:min(calc(380 / var(--vw-min) * 100vw),380px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px)
}
@media screen and (max-width:768px){
	.special__item {
		width:100%;
		margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.special__itemLink {
	display: block;
	width:100%;
	padding-top:56.25%;
	position: relative;
	margin-bottom:1em;
	overflow: hidden;
}
.special__itemLink img {
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.special__itemLink:hover img {
		transform:scale(1.05);
	}
}
.special__itemTitle {
	color:#fff;
	text-align: center;
}
@media screen and (max-width:768px){
	.special__itemTitle {
		font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	}
}
body.color--y .special__itemTitle {
	color:#000;
}