@charset "shift_jis";

/*
SP
@media (max-width:767px) {
	
}
PC
@media (min-width: 768px) {
	
}
*/

.lp .spNone {
	@media (max-width:767px) {
		display: none !important;
	}
}
.lp .pcNone {
	@media (min-width: 768px) {
		display: none !important;
	}
}
.lp img.w100p {
	width: 100%;
}
.lp {
	background-image: url("../img/lp/bk_pixta_58854260_XL.jpg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-attachment: fixed;
	background-position: center top;
}

.lp #top .inner {
	margin: 0 auto;
}
.lp #header.mv {
	margin-top: 0;
	@media (min-width: 768px) {
		width: 100%;
		height: 53vw !important;
		max-height: 700px !important;
		background-image: url("../img/lp/mv_pc.jpg");
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center top;
	}
}
.lp #header img {
	margin: 0;
}
.lp .mv_step {
	max-width: 1000px;
	margin: 0 auto;
}
.lp #text1 p {
	margin: 2em 0;
}
.lp .komidashi {
	margin-top: 3em;
	margin-bottom: 3em;
	@media (max-width:767px) {
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}
	@media (min-width: 768px) {
		width: calc(100% + 84px);
		margin-left: -42px;
		margin-right: -42px;
	}
}
.lp .sousyoku {
	margin: 2em auto;
}
.lp .step {
	margin: 2em auto;
}
.lp .hanbai01 {
	margin: 2em auto;
	position: relative;
}
.lp .hanbai01 .btn {
	width: 85%;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: 3%;
	left: 7.5%;
}
.lp .hanbai01 .btn a {
	width: 100%;
	max-width: 666px;
	display: inline-block;
}
.lp .hanbai01 .btn a:hover {
	opacity: 0.6;
}
.lp .hanbai01 a img {
	width: 100%;
}
.lp .hanbai02 {
	margin: 2em auto;
	position: relative;
}
.lp .hanbai02 .btn {
	width: 85%;
	height: auto;
	text-align: center;
	position: absolute;
	left: 7.5%;
}
.lp .hanbai02 .btn a {
	width: 100%;
	max-width: 666px;
	display: inline-block;
}
.lp .hanbai02 .btn a:hover {
	opacity: 0.6;
}
.lp .hanbai02 a img {
	width: 100%;
}
.lp .hanbai02 .btn.btn-01 {
	bottom: 30%;
}
.lp .hanbai02 .btn.btn-02 {
	bottom: 3%;
	background: none;
}
.lp #main ul.qa {
	@media (min-width: 768px) {
		width: 90%;
		margin: 0 auto;
	}
}
.lp #main ul.qa > li {
	margin: 0;
	padding: 0;
}
.lp #main ul.qa > li::before {
	content: none !important;
}