@charset "utf-8";
/* CSS Document */

.p-bc--top {
	position: relative;
	border-top-color: #f00!important;
}
.p-bc--top::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f00;
}
.p-bc--bottom {border-bottom-color: #f00!important;}
.p-bc--side {border-left-color: #f00!important; border-right-color: #f00!important;}
.p-bc--right {border-right-color: #f00!important;}

.p-bc--no-top {border-top-color: #fff!important;}
.p-bc--no-bottom {border-bottom-color: #fff!important;}

.p-bc--ex {
	position: relative;
}
.p-bc--ex::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
}
.has-arrow {
	position: relative;
}
.has-arrow::after {
	content: "";
	position: absolute;
	display: block;
	top: calc(50% - 15px);
	left: -18px;
	width: 40px;
	height: 30px;
	background: url("../img/arw.webp") no-repeat 0 0;
	background-size: contain;
}

@media only screen and (max-width: 767.9px) {

	.c-table--scroll > table.c-table {
		width: 730px;
	}
	.has-arrow::after {
		left: -21px;
	}

}