@charset "utf-8";
.main {
	padding-top:min(calc(120 / var(--vw-min) * 100vw),140px);
}
.article {
	font-family: var(--noto-font-family);
}
.js-secTitle span:nth-child(4n + 1){
	color:var(--color-blue);
}
.js-secTitle span:nth-child(4n + 2),
.js-secTitle span:nth-child(4n){
	color:var(--color-red);
}
.js-secTitle span:nth-child(4n + 3){
	color:var(--color-yellow);
}
.special__lists {
	display: flex;
	flex-wrap: wrap;
	margin:0 max(calc(-24 / var(--vw-min) * 100vw),-24px);
}
@media screen and (max-width:767px){
	.special__lists {
		display:block;
		margin:0 auto;
	}
}
.special__item {
	width:50%;
	padding:0 min(calc(24 / var(--vw-min) * 100vw),24px) min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:767px){
	.special__item {
		width:100%;
		padding:0 0 calc(56 / var(--vw-min) * 100vw);
	}
}
.special__link {
	display: block;
	text-decoration: none;
	color:var(--color-blue);
	font-weight: 700;
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.special__link:hover {
		color:var(--color-red);
	}
}
.special__thumb {
	width: 100%;
	padding-top:52.5%;
	position: relative;
	overflow: hidden;
}
.special__thumb:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:var(--color-blue);
	opacity:.5;
	z-index:11;
	transition: 
	all 0.6s ease;
}
@media screen and (max-width:767px){
	.special__thumb:before {
		display: none;
	}
}
@media screen and (hover:hover){
	.special__link:hover .special__thumb:before {
		opacity: 0;
	}
}
.special__thumb img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.6s ease;
}
@media screen and (hover:hover){
	.special__link:hover .special__thumb img {
		transform:scale(1.07);
	}
}
.special__linkTitle {
	padding-top:min(calc(12 / var(--vw-min) * 100vw),12px);
	text-align: center;
}