/* ----- button ----- */
/* btn-more */
#box_out {
	FONT-VARIANT: JIS90;
	/* width: 100%; */
	background: #f1f0f0;
	max-width: 1000px;
	padding: 30px 0px;
}
.cus-title {
	font-size: 30px;
	text-align: center;
}
	
	.box_btn_manual {
    width: 100%;
    max-width: 760px;
    margin: 30px auto 0 auto;
}	
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.btn-more {
	display: block;
	border: 1px solid #fff;
	width: 230px;
	color: #fff;
	position: relative;
	text-align: center;
	transition: all .3s ease;
	padding: 17px 0px 17px 0;
}
.section-partner .btn-more {
	color: #fff !important;
}
a:hover .btn-more,
.btn-more:hover {
	background-color: #fff;
	color: #252525;
}
.section-partner a:hover .btn-more ,.section-partner .btn-more:hover {
	color: #252525 !important;
}

a:hover .btn-more::after,
.btn-more::after {
	content: url(../img/icon-btn-arrow-white.png);
	position: absolute;
	right: 20px;
    top: calc(50% - 15px);
}
.btn-more:hover::after {
  content: url(../img/icon-btn-arrow-black.png);
}

.btn-more.black {
  border: 1px solid #222;
  background: #FFFFFF;
  color: #222 !important;
}
.btn-more.black:hover {
  background-color: #222;
  color: #fff !important;
}