@charset "UTF-8";

/********************************************

 機能紹介 商品開発（brand）

********************************************/
#brand {
	
}


/*** img_list_h ***/
#brand .img_list_h {
	display: table;
}
#brand .img_list_h li {
	display: table-cell;
	padding-top: 4px;
	padding-right: 20px;
}
#brand .img_list_h li .desc {
	font-size: 86%;
	line-height: 1.2;
	text-align: center;
	padding-top: 4px;
}

#brand .flexbox_2{
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	}
#brand .flexbox{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 10px;
}

#brand .flexbox .txt{
	width: 340px;
}

#brand .center{
	text-align: center;
	margin: 0 auto;
}

#brand .flexbox a.btn{
	position: relative;
	display: inline-block;
	border: solid 1px #0039a6;
	width: 200px;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	transition: all 0.5s ease-out;
	margin: 0 10px;
}
#brand .flexbox a.btn::after{
    content: '';
    border: 0;
    border-top: solid 1px #0039a6;
    border-right: solid 1px #0039a6;
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}

#brand .flexbox a.btn:hover{
	background-color: #0039a6;
	color: #FFF;
}

#brand .flexbox a.btn:hover:after{
    border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
}