.branch_box {
	position:relative;
	background:url(../img/sec/branch_1.jpg);
	background-size:cover;
}
.branch_box.branch_elite {
	background:url(../img/sec/branch_2.jpg);
}
.branch_box .black60{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
}

.branch_box .cont_box{
	position:relative;
	width:100%;
	z-index:2;
}

.branch_box .inner{
	width:600px;
	margin:0 auto;
	padding:100px 0;
}
.branch_box .tit_box{
	background-color:#444;
	padding:30px 0;
	margin-bottom:10px;
}
.branch_box .cate_logo{
	width:30%;
	margin:0 auto 30px;
}
.branch_box h2{
	color:#fff;
	font-weight:bold;
	font-size:24px;
}
.branch_box .sub_cate{
	background-color:#222;
	color:#fff;
	font-style:oblique;
	font-family: 'Hind', sans-serif;
	font-size:24px;
	height:50px;
	line-height:50px;
	margin-bottom:5px;
}

.branch_box .buttons{
	display:flex;
	justify-content:space-between;
}
.branch_box a{
	display:flex;
	justify-content:center;
	position:relative;
	background-color:#fff;
	color:#000;
	width:49%;
	height:50px;
	line-height:50px;
	margin-bottom:10px;
}
.branch_box a::after{
	content:'';
	width:15px;
	height:15px;
	background-image:url(../img/link_icon.png);
	background-size:contain;
	position:absolute;
	top:50%;
	right:5%;
	transform:translateY(-50%);
}
.branch_box a:hover{
	background-color:#ddd;
}
.branch_box .tit_en{
	font-style:oblique;
	font-family: 'Hind', sans-serif;
	font-size:20px;
	margin-right:20px;
	transform:translateY(2%);
}
.branch_box .tit_jp{
	font-size:16px;
	margin-right:20px;
}


@media screen and (max-width: 767px) {
	.branch_box .inner{
		width:90%;
		padding:50px 0;
	}
	.branch_box .tit_box{
		margin-bottom:20px;
	}
.branch_box h2{
	font-size:4.5vw;
}
	.branch_box .buttons{
		flex-direction:column;
		margin-bottom:10px;
	}
	.branch_box a{
		width:100%;
	}

}