@charset "utf-8";

/* PC：benefits_pc.css
 * **************************************************
 * Content
 * Main
 * **************************************************
 */

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


/* Main
------------------------------------------------------------------ */
/* Headline */
#content h1 {
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 5%;
	text-align: center;
}
#content h2 {
	font-size: 2.3rem;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0 5%;
	text-align: center;
}

/* Benefits */
#content .benefits {
	background: #ffffff;
	border-radius: 8px;
	margin: 3em 0 0 0;
	padding: 25px 5% 1.8em;
}
#content .benefits img {
	display: block;
	margin: -50px auto 0;
	width: 100px;
}
#content .benefits p {
	color: #000000;
	font-size: 1.9rem;
	line-height: 1.6;
	margin: 0.6em 0 0 0;
}

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

/* Benefits Image */
#content .main .benefitsImg {
	display: block;
	margin: 2em auto;
}

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