@charset "utf-8";
/* ===================================================================
    
=================================================================== */

/* -----------------------------------------------------------
	インデックスリスト
----------------------------------------------------------- */
.index_list {
	margin-bottom: 100px;
}
.index_list li {
	float: left;
	width: 324px;
	margin-bottom: 50px;
	margin-right: 64px;
}
.index_list li:nth-child(3n) {
	margin-right: 0;
}

.index_list li a {
	font-size: 17px;
	color: #fff;
	display: block;
	background: #EB851D;
}
.index_list li a:hover {
	opacity: 0.7;
}
.index_list li a img {
	margin-bottom: 5px;
}

.index_list li p {
	position: relative;
	padding-left: 22px
}
.index_list li span::after {
	position: absolute;
	top: 14px;
	left: 2px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.index_list_sub {
	font-size: 78.6%;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
/* -----------------------------------------------------------
	インデックスリスト
----------------------------------------------------------- */
.index_list li {
	width: calc(97% / 2);
	margin-right: 3%;
	margin-bottom: 3%;
}
.index_list li:nth-child(3n) {
	margin-right: 3%;
}
.index_list li:nth-child(2n) {
	margin-right: 0;
}
}

@media screen and (max-width: 767px) {
/* -----------------------------------------------------------
	インデックスリスト
----------------------------------------------------------- */
.index_list li {
	width: calc(98% / 2);
	margin-right: 2%;
	margin-bottom: 2%;
}
.index_list li:nth-child(3n) {
	margin-right: 2%;
}
.index_list li:nth-child(2n) {
	margin-right: 0;
}
.index_list li a {
	font-size: 15px;
}

}