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

.lp-body{ max-width: 1000px; margin: 50px auto 0; padding: 70px 2.5%; background-color: #DEF1F5; }
.lp-body img{ max-width: 100%; height: auto; }
.lp-body .sec~.sec{ margin-top: 40px; }
.lp-body .item{ max-width: 780px; margin: 0 auto; }
.lp-body .navi{ position: relative; }
.lp-body .navi::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; }
.lp-body .navi a{ display: block; position: relative; z-index: 10; transition: opacity 0.5s; }
.lp-body .navi a:hover{ opacity: 0.7; }

@media screen and (max-width: 767.5px) {
	.lp-body{ margin: 10% auto 0; padding: 7% 2.5%; }
	.lp-body .sec~.sec{ margin-top: 7%; }
}