@media screen and (min-width: 768px){
.br-sp {display: none; }
}

.header-right :before{
	content: '';
	position: absolute;
	bottom: -3em;
	right: 1em; 
	transform: translateY(-50%);
	width: 1px;
	height: 360px;
	background-color: #EAC493;
}

.header-right :after{
	content: '';
	position: absolute;
	bottom: 18px; 
	right: -38%;
	transform: translateX(-50%);
	width: 80%; 
	height: 1px;
	background-color: #EAC493;
}

.header-left :before{
	content: '';
	position: absolute;
	bottom: -3em;
	left: 1em; 
	transform: translateY(-50%);
	width: 1px;
	height: 360px;
	background-color: #EAC493; 
}

.header-left :after{
	content: '';
	position: absolute;
	bottom: 18px; 
	left: 38%;
	transform: translateX(-50%);
	width: 80%; 
	height: 1px;
	background-color: #EAC493;
}

@media screen and (max-width: 640px) {
    .header-right :before{
		bottom: -3.4em;
		right: 1em; 
		transform: translateY(-50%);
		width: 1px;
		height: 160px; 
		background-color: #EAC493;
	}
	.header-right :after{
		bottom: 14px; 
		right: -33%;
		transform: translateX(-50%);
		width: 80%; 
		height: 1px;
		background-color: #EAC493;
	}
	.header-left :before{
		bottom: -3em;
		left: 1em;
		height: 160px;
	}
	.header-left :after{
		bottom: 14px; 
		left: 38%;
		width: 80%; 
	}
}