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

.lp-body{ max-width: 1000px; margin: 50px auto 0; padding: 70px 2.5%; position: relative; }
.lp-body .bg01{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lp-body .bg01 .sticky-bg{ position: sticky; top: 0; height: 100vh; background: url(../image/bg01.webp) center center no-repeat; background-size: cover; }
.lp-body .content-body{ position: relative; z-index: 10; }
.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%; }
}

@media print{
	.lp-body .bg01 .sticky-bg{ position: absolute; width: 100%; height: 100%; background-attachment: fixed; background-position: 0 0; }
}