﻿@charset "utf-8";
.module0315{
	width:100%;
	height: auto;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.module0315_con{
	width:18.4375%;
	height:auto;
	margin-right:1.953125%;
	margin-top:calc(100vw * 0.01953125);
}
.module0315_con:nth-child(5n){
	margin-right: 0px;
}
.module0315_con:nth-child(1),.module0315_con:nth-child(2),.module0315_con:nth-child(3),.module0315_con:nth-child(4),.module0315_con:nth-child(5){
	margin-top: 0px;
}
.module0315_con a{
	display: block;
	width: 100%;
	height: 100%;
}
.module0315_con:hover .module0315_img img{
	transform: scale(1.1);
}

.module0315_img{
	width:100%;
	height: calc(100vw * 0.184375 * 280 / 354);
	font-size: 0px;
	overflow: hidden;
}
.module0315_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.module0315_tit{
	text-align: center;
	color: var(--FontOneColor);
	font-size: 0.875rem;
    margin-top: 1rem;
}



@media screen and (max-width:1023px)and (min-width:300px){
.module0315{
	width:96%;
	margin: 0 auto;
}
.module0315_con{
	width:49%;
	height:auto;
	margin-right:2%;
	margin-top:calc(96vw * 0.02);
}
.module0315_con:nth-child(5n){
	margin-right: 2%;
}
.module0315_con:nth-child(2n){
	margin-right: 0px;
}
.module0315_con:nth-child(3),.module0315_con:nth-child(4),.module0315_con:nth-child(5){
	margin-top: calc(96vw * 0.02);
}


.module0315_img{
	width:100%;
	height: calc(96vw * 0.48 * 280 / 354);
}
}
