@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);
}
.story__tabLists {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin:0 max(calc(-4 / var(--vw-min) * 100vw),-4px) min(calc(40 / var(--vw-min) * 100vw),40px);
}
.story__tabItem {
	width:calc(100% / 12);
	padding:0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:767px){
	.story__tabItem {
		width:calc(100% / 6);
	}
}
.story__tabLink {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	text-decoration: none;
	font-family: var(--main-font-family);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	color:var(--color-blue);
	border:1px solid var(--color-blue);
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.story__tabLink {
		height:calc(64 / var(--vw-min) * 100vw);
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.story__tabLink:hover {
		background:var(--color-blue);
		color:#fff;
	}
}
.story__tabLink.is-active {
	pointer-events: none;
	background:var(--color-red);
	color:#fff;
	border-color:var(--color-red);
}
.story__contentHeader {
	padding-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
.story__contentSubTitle {
	position: relative;
	min-height:min(calc(48 / var(--vw-min) * 100vw),48px);
	padding-left:min(calc(90 / var(--vw-min) * 100vw),90px);
	line-height:1.5;
}
.story__contentSubTitle--num {
	position: absolute;
	left:0;
	top:0;
	font-size:min(calc(48 / var(--vw-min) * 100vw),48px);
	font-family: var(--main-font-family);
	line-height:1;
	color:var(--color-red);
}
.story__contentSubTitle--title {
	display: block;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	padding-top:min(calc(5 / var(--vw-min) * 100vw),5px);
	color:var(--color-blue);
	font-weight: 700;
}
@media screen and (max-width:767px){
	.story__contentSubTitle--title {
		font-size:calc(32 / var(--vw-min) * 100vw);
		padding-top:0;
	}
}
.story__contentImgs {
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.story__contentImg {
	width:100%;
	margin-bottom:min(calc(12 / var(--vw-min) * 100vw),12px);
}
.story__contentImg {
	width:100%;
	margin-bottom:calc(8 / var(--vw-min) * 100vw);
}
.story__contentImg img {
	width:100%;
	height:auto;
	display: block;
}
.story__contentImgLists {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.story__contentImgItem {
	width:calc(100% / 8);
}
@media screen and (max-width:767px){
	.story__contentImgItem {
		width:calc(100% / 4);
	}
}
.story__contentImgLink {
	display: block;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
.story__contentImgLink.is-active{
	pointer-events: none;
}
.story__contentImgLink:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:var(--color-blue);
	opacity: .5;
	transition: all 0.3s ease;
	z-index:10;
}
@media screen and (hover:hover){
	.story__contentImgLink:hover:before {
		opacity: 0;
	}
}
.story__contentImgLink.is-active:before {
	opacity:0;
}
.story__contentImgLink:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:12;
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-red);
	opacity:0;
}
@media screen and (max-width:767px){
	.story__contentImgLink:after {
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
}
.story__contentImgLink.is-active:after {
	opacity:1;
}
.story__contentImgLink img {
	width:100%;
	height:auto;
	display: block;
}
.story__description {
	font-weight: 600;
	color:var(--color-blue);
}