@charset "UTF-8";

/** -- item_list -- **/
.item_list {
	margin-bottom: 100px;
}
.item_list h2 {
	border-bottom: solid 1px #E0E0E0;
	box-sizing: border-box;
	font-size: 24px;
	margin-bottom: 40px;
}
.item_list h2 span {
	border-bottom: solid 1px #222222;
	display: inline-block;
	margin-bottom: -1px;
	padding-bottom: 20px;
	position: relative;
}
/** list **/
.item_list .list {
	margin: 0 -10px;
}
.item_list article {
	margin: 0 10px 40px;
	width: calc(25% - 20px);
}
.item_list article figure {
	margin-bottom: 20px;
}
.item_list article h3 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 45px;
	position: relative;
}
.item_list article h3.ten {
	padding-left: 55px;
}
.item_list article h3 span.no {
	color: #B8B8B8;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -3px;
	line-height: 1.0;
	position: absolute;
	left: 0;
	top: 0;
}
.item_list article h3 span.no em {
	font-style: italic;
	font-size: 25px;
}
.item_list article .icon {
	margin-bottom: 10px;
}
.item_list article .icon p {
	border-radius: 30px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
	padding: 3px 10px;
}
.item_list article .icon p.red {
	background-color: #D65A52;
}
.item_list article .icon p.orange {
	background-color: #FEA600;
}
.item_list article .exp {
	color: #525252;
	font-size: 13px;
}
.item_list .attention {
	color: #666666;
	font-size: 13px;
	text-align: center;
}
@media screen and (max-width: 1040px) {
	.item_list {
		margin-bottom: 10vw;
	}
	.item_list h2 {
		font-size: 2.3vw;
		margin-bottom: 4vw;
	}
	.item_list h2 span {
		padding-bottom: 2vw;
	}
	/** list **/
	.item_list .list {
		margin: 0 -1vw;
	}
	.item_list article {
		margin: 0 1vw 4vw;
		width: calc(25% - 2vw);
	}
	.item_list article figure {
		margin-bottom: 2vw;
	}
	.item_list article h3 {
		font-size: 1.5vw;
		margin-bottom: 1vw;
		padding-left: 3.6vw;
	}
	.item_list article h3.ten {
		padding-left: 4.6vw;
	}
	.item_list article h3 span.no {
		font-size: 2.1vw;
		letter-spacing: -.3vw;
	}
	.item_list article h3 span.no em {
		font-size: 2.2vw;
	}
	.item_list article .icon {
		margin-bottom: 1vw;
	}
	.item_list article .icon p {
		border-radius: 3vw;
		font-size: 1.1vw;
		margin-right: .8vw;
		padding: .3vw 1vw;
	}
	.item_list article .exp {
		font-size: 1.2vw;
	}
	.item_list .attention {
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 770px) {
	.item_list {
		margin-bottom: 16vw;
	}
	.item_list h2 {
		font-size: 5vw;
		margin-bottom: 6vw;
	}
	.item_list h2 span {
		padding-bottom: 3vw;
	}
	/** list **/
	.item_list .list {
		margin: 0 -2vw;
	}
	.item_list article {
		margin: 0 2vw 6vw;
		width: calc(50% - 4vw);
	}
	.item_list article figure {
		margin-bottom: 3vw;
	}
	.item_list article h3 {
		font-size: 3.6vw;
		margin-bottom: 2vw;
		padding-left: 9vw;
	}
	.item_list article h3.ten {
		padding-left: 11vw;
	}
	.item_list article h3 span.no {
		font-size: 5vw;
		letter-spacing: -.6vw;
	}
	.item_list article h3 span.no em {
		font-size: 5.2vw;
	}
	.item_list article .icon {
		margin-bottom: 2vw;
	}
	.item_list article .icon p {
		border-radius: 6vw;
		font-size: 3vw;
		margin-right: 1vw;
		padding: 1vw 2vw;
	}
	.item_list article .exp {
		font-size: 2.8vw;
	}
	.item_list .attention {
		font-size: 3.2vw;
	}
}