@charset "utf-8";

.brand_title{
	color:#263e71;
	font-weight:bold;
	font-size:117%;
	padding:5px;
	border-bottom:2px solid #263e71;
	margin:0 0 20px 0;
}


.brand_list{
}

.brand_list ul{
}

.brand_list ul li{
	float:left;
	width:23%;
	text-align:center;
	margin:0 1% 30px 1%;
}
.brand_list ul li a h2{
	font-size:127%;
	color:#000;
}
.brand_list ul li p.img{
	margin:0 0 5px 0;
	border:1px solid #EEEEEE;
	padding:0;
	height: 150px;
	overflow:hidden;
}
.brand_list ul li .img img{
	width:90%;
	height:150px;
	object-fit: contain;
}
@media(max-width: 768px) {
	.brand_list ul li{
		width:48%;
	}
	.brand_list ul li p.img{
		height: 120px;
	}
	.brand_list ul li .img img{
		height: 120px;
	}
}
/*---------------*/

.brand_detail{
	padding:20px 50px;
	margin:0 0 50px 0;
}
.brand_detail p.img{
	width:23%;
	float:left;
	margin:0 3% 0 0;
	border:1px solid #EEEEEE;
	text-align:center;
}
.brand_detail .detail{
	width:73%;
	float:left;
	font-size:107%;
}
.brand_detail .detail p{
	line-height:180%;
}
.brand_detail p.img img{
	width:90%;
	height:150px;
	object-fit: contain;
}
@media(max-width: 768px) {
	.brand_detail{
		padding:20px;
	}
	.brand_detail p.img{
		width:100%;
		float:none;
		margin:0 0 10px 0;
	}
	.brand_detail .detail{
		width:100%;
		float:none;
	}
	.brand_detail p.img img{
		height:180px;
	}
}

.brand_morebtn{
	float:right;
	width:500px;
	height:50px;
	text-align:center;
	font-size:107%;
	margin:30px 0 50px 0;
}
.brand_morebtn a{
	display:block;
	background:#001c58;
	color:#FFF;
	transition:1.0s;
	padding:10px 0;
	line-height:130%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.brand_morebtn a:hover{
	background:rgba(0,28,88,0.7);
}

.list_backbtn{
	float:left;
}
@media(max-width: 768px) {
	.brand_morebtn{
		float:none;
		width:90%;
		margin:20px auto 50px auto;
		font-size:100%;
	}
	.brand_morebtn a{
		line-height:100%;
	}
}

.brand_btn_area{
	margin:50px 0 20px 0;
	background:#FFF;
	padding:30px 0;
	border-top:1px dotted #CCCCCC;
}
.brand_btn_area h3{
	text-align:center;
	color:#001c58;
	margin:0;
	font-size:20px;
	float:left;
	width:30%;
	padding: 20px 0;
}
.brand_btn_area ul{
	float:left;
	width:70%;
}
.brand_btn_area ul li{
	float:left;
	width:32.3%;
	margin:0 0.5%;
}
.brand_btn_area_btn a{
	display:block;
	width:100%;
	text-align:center;
	background:#263e71;
	color:#FFF;
	padding:15px 15px 15px 0;
	font-size:108%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.brand_btn_area_btn a:after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	transition:0.7s;
}

@media(max-width: 768px) {
	.brand_btn_area h3{
		float:none;
		width:100%;
	}
	.brand_btn_area ul{
		float:none;
		width:90%;
		margin:0px auto;
	}
	.brand_btn_area ul li{
		float:none;
		width:100%;
		margin:10px 0;
	}
	.brand_btn_area_btn a{
		padding:10px 15px 10px 0;
	}
}