@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

.hed_wrap {
background: url(../images/example/hed_img.jpg) center center no-repeat;
background-size: cover;
}


.results_wrap {
	width: 1240px;
	margin: 0 auto 80px;
	position: relative;
}

.results_wrap .img {
	width: 42%;
	float: right;
	margin: 0 0 5% 5%;
}

.results_wrap .img::after {
	content: '';
	display: block;
	position: absolute;
	top: 30%;
	right: 0;
	width: 70%;
	height: 50%;
	background-color: #f4f4f4;
	z-index: -1;
}

.results_wrap .img02 p {
	font-size: 12px;
}

/*************************
index
**************************/
.results_idx_list {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_list li {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

.results_idx_list li a {
	color:#000;
}

.results_idx_list li:nth-child(3n+3) {
	margin-right:0;
}

.results_idx_list li .results_idx_list_img {
	width:34%;
	float:left;
	margin:auto;
}

.results_idx_list li .results_idx_list_detail {
	width:64%;
	float:right;
	margin:auto;
}

.results_idx_list_detail h3 {
	font-size:18px;
	margin:0 auto 10px;
}

.results_idx_list_detail p {
	font-size:14px;
	line-height:1.6;
}


/*************************
list
**************************/
.results_idx_list2 {
	width:100%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_list2 li {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

.results_idx_list2 li a {
	color:#000;
}

.results_idx_list2 li:nth-child(3n+3) {
	margin-right:0;
}

.results_idx_list2 li a h3 {
	font-size:16px;
	margin:0 0 10px;
}


.results_idx_img {
	width:100%;
	margin:30px auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_img li {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

.results_idx_img li:nth-child(3n+3) {
	margin-right:0;
}

}


/*sp*/
@media only screen and (max-width: 768px) {

.hed_wrap {
background: url(../images/example/hed_img.jpg) center center no-repeat;
background-size: cover;
}


.results_wrap {
	width: 90%;
	margin: 0 auto 40px;
	position: relative;
}

.results_wrap .img {
	width: 80%;
	float: none;
	margin: 0 auto 5%;
}

.results_wrap .img::after {
	content: '';
	display: block;
	position: absolute;
	top: 20%;
	right: 0;
	width: 70%;
	height: 20%;
	background-color: #f4f4f4;
	z-index: -1;
}

.results_wrap .img02 p {
	font-size: 12px;
}

/*************************
index
**************************/
.results_idx_list {
	width:96%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_list li {
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:3%;
}

.results_idx_list li a {
	color:#000;
}

.results_idx_list li .results_idx_list_img {
	width:80%;
	float:none;
	margin:0 auto 10px;
}

.results_idx_list li .results_idx_list_detail {
	width:100%;
	float:none;
	margin:auto;
}

.results_idx_list_detail h3 {
	font-size:14px;
	margin:0 auto 10px;
}

.results_idx_list_detail p {
	font-size:12px;
	line-height:1.6;
}


/*************************
list
**************************/
.results_idx_list2 {
	width:96%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_list2 li {
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:3%;
}

.results_idx_list2 li a {
	color:#000;
}

.results_idx_list2 li a h3 {
	font-size:14px;
	margin:0 0 10px;
}


.results_idx_img {
	width:90%;
	margin:30px auto 30px;
	padding:0;
	list-style-type:none;
}

.results_idx_img li {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

.results_idx_img li:nth-child(3n+3) {
	margin-right:0;
}


}