@charset "UTF-8";
/* 本体 */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	--bs-gutter-x: 0rem;
}
body {
	width:100%;
	margin:0 auto;
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	filter: drop-shadow(0 0 11px #d8c8d1);
	background:#fff9fd;
}
img {
	border: 0;
	width:100%;
	vertical-align: middle;
	margin:0 auto;
}
.pc{display: block;}
.sp{display: none;}
@media screen and (max-width:780px) { 
.pc{display: none;}
.sp{display: block;}
}
#wrap{
	max-width:1200px;
	margin:0 auto;
	background:#fff;
}
@media screen and (max-width:780px) { 
	#wrap{
		overflow: hidden;
	}
}
.side_merit{
	width:100%;
	margin:0 auto;
	background:url(../images/side_merit_back.jpg);
	background-size:auto;
	background-repeat: no-repeat;
}
@media screen and (max-width:780px) { 
	.side_merit{
		background-size:contain;
	}
}
.cvr_txt{
	max-width:600px;
	margin:0 auto;
}
@media screen and (max-width:780px) { 
	.cvr_txt{
		width:80%;
		margin: auto;
	}
}
.btn{
	max-width:350px;
	margin:0 auto;
}
.caution{
	max-width:600px;
	margin:0 auto;
	padding:3% 0;
}
@media screen and (max-width:780px) { 
	.caution{
		width:90%;
	}
}
p.under{
	font-size:25px;
	font-weight:bold;
	color:#ff4e86;
}
@media screen and (max-width:780px) { 
	p.under{
		font-size:18px;
		margin:5% 0 0 0;
	}
}
p.shosai{
	font-size:15px;
	line-height:25px;
	text-align:left;
	color:#000;
}
@media screen and (max-width:780px) {
	p.shosai{
		font-size:13px;
		line-height:21px;
	}
}
.mobile{
	margin:2% 0 0 0;
	background:#fff;
	padding:3% 5%;
}
@media screen and (max-width:780px) {
	.mobile{
		padding:8%;
	}
}
.mobile_b{
	font-size:21px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#000;
}
@media screen and (max-width:780px) {
	.mobile_b{
		font-size:18px;
	}
}
.merit{
	max-width:700px;
	margin:0 auto;
	padding:5% 0;
}
@media screen and (max-width:780px) { 
	.merit{
		width:90%;
		margin: auto;
	}
}
.threestep{
	width:100%;
	margin:0 auto;
	padding:5% 0;
	background:url(../images/threestep_back.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}
.ts_body{
	max-width:700px;
	margin:0 auto;
	padding:5% 0;
}
@media screen and (max-width:780px) { 
	.ts_body{
		width:80%;
		margin: auto;
	}
}

.cases{
	background:url(../images/cases_back.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}
.cases_body{
	max-width:700px;
	margin:0 auto;
	padding:5% 0;
}
@media screen and (max-width:780px) { 
	.cases_body{
		width:80%;
		margin: auto;
	}
}
.last_cvr{
	width:100%;
	padding:0 0 5% 0;
	background:#e9e1ff;
}
@media screen and (max-width:780px) { 
	.last_cvr{
		background:#ffedfa;
	}
}

footer{
	max-width:1200px;
	margin:0 auto;
	background:#ff90ad;
	padding:1% 0;
}
.ftcopy{
	text-align: center;
}
.ftcopy p{
	font-size:15px;
}