@charset "UTF-8";

/* bDirectJoinMv */
.bDirectJoinMvBlock01 {
	position: relative;
	background: #000;
	color: #fff;
}
.bDirectJoinMvBlock01::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2000px;
	height: 480px;
	margin-left: -1000px;
	background: url(/hojin/b_direct/images/join_mv_img_01.png) no-repeat 0 0;
}
.bDirectJoinMvBlock01 > .columnInner {
	min-height: 480px;
	padding: 50px 0 25px;
}
.bDirectJoinMvContent01 {
	width: 665px;
	margin-left: auto;
	text-align: center;
}
.bDirectJoinMvTtl01 {
	margin-top: 25px;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.bDirectJoinMvCvBlock01 {
	position: relative;
	margin-top: 40px;
	padding: 15px 25px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	box-sizing: border-box;
}
.bDirectJoinMvLabel01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
}
.bDirectJoinMvDecoration01 {
	line-height: 1.5;
}
.bDirectJoinMvDecoration01 > span:before,
.bDirectJoinMvDecoration01 > span::after {
	top: auto;
	bottom: 3px;
}
.bDirectJoinMvLogo01 {
	position: relative;
	top: -3px;
	width: 120px;
}
.bDirectJoinMvBtn01 > span {
	display: inline-flex;
	align-items: center;
}

/* bDirectJoinListMarkCheck */
.bDirectJoinListMarkCheck01 {
	font-weight: 500;
}
.bDirectJoinListMarkCheck01 *[class*="glyphCheck"] > span:before {
	top: -3px;
}

/* bDirectJoinBorderBox */
.bDirectJoinBorderBox01 {
	box-sizing: border-box;
}

/* bDirectJoinTable */
table.bDirectJoinTable01 thead th,
table.bDirectJoinTable02 thead th,
table.bDirectJoinTable02 tBody th {
	background: #fbfefb;
}
table.bDirectJoinTable01 tBody th {
	background: #f3f3f3;
}
table.bDirectJoinTable02 .disabledCell {
	background: #eee;
}

/* bDirectJoinTableText */
.bDirectJoinTableText01 {
	font-weight: 400;
	color: #323232;
}

/* bDirectJoinFixedBottom */
.bDirectJoinFixedBottom01 .fixedBottomBtn .fixedBottomList01 {
	align-items: flex-end;
}
.bDirectJoinFixedBottom01 .fixedBottomBtn .bDirectJoinFixedText02 {
	display: none;
}

.hyoNormal{
	width:100%;
	margin:10px auto;
	font-size: 0.7vw;
}
.hyoNormal th.col1{
	background-color:#d7efdf;
	text-align:center;
	color:#474747;
	padding:0.35em 0.5em;
	vertical-align:middle;
	border:1px solid #c9c9c9;
}
.hyoNormal th.col2{
	background-color:#e2eff7;
	text-align:center;
	color:#474747;
	padding:0.35em 0.5em;
	vertical-align:middle;
	border:1px solid #c9c9c9;
}
.hyoNormal td{
	padding:0.35em 0.5em;
	vertical-align:top;
	text-align: left;
}
.hyoNormal td.borderL{border-left: 1px solid #c9c9c9;}
.hyoNormal td.borderT{border-top: 1px solid #c9c9c9;}
.hyoNormal td.borderR{border-right: 1px solid #c9c9c9;}
.hyoNormal td.borderB{border-bottom: 1px solid #c9c9c9;}
.hyoNormal .tCenter{text-align: center!important; vertical-align: middle!important;}
.hyoNormal .vMiddle{vertical-align: middle!important;}
.hyoNormal img.img{float: left;}
.hyoFont {font-size: 0.7vw;}

@media screen and (max-width: 767px) {
	/* bDirectJoinMv */
	.bDirectJoinMvBlock01 {
		background-image: url(/hojin/b_direct/images/join_mv_img_01_sp.png);
		background-position: center top;
		background-size: 770px 510px;
	}
	.bDirectJoinMvBlock01::before {
		content: none;
	}
	.bDirectJoinMvBlock01 > .columnInner {
		min-height: 310px;
		padding: 180px 10px 15px;
	}
	.bDirectJoinMvContent01 {
		width: auto;
		max-width: 355px;
		margin: 0 auto;
	}
	.bDirectJoinMvTtl01 {
		margin-top: 5px;
		font-size: 2rem;
	}
	.bDirectJoinMvCvBlock01 {
		display: none;
	}
	.bDirectJoinMvLabel01 {
		width: 123px;
	}
	.bDirectJoinMvLogo01 {
		width: 75px;
	}
	#wrap *[class^="btnT"][class*=" glyph"].bDirectJoinMvBtn01 {
		padding: 10px 5px 11px !important;
	}
	#wrap *[class^="btnT"][class*=" glyph"].bDirectJoinMvBtn01 > span {
		padding: 0 !important;
	}
	.bDirectJoinMvBtn01 > span::before {
		content: none;
	}

	/* bDirectJoinTableText */
	.bDirectJoinTableText01 {
		min-width: 750px;
	}

	/* bDirectJoinFixedBottom */
	.bDirectJoinFixedBottom01 .fixedBottomBtn .fixedBottomList01 > * {
		display: flex;
		flex-direction: column;
	}
	.bDirectJoinFixedBottom01 .v4-decorationTextB02 > span {
		padding: 0 8px;
	}
	.bDirectJoinFixedBottom01 .fixedBottomBtn .fixedBottomList01 .bDirectJoinFixedText01 {
		height: auto;
	}
	.bDirectJoinFixedBottom01 .fixedBottomBtn .bDirectJoinFixedText02 {
		display: table;
	}
	.bDirectJoinFixedBottom01 .fixedBottomBtn .bDirectJoinFixedText02 > span {
		display: table-cell;
		vertical-align: middle;
	}

	.v4-tableSpScrollA01 .joinTableItem01 {
		margin-bottom: 10px;
		min-width: 1200px;
		font-size: 10px;
	}
	.hyoFont {
		font-size: 10px;
	}
}