@charset "utf-8";

.list_gkk {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	padding: 40rem 40rem;
}
.list_gkk_ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list_gkk_li{
	width: 362rem;
	height: 367rem;
	margin-bottom: 40rem;
}
.list_gkk_li0{
	width: 362rem;
}
.list_gkk_li a{
	display: block;
	width: 362rem;
	height: 367rem;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.list_gkk_li img{
	display: block;
	width: 100%;
	height: 254rem;
}
.list_gkk_li h3{
	font-size: 18rem;
	color: #333333;
	font-weight: normal;
	padding: 0 15rem;
	display: block;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 16rem 0 18rem;
}
.list_gkk_li span{
	font-size: 16rem;
	color: #666666;
	display: block;
	line-height: 1;
	padding: 0 15rem;
	margin-bottom: 16rem;
}
.list_gkk_li i{
	font-size: 14rem;
	color: #aa000d;
	display: block;
	line-height: 1;
	font-style: normal;
	padding: 0 15rem;
	text-align: right;
}
.list_gkk_li:hover a{
	border: 1px solid #aa000d;
}
.list_gkk_li:hover h3{
	color: #aa000d;
}



@media only screen and (max-width: 1000px) {
	* {
		box-sizing: border-box;
	}

	.list_gkk {
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative;
		box-sizing: border-box;
		padding: 30rem 20rem;
	}
	.list_gkk_ul{
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.list_gkk_li{
		width: 710rem;
		height: 690rem;
		background: url(../images/ldcl_6.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
		margin-bottom: 65rem;
	}
	.list_gkk_li0{
		width: 710rem;
	}
	.list_gkk_li a{
		display: block;
		width: 710rem;
		height: 690rem;
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
	}
	.list_gkk_li img{
		display: block;
		width: 100%;
		height: 500rem;
	}
	.list_gkk_li h3{
		font-size: 30rem;
		color: #333333;
		font-weight: normal;
		padding: 0 30rem;
		display: block;
		line-height: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 35rem 0 24rem;
	}
	.list_gkk_li span{
		font-size: 26rem;
		color: #666666;
		display: block;
		line-height: 1;
		padding: 0 30rem;
		margin-bottom: 10rem;
	}
	.list_gkk_li i{
		font-size: 26rem;
		color: #aa000d;
		display: block;
		line-height: 1;
		font-style: normal;
		padding: 0 30rem;
		text-align: right;
	}
	.list_gkk_li:hover a{
		border: 1px solid #aa000d;
	}
	.list_gkk_li:hover h3{
		color: #aa000d;
	}
	
}