:root{
	--devive_width: 390;
	--mobile-magnification: 0.75;
}

.lp-outer{
	padding-bottom: calc(100vw / var(--devive_width) * 80);
}
@media screen and (min-width: 1024px){
	.lp-outer{
		padding-bottom: 100px;
	}
}

.lp-head{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.lp-head__background{
	width: 160%;
	margin-left: -30%;
}
@media screen and (min-width: 1024px){
	.lp-head__background{
		width: 100%;
		margin-left: 0;
	}
}
.lp-head__background img,
.lp-head__background picture{
	width: 100%;
	height: auto;
}
.lp-head .lp-title{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	color: #fff;
	font-size: calc(100vw / var(--devive_width) * 22);
	line-height: calc(44 / 22);
	font-weight: 400;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px){
	.lp-head .lp-title{
		font-size: 22px;
	}
}

.lp-head + .lp-container{
	margin-top: calc(100vw / var(--devive_width) * 48);
}
@media screen and (min-width: 1024px){
	.lp-head + .lp-container{
		margin-top: 89px;
	}
}
@media screen and (min-width: 1024px){
	.lp-inner{
		width: 100%;
		max-width: 960px;
		margin-inline: auto;
	}
}


.lp-pagenation{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: calc(100% - (100vw / var(--devive_width) * 40));
	margin-inline: auto;
	margin-top: calc(100vw / var(--devive_width) * 40);
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
@media screen and (min-width: 1024px){
	.lp-pagenation{
		width: calc(100% + 20px);
		max-width: 980px;
		margin-inline: auto;
		margin-top: 102px;
		-webkit-transform: translateX(-10px);
		    -ms-transform: translateX(-10px);
		        transform: translateX(-10px);
	}
}
@media screen and (min-width: 1024px){
	.lp-container--full .lp-pagenation{
		-webkit-transform: unset;
		    -ms-transform: unset;
		        transform: unset;
		margin-top: 100px;
	}
}
.lp-pagenation__item{
	border: 1px solid #9F9F9F;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 calc(100% - 20px);
	        flex: 1 1 calc(100% - 20px);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	padding: calc(100vw / var(--devive_width) * 10) calc(100vw / var(--devive_width) * 5);
	font-size: calc(100vw / var(--devive_width) * 12);
	line-height: calc(18 / 14);
	font-weight: 400;
}
@media screen and (min-width: 1024px){
	.lp-pagenation__item{
		margin: 0 10px;
		padding: 18px 5px;
		font-size: 14px;
	}
}
.lp-pagenation--prev{
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 calc(50% - (100vw / var(--devive_width) * 5));
	        flex: 0 1 calc(50% - (100vw / var(--devive_width) * 5));
}
@media screen and (min-width: 1024px){
	.lp-pagenation--prev{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 270px;
		        flex: 0 1 270px;
	}
}
.lp-pagenation--current{
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
@media screen and (min-width: 1024px){
	.lp-pagenation--current{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 380px;
		        flex: 0 1 380px;
	}
}
.lp-pagenation--current svg{
	width: calc(100vw / var(--devive_width) * 11);
	height: calc(100vw / var(--devive_width) * 5);
	margin-left: calc(100vw / var(--devive_width) * 10);
	position: absolute;
	left: 63.4%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
@media screen and (min-width: 1024px){
	.lp-pagenation--current svg{
		width: 11px;
		height: 5px;
		margin-left: 20.3px;
	}
}
.lp-pagenation--next{
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 calc(50% - (100vw / var(--devive_width) * 5));
	        flex: 0 1 calc(50% - (100vw / var(--devive_width) * 5));
}
@media screen and (min-width: 1024px){
	.lp-pagenation--next{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 270px;
		        flex: 0 1 270px;
	}
}

.lp-pagenation--prev,
.lp-pagenation--next{
	margin-top: calc(100vw / var(--devive_width) * 10);
}

@media screen and (min-width: 1024px){
	.lp-pagenation--prev,
	.lp-pagenation--next{
		margin-top: 0;
	}
}

.lp-pagenation--prev svg,
.lp-pagenation--next svg{
	width: calc(100vw / var(--devive_width) * 5);
	height: calc(100vw / var(--devive_width) * 11);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media screen and (min-width: 1024px){
	.lp-pagenation--prev svg,
	.lp-pagenation--next svg{
		width: 5px;
		height: 11px;
	}
}

.lp-pagenation--prev svg{
	left: calc(100vw / var(--devive_width) * 10);
}
@media screen and (min-width: 1024px){
	.lp-pagenation--prev svg{
		left: 21.4px;
	}
}
.lp-pagenation--next svg{
	right: calc(100vw / var(--devive_width) * 10);
}
@media screen and (min-width: 1024px){
	.lp-pagenation--next svg{
		right: 21.4px;
	}
}