@charset "utf-8";

/**************************************************
		PC
**************************************************/
.boxKafun16 {
	margin-left:-60px;
	padding-left:60px;
	background:transparent url("../images/bg_kafun16.png") 50% 57% no-repeat;
}

.listKafun16 {
	margin:0 auto;
	width:760px;
	font-size:14px;
	font-size:0.88rem;
}

.listKafun16 li {
	position:relative;
	float:left;
	margin:15px 0;
	width:190px;
	line-height:1.4;
	text-align:center;
	counter-increment:number;
}

.listKafun16 li:before {
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-55px;
	font-size:25px;
	font-size:1.57rem;
	font-weight:700;
	color:#005ca6;
	line-height:1;
	content:counter(number);
}

.listKafun16 li a {
	display:block;
	color:#333;
	text-decoration:none;
}

.listKafun16 li .image {
	display:block;
	margin-bottom:7px;
}

.listKafun16 li .text {
	display:block;
}

.listKafun16 li a:hover { opacity:0.7; }


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

.boxKafun16 {
	margin-left:0;
	padding-left:0;
	background:transparent url("../images/bg_kafun16.png") 50% 37.5% no-repeat;
	background-size:contain;
}

.listKafun16 {
	width:auto;
	font-size:10px;
	font-size:2.666vw;
}

.listKafun16 li {
	margin:15px 0;
	width:33.333%;
}

.listKafun16 li:before {
	top:-6px;
	margin-left:-12vw;
	font-size:20px;
	font-size:5.333vw;
}

.listKafun16 li .image {
	margin:0 auto 7px auto;
	width:78%;
}

.listKafun16 li:nth-child(7) .image {
	width:86.7%;
}

.listKafun16 li:nth-child(3n+1) {
	clear:both;
}

.listKafun16 li a:hover { opacity:1; }

}