@charset "utf-8";

/* SP：benefits_sp.css
 * **************************************************
 * Content
 * Main
 * **************************************************
 */

/* Content
------------------------------------------------------------------ */
#content .main {
	background: #d80c24;
	color: #ffffff;
}


/* Main
------------------------------------------------------------------ */
/* Headline */
#content h1 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#content h2 {
	font-size: 1.7rem;
	font-weight: bold;
	margin: 0.8em 0 0 0;
	text-align: center;
}

/* Benefits */
#content .benefits {
	background: #ffffff;
	border-radius: 8px;
	margin: 1.5em 0 0 0;
	padding: 15px 5% 0.8em;
}
#content .benefits img {
	display: block;
	margin: -30px auto 0;
	width: 60px;
}
#content .benefits p {
	color: #000000;
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0.6em 0 0 0;
}

/* Limit */
#content dl.limit {
	margin: 1em 0 0 0;
}
#content dl.limit dt {
	font-size: 1.3rem;
}
#content dl.limit dd {
	background: #0f2232;
	border-radius: 8px;
	font-size: 1.4rem;
	margin: 0.5em 0 0 0;
	padding: 1em 5%;
	text-align: center;
}

/* Benefits Image */
#content .main .benefitsImg {
	margin: 1em 0 0 0;
}

/* Back Button */
#content .main .btnBack {
	border: 3px solid #ffffff;
	border-radius: 22px;
	height: 44px;
	margin: 1.5em auto 0;
	text-align: center;
	width: 44px;
}
#content .main .btnBack a {
	display: block;
}
#content .main .btnBack img {
	height: auto;
	width: 100%;
}