@charset "UTF-8";

/* -----------------------------------------------------------
	data_wrap
----------------------------------------------------------- */

.data_list_wrap {
	margin: 80px auto 0;
}
.data_wrap .data_list li {
	padding: 10px;
	background-image: url("../img/list_fi_top.png"), url("../img/list_fi_bottom.png");
	background-repeat: no-repeat;
	background-size: 40px, 40px;
	background-position: left top, right bottom;
}
.data_wrap .data_list.sty_1 li {
	float: left;
	width: calc(92% / 3);
	margin-left: 4%;
	margin-bottom: 4%;
}
.data_wrap .data_list.sty_1 li:nth-child(3n + 1) {
	margin-left: 0;
}
.data_wrap .data_list.sty_2 li {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 4%;
}
.data_wrap .data_list.sty_2 li:nth-child(2n + 1) {
	margin-left: 0;
}
.data_wrap .data_list li .inner {
	background: #e6e6e6;
}
.data_wrap .data_list.sty_1 .inner {
	padding: 30px 25px;
}
.data_wrap .data_list.sty_2 .inner {
	padding: 20px 24px;
}
.data_wrap .data_list.sty_3 .inner {
	padding: 30px 25px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.data_wrap .data_list li {
	padding: 10px;
	background-size: 20px, 20px;
}
.data_wrap .data_list.sty_1 .inner {
	padding: 20px 15px;
}
.data_wrap .data_list.sty_2 .inner {
	padding: 10px 14px;
}
.data_wrap .data_list.sty_3 .inner {
	padding: 20px 15px;
}
}
@media screen and (max-width: 767px) {
.data_list_wrap {
	margin: 40px auto 0;
}
.data_wrap .data_list li {
	padding: 8px;
	background-size: 20px, 20px;
}
.data_wrap .data_list.sty_1 li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2%;
}
.data_wrap .data_list.sty_2 li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2%;
}
.data_wrap .data_list.sty_1 .inner {
	padding: 16px 16px;
	text-align: center;
}
.data_wrap .data_list.sty_1 .inner img {
	max-width: 160px;
}
.data_wrap .data_list.sty_2 .inner {
	padding: 16px 16px;
}
.data_wrap .data_list.sty_3 .inner {
	padding: 16px 16px;
}
}