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

.logo_area ul{
	justify-content:flex-start;
	width:102%;
	margin-bottom:5rem;
}
.logo_area ul li{
	width:15.26%;
	margin:0 1.28% 1.28% 0;
}
.logo_area ul li a{
	display:block;
	border:solid 1px #ccc9c9;
	border-radius:0.5rem;
	text-align:center;
	padding:0.8rem 0 0.9rem 0;
	position:relative;
	transition-duration:0.3s;
	font-size:0px;
}
.logo_area ul li a img{
	width:90.41%;
}
.logo_area ul li a:hover{
	opacity:0.7;
}
.btn_red{
	margin-bottom:6.6rem;
}
.inner{
	overflow-x:hidden
}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
.logo_area ul li a {
	font-size:1.35vw;
}

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
.logo_area ul {
    margin-bottom: 5rem;
}
.logo_area ul li {
    width: 32%;
    margin: 0 1% 1% 0;
}
.logo_area ul li a img {
    max-width: 80%;
}


	
}