@charset "Shift-JIS";

img {
    width: auto;
	height: auto;
}

#rate {
	width: 730px;
	color: #666;
	padding-bottom: 40px;
	margin: 0 auto;
}

.title {
	padding: 13px 0 8px 0
}

.method {
	margin: 10px 0 0 20px;
}

.method li {
	float: left;
	margin-right: 15px;
}

.cedyna {
	padding: 10px 20px 10px 20px;
	background: #e8f1ec;
}

.flow_t {
	background: url(../../campaign/images/rate_bg_jaccs_top.gif) no-repeat;
}

.flow_b {
	background: url(../../campaign/images/rate_bg_jaccs_btm.gif) no-repeat bottom left;
}

.flow_m {
	padding: 5px 30px 20px 30px;
	background: #fff;
}

.flow_m li {
	padding: 15px 18px 25px 18px;
	background: url(../../campaign/images/rate_bg_cedyna_flow.gif) no-repeat bottom;
	font-size: 117%;
}

.flow_m li.styleNone {
	padding-bottom: 5px;
	background: none;
}

.flow_m li p {
	margin-top: 10px;
}

.attention {
	margin: 20px 30px;
}

.attention li {
	font-size: 92%;
}

.bnr_simulator {
	margin-bottom: 20px;
}

.bnr_onlinestore {
	margin-top: 30px;
}

.mab15 {
	margin-bottom: 15px;
}

/* sp */

@media screen and (max-width:768px) {
	#rate {
		width: 100%;
	}
	#rate img {
		width: 100%;
		height: auto;
	}
	.jaccs {
		background-size: auto 100%;
	}
	#rate .flow_b img {
		/*width: auto;*/
	}
}

/* pc sp */

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/* pc時余分な要素の削除 */

@media screen and (max-width: 768px) {
	#header,#sidebar,#footer,#topicpathArea {
		display: none;
	}
	#wrap.common #content {
		background-image: none;
	}
	#topicpathArea,#content,#content #main,#main .list5,#main .list5 .l5Article {
		float: none;
		width: 100%;
	}
	#main .list5 .l5ArticleLine {
		width: 100%;
	}

	#main .l5ArticleLine {
		display: flex;
		flex-wrap: wrap;
	}
	#main .l5ArticleLine dl {
		margin-left: 5px;
		margin-right: 0;
		min-height: 0;
		width: 31% !important;
		box-sizing: border-box;
	}
	#main .l5ArticleLine dt a,
	#main .l5ArticleLine dl img {
		width: 100%;
		height: auto;
	}
}