@charset "UTF-8";






.l-premirecall-title {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 48px;
}
/* PC */
@media (min-width: 1280px) {
	.l-premirecall-title .headline > .en {
		font-size: 4.8rem;
	}
}






.yellow-line {
	position: relative;
}
.yellow-line > .inner {
	position: relative;
	z-index: 2;
}
.yellow-line:before {
	background-color: #EFDF00;
	content: "";
	position: absolute;
	z-index: 1;
}
.l-premirecall-top .text > .notice > .yellow-line {
	display: inline-block;
}
/* SP */
@media (max-width: 767px) {
	.yellow-line:before {
		left: -1%;
		width: 102%;
	}
	.l-premirecall-top .text > .notice > .yellow-line:before {
		bottom: 5px;
		height: 4px;
	}
	.headline > .yellow-line:before {
		bottom: 0;
		height: 5px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.yellow-line:before {
		left: -2%;
		width: 104%;
	}
	.l-premirecall-top .text > .notice > .yellow-line:before {
		bottom: 1px;
		height: 4px;
	}
	.headline > .yellow-line:before {
		bottom: 1px;
		height: 10px;
	}
}






/* トップ */
.l-premirecall-top .text > .notice {
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}
/* SP */
@media (max-width: 767px) {
	.l-premirecall-top .contents {
		padding: 32px 16px 80px 16px;
	}
	.l-premirecall-top .image {
		text-align: center;
		width: 100%;
	}
	.l-premirecall-top .image img {
		width: 146px;
	}
	.l-premirecall-top .text {
		padding: 32px 0 0 0;
		width: 100%;
	}
	.l-premirecall-top img {
		width: 100%;
	}
	.l-premirecall-top .text > .info {
		font-size: 1.2rem;
		padding: 16px 0;
	}
	.l-premirecall-top .text > .notice {
		font-size: 1rem;
		line-height: 2;
		margin: 26px 0 0 0;
		padding: 18px 15px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-premirecall-top .contents {
		padding: 52px 38px 80px 68px;
		width: 662px;
	}
	.l-premirecall-top .image {
		width: 178px;
	}
	.l-premirecall-top .text {
		padding: 0 0 0 40px;
		width: 444px;
	}
	.l-premirecall-top .text img {
		width: 424px;
	}
	.l-premirecall-top .text > .info {
		font-size: 1.4rem;
		line-height: 1.555;
		padding: 24px 0;
	}
	.l-premirecall-top .text > .notice {
		font-size: 1.3rem;
		line-height: 1.714285;
		margin: 32px 0 0 0;
		padding: 20px 24px;
		width: 424px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-premirecall-top .contents {
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.l-premirecall-top .image img {
		width: 100%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-premirecall-top {
		padding: 64px 0 0 0;
	}
	.l-premirecall-top .contents {
		padding: 0 0 80px 0;
		width: 1024px;
	}
	.l-premirecall-top .image {
		padding: 0 0 0 90px;
		width: 221px;
	}
	.l-premirecall-top .text {
		padding: 0 0 0 72px;
		width: 560px;
	}
	.l-premirecall-top .text img {
		width: 544px;
	}
	.l-premirecall-top .text > .caution {
		background-color: #EFDF00;
		font-size: 2.2rem;
		font-weight: bold;
		height: 60px;
		line-height: 60px;
		text-align: center;
		width: 544px;
	}
	.l-premirecall-top .text > .info {
		font-size: 1.8rem;
		line-height: 1.555;
		padding: 40px 0;
	}
	.l-premirecall-top .text > .notice {
		font-size: 1.4rem;
		line-height: 1.714285;
		margin: 34px 0 0 0;
		padding: 32px;
		width: 544px;
	}
}






.l-premirecall-app {
	background-color: #f5f5f5;
	text-align: center;
}
/* SP */
@media (max-width: 767px) {
	.l-premirecall-app {
		padding: 25px 0;
	}
	.l-premirecall-app .text {
		font-size: 1.2rem;
		line-height: 1.6666;
	}
	.l-premirecall-app .app-btn {
		padding: 16px 0 0 0;
	}
	.l-premirecall-app .app-btn > a {
		margin: 0 8px;
	}
	.l-premirecall-app .app-btn > a > img {
		width: 120px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-premirecall-app {
		padding: 28px 0;
	}
	.l-premirecall-app .text {
		font-size: 1.6rem;
		line-height: 1;
	}
	.l-premirecall-app .app-btn {
		padding: 28px 0 0 0;
	}
	.l-premirecall-app .app-btn > a {
		margin: 0 14px;
	}
	.l-premirecall-app .app-btn > a > img {
		width: 188px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-premirecall-app {
		padding: 40px 0;
	}
	.l-premirecall-app .text {
		font-size: 1.8rem;
		line-height: 1;
	}
	.l-premirecall-app .app-btn {
		padding: 32px 0 0 0;
	}
	.l-premirecall-app .app-btn > a {
		margin: 0 10px;
	}
	.l-premirecall-app .app-btn > a > img {
		width: 206px;
	}
}





/* ルノー プレミアコール 活用方法 */
.l-premirecall-use .headline {
	font-weight: bold;
}
.l-premirecall-use .step .image > img {
	width: 100%;
}
.l-premirecall-use .step .title .name {
	vertical-align: top;
	color: #000;
}
.l-premirecall-use .step .number {
	background: url(../img/number.svg) no-repeat;
	background-size: 1em 6em;
	display: inline-block;
	height: 1em;
	width: 1em;
}
.l-premirecall-use .step--2 .image,
.l-premirecall-use .step--3 .image {
	position: absolute;
	left: 0;
	top: 0;
}
.l-premirecall-use .step--1 .number {
	background-position: 0 0;
}
.l-premirecall-use .step--2 .number {
	background-position: 0 -1em;
}
.l-premirecall-use .step--3 .number {
	background-position: 0 -2em;
}
/* SP */
@media (max-width: 767px) {
	.l-premirecall-use .headline {
		font-size: 1.9rem;
	}
	.l-premirecall-use .contents {
		padding: 28px 16px 40px 16px;
	}
	.l-premirecall-use .step .title .name {
		font-size: 1.6rem;
		line-height: 20px;
		margin: 0 0 0 6px;
	}
	.l-premirecall-use .step .number {
		font-size: 22px;
	}
	.l-premirecall-use .step .text {
		font-size: 1.2rem;
		line-height: 1.916666;
	}
	.l-premirecall-use .step--1 .text {
		padding: 0 0 20px 0;
	}
	.l-premirecall-use .step--2,
	.l-premirecall-use .step--3 {
		box-sizing: border-box;
		height: 182px;
		margin: 32px 0 0 0;
		padding-left: 114px;
		position: relative;
		width: 100%;
	}
	.l-premirecall-use .step--2 .image,
	.l-premirecall-use .step--3 .image {
		width: 96px;
	}
	.l-premirecall-use .step--2 .data,
	.l-premirecall-use .step--3 .data {
		padding: 8px 0 0 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-premirecall-use .contents {
		padding: 48px 32px 0 32px;
		width: 704px;
	}
	.l-premirecall-use .step .title .name {
		font-size: 1.8rem;
		margin: 0 0 0 6px;
	}
	.l-premirecall-use .step .text {
		font-size: 1.2rem;
		line-height: 2;
	}
	.l-premirecall-use .step--1 .text {
		padding: 0 0 20px 0;
	}
	.l-premirecall-use .step .number {
		font-size: 30px;
	}
	.l-premirecall-use .step--2,
	.l-premirecall-use .step--3 {
		box-sizing: border-box;
		height: 260px;
		padding-left: 154px;
		position: relative;
		width: 48%;
	}
	.l-premirecall-use .step--2 {
		margin: 32px 2% 68px 0;
	}
	.l-premirecall-use .step--3 {
		margin: 32px 0 68px 2%;
	}
	.l-premirecall-use .step--2 .image,
	.l-premirecall-use .step--3 .image {
		width: 138px;
	}
	.l-premirecall-use .step--2 .title,
	.l-premirecall-use .step--3 .title {
		padding: 32px 0 0 0;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-premirecall-use .contents {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		margin: 0 auto;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-premirecall-use .contents {
		padding: 0 0 80px 0;
		width: 960px;
	}
	.l-premirecall-use .step .title .name {
		line-height: 44px;
		margin: 0 0 0 12px;
		vertical-align: top;
	}
	.l-premirecall-use .step .text {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 2;
	}
	.l-premirecall-use .step--1 .title {
		display: inline-block;
		padding: 48px 0 16px 0;
	}
	.l-premirecall-use .step--2 .title,
	.l-premirecall-use .step--3 .title {
		padding: 40px 0 16px 0;
	}
	.l-premirecall-use .step--1 .text {
		margin: 0 0 0 32px;
	}
	.l-premirecall-use .step--2,
	.l-premirecall-use .step--3 {
		margin: 40px 0 0 0;
		width: 48%;
		box-sizing: border-box;
		position: relative;
		padding-left: 188px;
		height: 320px;
	}
	.l-premirecall-use .step--2 {
		margin-right: 2%;
	}
	.l-premirecall-use .step--3 {
		margin-left: 2%;
	}
	.l-premirecall-use .step--2 .image,
	.l-premirecall-use .step--3 .image {
		width: 168px;
	}
	.l-premirecall-use .step .number {
		font-size: 44px;
	}
}





/* ダウンロード・登録方法こちらから */
.l-premirecall-download .headline {
	font-weight: bold;
}
.l-premirecall-download .step .data > img {
	width: 100%;
}
.l-premirecall-download .step .title {
	font-weight: normal;
}
.l-premirecall-download .step .name {
	vertical-align: top;
	display: inline-block;
	color: #000;
}
.l-premirecall-download .step .number {
	background: url(../img/number.svg) no-repeat;
	background-size: 1em 6em;
	display: inline-block;
	height: 1em;
	width: 1em;
}
.l-premirecall-download .step--1 .number {
	background-position: 0 -3em;
}
.l-premirecall-download .step--2 .number {
	background-position: 0 -4em;
}
.l-premirecall-download .step--3 .number {
	background-position: 0 -5em;
}
.l-premirecall-download .app-btn {
	background-color: #f5f5f5;
	text-align: center;
}
.l-premirecall-download .notice li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.l-premirecall-download .step .step-arrow {
	background: url(../img/arrow.svg) no-repeat;
	background-size: 1em 2em;
	display: block;
	position: absolute;
	height: 1em;
	width: 1em;
}
/* SP */
@media (max-width: 767px) {
	.l-premirecall-download .headline {
		font-size: 1.7rem;
	}
	.l-premirecall-download .contents {
		padding: 0 0 40px 0;
	}
	.l-premirecall-download .step {
		padding: 20px 0 0 0;
	}
	.l-premirecall-download .step .number { 
		font-size: 24px;
		margin: -2px 0 0 0;
	}
	.l-premirecall-download .step .title {
		text-align: center;
	}
	.l-premirecall-download .step .name {
		font-size: 1.6rem;
		line-height: 1;
		margin: 0 0 0 8px;
	}
	.l-premirecall-download .step .data {
		margin: 20px 0 0 0;
		text-align: center;
	}
	.l-premirecall-download .step .data > .image {
		width: 228px;
	}
	.l-premirecall-download .app-btn {
		padding: 16px 0;
	}
	.l-premirecall-download .app-btn a img {
		width: 119px;
	}
	.l-premirecall-download .step--2 .data img {
		width: 128px;
	}
	.l-premirecall-download .step--3 .data img {
		width: 252px;
	}
	.l-premirecall-download .app-btn a:first-child {
		margin: 0 16px 0 0;
	}
	.l-premirecall-download .notice {
		font-size: 1rem;
		line-height: 1.8;
		padding: 16px 16px 0 16px;
		text-align: left;
	}
	.l-premirecall-download .step .step-arrow {
		background-position: center -1em;
		font-size: 60px;
		position: relative;
		margin: 16px 0 0 0;
		width: 100%;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-premirecall-download .contents {
		padding: 48px 32px 80px 32px;
		width: 704px;
	}
	.l-premirecall-download .step .number { 
		font-size: 36px;
		margin: 2px 0 0 0;
	}
	.l-premirecall-download .step .name {
		font-size: 1.6rem;
		line-height: 1.28;
		margin: 0 0 0 10px;
	}
	.l-premirecall-download .step--1 { width: 282px; }
	.l-premirecall-download .step--2 { width: 222px; }
	.l-premirecall-download .step--3 { width: 200px; }
	.l-premirecall-download .step--1 .data { width: 216px; }
	.l-premirecall-download .step--2 .data { width: 189px; }
	.l-premirecall-download .step--3 .data { width: 200px; }
	.l-premirecall-download .data { 
		padding: 18px 0 0 0;
	}
	.l-premirecall-download .app-btn a img {
		width: 152px;
	}
	.l-premirecall-download .notice {
		font-size: 1rem;
		line-height: 1.8;
		margin: 20px 0 0 0;
	}
	.l-premirecall-download .step .step-arrow {
		background-position: 0 0;
		font-size: 40px;
		right: 14px;
		top: 180px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-premirecall-download .contents {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		margin: 0 auto;
	}
	.l-premirecall-download .step {
		position: relative;
	}
	.l-premirecall-download .app-btn {
		padding: 20px 0;
	}
	.l-premirecall-download .app-btn a:first-child {
		display: block;
		margin: 0 0 20px 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-premirecall-download .contents {
		padding: 48px 0 80px 0;
		width: 1024px;
	}
	.l-premirecall-download .step .name {
		font-size: 2.2rem;
		line-height: 1.28;
		margin: 0 0 0 16px;
	}
	.l-premirecall-download .step .number { 
		font-size: 48px;
		margin: 4px 0 0 0;
	}
	.l-premirecall-download .step--1 { width: 433px; }
	.l-premirecall-download .step--2 { width: 326px; }
	.l-premirecall-download .step--3 { width: 265px; }
	.l-premirecall-download .step--1 .data { width: 298px; }
	.l-premirecall-download .step--2 .data { width: 248px; }
	.l-premirecall-download .step--3 .data { width: 265px; }
	.l-premirecall-download .data { 
		padding: 18px 0 0 0;
	}
	.l-premirecall-download .app-btn a img {
		width: 206px;
	}
	.l-premirecall-download .notice {
		font-size: 1rem;
		line-height: 1.8;
		margin: 20px 0 0 0;
	}
	.l-premirecall-download .step .step-arrow {
		background-position: 0 0;
		font-size: 60px;
		right: 32px;
		top: 214px;
	}
}






.l-premirecall-link .contents {
	text-align: center;
}
.l-premirecall-link .contents a {
	color: #000;
	line-height: 1;
	text-decoration: none;
	vertical-align: top;
}
.l-premirecall-link .contents .arrow:after {
	background-position: -1em -2em;
}
/* SP */
@media (max-width: 767px) {
	.l-premirecall-link .contents {
		padding: 46px 0;
	}
	.l-premirecall-link .contents a {
		font-size: 1.4rem;
	}
	.l-premirecall-link .contents .arrow:after {
		font-size: 18px;
		margin: 0 0 0 4px;
		top: -1px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-premirecall-link .contents {
		padding: 62px 0;
	}
	.l-premirecall-link .contents a {
		font-size: 1.8rem;
	}
	.l-premirecall-link .contents .arrow:after {
		font-size: 22px;
		margin: 0 0 0 8px;
		top: -2px;
	}
}





.page-notice p {
	color: #333;
	font-size: 1rem;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
/* SP */
@media (max-width: 767px) {
	.l-page-notice .contents {
		padding: 0 16px 32px 16px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-page-notice .contents {
		padding: 0 32px 32px 32px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-page-notice .contents {
		margin: 0 auto;
		padding: 0 0 32px 0;
		width: 1024px;
	}
}