@charset "UTF-8";


/* --------------------------------
    共通
-------------------------------- */
/* SP */
@media (max-width: 767px) {
	.invisible--pc {
		display: block;
	}
	.only--sp {
		display: block;
	}
	.only--pc {
		display: none;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.invisible--pc {
		display: block;
	}
	.only--sp {
		display: none;
	}
	.only--pc {
		display: none;
	}
}
/* PC */
@media (min-width: 1280px) {
	.invisible--pc {
		display: none;
	}
	.only--sp {
		display: none;
	}
	.only--pc {
		display: block;
	}
}



/* --------------------------------
    MV
-------------------------------- */
.rsp-mv .contents {
	padding-top: 16px;
	text-align: center;
}
.rsp-mv .contents .lead {
	padding-bottom: 40px;
	line-height: 2;
	font-size: 1.4rem;
}
/* SP */
@media (max-width: 767px) {
	.rsp-mv .contents .lead {
		padding: 0 16px 20px 16px;
		text-align: left;
		font-size: 1.2rem;
	}
}
.rsp-mv .contents img {
	width: 100%;
}
/* PC */
@media (min-width: 1280px) {
	.rsp-mv .contents img {
		max-width: 1280px;
	}
}



/* --------------------------------
　　プランに加入するメリット
-------------------------------- */
.merit_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.merit_list {
		display: block;
	}
}
.merit_list > li {
	position: relative;
	width: 316px;
	min-height: 48px;
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.merit_list > li {
		width: 30%;
	}
	.merit_list > li:first-child,
	.merit_list > li:nth-child(2) {
		margin-bottom: 16px;
	}
}
/* SP */
@media (max-width: 767px) {
	.merit_list > li {
		width: 100%;
	}
	.merit_list > li + li {
		margin-top: 16px;
	}
}
.merit_list > li .merit_list_icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 48px;
	height: 48px;
	background-image: url(/after_service/img2016/renault_service_plan/rsp_merit_icon.svg);
	background-repeat: no-repeat;
	background-size: auto 48px;
}
.merit_list > li:first-child .merit_list_icon {
	background-position: 0 0;
}
.merit_list > li:nth-child(2) .merit_list_icon {
	background-position: -48px 0;
}
.merit_list > li:last-child .merit_list_icon {
	background-position: -96px 0;
}

.merit_list_txt {
	padding: 0 0 0 56px;
	line-height: 2;
	font-size: 1.4rem;
}
/* TB & SP */
@media (max-width: 1279px) {
	.merit_list_txt {
		font-size: 1.2rem;
	}
}



/* --------------------------------
　　メンテナンス内容について
-------------------------------- */
.care_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.merit_list {
		display: block;
	}
}
.care_list > li {
	position: relative;
	width: 482px;
	min-height: 100px;
}
/* PC */
@media (min-width: 1280px) {
	.care_list > li:first-child,
	.care_list > li:nth-child(2) {
		margin-bottom: 40px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.care_list > li {
		width: 46%;
	}
	.care_list > li:first-child,
	.care_list > li:nth-child(2) {
		margin-bottom: 24px;
	}
}
/* SP */
@media (max-width: 767px) {
	.care_list > li {
		width: 100%;
	}
	.care_list > li + li {
		margin-top: 16px;
	}
}
.care_list > li .care_list_icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(/after_service/img2016/renault_service_plan/rsp_icon.svg);
	background-repeat: no-repeat;
	background-size: auto 100px;
}
.care_list > li:first-child .care_list_icon {
	background-position: 0 0;
}
.care_list > li:nth-child(2) .care_list_icon {
	background-position: -100px 0;
}
.care_list > li:nth-child(3) .care_list_icon {
	background-position: -200px 0;
}
.care_list > li:last-child .care_list_icon {
	background-position: -300px 0;
}
/* TB & SP */
@media (max-width: 1279px) {
	.care_list > li .care_list_icon {
		width: 48px;
		height: 48px;
		background-size: auto 48px;
	}
	.care_list > li:nth-child(2) .care_list_icon {
		background-position: -48px 0;
	}
	.care_list > li:nth-child(3) .care_list_icon {
		background-position: -96px 0;
	}
	.care_list > li:last-child .care_list_icon {
		background-position: -144px 0;
	}
}


.care_list_detail {
	padding: 0 0 0 120px;
}
/* TB & SP */
@media (max-width: 1279px) {
	.care_list_detail {
		padding: 0 0 0 56px;
	}
}

.care_list_detail > .ttl {
	font-size: 1.8rem;
	font-weight: bold;
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.care_list_detail > .ttl {
		font-size: 1.4rem;
	}
}
/* SP */
@media (max-width: 767px) {
	.care_list_detail > .ttl {
		font-size: 1.2rem;
	}
}

.care_list_detail > .txt {
	padding: 6px 0 0 0;
	line-height: 2;
	font-size: 1.4rem;
}
/* TB & SP */
@media (max-width: 1279px) {
	.care_list_detail > .txt {
		padding: 2px 0 0 0;
		font-size: 1.2rem;
	}
}
/* SP */
@media (max-width: 767px) {
	.care_list_detail > .txt {
		padding: 0;
	}
}



/* --------------------------------
　　選べるプラン・選べる期間
-------------------------------- */
.rsp-plan .l-paragraph {
	padding-bottom: 0;
}


.plan_menu_ttl {
	padding: 40px 0 20px 0;
	font-size: 1.8rem;
	font-weight: bold;
}
.plan_menu_dtl {
	padding: 3px 0 8px 0;
	font-size: 1.4rem;
}

/* PC */
@media (min-width: 768px) {
  .plan_menu_link {
    pointer-events: none;
  }
}

/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.plan_menu_ttl {
		font-size: 1.4rem;
	}
	.plan_menu_dtl {
		font-size: 1.2rem;
	}
}

/* SP */
@media (max-width: 767px) {
	.plan_menu_ttl {
		padding: 24px 0 6px 0;
		font-size: 1.2rem;
	}
	.plan_menu_dtl {
		padding: 3px 0 4px 0;
		font-size: 1.2rem;
	}

  .plan_menu_img {
    margin: 15px 0;
    display: block;
    max-width: 100%;
    overflow: auto;
    position: relative;
  }

  .plan_menu_img img {
    max-width: 1024px !important;
    width: 1024px !important;
  }
}

.rsp-plan .plan_link {
	padding: 44px 0 0 0;
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.plan_link .btn {
		width: 55%;
	}
}



/* --------------------------------
　　ルノー・サービスプランに関する Q&A
-------------------------------- */
/* PC */
@media (min-width: 1280px) {
	.rsp-faq .l-headline-sub {
		margin-bottom: 44px;
	}
}

.faq_question,
.faq_answer {
	min-height: 32px;
	position: relative;
	width: 100%;
}

.faq_icon {
	position: absolute;
	left: 0;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-family: "RenaultFont";
	font-weight: bold;
}
.faq_text {
	box-sizing: border-box;
	padding: 2px 0 0 38px;
	font-size: 1.4rem;
}
.faq_question > .faq_icon {
	box-sizing: border-box;
	color: #333333;
	border: 1px solid #333333;
}
.faq_answer > .faq_icon {
	background-color: #333333;
	color: #fff;
}
/* SP */
@media (max-width: 767px) {
	.faq_unit {
		padding: 0 0 30px 0;
	}
	.faq_question,
	.faq_answer {
		min-height: 28px;
	}
	.faq_question {
		padding: 0 0 16px 0;
	}
	.faq_text {
		font-size: 1.2rem;
		padding-top: 4px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.faq_unit {
		padding: 0 0 36px 0;
	}
	.faq_question,
	.faq_answer {
		min-height: 30px;
	}
	.faq_question {
		padding: 0 0 8px 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.faq_unit {
		padding: 0 0 40px 0;
	}
	.faq_question,
	.faq_answer {
		min-height: 32px;
	}
	.faq_question {
		padding: 0 0 8px 0;
	}
}







/* --------------------------------
　　ページトップボタン
-------------------------------- */
.care-pagetop {
	font-family: "RenaultFont";
	font-size: 1.2rem;
	font-weight: bold;
}
.care-pagetop.arrow:after {
	top: 1px;
	margin-left: 2px;
}
/* SP */
@media (max-width: 767px) {
	.care-pagetop {
		margin: 27px 0 0 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.care-pagetop {
		margin: 24px 0 0 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.care-pagetop {
		margin: 30px 0 0 0;
	}
}


.l-link .btn-pdf {
	height: auto;
	line-height: 1.5;
	padding: 10px 16px;
	text-align: left;
	max-width: 100%;
	box-sizing: border-box;
}
.l-link .btn.arrow:after {
	top: calc(50% - 7px);
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.plan_link .btn {
		width: 47%;
		max-width: 354px;
	}
}
/* PC */
@media (min-width: 1280px) {
}