@charset "UTF-8";


#lp-body{ max-width: 790px; margin: 50px auto 0; }
#lp-body *{ color: #333333; }
#lp-body span,
#lp-body svg,
#lp-body path{ color: inherit; }
#lp-body img{ width: 100%; height: auto; }
#lp-body .etc-navi{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 50px; }
#lp-body .etc-navi .navi{ width: 48%; }
#lp-body .etc-navi .navi a{ display: block; padding: 20px 0; text-align: center; text-decoration: none; background-color: #000000; color: #ffffff; position: relative; font-size: 1rem; transition: opacity 0.5s; }
#lp-body .etc-navi .navi a::before{ content: ""; width: 7px; height: 7px; position: absolute; right: 15px; top: 50%; transform: translate(-25%, -50%) rotate(45deg); border: solid rgba(255, 255, 255, 0.5); border-width: 1px 1px 0 0; }

@media only screen and (max-width: 767px) {
	#lp-body{ margin-top: 10%; }
}
@media only screen and (max-width: 480px) {
	#lp-body .etc-navi{ display: block; margin-top: 10%; }
	#lp-body .etc-navi .navi{ width: 100%; }
	#lp-body .etc-navi .navi:nth-child(n+2){ margin-top: 10px; }
}



#lp-body .etc-navi .navi a:active{ opacity: 0.7; }
@media (hover: hover){
	#lp-body .etc-navi .navi a:hover{ opacity: 0.7; }
}