@charset "utf-8";

:root {
	--color-brown01: #956134;
}

/* ==========================================================================
5-STAR Renewal $2014 TOP Page Layout (PC優先・静的)
========================================================================== */

.r-top {
	overflow-x: clip;
}

/* --------------------------------------------------------------------------
Hero
-------------------------------------------------------------------------- */
.r-hero {
	position: relative;
	width: 100%;
	margin: 0 auto min(3.055%, 11px);
	background-color: #fff;
}

.r-hero__visual {
	position: relative;
	width: 100%;
	height: clamp(520px, 80svh, 746px);
	overflow: visible;
	background-color: #111;
}

@media screen and (min-width: 799px) {
	.r-hero__visual {
		height: min(90svh, 746px);
	}
}



.r-hero__video,
.r-hero__slides {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.r-hero__video video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.r-hero__video.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 1s ease, visibility 0s linear 1s;
}

.r-hero__slides {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease, visibility 0s linear 1s;
}

.r-hero__slides.is-visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease;
}

.r-hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1s ease;
}

.r-hero__slide.is-active {
	opacity: 1;
	z-index: 1;
}

.r-hero__slide img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center center;
	transform: translate(-50%, -50%) scale(1.1);
	transform-origin: center center;
	transition: transform 4.5s linear;
	will-change: transform;
}

.r-hero__dots {
	display: flex;
	gap: clamp(5px, 2vw, 10px);
	position: absolute;
	z-index: 2;
	right: min(4%, 54px);
	bottom: clamp(1px, 3.5vw, 32px);
	left: auto;
	transform: none;
}

.r-hero__dot {
	display: block;
	flex: 0 0 auto;
	inline-size: clamp(5px, 1vw, 10px);
	block-size: clamp(5px, 1vw, 10px);
	padding: 0;
	background-color: #b8b8b8;
	border: 1px solid #b8b8b8;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color .3s, transform .3s;
}

.r-hero__dot.is-active {
	background-color: var(--r-color-red);
	border-color: var(--r-color-red);
	transform: scale(1.15);
}

.r-hero__wave {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 100%;
	margin: 0;
	line-height: 0;
	pointer-events: none;
}

.r-hero__wave picture {
	display: contents;
}

.r-hero__wave-img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100vw;
	height: clamp(2.5rem, 2.011rem + 2.45vw, 4.188rem);
	vertical-align: bottom;
	margin-bottom: -2px;
}



@media screen and (max-width: 798px) {
	.r-hero__slide img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: none;
		aspect-ratio: auto;
		object-fit: cover;
		object-position: center center;
		transform: translate(-50%, -50%) scale(1.1);
		transform-origin: center center;
	}

	.r-hero__wave::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: calc(100% + 2px);
		background-color: #ffffff;
		z-index: 0;
	}
}

/* --------------------------------------------------------------------------
   News
   -------------------------------------------------------------------------- */
.r-news {
	padding: 30px 0 0;
	background-color: var(--r-color-white);
}

.r-news {
	padding: 0;
}

.r-news .r-container {
	width: 100%;
	padding-inline: 1em;
}
@media screen and (min-width: 799px) {
	.r-news .r-container {
		width: min( calc( 100% - 6em ), 1032px);
	}
}




@media screen and (max-width: 798px) {

	.r-search .r-section-title img,
	.r-flow__title img,
	.r-payment__title img,
	.r-loan__title img,
	.r-shop__title img,
	.r-map__title img,
	.r-faq__title img,
	.r-kirara__title img {
		height: 3.6em;
	}
}

/* news
------------------------------ */
.r-news__title {
	margin: 0 auto .5em;
	padding: 0;
	text-align: center;
	color: var(--r-color-brown-mid);
}

.r-news__title img {
	display: block;
	width: auto;
	max-width: none;
	height: 1.8em;
	margin: 0 auto;
	flex-shrink: 0;
	object-fit: contain;
}

@media screen and (min-width: 799px) {
	.r-news__title {
		margin: 3em auto 1em;
	}

	.r-news__title img {
		height: 3em;
	}
}

.r-news__thumb {
	flex-shrink: 0;
	width: 21.5%;
	aspect-ratio: 4 / 3;
	height: auto;
	margin-block: .5em auto;
}

@media screen and (min-width: 799px) {
	.r-news__thumb {
		width: 6.2em;
	}

}

.r-news__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.r-news__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: .5px solid var(--color-brown01);
	border-bottom: .5px solid var(--color-brown01);
}

.r-news__item:first-child {
	position: relative;
	border-bottom: .5px dashed var(--color-brown01);
}

.r-news__link {
	display: flex;
	align-items: center;
	gap: .7em;
	margin: .25em .2em .5em;
	padding: 0;
	text-decoration: none;
	transition: opacity 0.3s;
}

@media screen and (min-width: 799px) {

	.r-news__link {
		gap: 1.7em;
		margin: .5em 0 .6em;
	}

}

.r-news__link:hover {
	opacity: .75;
}

.r-news__body {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.r-news__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4em;
}

.r-news__date {
	flex-shrink: 0;
	width: auto;
	font-size: .9em;
	letter-spacing: .15em;
	color: var(--color-brown01);
}

@media screen and (min-width: 799px) {
	.r-news__date {
		font-size: 1.2em;
	}

}

.r-news__badge {
	flex-shrink: 0;
	display: inline-block;
	padding: 0 1em;
	font-size: .8em;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .15em;
	color: var(--r-color-white);
	background-color: var(--r-color-red);
}

@media screen and (min-width: 799px) {
	.r-news__badge {
		font-size: 1.1em;
	}
}

.r-news__text {
	font-size: clamp(0.875rem, 0.685rem + 0.85vw, 1.438rem);
	/* 14-23:360-1424 */
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-brown01);
}

.r-news__more {
	display: grid;
	grid-template-columns: 1fr .5em;
	gap: .5em;
	align-items: center;
	width: fit-content;
	margin: .4em 0 0 auto;
	font-size: clamp(0.938rem, 0.832rem + 0.47vw, 1.25rem);
	/* 15-20: 260-1424*/
	letter-spacing: .015em;
	text-decoration: none;
	transition: opacity .3s;
}

.r-news__more a {
	color: var(--color-brown01);
}

.r-news__more::after {
	content: "";
	display: block;
	width: .4em;
	height: .4em;
	margin: auto 0 auto auto;
	border-top: 1px solid #d71718;
	border-right: 1px solid #d71718;
	transform: rotate(45deg);
}

@media screen and (min-width: 799px) {
	.r-news__more {
		letter-spacing: .1em;
	}

	.r-news__more::after {
		width: .55em;
		height: .55em;
	}
}

@media (any-hover: hover) {

	.r-news__more a:hover,
	.r-news__more::after {
		transition: .2s;
	}

	.r-news__more a:hover {
		color: #5b3900;
	}

	.r-news__more::after {
		border-color: #970001;
	}
}

/* campaign
------------------------------ */
.r-campaign__title img {
	display: block;
	width: auto;
	height: 2.45em;
	flex-shrink: 0;
	object-fit: contain;
}

@media screen and (min-width: 799px) {
	.r-campaign__title {
		margin-bottom: 2.2em;
	}

	.r-campaign__title img {
		height: 2.6em;
	}
}

/* --------------------------------------------------------------------------
   About（TOP：5STARについて）
   -------------------------------------------------------------------------- */
.r-about {
	position: relative;
	padding-block: 1em 1.2em;
	background-color: var(--r-color-white);
	overflow: hidden;
}

@media screen and (min-width: 799px) {
	.r-about {
		padding-block: 3.3em .5em;
	}

}

.r-about .r-container {
	width: 100%;
	margin-inline: auto;
	padding-inline: 1em;
}

@media screen and (min-width: 799px) {
	.r-about .r-container {
		width: min(90%, 1154px);
	}

}




.r-about__grid {
	display: grid;
	gap: .7em;
	align-items: start;
}

.r-about__visual {
	order: 3;
	position: relative;
	margin-top: .2em;
	padding-bottom: 5%;
}



.r-about__watermark {
	position: absolute;
	left: 0;
	bottom: -5%;
	width: 65%;
	pointer-events: none;
}

@media screen and (min-width: 799px) {
	.r-about__grid {
		grid-template-columns: 1fr 1fr;
		gap: 2.5em;
	}

	.r-about__content {
		order: 2;
	}

	.r-about__visual {
		order: 1;
		padding-bottom: 17%;
	}
}


@media screen and (min-width: 1424px) {
	.r-about__watermark {
		top: auto;
		left: -16%;
		bottom: -8.2%;
		width: min(84.2%, 455px);
	}
}

.r-about__watermark img {
	display: block;
	width: 100%;
	height: auto;
}

.r-about__photo {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.r-about__photo img {
	display: block;
	width: 100%;
	height: auto;
}

.r-about__photo--main {
	position: relative;
	z-index: 1;
	width: min(87.8%, 520px);
}

.r-about__photo--sub {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: min(51.7%, 400px);
	margin: 0 0 0 auto;
	border: .6px solid #fff;
}

.r-about__content {
	position: relative;
	z-index: 1;
}

.r-about__title {
	display: grid;
	place-content: center;
	place-items: center;
	border-bottom: 1px solid #727171;
}

@media screen and (max-width: 798px) {
	.r-about__content {
		display: contents;
	}

	.r-about__title {
		order: 1;
		width: 100%;
		align-self: stretch;
		justify-content: center;
		text-align: center;
		margin-bottom: 0;
		padding-bottom: .5em;
	}

	.r-about__title-logo {
		width: 132px;
	}

	.r-about__title-text {
		font-size: 22px;
	}
}

.r-about__title-img {
	display: block;
	width: auto;
	height: 3em;
}

@media screen and (min-width: 799px) {
	.r-about__title {
		place-content: normal;
		place-items: normal;
		margin-bottom: 1.3em;
		padding-bottom: .8em;
	}

	.r-about__title-img {
		height: 3.55em;
	}
}

.r-about__title-logo {
	width: 174px;
	height: auto;
}

.r-about__title-text {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--r-color-black);
}

.r-about__text {
	order: 2;
	font-size: clamp(0.875rem, 0.748rem + 0.56vw, 1.25rem);
	/* 14-20:360-1424 */
	line-height: clamp(1.406rem, 1.168rem + 1.06vw, 2.111rem);
	/* 1.55-1.62*/
	color: #595757;
}

.r-about__btn-wrap {
	order: 4;
}

@media screen and (min-width: 799px) {}

.r-about-btn {
	position: relative;
	display: grid;
	width: fit-content;
	margin: .35em auto;
	line-height: 1.4;
}
.r-about-btn span > span {
	display: inline-block;
}
@media screen and (min-width: 799px) {
	.r-about-btn {
		margin: 2.8em auto;
	}

.r-campaign__body .r-about-btn {
	margin-block: 1.5em;

}


	.r-flow__card-btn-wrap .r-about-btn {
		margin: 0 auto;
	}

}

.r-about-btn::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: .8px solid #ff516e;
	pointer-events: none;
	transform: translate(-.3em, -.3em);
	transition: transform .45s ease;
}

.r-about-btn__inner {
	display: grid;
	grid-template-columns: 1.8em 1fr 2em;
	align-items: center;
	gap: .7em;
	padding: .3em 1em .5em;
	font-size: clamp(0.938rem, 0.865rem + 0.32vw, 1.153rem);
	/* 15-18.45:260-1424 */
	text-decoration: none;
	transition: opacity .3s;
	background-color: #d71718;
	color: #f7f8f8;
}

@media screen and (min-width: 799px) {
	.r-about-btn__inner {
		gap: .2em;
		padding: .2em 1.2em .2em;
	}

	.r-about-btn::before {
		transform: translate(-.3em, -.3em);
	}
}

.r-about-btn__icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 1;
}

.r-about-btn:hover::before,
.r-about-btn:focus-visible::before {
	top: 6px;
	left: 6px;
	right: 0;
	bottom: 0;
}

.r-about-btn:hover,
.r-about-btn:focus-visible {
	opacity: 1;
}

.r-about-btn__arrow {
	display: inline-block;
	width: 1.5em;
	height: auto;
	margin: auto .2em auto auto;
}


/* --------------------------------------------------------------------------
   Campaign
   -------------------------------------------------------------------------- */
.r-campaign {
	display: flow-root;
	position: relative;
	padding: .75em 0;
	background: url(../img/front-page/campaign/bg_sp.jpg) center top / 100% auto no-repeat;
}

@media screen and (min-width: 799px) {
	.r-campaign {
		padding-block: 2.5em 0;
	background: url(../img/front-page/campaign/bg_pc.jpg) center top / 100% auto no-repeat;
	}
}

.r-campaign__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(100%, 400px);
	margin-inline: auto;
	padding-inline: 0;
}

@media screen and (min-width: 799px) {
	.r-campaign__inner {
		width: calc(100% - 3em );
	}
}



.r-campaign__head {
	width: min(100%, 880px);
	margin-inline: auto;
}

.r-campaign__title {
	display: grid;
	justify-content: center;
	margin: 0 auto -.3em;
}

.r-campaign__heading img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (min-width: 799px) {
	.r-campaign__heading img {
		width: 98.5%;
	}

}


.r-campaign__heading {
	margin: 0 0 0;
	text-align: center;
}

.r-campaign__lead {
	order: 2;
	margin: -.55em 0 .1em 0;
	width: 100%;
	font-size: .85em;
	letter-spacing: .07em;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	color: #652b15;
}
.r-campaign__lead span {
	display: inline-block;
}
@media screen and (min-width: 799px) {
	.r-campaign__lead {
		margin-bottom: 0;
		font-size: 1.05em;
		letter-spacing: .03em;
	}

}


.r-sp-only {
	display: none;
}

.r-campaign__body {
	display: grid;
	width: min(100%, 970px);
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-campaign__body {
		grid-template-columns: 40% 1fr;
		margin: 1.8em auto .8em;
	}
	.r-campaign__catalog {
		margin-top: .5em;
	}
}

.r-campaign__catalog-visual {
	position: relative;
	margin: 0;
	padding-bottom: 14.6%;
}

.r-campaign__catalog-scene {
	display: block;
	width: 88.8%;
	height: auto;
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-campaign__catalog-scene {
		width: 88.8%;
		margin: 0 auto .4em 1.8em;
	}

}



.r-campaign__catalog-books {
	display: block;
	position: absolute;
	right: 1%;
	bottom: calc(1% + .4em);
	display: block;
	width: 44.5%;
	height: auto;
}

@media screen and (min-width: 799px) {
	.r-campaign__catalog-books {
		width: 70%;
	}

}

.r-campaign__catalog-btn-wrap {
	order: 7;
	margin-block: 1em .7em;
}
@media screen and (min-width: 799px) {
	.r-campaign__catalog-btn-wrap {
		margin-block: 0;
	}

}



.r-campaign__content {
	display: flex;
	flex-direction: column;
	color: #652b15;
}

@media screen and (min-width: 799px) {
	.r-campaign__content {
		width: 92%;;
	}
}


.r-campaign__block {
	order: 4;
	display: grid;
	gap: .4em;
	margin: .5em 1em 0;
}
@media screen and (min-width: 799px) {
	.r-campaign__block {
		width: 92%;
		margin-inline: auto;
	}
}

.r-campaign__band {
	margin: 0;
	padding: .1em 1em;
	font-size: .86em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .1em;
	text-align: center;
	color: var(--r-color-white);
	background-color: #652b15;
}
@media screen and (min-width: 799px) {
	.r-campaign__band {
        font-size: 1.2em;
        text-align: left;
        padding-left: 1.5em;
        letter-spacing: .01em;
	}
}


.r-campaign__list {
	margin: 0;
	padding-left: 1.8em;
	font-size: .9em;
	font-weight: 700;
	font-feature-settings: "palt";
	line-height: 1.45;
	color: #652b15;
}
@media screen and (max-width: 798px) {
}
@media screen and (min-width: 799px) {
	.r-campaign__list {
		margin-bottom: .1em;
		font-size: 1.1em;
		line-height: 1.5;
	}
	.r-campaign__apply 	.r-campaign__list {
		width: calc(100% - 7em);
	}
}


.r-campaign__block:not(.r-campaign__block--apply) li:not(:first-child) {
	margin-top: .2em;
}

.r-campaign__note {
	display: block;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.4;
}

@media screen and (min-width: 799px) {
	.r-campaign__note {
		font-size: 14px;
		line-height: 1.35;
		/* white-space: nowrap; */
	}
}

.r-campaign__list-item--app {
	list-style-position: outside;
}

.r-campaign__list-app {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px 12px;
}

.r-campaign__app-icon {
	flex-shrink: 0;
	width: 40px;
	height: auto;
}
@media screen and (min-width: 799px) {
	.r-campaign__list-app {
		gap: .5em;
	}
	.r-campaign__app-icon {
		width: 2.65em;
	}
}



.r-campaign__block--apply {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 8px;
}

.r-campaign__apply {
	position: relative;
	display: block;
}
@media screen and (max-width: 798px) {
	.r-campaign__apply {
		width: calc( 100% - 7em);

	}
}
.r-campaign__block--apply .r-campaign__badge {
	position: absolute;
	top: -1.85em;
	right: min(2vw,1em);
	width: 4.9em;
	margin: 0;
	pointer-events: none;
}
@media screen and (min-width: 799px) {
	.r-campaign__block--apply .r-campaign__badge {
		top: -.2em;
		right: -.2em;
		width: 8em;
		pointer-events: none;
	}
}

.r-campaign__badge img {
	display: block;
	width: 100%;
	height: auto;
}

.r-campaign__result {
	order: 6;
	display: grid;
	gap: .2em;
	align-items: center;
	width: calc(100% - 2em);
	margin-inline: auto;
	padding: .3em 1em;
	font-size: .9em;
	line-height: 1.4;
	text-align: center;
	font-feature-settings: "palt";
	color: #652b15;
	background-color: var(--r-color-white);
	border: 1px solid #632b17;
}

@media screen and (min-width: 799px) {
	.r-campaign__result {
		display: flex;
		gap: 1.5em;
		width: calc(98% - 2em);
		margin: .8em auto;
		padding: .3em 1.1em;
		font-size: 1.05em;
		line-height: 1.2;
		text-align: left;
	}
}



.r-campaign__result-title {
	font-size: 1em;
	font-weight: 700;
	letter-spacing: .1em;
	white-space: nowrap;
}

.r-campaign__result-text {
	font-weight: 400;
}

@media screen and (min-width: 1424px) {
	.r-campaign__result-title {
		font-size: 1.2em;
	}



	.r-campaign__badge img {
		width: 120px;
	}
}



@media screen and (max-width: 798px) {

	/* 子要素を並び替えるために展開 */
	.r-campaign__catalog,
	.r-campaign__content {
		display: contents;
	}

	/* 1) サブタイトル画像 → 2) 下の本文1行 → 3) カタログ画像 → ... → 最後にボタン */
	.r-campaign__heading {
		order: 1;
	}

	/* SP: 対象者リスト1行目が末尾1文字落ちしないよう詰める */
	.r-campaign__block:not(.r-campaign__block--apply) .r-campaign__list>li:first-child {
		letter-spacing: -0.04em;
		white-space: nowrap;
	}

	/* SP: MeeR 行はテキスト左・ロゴ右 */
	.r-campaign__list-item--app .r-campaign__list-app {
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
	}

	.r-campaign__list-item--app .r-campaign__list-app>span {
		flex: 0 1 auto;
		min-width: 0;
	}

	.r-campaign__list-item--app .r-campaign__app-icon {
		position: relative;
		top: -.45em;
		right: max(-1.5vw,-1em);
		width: 2.9em;
		height: auto;
	}


	.r-sp-only {
		display: block;
	}

	.r-campaign__catalog-visual {
		order: 3;
		padding-bottom: 0;
	}

	.r-campaign__catalog-scene {
		width: 100%;
	}

	.r-campaign__block--apply {
		order: 5;
	}

	.r-campaign__apply .r-campaign__list li:nth-child(-n+2) {
		white-space: nowrap;
	}


}

/* --------------------------------------------------------------------------
   Search（お車を探す）
   -------------------------------------------------------------------------- */
.r-search {
	position: relative;
	padding: .85em 0 1em;
	/* padding: calc(var(--r-section-padding-y) / 2) 0; */
	color: var(--r-color-white);
	background: #935E33 url('../img/front-page/search_bg_sp.jpg') center bottom / 100% auto no-repeat;
}

@media screen and (min-width: 799px) {
	.r-search {
		padding: 1em 0 2.7em;
		background: #935E33 url('../img/front-page/search_bg_pc.jpg') center bottom / 100% auto no-repeat;
	}
}

.r-search__inner {
	position: relative;
}

/* --------------------------------------------------------------------------
   Service（TOP：5-STAR サービス）
   -------------------------------------------------------------------------- */
.r-service {
	position: relative;
	/* padding: 1.6em 1em; */
	overflow: hidden;
	background-color: #f6f2ea;
	color: #6b4f3a;
}

.r-service__card-anim {
	display: block;
}

.r-service .r-container {
	padding-inline: 1em;
}

.r-service__grid {
	list-style: none;
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1em;
	margin: 0;
	padding: 0;
}

.r-service__card {
	position: relative;
	display: block;
	padding: .7em 0 .4em;
	text-decoration: none;
}

@media screen and (min-width: 799px) {
	.r-service .r-container {
		padding-inline: 2em;
	}

	.r-service__grid {
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		gap: clamp(0.938rem, 0.62rem + 1.41vw, 1.875rem);
		width: min(100%, 1112px);
		margin: 3.2em auto 4em;
	}

	.r-service__grid li:nth-child(1) {
		grid-column: 4 / 8;
		grid-row: 1 / 2;
	}

	.r-service__grid li:nth-child(2) {
		grid-column: 7 / 11;
		grid-row: 2 / 3;
	}

	.r-service__grid li:nth-child(3) {
		grid-column: 1 / 5;
		grid-row: 2 / 3;
	}

	.r-service__grid li:nth-child(4) {
		grid-column: 6 / 10;
		grid-row: 3 / 4;
		position: relative;
		left: 1.6em;
	}

	.r-service__grid li:nth-child(5) {
		grid-column: 2 / 6;
		grid-row: 3 / 4;
		position: relative;
		right: 1.6em;
	}
}


.r-service__card-title {
	position: relative;
	display: grid;
	grid-template-columns: 1em 1fr 1em;

	width: 100%;
	padding: .5em;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.02em;
	color: var(--color-brown01);
	text-align: center;
	border: 1px solid currentColor;
	background-color: transparent;
	transition: background-color 0.3s ease, color 0.3s ease;
	box-sizing: border-box;
}
@media screen and (min-width: 799px) {
	.r-service__card-title {
		padding-inline: .2em;
		font-size: 1.3em;
		border-radius: .2em;
	}
}
.r-service__card-title::before {
	content: "";
}

.r-service__card-arrow {
	display: grid;
}

.r-service__card-arrow svg {
	display: block;
	width: .8em;
	height: auto;
	margin: auto 0 -.2em auto;
}

.r-service__card:hover .r-service__card-title,
.r-service__card:focus-visible .r-service__card-title {
	background-color: var(--color-brown01);
	color: var(--r-color-white);
}

.r-service__card:hover .r-service__card-arrow,
.r-service__card:focus-visible .r-service__card-arrow {
	color: var(--r-color-white);
}

.r-service__card--top .r-service__card-body {
	width: 100%;
}

.r-service__card-body {
	display: grid;
	grid-template-columns: 3fr 7fr;
	gap: .55em;
	align-items: start;
	margin-top: .2em;
}
@media screen and (min-width: 799px) {
	.r-service__card-body {
		grid-template-columns: 8.3em 1fr;
		gap: .9em;
		margin-top: .4em;
	}

}

.r-service__illust {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background-color: transparent;
}

.r-service__illust img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.r-service__card-text {
	font-size: .875em;
	line-height: 1.65;
	color: var(--color-brown01);
}

@media screen and (min-width: 799px) {
	.r-service__card-text {
		margin-top: .2em;
		font-size: 1em;
		line-height: 1.4;
	}

}



.r-service__center {
	position: relative;
	grid-column: 2;
	grid-row: 2;
	justify-self: center;
	align-self: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 216px;
	height: 216px;
	background-color: transparent;
	color: inherit;
	text-decoration: none;
	z-index: 2;
	box-shadow: none !important;
	filter: none !important;
}

.r-service__center-logo {
	font-weight: 800;
	letter-spacing: 0.06em;
	font-size: 18px;
}

.r-service__center-title {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.r-service__center-sub {
	font-size: 13px;
	font-weight: 700;
	opacity: 0.92;
}

.r-service__center-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	box-shadow: none !important;
	filter: none !important;
}

.r-service__card--top .r-service__card-title {
	width: 100%;
}

@media screen and (max-width: 798px) {
	.r-service {
		padding-top: 0;
		padding-bottom: .7em;
		color: var(--color-brown01);
	}

	.r-service__card-anim {
		display: block;
		max-width: 100%;
		min-width: 0;
	}

	.r-service__card--top {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}


	.r-service__sp-head {
		position: relative;
		display: grid;
		align-items: center;
		width: 100%;
		aspect-ratio: 1232 / 450;
		text-align: center;
		overflow: hidden;
	}

	.r-service__sp-head::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: min(100%, 500px);
		height: calc(10% + 2px);
		background-color: #000;
		transform: translateX(-50%);
	}

	.r-service__sp-head::after {
		content: "";
		position: absolute;
		top: 8%;
		left: 50%;
		width: min(106%, 500px);
		height: 90%;
		border-radius: 50% / 0 0 100% 100%;
		background-color: #000;
		transform: translateX(-50%);
	}

	.r-service__sp-head-link {
		position: relative;
		z-index: 1;
		display: block;
		max-width: min(32vw, 131px);
		margin: 0 auto;
		text-decoration: none;
	}

	.r-service__sp-head-img {
		display: block;
		width: 100%;
		height: auto;
	}

	.r-service__center {
		display: none;
	}

	.r-service__card--top {
		order: 1;
	}

	.r-service__card--right {
		order: 2;
	}

	.r-service__card--left {
		order: 3;
	}

	.r-service__card--bottom-right {
		order: 4;
	}

	.r-service__card--bottom-left {
		order: 5;
	}

.r-service__card-title {
	padding: .3em;
	font-size: 1em;
	letter-spacing: 0;
	box-sizing: border-box;
	color: var(--color-brown01);
}

	.r-service__card-text {
		font-size: .95em;
		line-height: 1.45;
	}

	/* SP: 画像カラムをほんの少し狭く / 本文を収める */
	.r-service__card-body {
		grid-template-columns: 6.4em minmax(0, 1fr);
		min-width: 0;
	}

	.r-service__illust {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		min-width: 0;
	}

	/* SERVICE: SP専用アニメーション（5カード個別 Fade up） */
	.r-service[data-r-animate] .r-service__card-anim {
		opacity: 0;
		transform: translateY(30px);
	}

	.r-service[data-r-animate] .r-service__card-anim.r-anim--fade-left,
	.r-service[data-r-animate] .r-service__card-anim.r-anim--fade-right,
	.r-service[data-r-animate] .r-service__card-anim.r-anim--fade-down {
		transform: translateY(30px);
	}

	.r-service[data-r-animate] .r-service__bg.r-anim {
		opacity: 1;
		transform: none;
		animation: none;
	}

	.r-service[data-r-animate].is-inview .r-service__card-anim {
		animation: r-anim-fade-up 0.8s ease forwards;
	}

	.r-service[data-r-animate].is-inview .r-service__card--top .r-service__card-anim {
		animation-delay: 0s;
	}

	.r-service[data-r-animate].is-inview .r-service__card--right .r-service__card-anim {
		animation-delay: 0.2s;
	}

	.r-service[data-r-animate].is-inview .r-service__card--left .r-service__card-anim {
		animation-delay: 0.4s;
	}

	.r-service[data-r-animate].is-inview .r-service__card--bottom-right .r-service__card-anim {
		animation-delay: 0.6s;
	}

	.r-service[data-r-animate].is-inview .r-service__card--bottom-left .r-service__card-anim {
		animation-delay: 0.8s;
	}
}

@media screen and (min-width: 799px) {
	.r-service__inner {
		position: relative;
	}

	.r-service__sp-head {
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		width: min(20%, 14.5em);
		transform: translate(-50%, -58%);
		transition: .2s;
	}

}

@media (any-hover: hover) {
	.r-service__sp-head:hover {
		transform: translate(-50%, -58%) scale(1.05);
	}
}



/* search
------------------------------ */
.r-search__subtitle {
	width: fit-content;
	margin: -.5em auto 0;
	font-size: 1.3em;
	font-weight: 700;
	color: var(--r-color-white);
}
@media screen and (min-width: 799px) {
.r-search__subtitle {
	margin: .8em auto max(-5vw,-2.2em);
	font-size: 2em;
}
}



/* お車を探すカルーセル：ベース＝SP（初期に近い）／詳細演出は PC・TB のみ */
.r-search__carousel {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	/* overflow-x: hidden; */
	overflow-y: visible;
}

.r-search__carousel .js-r-search-swiper {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 32px 0 8px;
	box-sizing: border-box;
	overflow: visible;
}

.r-search__carousel .swiper-wrapper {
	align-items: center;
}

.r-search__carousel .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	overflow: visible;
	z-index: 1;
}

.r-search__carousel .swiper-slide a {
	display: block;
	position: relative;
	width: 100%;
	padding: .5em 6% 3em;
	transition: .2s;
}

.r-search__carousel .swiper-slide span {
	display: block;
	position: relative;
}

.r-search__carousel .swiper-slide span::before {
	content: "";
	position: absolute;
	bottom: 1em;
	left: 50%;
	width: 72%;
	height: 3em;
	background: url(../img/front-page/shadow.png) bottom center / cover no-repeat;
	border-radius: .7em .7em 0 0;
	transform: translate(-50%,100%);
	transition: .2s;
	box-shadow: 0 -.5em .3em rgb(0 0 0 / .2);
	opacity: .8;
	/* transform: scale(.8); */
}

.r-search__carousel .swiper-slide.swiper-slide-prev span::before,
.r-search__carousel .swiper-slide.swiper-slide-next span::before {
	bottom: 0;
	width: 88%;
}
.r-search__carousel .swiper-slide.swiper-slide-active span::before {
	bottom: -.2em;
	width: 90%;
}




.r-search__carousel .swiper-slide img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0 auto;
	border-radius: .7em;
	transform-origin: center center;
	transition: transform 0.35s ease;
	box-shadow: 0 .2em .3em rgb(0 0 0 / .8);
}
@media screen and (min-width: 799px) {
	.r-search__carousel .swiper-slide img {
		border-radius: 1.5em;
	}
}


.r-search__carousel .swiper-slide-active {
	z-index: 2;
}

.r-search__carousel .swiper-slide-active a {
	transform: scale(1.1);
}

.r-search__nav {
	position: absolute;
	top: 42%;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 48px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	transform: translateY(-50%);
	margin-top: 0;
}

.r-search__nav--prev {
	left: 4px;
}

.r-search__nav--next {
	right: 4px;
}


@media screen and (max-width: 798px) {

	.r-search__nav--prev,
	.r-search__nav--next {
		display: none;
		visibility: hidden;
	}

}

.r-search__nav-icon {
	display: block;
	width: 0;
	height: 0;
	margin-top: 2em;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.r-search__nav--prev .r-search__nav-icon {
	border-right: 12px solid rgba(255, 255, 255, 0.95);
}

.r-search__nav--next .r-search__nav-icon {
	border-left: 12px solid rgba(255, 255, 255, 0.95);
}
.r-search__carousel img {
	transform: scale(.8);
}

.r-search__carousel .swiper-slide-prev img,
.r-search__carousel .swiper-slide-next img {
	transform: scale(.98);
}
.r-search__carousel .swiper-slide-prev {
	position: relative;
	right: 1em;
}
.r-search__carousel .swiper-slide-next {
	position: relative;
	left: 1em;
}

.r-search__carousel .swiper-slide-active img {
	transform: scale(1);
}


@media screen and (min-width: 799px) {
	.r-search__carousel {
		margin: 0 auto ;
		/* margin: -5.4em auto 0; */
		/* gap: 8px;
		max-width: 1140px; */
		/* padding: 0 12px 28px; */
		/* overflow: hidden; */
	}

	.r-search__carousel .js-r-search-swiper {
		flex: 0 1 1010px;
		width: 100%;
		max-width: 1010px;
		/* padding: 10px 0 14px; */
		aspect-ratio: 5 / 1.85;
		/* max-height: 360px; */
		overflow: hidden;
	}

	.r-search__carousel .swiper-wrapper {
		height: 100%;
	}

	.r-search__carousel .swiper-slide {
		height: 100%;
	}

	.r-search__carousel .swiper-slide a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0 2px;
	}

	.r-search__carousel .swiper-slide img {
		width: 90%;
		object-fit: contain;
		/* transform: scale(1); */
	}

	.r-search__carousel .swiper-slide-prev,
	.r-search__carousel .swiper-slide-next {
		z-index: 2;
	}

	.r-search__carousel .swiper-slide-active {
		z-index: 3;
	}


	/* .r-search__carousel .swiper-slide-prev img,
	.r-search__carousel .swiper-slide-next img {
		transform: scale(.86);
	}

	.r-search__carousel .swiper-slide-active img {
		transform: scale(1);
	} */

	.r-search__nav {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		flex: 0 0 auto;
		width: 40px;
		height: 56px;
		margin-top: -18px;
		transform: none;
	}

	.r-search__nav--prev {
		left: auto;
	}

	.r-search__nav--next {
		right: auto;
	}

	.r-search__nav-icon {
		border-top-width: 18px;
		border-bottom-width: 18px;
	}

	.r-search__nav--prev .r-search__nav-icon {
		border-right-width: 14px;
	}

	.r-search__nav--next .r-search__nav-icon {
		border-left-width: 14px;
	}
}

.r-search__pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	justify-content: center;
	gap: 8px;
}

.r-search__pagination .swiper-pagination-bullet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	font-size: 12px;
	font-weight: 700;
	color: var(--r-color-white);
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	opacity: 1;
	cursor: pointer;
}

.r-search__pagination .swiper-pagination-bullet-active {
	color: var(--r-color-brown-dark);
	background-color: var(--r-color-white);
	border-color: var(--r-color-white);
}

.r-search .r-section-title {
	margin-bottom: 12px;
}

.r-search .r-section-title img {
	display: block;
	margin: 0 auto;
}

.r-search__brands {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin-bottom: 40px;
}

.r-search__brand {
	flex: 0 0 calc(20% - 16px);
	max-width: 140px;
}

.r-search__brand a {
	display: block;
	padding: 16px;
	background-color: var(--r-color-white);
	border-radius: var(--r-radius-card);
}

.r-search__brand img {
	width: 100%;
	height: auto;
}

.r-search__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1.8em;
}

@media screen and (min-width: 799px) {
	.r-search__actions {
		/* gap: 8.3em; */
	}

}



.r-search__action {
	display: flex;
	justify-content: center;
	width: min(100%, 360px);
}

@media screen and (min-width: 799px) {
	.r-search__action {
		width: min(47%,25em);
	}
}

.r-search .r-container {
	width: min(73%, 18em);
	padding-inline: 0;
}

@media screen and (min-width: 799px) {
	.r-search .r-container {
		width: min(80%, 920px);
		margin: clamp(1.25rem, 1.087rem + 0.82vw, 1.813rem) auto 0;
	}
}

.r-search__action a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	width: 100%;
	padding: .9em .5em;
	font-size: 1.em;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	background-color: rgb(201 160 99 /.86);
	border: 2px solid #fff;
	border-radius: 0 .8em 0 .8em;
	box-sizing: border-box;
	transition: .2s;
}

@media screen and (min-width: 799px) {
	.r-search__action a {
		width: 100%;
		padding: 1.3em .8em;
		font-size: clamp(1.25rem, 1.087rem + .5vw, 1.813rem);
		border-radius: 0 1em 0 1em;
	}

}



.r-search__action a:hover,
.r-search__action a:focus-visible {
	background-color: rgb(106 57 6 / .92);
	border-color: #fff;
	color: var(--r-color-white);
}

.r-search__action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
}

.r-search__action-icon svg {
	display: none;
}



/* レガシーセクション（Phase2まで維持） */
.r-legacy .service,
.r-legacy .banner-area,
.r-legacy .car-section,
.r-legacy .map-area,
.r-legacy .campaign,
.r-legacy .character-links {
	position: relative;
}

.r-legacy+#footer,
.r-top>#footer {
	position: relative;
}

#page-top.is-visible {
	opacity: 1;
}



/* --------------------------------------------------------------------------
   Service
   -------------------------------------------------------------------------- */
/* NOTE: 旧案（hub/item/center）のスタイルは削除済み。
   現行のサービスセクションは上部の .r-service__grid / .r-service__card / .r-service__center-img を使用。 */

/* --------------------------------------------------------------------------
   Flow（ご購入の流れ）
   -------------------------------------------------------------------------- */
.r-flow {
	display: flow-root;
	position: relative;
	padding: 1.1em 0 1.55em;
	background: #af885d url('../img/front-page/flow_bg_sp.jpg') center top / 100% auto no-repeat;
	color: #6b4f3a;
}

@media screen and (min-width: 799px) {
	.r-flow {
		padding: 5.2em 0 5.7em;
		background: #af885d url('../img/front-page/flow_bg_pc.jpg') center top / cover no-repeat;
	}
}




.r-flow__inner {
	position: relative;
	z-index: 1;
}

.r-flow__title {
	margin: 0 0 1.2em;
	text-align: center;
}

.r-flow__title img {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: 3.5em;
}
@media screen and (min-width: 799px) {
	.r-flow__title img {
		height: 5.5em;
	}
}



.r-flow__cards {
	display: grid;
	gap: 1.2em;
	width: min(100%, 400px);
	margin: 0 auto;
	perspective: 1200px;
}

@media screen and (min-width: 799px) {
	.r-flow__cards {
		gap: 1.5em;
		width: min(100%, 854px);
	}

}

.r-flow__card {
	display: grid;
	grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
	align-items: center;
	gap: 28px 40px;
	padding: 28px 36px;
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.r-flow__card--store {
	border-top-right-radius: .8em;
}

.r-flow__card--online {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	border-top-right-radius: 17px;
}

.r-flow__card-illust {
	position: relative;
	margin: 0;
	width: 95%;
}

.r-flow__card--store .r-flow__card-illust {
	justify-self: start;
}

.r-flow__card--online .r-flow__card-illust {
	justify-self: end;
}

.r-flow__card-illust::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 81%;
	height: 67%;
	background-color: #B28247;
}

.r-flow__card--store .r-flow__card-illust::before {
	left: 0;
	bottom: 0;
}

.r-flow__card--online .r-flow__card-illust::before {
	right: 0;
	bottom: 0;
}

@media screen and (min-width: 799px) {
	.r-flow__card--store .r-flow__card-illust::before {
		left: -.5em;
		bottom: -.6em;
	}

	.r-flow__card--online .r-flow__card-illust::before {
		right: -.5em;
		bottom: -.6em;
	}	

}






.r-flow__card-illust img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #B28247;
	box-sizing: border-box;
}

.r-flow__card--store .r-flow__card-illust img {
	transform: translate(10px, -10px);
}

.r-flow__card--online .r-flow__card-illust img {
	transform: translate(-10px, -10px);
}


.r-flow__card-heading img {
	display: block;
	width: 88%;
	height: auto;
	margin: 0 auto;
}

.r-flow__card-text {
	font-size: 1em;
	line-height: 1.4;
	color: #6a3906;
}

.r-flow__card-btn-wrap {
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 798px) {
	.r-flow .r-container.r-flow__inner,
	.r-flow__inner.r-container {
		padding-inline: 1em;
	}

	.r-flow__title {
		margin: 0 0 16px;
	}

	.r-flow__card,
	.r-flow__card--online {
		grid-template-columns: 1fr;
		gap: 1em;
		padding: 1.2em 1.2em .75em;
	}

	.r-flow__card-illust {
		order: -1;
		width: 100%;
		margin: 0 auto;
		justify-self: center;
	}

	.r-flow__card-text {
		color: var(--color-brown01);
	}
}


.r-flow__card,
.r-flow__card--online {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.1em;
	align-items: start;
}

.r-flow__card-body {
	display: contents;
}

.r-flow__card-illust {
	order: 0;
	width: 80%;
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-flow__card-illust {
		width: 100%;
	}
}

.r-flow__card--store .r-flow__card-illust img,
.r-flow__card--online .r-flow__card-illust img {
	transform: none;
}

.r-flow__card-text {
	margin: 0;
	color: var(--color-brown01);
}
@media screen and (min-width: 799px) {
	.r-flow__card {
		grid-template-columns: 44.5% 1fr;
		gap: .2em 3em;
		padding: 1.4em 2.3em 1.6em;
		border-radius: 0 1em 0 0;
	}
	.r-flow__card:last-child {
		border-radius: 1em 0 0 0;
	}

	.r-flow__card--online {
		grid-template-columns: 1fr 44.5%;
	}

	.r-flow__card-heading {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.r-flow__card-illust {
		grid-column: 1 / 2;
		grid-row: 1 / 4;
		padding-left: .3em;
	}

	.r-flow__card-text {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		padding: .2em .4em;
		font-size: 1.15em;
		line-height: 1.4;
	}

	.r-flow__card-btn-wrap {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		padding-top: .7em;
	}


	.r-flow__card--online .r-flow__card-heading,
	.r-flow__card--online .r-flow__card-text,
	.r-flow__card--online .r-flow__card-btn-wrap {
			grid-column: 1 / 2;
	}
	.r-flow__card--online  .r-flow__card-illust {
		grid-column: 2 / 3;
		padding-inline: 0 .3em;
	}

}


/* --------------------------------------------------------------------------
   Payment（お支払方法）
   -------------------------------------------------------------------------- */
.r-payment {
	display: flow-root;
	position: relative;
	padding: .85em 1em;
	/* overflow: hidden; */
	color: #B28247;
	background: #efe4d9 url(../img/front-page/payment_bg_sp.jpg) center / cover no-repeat;
}
@media screen and (min-width: 799px) {
	.r-payment {
		position: relative;
		padding-block: 5em 0;
		background: #efe4d9 url(../img/front-page/payment_bg_pc.jpg) center / cover no-repeat;
	}

}

.r-payment__inner.r-container {
	margin-inline: auto;
	padding: 0;
}
@media screen and (min-width: 799px) {
	.r-payment__inner.r-container {
		width: min(90%,850px);
	}
}

.r-payment__title {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
}

.r-payment__title img {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	height: 3.5em;
}
@media screen and (min-width: 799px) {
	.r-payment__title {
		margin-bottom: 1.2em;
	}
	.r-payment__title img {
		height: 5.5em;
	}
}

.r-payment__lead {
	margin: .2em auto 1.15em;
	font-size: .9em;
	line-height: 1.55;
	/* letter-spacing: .15em; */
	color: #956134;
}
@media screen and (min-width: 799px) {
	.r-payment__lead {
		margin-bottom: 1.7em;
		font-size: 1.4em;
		line-height: 1.65;
		letter-spacing: normal;
	}

}




.r-payment__cards {
	display: grid;
	gap: .6em;
	width: min(100%, 400px);
	margin: 0 auto;
	padding: 0;
	list-style: none;
	perspective: 1200px;
}

@media screen and (min-width: 799px) {
	.r-payment__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.2em;
		width: 100%;
	}

	.r-payment__cards li {
		display: grid;
	}

	.r-payment__cards a {
		display: grid;
	}
}


.r-payment__card {
	position: relative;
	display: block;
	filter: drop-shadow(.2em .1em .1em rgb(0 0 0 /.3));
}

.r-payment__card a {
	position: relative;
	display: grid;
	grid-template-rows: max-content 1fr;
	padding: 0 .55em .55em;
	color: #956134;
	background-color: currentColor;
	border-radius: 0 .6em 0 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 1em), calc(100% - 1em) 100%, 0% 100%);
}

@media screen and (min-width: 799px) {
	.r-payment__card a {
		padding: 0 .9em .9em;
		border-radius: 0 1em 0 0;
	}	
}



.r-payment__card::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1em;
	height: 1em;
	background-color: #b28247;
	clip-path: polygon(0% 0%,
			100% 0%,
			100% calc(100% - 1em),
			calc(100% - 1em) 100%,
			0% 100%);

	filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, .2));
}

.r-payment__card:nth-child(2) a {
	background-color: #b28247;
}

.r-payment__card:nth-child(2)::after {
	background-color: #956134;
}



.r-payment__card h3 {
	color: #fff;
	text-align: center;
	line-height: 1.7;
}
@media screen and (min-width: 799px) {
	.r-payment__card h3 {
		font-size: 1.6em;
		line-height: 2;
	}

}

@media only screen and (min-width: 798px) and (max-width: 949px) {
  /* タブレット縦向きのときだけに適用するスタイル */
	.r-payment__card h3 {
    font-size: 1.4em;
  }
}

.r-payment__card:nth-child(2) h3 {
	letter-spacing: .1em;
}

.r-payment__card--txt {
	display: grid;
	grid-template-columns: 1fr 45%;
	gap: .2em;
	padding: .4em .4em .4em .6em;
	font-size: .95em;
	line-height: 1.4;
	color: #956134;
	background-color: #fff;
}

.r-payment__card:last-child .r-payment__card--txt {
	padding-bottom: 1em;
}

@media screen and (min-width: 799px) {
	.r-payment__card--txt {
		grid-template-columns: 1fr;
		padding: .5em .4em 0;
		font-size: 1.15em;
	}
}

.r-payment .r-payment__card img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
@media screen and (min-width: 799px) {
	.r-payment__card:last-child .r-payment__card--txt {
		padding-bottom: 0;
	}
	.r-payment .r-payment__card img {
		margin: auto auto 0;
	}

}


.r-payment__card:nth-child(1) img {
	right: .4em;
}

.r-payment__card:nth-child(2) img {
	right: -.4em;
}

.r-payment__btn-wrap {
	margin-top: 1.7em;
}



/* --------------------------------------------------------------------------
   Loan（ローン審査）
   -------------------------------------------------------------------------- */
.r-loan {
	display: flow-root;
	position: relative;
	padding: 1.4em 1em 1em;
	background: #8a5a36 url(../img/front-page/loan_bg_sp.jpg) center top / cover no-repeat;
	color: #fff;
}

.r-loan__inner.r-container {
	margin: 0 auto;
	padding: 0;
	perspective: 1200px;
}

@media screen and (min-width: 799px) {
	.r-loan {
		padding-block: 3.6em 2.5em;
		background: #8a5a36 url(../img/front-page/loan_bg_pc.jpg) center top / cover no-repeat;
	}
	.r-loan__inner.r-container {
		width: min(90%,900px);
	}

}






.r-loan__title {
	margin: 0 0 .25em;
}
.r-loan__title img {
	width: auto;
	margin: auto;
}
@media screen and (max-width: 798px) {
	.r-loan__title img {
		height: auto;
		max-height: 3.6em;
		
	}
}


@media screen and (min-width: 799px) {
	.r-loan__title {
		margin: 0 0 .55em;
	}
	.r-loan__title img {
		height: 4.8em;
	}

}

.r-loan__lead {
	margin: 0 auto 1.1em;
	font-size: 1em;
	line-height: 1.4;
}

@media screen and (min-width: 799px) {
	.r-loan__lead {
		margin-bottom: 1.2em;
		font-size: 1.4em;
		line-height: 1.55;
	}

}



.r-loan__panel {
	width: min(100%,854px);
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	border: 2px solid #d4ba7a;
	border-radius: 0 .6em 0 0;
}

@media screen and (min-width: 799px) {
	.r-loan__panel {
		border-radius: 0 1.5em 0 0;
	}
}




.r-loan__panel-title {
	margin: 0;
	padding: .45em;
	font-size: .9em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .1em;
	color: #fff;
	background-color: #000;
}

@media screen and (min-width: 799px) {
	.r-loan__panel-title {
		font-size: 1.25em;
		line-height: 1.2;
	}

}



.r-loan__items {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .5em;
	margin-inline: auto;
	padding: .4em .4em .6em;
}


@media screen and (min-width: 799px) {
	.r-loan__items {
		width: 90%;
		padding: 1.3em .4em 1em;
	}
}


.r-loan__item {
	margin: 0;
	padding: 0;
	text-align: center;
}

.r-loan__item-illust {
	width: 92%;
	margin: 0 auto;
}
@media screen and (min-width: 799px) {
	.r-loan__item-illust {
		width: 65%;
	}

}

.r-loan__item-label {
	margin: auto;
	font-size: .85em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
	color: #956134;
}
@media screen and (min-width: 799px) {

	.r-loan__item-label {
		font-size: 1.25em;
		letter-spacing: .06em;
		color: #231815;
	}	

}
.r-loan__btn-wrap {
	margin: .9em auto;
	text-align: center;
}
@media screen and (min-width: 799px) {
	.r-loan__btn-wrap {
		margin: 2em auto;
	}

}


.r-loan__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .2em;
	padding: .5em 1.15em;
	font-family: var(--r-font-base);
	font-size: .92em;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
	background-color: #e60013;
	border-radius: .4em;
	box-shadow: 0 .25em 0 #000;
	transition: opacity .3s, transform .15s, box-shadow .4s ease;
}
@media screen and (min-width: 799px) {
	.r-loan__btn {
		padding: 1.12em 3.2em;
		font-size: 1.125em;
		letter-spacing: .01em;
		border-radius: .8em;
	}	

}




.r-loan__btn:hover {
	opacity: 0.92;
	box-shadow: 0 1px 0 #000;
}

.r-loan__btn:active {
	transform: translateY(3px);
	box-shadow: 0 2px 0 #000;
}

.r-loan__btn-icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 1;
	width: 1.3em;
	height: 1.3em;
}

.r-loan__btn-icon svg {
	display: block;
}



/* --------------------------------------------------------------------------
   5star Card
   -------------------------------------------------------------------------- */
.r-starcard {
	display: flow-root;
	position: relative;
	padding: 2em 1em 0;
	color: #fff;
	background: url(../img/front-page/card_bg01_sp.jpg) top right / contain no-repeat,
		#595757 url(../img/front-page/card_bg02_sp.jpg) bottom left / contain no-repeat;
}
@media screen and (min-width: 799px) {
	.r-starcard {
		background: #595757 url(../img/front-page/card_bg01_pc.jpg) center center / contain no-repeat;
	}
}


.r-starcard__head {
	display: grid;
	grid-template-columns: 1fr 3em 4.85em;
	align-items: center;
	gap: .5em;
	width: 100%;
	margin: 0 auto .5em;
}

@media screen and (min-width: 799px) {
	.r-starcard {
		padding: 5.2em 1em 2.5em;
	}
	.r-starcard__head {
		grid-template-columns: 1.6fr 6.5em 11.7em;
		gap: 1.8em;
		width: min(90%, 712px);
	}
	.r-starcard__logo {
		position: relative;
		top: -.6em;
		width: 94%;
		margin: auto auto auto 1.2em;
	}

}

.r-starcard__visual {
	transform: translateY(.5em);
}


.r-starcard__heading {
	width: min(57%, 520px);
	margin: 0 auto 1em;
}

@media screen and (min-width: 799px) {
	.r-starcard__heading {
		width: 520px;
	}

}

.r-starcard__benefits {
	list-style: none;
	display: grid;
	gap: 2.1em;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 1.4em;
	perspective: 1200px;
}


.r-starcard__benefit {
	position: relative;
	padding: .4em .4em .25em 1.8em;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1em;
	line-height: 1;
	font-feature-settings: "palt";
	background-color: #231815;
	border: 1px solid #fff;
	box-shadow: .1em .1em .1em #fff;
	transition: transform .3s ease;
}

@media screen and (min-width: 799px) {
	.r-starcard__benefit {
		display: grid;
		align-items: center;
		padding: .3em .4em .3em 3.7em;
		font-size: 1.2em;
		line-height: 1.1;
	}

}



.r-starcard__benefit:nth-child(2),
.r-starcard__benefit:nth-child(3) {
	padding-block: .7em;
}

/* .r-starcard__benefit picture {
	position: absolute;
} */

.card__badge {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2.7em;
	margin: -1.4em 0 0 -1.2em;
}
@media screen and (min-width: 799px) {
.card__badge {
	width: 3.5em;
margin: -.8em 0 0 -.6em;
}
}
.r-starcard__benefit strong {
	display: inline-block;
	color: #d61518;
}
.r-starcard__benefit b {
	display: inline-block;
	font-size: 1.2em;
}
@media screen and (min-width: 799px) {
	.r-starcard__benefit strong {
		font-size: 1.4em;
	}
	.r-starcard__benefit b {
		font-size: 1.4em;
	}

}

.r-starcard__benefit small {
	display: inline-block;
	font-size: .75em;
}

.r-starcard__benefit:hover img {
	transform: scale(1.05);
}

.r-starcard__btn-wrap {
	margin: 1.6em auto;
}
.r-starcard__benefits li:nth-child(4) span {
	display: inline-block;
}
@media screen and (min-width: 890px) {
	.r-starcard__benefits {
		display: flex;
		flex-wrap: wrap;
		gap: 1.6em 1.5em;
		width: min( calc( 100% - 6em ), 990px);
		padding: 0 0 0 .7em;
	}

	.r-starcard__benefits li:nth-child(1) {
		width: 33.2%;
	}

	.r-starcard__benefits li:nth-child(2) {
		width: 28%;
		margin-inline: auto;
	}
	.r-starcard__benefits li:nth-child(2) strong {
		display: block;
	}

	.r-starcard__benefits li:nth-child(3) {
		width: 27.6%;
		margin-left: auto;
	}
	.r-starcard__benefits li:nth-child(3) strong {
		display: block;
	}

	.r-starcard__benefits li:nth-child(4) {
		width: 55%;
		padding-block: .7em;
	}
	.r-starcard__benefits li:nth-child(5) {
		width: 39%;
		margin-left: auto;
	}

}


/* --------------------------------------------------------------------------
   Bannar（KeePer）
   -------------------------------------------------------------------------- */
.r-bannar {
	width: min(calc(100% - 3.4em), 650px);
	margin: 1.5em auto;
}

.r-bannar__link {
	transition: opacity 0.3s;
}

.r-bannar__link:hover {
	opacity: 0.92;
}
@media screen and (min-width: 799px) {
.r-bannar {
	margin: 3.7em auto;
}	

}



/* --------------------------------------------------------------------------
   Shop（店舗のご紹介）
   -------------------------------------------------------------------------- */
.r-shop {
	display: flow-root;
	padding: 1.65em 1.05em 0;
	background: #fff url(../img/front-page/shop_bg_sp.jpg) center top / cover no-repeat;
	color: var(--color-brown01);
}

@media screen and (min-width: 799px) {
	.r-shop {
		padding: 4.2em 1.05em 1em;
		background: #fff url(../img/front-page/shop_bg_pc.jpg) center top / cover no-repeat;
	}

}


.r-shop__title {
	margin: 0 auto .7em;
	text-align: center;
}

.r-shop__title img {
	width: auto;
	height: 3em;
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-shop__title {
		margin: 0 auto 2em;
	}

.r-shop__title img {
		height: 5em;
	}


}



.r-shop__list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .6em .8em;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

@media screen and (min-width: 799px) {

	.r-shop__list {
		gap: 2em;
		width: min(90%, 842px);
	}
}


.r-shop__list li {
	display: grid;
	width: calc((100% - 2em) / 2);
}

.r-shop__card {
	display: grid;
	align-items: center;
	margin-right: .2em;
	background-color: #fff;
	border: 1px solid #956134;
	border-radius: .7em 0 .7em 0;
	box-shadow: .1em .1em .2em rgba(149, 97, 52, .7);
	text-decoration: none;
	overflow: hidden;
}


.r-shop__card-img img {
	display: block;
	width: 100%;
	height: 6em;
	object-fit: cover;
	object-position: 50% 24%;
	transition: transform 0.3s ease;
}

.r-shop__card:hover .r-shop__card-img img {
	transform: scale(1.05);
}

.r-shop__card-body {
	padding: .2em .9em;
}

.r-shop__list li:last-child .r-shop__card-body {
	padding-inline: .5em;
}

@media screen and (min-width: 799px) {
	.r-shop__card {
		grid-template-columns: 8.5em 1fr;
		gap: .2em;
		border-radius: 1em 0 1em 0;
	}
	.r-shop__card-img {
		margin: .8em;
		object-fit: cover;
	}
	.r-shop__card-img img {
		height: auto;
	}
	.r-shop__card-body ,
	.r-shop__list li:last-child .r-shop__card-body {
		padding: .2em .8em .2em 0;
	}
}


.r-shop__card-name {
	margin-bottom: .1em;
	font-size: .85em;
	font-weight: 700;
	font-feature-settings: "palt";
	line-height: 1.15;
	color: #a15718;
}

.r-shop__card-address {
	font-size: .76em;
	font-feature-settings: "palt";
	line-height: 1.15;
	color: #a15718;
}

@media screen and (min-width: 799px) {
	.r-shop__card-name {
		margin-bottom: .2em;
		font-size: clamp(1rem, 0.855rem + 0.72vw, 1.5rem);
	}
	.r-shop__card-address {
		font-size: clamp(0.875rem, 0.821rem + 0.27vw, 1.063rem);
	}	
}




.r-shop__btn-wrap {
	margin: 2em auto;
	text-align: center;
}



@media screen and (max-width: 798px) {
	.r-shop[data-r-animate] .r-anim {
		opacity: 0;
	}

	.r-shop[data-r-animate] .r-anim--fade-up {
		transform: translateY(30px);
	}

	.r-shop[data-r-animate] .r-anim--zoom-in {
		transform: scale(0.9);
	}

	.r-shop[data-r-animate].is-inview .r-anim--fade-up {
		animation: r-anim-fade-up 0.8s ease forwards;
	}

	.r-shop[data-r-animate].is-inview .r-anim--zoom-in {
		animation: r-anim-zoom-in 0.8s ease forwards;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='1'] {
		animation-delay: 0s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='2'] {
		animation-delay: 0.2s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='3'] {
		animation-delay: 0.4s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='4'] {
		animation-delay: 0.6s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='5'] {
		animation-delay: 0.8s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='6'] {
		animation-delay: 1s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='7'] {
		animation-delay: 1.2s;
	}

	.r-shop[data-r-animate].is-inview .r-anim[data-anim-order='8'] {
		animation-delay: 1.4s;
	}
}

/* --------------------------------------------------------------------------
   Map（店舗地図）
   -------------------------------------------------------------------------- */
.r-map {
	display: flow-root;
	padding: 1.95em 1em .5em;
	background: #f6f1ed url(../img/front-page/map_bg_sp.jpg) top center / cover;
	color: var(--color-brown01);
}

@media screen and (min-width: 799px) {
	.r-map {
		padding: 3.1em 1em;
		background: #f6f1ed url(../img/front-page/map_bg_pc.jpg) top center / cover;
	}
}

.r-map__inner {
	display: grid;
}

@media screen and (min-width: 799px) {
	.r-map__inner {
		grid-template-columns: 19.2em 1fr;
		gap: 1em;
		width: min(90%, 1048px);
		margin: auto;
	}
}

.r-map__content {
	display: grid;
	align-items: center;
	margin: 0 auto;
}

.r-map__side {
	min-width: 0;
}

.r-map__title {
	margin: 0 auto .9em;
}

.r-map__title img {
	display: block;
	width: auto;
	height: 3.1em;
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-map__title img {
		height: 4.6em;
		margin: 1em 0 1em .5em;
	}

}


.r-map__list {
	order: 3;
	list-style: none;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .7em 1em;
	width: fit-content;
	margin: 1.2em auto;
	padding: 0;
}
@media screen and (min-width: 799px) {
	.r-map__list {
		grid-template-columns: 1fr;
		gap: 1em 2em;
		width: 100%;
		margin-left: .7em;
	}
}



.r-map__list a {
	display: flex;
	align-items: center;
	gap: .5em;
	padding: 0;
	font-size: .75em;
	font-weight: 500;
	line-height: 1.4;
	color: #956134;
	text-decoration: none;
	transition: opacity .3s;
}
@media screen and (min-width: 799px) {
	.r-map__list a {
		gap: .3em;
		font-size: 1.4em;
	}

}



.r-map__list a:hover {
	opacity: .8;
}

.r-map__num {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	width: 1.2em;
	height: 1.2em;

	background: #e60013;
	color: #fff;

	font-size: .85em;
	font-weight: 500;
	line-height: 1;
	box-sizing: border-box;
	flex-shrink: 0;

	border-radius: 50%;
}

.r-map__num>span {
	transform: translateY(-.03em);
}

.r-map__label {
	display: inline-flex;
	align-items: center;
	gap: .3em;
}

.r-map__arrow {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	margin: auto;
}

.r-map__arrow svg {
	display: block;
	width: 94%;
	height: auto;
	margin: auto;
}


.r-map__visual {
	margin: 0;
	min-width: 0;
}

.r-map .r-map__visual img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}



@media screen and (max-width: 798px) {
	.r-map__side {
		display: contents;
	}

	.r-map__title {
		order: 1;
	}

	.r-map__visual {
		order: 2;
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}


	.r-map__list li+li {
		margin-top: 0;
	}

	.r-map__list li:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}

	.r-map__list li:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}

	.r-map__list li:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
	}

	.r-map__list li:nth-child(4) {
		grid-column: 2;
		grid-row: 1;
	}

	.r-map__list li:nth-child(5) {
		grid-column: 2;
		grid-row: 2;
	}


	.r-map[data-r-animate] .r-anim {
		opacity: 0;
	}

	.r-map[data-r-animate] .r-anim--fade-up {
		transform: translateY(30px);
	}

	.r-map[data-r-animate] .r-anim--zoom-in {
		transform: scale(0.9);
	}

	.r-map[data-r-animate].is-inview .r-anim--fade-up {
		animation: r-anim-fade-up 0.8s ease forwards;
	}

	.r-map[data-r-animate].is-inview .r-anim--zoom-in {
		animation: r-anim-zoom-in 0.8s ease forwards;
	}

	.r-map[data-r-animate].is-inview .r-anim[data-anim-order='1'] {
		animation-delay: 0s;
	}

	.r-map[data-r-animate].is-inview .r-anim[data-anim-order='2'] {
		animation-delay: 0.2s;
	}

	.r-map[data-r-animate].is-inview .r-anim[data-anim-order='3'] {
		animation-delay: 0.4s;
	}

	.r-map[data-r-animate].is-inview .r-anim[data-anim-order='4'] {
		animation-delay: 0.6s;
	}
}
@media screen and (min-width: 799px) {
	.r-map__visual {
		width: 97%;
	}

}


/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */
.r-faq {
	display: flow-root;
	padding: 1.5em .9em 0;
	background-color: #fff;
	color: var(--color-brown01);
}

.r-faq__inner {
	width: min(90%, 850px);
	margin: 2em auto;
}

@media screen and (min-width: 799px) {
	.r-faq__inner {
		padding: 0;
	}
}

.r-faq__title {
	margin: 0 0 1.1em;
	text-align: center;
}

.r-faq__title img {
	display: block;
	width: auto;
	height: 3.35em;
	margin: 0 auto;
}

@media screen and (min-width: 799px) {
	.r-faq__title {
		margin: 0 0 2.1em;
	}
	.r-faq__title img {
		height: 5.35em;
	}


}


.r-faq__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff;
}

.r-faq__item:not(:first-child) {
	border-top: 1px solid #f3f0ea;
}

.r-faq__item,
.r-faq__item details {
	margin: 0;
}

.r-faq__question {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 2em;
	gap: .5em;
	width: 100%;
	padding: .7em 1em .7em 3.4em;
	font-family: var(--r-font-base);
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	border: none;
	cursor: pointer;
	background: var(--color-brown01) url(../img/front-page/faq_q_sp.png) top .4em left .9em / 1.95em auto no-repeat;
}

@media screen and (min-width: 799px) {
	.r-faq__question {
		padding: .7em 2.9em .5em 4.2em;
		font-size: 1.25em;
		letter-spacing: .05em;
		background: var(--color-brown01) url(../img/front-page/faq_q_sp.png) top .35em left 1.7em / 1.85em auto no-repeat
	}

}



.r-faq__question::-webkit-details-marker {
	display: none;
}

.r-faq__question::marker {
	content: '';
	display: none;
}


.r-faq__qtext {
	flex: 1 1 auto;
	min-width: 0;
	font-size: .9em;
}

.r-faq__qtext>span {
	display: inline-block;
}

.r-faq__toggle {
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-top: .15em;
	margin-left: auto;
}

.r-faq__toggle::before,
.r-faq__toggle::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}

.r-faq__toggle::before {
	width: 1em;
	height: 2px;
}

.r-faq__toggle::after {
	width: 2px;
	height: 1em;
}

.r-faq__item details[open]>.r-faq__question .r-faq__toggle::after {
	display: none;
}

.r-faq__answer {
	display: grid;
	padding: .8em 1.5em 1.5em 3.8em;
	font-size: .9em;
	line-height: 1.4;
	background: #f2eadd url(../img/front-page/faq_a_sp.png) top .65em left 1em / 2.1em auto no-repeat;
}

.r-faq__answer p:not(:first-child) {
	margin-top: .8em;
}

.r-faq__answer a {
	color: currentColor;
	text-decoration: underline;
}
@media screen and (min-width: 799px) {
	.r-faq__answer {
		padding: 1.8em 1.5em 2em 4.8em;
        font-size: 1.1em;
        letter-spacing: .05em;
		background: #f2eadd url(../img/front-page/faq_a_sp.png) top 1.65em left 2em / 2.1em auto no-repeat;
	}

}



.r-faq__btn-wrap {
	margin: 1.85em auto;
	text-align: center;
}
@media screen and (min-width: 799px) {
	.r-faq__btn-wrap .r-about-btn {
		margin-block: 3.5em;
	}
	.r-faq__btn-wrap .r-about-btn__inner {
		gap: .8em;
		padding: .5em 1.5em;
		letter-spacing: .1em;

	}
}


/* --------------------------------------------------------------------------
   Kirara
   -------------------------------------------------------------------------- */
.r-kirara {
	display: flow-root;
	padding: 1.6em 1em 2em;
	background: #ff9ba9 url(../img/front-page/kirara_bg_sp.jpg) center top / cover no-repeat;
}


.r-kirara__title {
	margin: 0 0 .6em;
	text-align: center;
}

.r-kirara__title img {
	display: block;
	width: auto;
	height: 4.25em;
	margin: 0 auto;
}

.r-kirara__cards {
	list-style: none;
	display: grid;
	gap: .85em;
	width: min(100%,320px);
	margin: 0 auto;
	padding: 0;
	perspective: 1200px;
}
@media screen and (min-width: 799px) {
	.r-kirara {
		padding: 3.3em 1.5em;
	}
	.r-kirara__title {
		margin: 0 0 1.2em;
	}
	.r-kirara__title img {
		height: 7.6em;
	}

	.r-kirara__cards {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.7em;
		width: min(90%, 770px);
	}


}


.r-kirara__card {
	margin: 0;
	padding: 0;
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
}

.r-kirara__card-link {
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-decoration: none;
	color: #fff;
	background-color: #ff516e;
	border: 2px solid #ff8193;
	border-radius: .4em 0 .4em 0;
	transition: opacity .3s;
	overflow: hidden;
}

@media screen and (min-width: 799px) {
	.r-kirara__card-link {
		grid-template-columns: 1fr;
		border-radius: 1em 0 1em 0;
		border-width: 4px;
		box-shadow: .1em .1em .3em rgb(0 0 0 / .1);
	}

}



.r-kirara__card-link:hover {
	opacity: 0.92;
}

.r-kirara__card-img {
	margin: 0;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}

.r-kirara .r-kirara__card-img img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.r-kirara__card-text {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: .5em;
	font-family: var(--r-font-base);
	font-size: .85em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
	text-align: center;
	color: #fff;
}

@media screen and (min-width: 799px) {
	.r-kirara__card-text {
		padding-block: 1em;
		padding: .6em .5em .4em;
		font-size: 1.1em;
		line-height: 1.4;
		letter-spacing: .1em;
	}

}



.keeper-topbtn {
	margin: 4em 0;
}

.keeper-topbtn a {
	color: #fff;
	background-image: url(../img/keeper/keeper_bnrbg.jpg);
	display: block;
	width: 93%;
	height: 10em;
	margin: auto;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.keeper-topbtn a:hover {
	opacity: .8;
}

@media screen and (min-width:769px) {
	.keeper-topbtn {
		margin: 4em 0;
		width: 34em;
		margin: 4em auto;
	}

	.keeper-topbtn a {
		background-image: url(../img/keeper/keeper_bnrbg_pc.jpg);
		width: 100%;
		min-width: 33em;
		max-width: 558px;
		padding-top: 15em;
		height: auto;
		background-size: contain;
	}
}

/* top page style
* -------------------- */
@media (min-width:769px) {
	.pc-none {
		display: none;
	}
}

.position-rel {
	position: relative;
}

.position-abs {
	position: absolute;
}

.lead-sentence {
	font-size: .875em;
}

.title-block .position-abs.title01 {
	top: 25.5vw;
}

.title-block .position-abs.title02 {
	top: 10.5vw;
	letter-spacing: -0.1em;
	font-size: 5.8vw;
}

.title-block .position-abs.title03 {
	top: 24.5vw;
}

.title-block .position-abs.title04 {
	top: 4.6vw;
}

.title-block .position-abs.title05 {
	top: 8vw;
	letter-spacing: 0;
}

.title-block .position-abs.title06 {
	top: 10.3vw;
	letter-spacing: 0;
}

@media (min-width:769px) {
	.title-block .position-abs.title01 {
		top: 30%;
	}

	.title-block .position-abs.title02 {
		top: 58%;
		letter-spacing: 0;
		font-size: 2.2325em;
	}

	.title-block .position-abs.title03 {
		top: 57%;
	}

	.title-block .position-abs.title04 {
		top: 40%;
	}

	.title-block .position-abs.title05 {
		top: 55%;
		letter-spacing: 0;
	}

	.title-block .position-abs.title06 {
		top: 55%;
		letter-spacing: 0;
	}

	.lead-sentence {
		text-align: center;
	}
}

/* mv
* -------------------- */
.mv {
	display: block;
	position: relative;
	width: 100%;
	/* 	min-height: 150.1334vw; */
	/* 	min-height: 106vw; */
	background: #000;
	z-index: 0;
	/* 	margin-top: 16.5%; */
}

@keyframes mvfade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.mv .mv-content.open,
.mv .mv-content.fadeOut {
	display: block;
}

.mv .mv-content {
	opacity: 0;
	display: none;
	transition: opacity .5s;
}

.mv-content {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	object-fit: cover;
	margin: auto;
	opacity: 0;
}

.mv-content.item01 {
	top: -15%;
}

.mv-content.item02 {
	top: 0;
}

.mv-content.item01 ul {
	display: flex;
	flex-wrap: wrap;
}

.mv-content.item02 li {
	display: block;
	width: 130%;
	background-color: #000;
}

.mv-content.item01 li {
	display: block;
	position: relative;
	width: calc(100%/3);
	background-color: #000;
}

.mv-content.open li img {
	animation: imgBlock .5s ease 1 both;
	transform-origin: center;
}

.mv-content.item01.fadeOut li img {
	animation: imgNone .5s ease 1 both;
	transform-origin: center;
}

.mv-content li img {
	aspect-ratio: 8/5;
	object-fit: cover;
	object-position: center;
	height: calc(90vw/3);
	background-color: #000;
}

.mv-content.item02 li img {
	display: block;
	aspect-ratio: 8/5;
	object-fit: cover;
	object-position: center;
	height: 130vw;
	background-color: #000;
}

.mv-content.open li:after {
	animation: fadeIn .5s ease 1 both;
	will-change: transform;
	width: 115%;
	height: 115%;
	background-color: #000;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:after {
	animation: fadeOut2 .5s ease 1 both;
	will-change: transform;
	width: 115%;
	height: 115%;
	background-color: #000;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item02.fadeOut li:after {
	animation: fadeOut2 .5s ease 1 both;
	will-change: transform;
	width: 115%;
	height: 115%;
	background-color: #000;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.open li:nth-child(1):after,
.mv-content.item01.open li:nth-child(2):after,
.mv-content.item01.open li:nth-child(4):after,
.mv-content.item01.open li:nth-child(5):after {
	animation: fadeIn3 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.open li:nth-child(7):after,
.mv-content.item01.open li:nth-child(8):after {
	animation: fadeIn4 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.open li:nth-child(6):after,
.mv-content.item01.open li:nth-child(9):after {
	animation: fadeIn5 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.open li:nth-child(3):after {
	animation: fadeIn6 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:nth-child(1):after,
.mv-content.item01.fadeOut li:nth-child(2):after,
.mv-content.item01.fadeOut li:nth-child(4):after,
.mv-content.item01.fadeOut li:nth-child(5):after {
	animation: fadeOut3 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:nth-child(7):after,
.mv-content.item01.fadeOut li:nth-child(8):after {
	animation: fadeOut4 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:nth-child(6):after,
.mv-content.item01.fadeOut li:nth-child(9):after {
	animation: fadeOut5 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:nth-child(3):after {
	animation: fadeOut6 1s ease 1 both;
	will-change: transform;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content.item01.fadeOut li:nth-child(2):after,
.mv-content.item01.open li:nth-child(2):after,
.mv-content.item01.fadeOut li:nth-child(2) img,
.mv-content.item01.open li:nth-child(2) img {
	animation-delay: .35s;
}

.mv-content.item01.fadeOut li:nth-child(3):after,
.mv-content.item01.open li:nth-child(3):after,
.mv-content.item01.fadeOut li:nth-child(3) img,
.mv-content.item01.open li:nth-child(3) img {
	animation-delay: .3s;
}

.mv-content.item01.fadeOut li:nth-child(4):after,
.mv-content.item01.fadeOut li:nth-child(4) img,
.mv-content.item01.open li:nth-child(4):after,
.mv-content.item01.open li:nth-child(4) img {
	animation-delay: .05s;
}

.mv-content.item01.fadeOut li:nth-child(5):after,
.mv-content.item01.fadeOut li:nth-child(5) img,
.mv-content.item01.open li:nth-child(5):after,
.mv-content.item01.open li:nth-child(5) img {
	animation-delay: .4s;
}

.mv-content.item01.fadeOut li:nth-child(6):after,
.mv-content.item01.open li:nth-child(6):after,
.mv-content.item01.fadeOut li:nth-child(6) img,
.mv-content.item01.open li:nth-child(6) img {
	animation-delay: .25s;
}

.mv-content.item01.fadeOut li:nth-child(7):after,
.mv-content.item01.fadeOut li:nth-child(7) img,
.mv-content.item01.open li:nth-child(7):after,
.mv-content.item01.open li:nth-child(7) img {
	animation-delay: .1s;
}

.mv-content.item01.fadeOut li:nth-child(8):after,
.mv-content.item01.fadeOut li:nth-child(8) img,
.mv-content.item01.open li:nth-child(8):after,
.mv-content.item01.open li:nth-child(8) img {
	animation-delay: .15s;
}

.mv-content.item01.fadeOut li:nth-child(9):after,
.mv-content.item01.fadeOut li:nth-child(9) img,
.mv-content.item01.open li:nth-child(9):after,
.mv-content.item01.open li:nth-child(9) img {
	animation-delay: .2s;
}

.mv-content.open {
	animation: transY 20s ease 1 both;
	will-change: filter;
	opacity: 1;
	z-index: 1;
	backface-visibility: hidden;
	filter: blur(0px);
	-moz-backface-visibility: hidden;
}

.mv-content ul {
	overflow: hidden;
}

.mv-content li:after {
	content: '';
	display: block;
	width: 105%;
	height: 105%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.mv-content li {
	list-style: none;
	display: block;
	overflow: hidden;
	position: relative;
}

@keyframes imgBlock {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes imgNone {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
	}
}

@keyframes transY {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(0, -200px, 0);
	}
}

@keyframes fadeIn {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(0, -115%, 0);
	}
}

@keyframes fadeIn3 {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, -115%, 0);
		opacity: 0;
	}
}

@keyframes fadeIn4 {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	100% {
		transform: translate3d(-115%, 0, 0);
		opacity: 0;
	}
}

@keyframes fadeIn5 {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 115%, 0);
		opacity: 0;
	}
}

@keyframes fadeIn6 {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 115%, 0);
		opacity: 0;
	}
}

@keyframes fadeOut2 {
	0% {
		transform: translate3d(0, 115%, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeOut3 {
	0% {
		transform: translate3d(0, -115%, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes fadeOut4 {
	0% {
		transform: translate3d(-115%, 0, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes fadeOut5 {
	0% {
		transform: translate3d(0, 115%, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes fadeOut6 {
	0% {
		transform: translate3d(0, 115%, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@media (min-width:769px) {
	.mv {
		min-width: 1200px;
		/* 		height: 746px; */
		display: block;
		min-height: auto;
		width: auto;
		margin: auto;
		padding: 0;
	}

	.mv-content.item01 {
		top: -28%;
	}

	.mv-content.item02 {
		top: -140%;
	}

	.mv-content.item02 li img {
		width: 100%;
		height: auto;
	}

	.mv-content li img {
		width: 100%;
		height: auto;
	}

	.mv:before {
		background-size: 8%;
	}
}

@media screen and (min-width:1401px) {

	/* 	.mv {
		height: 755px;
	}
	.mv-content.item01 {
		top: -16vw;
	}
	.mv-content.item02 {
		top: -77vw;
	} */
	.mv-content li img {
		width: 100%;
		height: auto;
	}
}

/* news
* -------------------- */
.news-box {
	background-color: #fff;
	border: 2px solid #b7a77c;
	margin: 1em auto;
	/*
	margin: -31.7% 3.334% 0;
	*/
	position: relative;
	z-index: 2;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	box-shadow: 0px 2px 7px 1px rgb(0 0 0 / 35%);
	color: #161616;
}

.news-box a {
	transition: color .5s;
}

.news-title {
	margin: 1em 1.5% 0;
	padding: 0 2% 0.33em;
	font-size: 0.97343em;
	font-weight: bold;
	letter-spacing: .025em;
}

.news-title span {
	font-size: .807706em;
	padding-left: 1em;
}

.news-ul {
	position: relative;
	list-style: none;
	margin: 4.1% 4.312% 2em 4.312%;
	font-size: .748744em;
	line-height: 1.4;
}

.news-ul a {
	display: flex;
}

.news-ul li {
	margin-bottom: 2.72%;
}

.news-box a {
	color: #161616;
}

.news-title-fixed {
	margin-left: 6.29%;
}

.news-catalog {
	margin: 0 1em 1em;
	font-size: .749995em;
	text-align: right;
}

.news-catalog a {
	display: inline-block;
	position: relative;
	padding-right: 1em;
}

.news-catalog a::after {
	content: '';
	position: absolute;
	display: block;
	top: .22em;
	bottom: 0;
	right: .2em;
	width: .4em;
	height: .4em;
	margin: 0;
	line-height: 1;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-ul dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}

.news-ul dt {
	width: 6.5944em;
	margin: 0;
	padding: 0;
}

.news-ul dd {
	width: calc(100% - 6.5944em);
	margin: 0;
	padding: 0;
}

.icon__new {
	color: #af3a27;
}

.l-news {
	display: flow-root;
	position: relative;
	z-index: 1;
	background-color: #cecbb7;
	/*
 * 	padding-top: 20vw;
	padding-bottom: 6.5%;
*/
}

/*
.l-news:before {
	content: '';
	display: block;
	margin: -24.5% 0 0;
	padding: 24.5% 0 0;
}
*/
@media (max-width:768px) {
	.news-title {
		border-bottom: 2px solid #efedeb;
	}

	.news-ul a {
		padding: .5em 0;
	}
}

@media (min-width:769px) {

	/* news */
	.news-box {
		max-width: 1155px;
		width: 96.3%;
		padding: .7em 1.2em .7em 1.875em;
		/*
		margin: -3.8em auto -10.3125em;
*/
	}

	.news__body {
		display: flex;
		flex-wrap: wrap;
	}

	.news-title {
		width: 8.7em;
		margin: 0;
		padding: .3em 0 0 0;
		font-size: 1.4em;
		border-bottom: none;
		box-sizing: border-box;
	}

	.news-title span {
		font-size: .8em;
		padding-left: 1em;
	}

	.news-ul {
		list-style: none;
		width: 878px;
		margin: .8em 0 0;
		padding-left: 2em;
		box-sizing: border-box;
		font-size: 1.125em;
	}

	@media only screen and (min-device-width: 769px) and (max-device-width: 1200px) {
		.news-ul {
			list-style: none;
			width: 79.688%;
			margin: 0.8em 0 0;
			padding-left: 2em;
			box-sizing: border-box;
			font-size: 1.125em;
		}
	}

	.news-ul:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: calc(100% + 1.2em);
		border-left: 2px solid #efedeb;
	}

	.news-ul li {
		margin-bottom: .8em;
	}

	.news-ul li:last-child {
		margin-bottom: 0;
	}

	.news-title-fixed {
		margin-left: 4.5%;
	}

	.news-catalog {
		margin: 1.5em 0 .5em;
		font-size: 1.1625em;
	}

	.news-catalog a::after {
		border-width: 3px;
	}

	.l-news {
		position: static;
		/*
 * 		padding-top: 0;
		padding-bottom: 13.75em;
*/
	}

	.news-ul dt {
		width: 7.6312em;
	}

	.news-ul dd {
		width: calc(100% - 7.6312em);
	}

	.news-ul a {
		display: inline-block;
		position: relative;
		width: fit-content;
	}

	.news-ul a:hover {
		color: red;
	}

	.news-ul a:hover:before {
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: #000;
		animation: newslink01 1.5s ease infinite;
	}

	.news-catalog a:hover {
		color: red;
	}

	.news-catalog a:after {
		top: 0.15em;
		transition: .5s;
	}

	.news-catalog a:hover:after {
		border-color: red;
		animation: newslink02 .5s ease forwards;
	}
}

@keyframes newslink01 {
	0% {
		width: 0;
		opacity: 0
	}

	20% {
		width: 0;
		opacity: 1
	}

	80% {
		width: 105%;
		opacity: 1
	}

	100% {
		width: 105%;
		opacity: 0
	}
}

@keyframes newslink02 {
	0% {
		transform: rotate(45deg) translate(0, 0);
	}

	100% {
		transform: rotate(45deg) translate(5px, -5px);
	}
}

/* お車を探す
* -------------------- */
.find-box {
	position: relative;
	/*
	margin-top: -16.534%;
	padding-top: 16.534%;
	*/
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background: #cecbb7 url("../img/index/find_car.jpg") no-repeat right 20% bottom;
	background-size: 210% auto;
	overflow: hidden;
}

.find-box .lead-sentence {
	margin: 7% 1% 6.6% 5.3334%;
	letter-spacing: 0.01em;
	line-height: 1.75;
}

.find-flex {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	width: 91%;
	margin: 0 auto;
	padding-bottom: 6.5%;
}

.find-flex li {
	width: 29.7%;
	margin: 0 0 7.5%;
}

.find-flex li a {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: .875em;
	text-align: center;
	align-items: center;
	background: #fff;
	border-radius: .3em;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .3);
	box-sizing: border-box;
}

.find-flex li:nth-child(-n + 8) a {
	padding: 70% 0 18%;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.find-flex li:nth-child(n + 9) a {
	padding: 30.5% 2%;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.4;
}

.find-flex li a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.0rem;
	height: 1.0rem;
	background: url("../img/index/icon_arrow01.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex span {
	display: block;
	width: 100%;
}

.find-flex li:nth-child(1) a {
	background: #fff url("../img/index/find_lexus.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(2) a {
	background: #fff url("../img/index/find_toyota.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(3) a {
	background: #fff url("../img/index/find_nissan.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(4) a {
	background: #fff url("../img/index/find_honda.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(5) a {
	background: #fff url("../img/index/find_mazda.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(6) a {
	background: #fff url("../img/index/find_subaru.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(7) a {
	background: #fff url("../img/index/find_suzuki.png") no-repeat right bottom;
	background-size: contain;
}

.find-flex li:nth-child(8) a {
	background: #fff url("../img/index/find_mitsubishi.png") no-repeat right bottom;
	background-size: contain;
}

@media (min-width:769px) {

	/* find */
	.find-box {
		margin-top: -13.75em;
		padding-top: 13.75em;
		background-position: center bottom;
		background-size: inherit;
	}

	.find-box .lead-sentence {
		margin: 2em 0 0;
		font-size: 1.3125em;
		letter-spacing: .1em;
		line-height: 1.6;
	}

	.find-flex {
		width: 85.47%;
		max-width: 1000px;
		margin: 2.3em auto auto;
		padding-bottom: 3.25em;
	}

	.find-flex li {
		width: 16%;
		margin: 0 1% 3.7em;
	}

	.find-flex li a {
		font-size: 1em;
		overflow: hidden;
		transition: color .5s;
	}

	.find-flex li:nth-child(n + 9) a {
		font-size: 1.25em;
		line-height: 1.3;
		height: 100%;
	}

	.find-flex li a:after {
		width: 1.5rem;
		height: 1.5rem;
	}

	.find-flex li a:hover {
		color: #bf060c;
	}

	.find-flex li:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border: 3px solid #333;
		border-radius: .5em;
		box-sizing: border-box;
		z-index: -1;
		transform: scale(1.2);
		opacity: 0;
		transition: transform ease .3s, opacity .3s;
		pointer-events: none;
	}

	.find-flex li:hover {
		color: #333;
		background: transparent;
	}

	.find-flex li:hover:before {
		transform: scale(1);
		opacity: 1;
	}
}

/* servis
* -------------------- */
.servis-box {
	position: relative;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	overflow: hidden;
	background: url("../img/index/service/bg-service.jpg");
	background-size: cover;
}

.servis-box .title-block {
	margin: 0 auto;
	padding: 9.2% 0 0;
}

.servis-box .lead-sentence {
	margin: 5.2% 1em 7.2%;
	letter-spacing: .035em;
	font-size: .875em;
	line-height: 1.75;
}

/* お支払いに関して
* ローン審査について */
.link__set01 {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 93%;
	margin: 1.7em auto 1.5em;
	padding: 0;
}

.link__set01 li {
	position: relative;
	width: 48.6%;
	margin-bottom: 1.5em;
}

.link__set01 li:nth-child(n + 3) {
	width: 100%;
	margin-bottom: 1.3em;
}

.link__set01 li:last-child {
	margin-bottom: 0;
}

.link__set01 li a {
	position: relative;
	display: block;
	border: 2px solid #b7a77c;
	box-sizing: border-box;
	overflow: hidden;
}

.link__set01 li:nth-child(-n + 2) a {
	padding: .25em .6em 8em;
}

.link__set01 li:nth-child(n + 3) a {
	padding: 1.1em 2.4em 1.1em 3.8em;
	font-size: 1.3em;
	font-weight: bold;
}

.link__txt01 {
	position: relative;
	z-index: 2;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.2;
	color: #fff;
}

.link__txt01>span {
	display: block;
}

.link__txt02 {
	position: absolute;
	z-index: 2;
	bottom: .5em;
	right: 0;
	padding: .7em 4em .7em .8em;
	box-sizing: border-box;
	font-size: 1em;
	color: #fff;
	background: #000;
}

.link__txt02:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.5em;
	width: 1.8em;
	height: 0.5em;
	margin: 0;
	background: url("../img/index/detail-arrow01.png") no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}

.link__payment a:after,
.link__loan a:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .3s ease-out;
}

.link__payment a:after {
	background: url("../img/index/link_payment_bg.jpg") no-repeat center center;
	background-size: cover;
}

.link__loan a:after {
	background: url("../img/index/link_loan_bg.jpg") no-repeat center center;
	background-size: cover;
}

.link__flow small {
	font-size: .7em;
}

.link__flow a,
.link__faq a,
.link__inquiry a {
	display: block;
	background: linear-gradient(#fff, #eeedeb);
}

.link__flow:before,
.link__faq:before,
.link__inquiry:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	left: .8em;
	width: 3.3em;
	height: 3.3em;
	transform: translateY(-50%);
}

.link__flow:before {
	background: url("../img/index/link_flow_icon.png") no-repeat;
	background-size: contain;
}

.link__faq:before {
	background: url("../img/index/link_faq_icon.png") no-repeat;
	background-size: contain;
}

.link__inquiry:before {
	background: url("../img/index/link_inquiry_icon.png") no-repeat;
	background-size: contain;
}

.link__flow span,
.link__faq span,
.link__inquiry span {
	display: inline-block;
	position: relative;
}

.link__flow span:after,
.link__faq span:after,
.link__inquiry span:after {
	content: "";
	display: block;
	width: 100%;
	height: 1em;
	margin-top: .4em;
	font-size: .71em;
}

.link__flow span:after {
	content: "PURCHASING PROCEDURE";
}

.link__faq span:after {
	content: "FAQ";
}

.link__inquiry span:after {
	content: "CONTACT US";
}

.link__set01 li:nth-child(n + 3) a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.5em;
	width: 1.8em;
	height: 0.5em;
	margin: 0;
	background: url("../img/index/detail-arrow02.png") no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}

@media (max-width:768px) {
	.link__set01 {
		font-size: 4vw;
	}

	.link__set01 li:nth-child(-n + 2) a:before {
		content: "";
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.5em;
		background: #810407;
	}
}

@media (min-width:769px) {
	.link__set01 {
		width: 94.77%;
		max-width: 1137px;
		margin: 4.2em auto 3em;
	}

	.link__set01 li {
		margin-bottom: 4.2em;
	}

	.link__set01 li:nth-child(n + 3) {
		width: 30.8%;
	}

	.link__set01 li:nth-child(-n + 2) a {
		padding: 1em 1.5em 13.5em;
		border-width: 10px;
	}

	.link__set01 li:nth-child(n + 3) a {
		padding: 5.2em .5em 1.8em;
		font-size: 1.6em;
		text-align: center;
		border-width: 5px;
		transition: .5s;
	}

	.link__set01 li:nth-child(n + 3) a:hover {
		background: linear-gradient(#eeedeb, #cecbb7);
	}

	.link__flow small {
		font-size: 1em;
	}

	.link__txt01 {
		font-size: 2.3em;
	}

	.link__txt02 {
		bottom: .7em;
		padding: 1.2em 6.5em 1.2em 1.3em;
		font-size: 1.5em;
	}

	.link__payment a:after {
		background: url("../img/index/link_payment_bg_pc.jpg") no-repeat center center;
		background-size: cover;
	}

	.link__loan a:after {
		background: url("../img/index/link_loan_bg_pc.jpg") no-repeat center center;
		background-size: cover;
	}

	.link__payment :hover:after,
	.link__loan :hover:after {
		opacity: .6;
		transform: scale(1.2);
	}

	.link__txt01 {
		display: inline-block;
	}

	.link__txt02 {
		border-right: none;
		transition: .3s;
	}

	.link__set01 li:nth-child(-n + 2) a:hover {
		background: #000;
	}

	a:hover .link__txt02 {
		font-weight: bold;
		color: #000;
		background: #fff;
	}

	.link__txt02:before {
		right: 1.5em;
	}

	a:hover .link__txt02:before {
		background: url("../img/index/detail-arrow02.png") no-repeat;
		background-size: contain;
		animation: linkArrow01 .5s ease forwards;
	}

	.link__set01 li:nth-child(n + 3) a:hover:before {
		animation: linkArrow02 .5s ease forwards;
	}

	.link__flow span:after,
	.link__faq span:after,
	.link__inquiry span:after {
		margin-top: 1em;
	}

	.link__flow:before,
	.link__faq:before,
	.link__inquiry:before {
		top: 1em;
		left: 50%;
		width: 6.5em;
		height: 6.5em;
		transform: translate(-50%, 0);
		pointer-events: none;
	}

	.link__set01 li:nth-child(n + 3) a:before {
		top: inherit;
		right: 50%;
		bottom: .5em;
		width: 2.3em;
		height: .7em;
		transform: translate(50%, 0);
	}
}

@keyframes linkArrow01 {
	0% {
		transform: translate(0, -50%);
	}

	100% {
		transform: translate(.5em, -50%);
	}
}

@keyframes linkArrow02 {
	0% {
		transform: translate(50%, 0);
	}

	100% {
		transform: translate(100%, 0);
	}
}

.servis-item-02 {
	margin: auto 3.467%;
	padding: 6.5% 0 3.7%;
}

.servis-item-02 p {
	padding-bottom: 5.7%;
}

.servis-item-02 p a {
	background-color: #fff;
}

.servis-list li {
	transform: translateX(-100%);
	opacity: 0;
	transition: transform .2s;
}

.servis-list.is-animated li {
	transform: translateX(0%);
	opacity: 1;
	transition: transform .5s, opacity 2s;
}

.servis-list.is-animated li:nth-child(1) {
	transition-delay: .2s;
}

.servis-list.is-animated li:nth-child(2) {
	transition-delay: .35s;
}

.servis-list.is-animated li:nth-child(3) {
	transition-delay: .5s;
}

.servis-list.is-animated li:nth-child(4) {
	transition-delay: .65s;
}

.servis-list.is-animated li:nth-child(5) {
	transition-delay: .8s;
}

@media (min-width:769px) {

	/* servis */
	.servis-box {
		background-size: cover;
		position: relative;
	}

	.servis-box .title-block {
		padding: 3.0625em 0 0;
	}

	.servis-box .lead-sentence {
		letter-spacing: 0.05em;
		font-size: 1.25em;
		line-height: 1.7;
		margin: 1.4em 0 0;
	}

	.servis-box ul .servis-list-item {
		width: auto;
		display: inline-block;
		position: relative;
	}

	.servis-box ul .servis-list-item:before {
		position: absolute;
		content: '';
		display: inline-block;
		width: 100%;
		height: 79%;
		background-color: #fff;
		z-index: -1;
		top: 20%;
	}
}

/* サービス
* -------------------- */
.servis__list {
	position: relative;
	width: 100%;
	margin: 6.2% auto;
}

.servis__img {
	position: relative;
	z-index: 1;
	width: 87.33%;
	margin: 0 0 0 auto;
	padding-top: 6%;
}

.servis__txt {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 60.27%;
}

.servis__txt .thumb-wrapper {
	list-style: none;
	width: 100%;
	margin: 3% 0 0 3%;
	padding: 0;
}

.servis__txt .thumb-wrapper li {
	position: relative;
	margin: 0 0 7.8%;
	padding: 0;
	cursor: pointer;
	transition: .5s;
}

.servis__txt .thumb-wrapper li img {
	display: block;
	position: relative;
	z-index: 2;
}

.servis__txt .thumb-wrapper li:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #d6d3c7;
	transition: .5s;
}

@media screen and (max-width: 768px) {
	.servis__txt .thumb-wrapper li:nth-child(n + 4):before {
		max-height: 4.4em;
		height: 92%;
	}
}

@media screen and (min-width: 769px) {
	.servis__list {
		width: 96.25%;
		max-width: 1155px;
		margin: 3em auto 2.3em;
	}

	.servis__img {
		width: 60%;
		margin: 0 0 0 auto;
		padding: 0;
	}

	.servis__txt {
		width: 100%;
	}

	.servis__txt .thumb-wrapper {
		width: 58.27%;
		margin: 3% 0 0;
	}

	.servis__txt .thumb-wrapper li {
		margin: 0 0 5.4%;
	}

	.servis__txt .thumb-wrapper li:before {
		height: 3.5em;
	}

	.servis__txt .thumb-wrapper li:nth-child(1) {
		width: 98.51%;
	}

	.servis__txt .thumb-wrapper li:nth-child(2) {
		width: 94.06%;
	}

	.servis__txt .thumb-wrapper li:nth-child(3) {
		width: 100%;
	}

	.servis__txt .thumb-wrapper li:nth-child(4) {
		width: 63.15%;
	}

	.servis__txt .thumb-wrapper li:nth-child(5) {
		width: 59.29%;
	}

	.servis__txt .thumb-wrapper li:hover:before {
		background: #cfbb69;
	}
}

.servis__txt .thumb-wrapper li.thumb-media-active {
	animation: left01 .5s ease-out forwards;
}

.servis__txt .thumb-wrapper li {
	animation: left02 .5s ease-out forwards;
}

@keyframes left01 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(20px);
	}
}

@keyframes left02 {
	0% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0);
	}
}

.servis__txt .thumb-wrapper li.thumb-media-active:before {
	background: #cfbb69;
}

.servis-btn {
	margin: 0;
}

.servis-btn a {
	display: block;
	color: #fff;
	font-size: 1em;
	line-height: 1.2;
	width: 89%;
	margin: auto;
	background-color: #000;
	padding: 2.7vw 4.6vw;
	position: relative;
	transition: color .5s;
}

.servis-btn a:before {
	background: url("../img/index/detail-arrow01.png") no-repeat top left;
	background-size: contain;
	content: '';
	display: block;
	width: 8.5%;
	height: 12.5%;
	position: absolute;
	top: 45.2%;
	right: 3.6%;
	margin: auto;
	background-repeat: no-repeat;
}

@media screen and (min-width: 769px) {
	.servis-btn a {
		font-size: 1.625em;
		width: 43.133%;
		max-width: 515px;
		padding: 0.55em 1.846153846153846em;
		border: 1px solid #000;
		box-sizing: border-box;
		transition: 1s;
	}

	.servis-btn a:before {
		width: 2em;
		height: 1em;
		right: 0.92em;
		top: 0.4em;
		bottom: 0;
		transition: .5s;
	}

	.servis-btn a:hover {
		color: #000;
		background: #fff;
	}

	.servis-btn a:hover:before {
		background: url(../img/index/detail-arrow02.png) no-repeat top left;
		background-size: contain;
		animation: linkArrow03 1s ease forwards;
	}
}

@keyframes linkArrow03 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(.5em);
	}
}

/* shop
* -------------------- */
.shop-box {
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background-color: #cecbb7;
	margin: 7.1% 0 0;
}

.shop-box .title-block {
	/*margin: 7.1% 0 0;*/
}

@media screen and (min-width:769px) {
	.shop-box {
		margin: 0;
	}

	.shop-box .title-block {
		padding: 3.4em 0 0;
	}
}

.shop-block-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.shop-block .shop-block-flex section {
	width: 44.5%;
}

.shop-block section {
	border: 1vw solid #e2dfd2;
	background-color: #fff;
}

.shop-block section span {
	display: block;
}

.shop-block section ul {
	list-style: none;
}

.shop-block section:nth-child(1) ul {
	display: flex;
	padding-bottom: 4.2%;
}

.shop-block .shop-block-flex section:nth-child(1) {
	display: block;
	width: 100%;
	margin: 0 2.68% 6.2%;
}

.shop-block {
	margin: 8.4% auto 0;
}

.shop-block section:nth-child(1) h3 {
	font-size: 4.66667vw;
	letter-spacing: 0.02em;
	padding-bottom: 3.3%;
}

.shop-block h3 span {
	font-size: 4.66667vw;
	letter-spacing: 0.05em;
	color: #af3a27;
	padding-bottom: 3%;
}

.shop-block ul {
	font-size: 3.6vw;
	letter-spacing: 0.025em;
}

.shop-block .shop-block-flex h3 {
	font-size: 4.66667vw;
	letter-spacing: 0.025em;
	padding-bottom: 6.22%;
	width: 99%;
	min-height: 13vw;
}

.shop-block .shop-block-flex section:nth-child(1) div {
	padding: 3.6% 2.8%;
}

.shop-block .shop-block-flex section div {
	padding: 8.766% 4.65% 7.1%;
}

.shop-block section {
	margin: auto 2.6667% 6.134%;
}

.shop-block .shop-block-flex section {
	margin: 0 1.6% 5.765%;
}

.shop-block .shop-block-flex ul {
	padding-bottom: 11.5%;
}

.shop-block section:nth-child(1) ul li:nth-child(1) {
	padding: 0 6% 0 0;
	width: 28%;
}

.shop-block .shop-block-flex section div.shop-info {
	padding: 0;
}

.shop-block .shop-block-flex section:nth-child(1) .new {
	display: block;
}

.shop-block .shop-block-flex section .new {
	display: none;
}

.shop-block .shop-block-flex section:nth-child(1) .shop-icath img {
	height: 40.3vw;
	width: 100vw;
}

.shop-block .shop-block-flex section .shop-icath img {
	height: 31.4vw;
}

.shop-block .shop-block-flex section:nth-child(1) .fs-block {
	width: 100%;
	padding: 0;
	display: block;
}

.shop-block .shop-block-flex section .fs-block {
	padding: 0;
	line-height: 1;
}

.shop-block .shop-block-flex section .fs-block ul {
	line-height: 1.4;
}

.shop-block section:nth-child(1) div a {
	background-color: #000;
	color: #fff;
	width: 47.2%;
	display: block;
	margin: auto;
	padding: 4% 5.1% 3%;
	font-size: 4vw;
}

.shop-block section div a {
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 4vw;
	width: 96%;
	margin: auto;
	padding: 6.45% 10.4%;
	position: relative;
}

.shop-block section div a:before {
	content: '';
	display: block;
	background-color: #fff;
	position: absolute;
	width: 15%;
	height: 3.1%;
	top: 57%;
	right: 11%;
}

.shop-block section div a:after {
	content: '';
	display: block;
	background-color: #fff;
	position: absolute;
	transform: rotate(45deg);
	width: 5%;
	height: 3.1%;
	top: 51%;
	right: 10%;
}

/* 店舗一覧
* -------------------- */
.shop__list a {
	display: block;
	width: 100%;
	color: #000;
	text-decoration: none;
}

.shop__list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 94.67%;
	margin: 8.5% auto 0;
	padding: 0 0 1.4%;
	max-width: 1141px;
}

.shop__list li {
	width: 47.7%;
	margin: 0 1% 5.8%;
	background: #fff;
	border: 4px solid #dddacd;
	box-sizing: border-box;
}

/* 限定対応ここから */
.shop__list li:nth-child(1) {
	order: 2;
}

.shop__list li:nth-child(2) {
	order: 3;
}

.shop__list li:nth-child(3) {
	order: 4;
}

.shop__list li:nth-child(4) {
	order: 5;
}

.shop__list li:nth-child(5) {
	order: 1;
	width: 100%;
	margin: auto auto 6.6%;
}

.shop__list li:nth-child(5) a {
	display: block;
}

.shop__list li:nth-child(6) {
	order: 6;
}

.shop__list li:nth-child(7) {
	order: 7;
}

/*
.shop__list li:first-child {
	width: 100%;
	margin: auto auto 6.6%;
}
.shop__list li:first-child a {
	display: block;
}
*/

/* 限定対応ここまで */
.shop__img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 73.6%;
	overflow: hidden;
}

/* 限定対応ここから */
.shop__list li:nth-child(5) .shop__img {
	padding-top: 43.3%;
}

/* .shop__list li:first-child .shop__img {
	padding-top: 43.3%;
} */
/* 限定対応ここまで */
.shop__img img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 110%;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
	height: auto;
	transform: translate(-50%, -50%);
	transition: .5s;
}

.shop__txt {
	padding: 3.5vw 2vw 3vw;
	box-sizing: border-box;
	background-color: #fff;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.shop__list .shop__txt {
	position: relative;
	padding: .6em .5em 4.2em;
}

/* 限定対応ここから */
.shop__list li:nth-child(5) .shop__txt p br {
	display: none;
}

/* .shop__list li:first-child .shop__txt p br {
	display: none;
} */
/* 限定対応ここまで */




.shop__txt--sub {
	line-height: 1.4;
}

.shop__name {
	margin-bottom: .5em;
	font-size: 1.125em;
	font-weight: bold;
	letter-spacing: .07em;
}

.shop__new {
	color: #af3a27;
	font-size: 1.25em;
	padding: 1.4% 0 3% .6%;
	letter-spacing: 0.06em;
}

.shop__nore {
	color: #fff;
	background: #000;
}

.shop__list .shop__nore {
	display: block;
	position: absolute;
	left: 50%;
	bottom: .8em;
	width: 9em;
	margin: 0 auto;
	text-align: center;
	transform: translateX(-50%);
}

/* 限定対応ここから */
.shop__list li:nth-child(5) .shop__nore {
	width: 10em;
}

/* .shop__list li:first-child .shop__nore {
	width: 10em;
}
 */
/* 限定対応ここまで */
.shop__list .shop__nore>span {
	display: block;
	position: relative;
	padding: .6em 3em .6em .5em;
	box-sizing: border-box;
}

.shop__list .shop__nore>span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1.6em;
	height: .5em;
	background: url("../img/index/detail-arrow01.png") no-repeat top left;
	background-size: contain;
	transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
	.shop__list {
		margin: 3em auto 0;
		padding: 0;
	}

	.shop__list li {
		width: 48.4%;
		margin: 0 0 4.2%;
		border-width: 7px;
	}

	/* 限定対応ここから */
	.shop__list li:nth-child(5) {
		margin-bottom: 3.9%;
	}

	.shop__list li:nth-child(5) a {
		display: flex;
	}

	/* 	.shop__list li:first-child {
		margin-bottom: 3.9%;
	}
	.shop__list li:first-child a {
		display: flex;
	} */

	/* 限定対応ここまで */
	.shop__list .shop__txt {
		padding: 1em 0.7em 0.88em;
	}


	/* 限定対応ここから */
	.shop__list li:nth-child(5) .shop__txt {
		position: relative;
		width: 38.6%;
		padding: 6.8% 2.5em 0 2.75em;
	}

	/* 	.shop__list li:first-child .shop__txt {
		position: relative;
		width: 38.6%;
		padding: 6.8% 2.5em 0 2.75em;
	}
	 */
	/* 限定対応ここまで */

	.shop__name {
		margin-bottom: 1.2em;
		font-size: 1.8em;
	}

	.shop__txt--sub {
		font-weight: bold;
	}

	.shop__add {
		width: calc(100% - 14em);
		font-size: 1.125em;
	}


	/* 限定対応ここから */
	.shop__list li:nth-child(5) .shop__add {
		width: 100%;
		font-size: 1.5em;
	}

	/* 	.shop__list li:first-child .shop__add {
		width: 100%;
		font-size: 1.5em;
	}	 */

	/* 限定対応ここまで */

	.shop__nore {
		font-size: .8em;
	}

	.shop__img {
		padding-top: 44.6%;
		transition: .5s;
	}

	/* 限定対応ここから */
	.shop__list li:nth-child(5) .shop__img {
		width: 61.9%;
		padding-top: 40.7%;
	}

	/* 	.shop__list li:first-child .shop__img {
		width: 61.9%;
		padding-top: 40.7%;
	}
	 */
	/* 限定対応ここまで */

	.shop__new {
		font-size: 30px;
		margin-bottom: 6%;
		padding: 0;
		letter-spacing: 0;
	}

	/* 限定対応ここから */
	.shop__list li:nth-child(5) .shop__txt p br {
		display: block;
	}

	/* 	.shop__list li:first-child .shop__txt p br {
		display: block;
	}
	 */
	/* 限定対応ここまで */

	a:hover .shop__img img {
		transform: translate(-50%, -50%) scale(1.2);
	}

	.shop__nore {
		border: 2px solid #000;
		transition: .5s;
	}

	a:hover .shop__nore {
		color: #000;
		background: #fff;
	}

	.shop__list .shop__nore {
		left: inherit;
		right: .5em;
		bottom: .5em;
		width: 11.3em;
		margin: 0;
		font-size: 1.25em;
		font-weight: normal;
		transform: translateX(0);
	}

	.shop__list .shop__nore>span {
		padding: .5em 3em .5em .5em;
	}

	/* 限定対応ここから */
	.shop__list li:nth-child(5) .shop__nore {
		width: 11.3em;
		right: 50%;
		bottom: 1.7em;
		transform: translateX(50%);
	}

	/* 	.shop__list li:first-child .shop__nore {
		width: 11.3em;
		right: 50%;
		bottom: 1.7em;
		transform: translateX(50%);
	} */
	/* 限定対応ここまで */

	.shop__list li {
		transition: border-color 1s;
	}

	.shop__list li:hover {
		border-color: #aaa690;
	}

	.shop__list a:hover .shop__nore>span:before {
		background: url("../img/index/detail-arrow02.png") no-repeat top left;
		background-size: contain;
		animation: linkArrow01 1.5s ease forwards;
	}
}

/* MAP
* -------------------- */
.map-box {
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background-color: #cecbb7;
	padding-bottom: 3em;
}

.map-box .title-block {
	padding-top: 4%;
}

.map-list {
	position: relative;
	z-index: 1;
	padding: 7.5% 1.3334% 15%;
}

.map-list>p {
	z-index: 0;
	width: 92.1%;
	margin: 13.3% 2.4% 0;
}

.map-list ul {
	list-style: none;
}

.map-list li {
	position: absolute;
	width: auto;
	font-size: 4.48vw;
	white-space: nowrap;
}

.map-list a {
	display: block;
	color: #000;
	transition: color .5s;
}

.map-list li a:after {
	content: '';
	display: block;
	position: absolute;
	top: .05em;
	right: -1.2em;
	bottom: 0;
	width: 1em;
	height: 1em;
	margin: 0;
	background: url("../img/index/map/map-arrow.png") no-repeat top left;
	background-size: contain;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
}

@media (max-width:768px) {

	/* SIXミニバン店 */
	.map-list li.six {
		top: 17.5%;
		left: 44%;
	}

	/* 1stセダン店 */
	.map-list li.first {
		top: 9.5%;
		left: 8.6%;
	}

	/* 2ndスポーツ店 */
	.map-list li.second {
		top: 86.2%;
		left: 11%;
	}

	/* 3rd subaru */
	.map-list li.third {
		top: 78.6%;
		left: 40.3%;
	}

	/* 三郷 */
	.map-list li.misato {
		top: 93%;
		right: 7%;
		margin: 0;
		padding-bottom: .3em;
		padding-right: 1.5em;
		border-bottom: .13em solid #848277;
	}

	/* 春日部 */
	.map-list li.kasukabe {
		top: 93%;
		right: 40%;
		margin: 0;
		padding-bottom: 0.3em;
		padding-right: 1.5em;
		border-bottom: 0.13em solid #848277;
	}

	/* 阿見 */
	.map-list li.ami {
		top: 93%;
		right: 7%;
		margin: 0;
		padding-bottom: .3em;
		padding-right: 1.5em;
		border-bottom: .13em solid #848277;
	}

	.map-list li.ami a:after {
		right: 0;
	}

	/*
	.map-list li:nth-child(5) a:after {
		right: 0;
	}
	.map-list li:nth-child(6) a:after {
		right: 0;
	}*/
}

@media (min-width:769px) {

	/* map */
	.map-box .title-block {
		padding-top: .79em;
	}

	.map-list {
		position: relative;
		z-index: 1;
		max-width: 1200px;
		margin: auto;
		padding: 3.625em 3.125em 3.1em;
	}

	.map-list>p {
		/*         position: absolute; */
		z-index: 0;
		width: 90.3%;
		margin: 0 0 3em;
	}

	.map-list ul {
		/*         position: relative; */
		z-index: 1;
	}

	.map-list li {
		/*         position: relative; */
		/*         margin-bottom: 6%; */
		font-size: 1.75em;
	}

	.map-list a {
		position: relative;
		padding-right: 1.3em;
	}

	.map-list li {
		top: 0;
		left: 0;
		width: fit-content;
	}

	/*     .map-list li.first {
	margin-bottom: 2.214285714285714em;
} */

	/* SIXミニバン店 */
	.map-list li.six {
		top: 10.5%;
		left: 5%;
	}

	/* 1stセダン店 */
	.map-list li.first {
		top: 26.5%;
		left: 5%;
		/*         margin-bottom: 16%; */
	}

	/* 2ndスポーツ店 */
	.map-list li.second {
		top: 59.2%;
		left: 5%;
	}

	/* 3rd subaru */
	.map-list li.third {
		top: 74.6%;
		left: 5%;
	}

	/* 三郷 */
	.map-list li.misato {
		display: block;
		position: absolute;
		top: inherit;
		left: 4.2%;
		bottom: 1em;
		width: fit-content;
		margin: 0;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom: 0.3em;
		box-sizing: border-box;
		border-bottom: 0.13em solid #848277;
	}

	/* 春日部 */
	.map-list li.kasukabe {
		top: 88%;
		left: 19%;
		margin: 0;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom: 0.3em;
		box-sizing: border-box;
		border-bottom: 0.13em solid #848277;
	}

	/* 阿見 */
	.map-list li.ami {
		top: 88%;
		left: 4.2%;
		margin: 0;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom: 0.3em;
		box-sizing: border-box;
		border-bottom: 0.13em solid #848277;
	}

	.map-list li a:after {
		right: 0;
	}

	.map-list li a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1.3em;
		height: 1.7em;
		margin: 0 0 0 0;
		background: url("../img/index/map/icon_mark.png") no-repeat top left;
		background-size: contain;
		transition: transform .5s;
	}

	.map-list li.six a:before {
		margin: 80% 0 0 257%;
	}

	.map-list li.first a:before {
		margin: 60% 0 0 252%;
	}

	.map-list li.second a:before {
		margin: -17% 0 0 285%;
	}

	.map-list li.third a:before {
		margin: -13% 0 0 215%;
	}

	.map-list li.misato a:before,
	.map-list li.kasukabe a:before,
	.map-list li.ami a:before {
		display: none;
	}

	.map-list a:hover:before {
		animation: updown1 2s ease-in-out infinite;
	}

	.map-list ul a:hover {
		color: #e60013;
	}
}

@keyframes updown1 {
	0% {
		transform: translateY(0) scale(1.1);
	}

	40% {
		transform: translateY(0) scale(1.1);
	}

	50% {
		transform: translateY(-20px) scale(1.1);
	}

	65% {
		transform: translateY(0) scale(1.1);
	}

	100% {
		transform: translateY(0) scale(1.1);
	}
}

/* campaign
* -------------------- */
.campaign-box {
	padding-bottom: 1em;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background-image: url("../img/index/cp_bg.jpg");
	background-size: cover;
}

.campaign-box .title-block {
	padding-top: 7%;
}

@media (min-width:769px) {

	/* campaign */
	.campaign-box .title-block {
		padding-top: 3em;
	}

	.campaign-flex {
		display: flex;
		max-width: 962px;
		margin: auto;
		justify-content: space-between;
		padding: 56px 0 61px;
		list-style: none;
		position: relative;
		overflow: hidden;
	}

	.campaign-arrow {
		max-width: 1200px;
		margin: auto;
	}

	.campaign-arrow .arrow-01 {
		display: block;
		position: absolute;
		width: 54px;
		height: 54px;
		top: 187px;
		left: 20px;
		margin: auto;
	}

	.campaign-arrow .arrow-02 {
		display: block;
		position: absolute;
		width: 54px;
		height: 54px;
		top: 187px;
		right: 26px;
		margin: auto;
	}

	.campaign-flex li {
		text-align: center;
		padding: 0 0;
		width: 427px;
		margin: 0;
	}

	.campaign-flex img {
		margin-bottom: 25px;
		width: 427px;
		min-height: auto;
		max-height: 236px;
	}

	.campaign-flex li p {
		text-align: left;
		width: 427px;
		font-size: 21px;
	}

	.campaign-item.front-01 {
		display: block;
		opacity: 1;
		transition: opacity 1s;
		order: 1;
	}

	.campaign-item.front-02 {
		display: block;
		opacity: 1;
		transition: opacity 1s;
		order: 2;
	}

	.circle-box {
		display: none;
	}
}

/* campaign__body
* -------------------- */
.campaign__body {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 3.5em auto;
	padding-bottom: 3.5em;
	overflow: hidden;
}

.cp__item {
	width: 82%;
	margin: 0 auto;
}

.cp__item a {
	display: block;
	color: #000;
	transition: color .5s;
}

.cp__item figure {
	margin: 0;
	padding: 0;
}

.cp__item figure img {
	display: block;
	border: 1px solid #999;
	box-sizing: border-box;
}

.cp__item figcaption {
	margin: 1em 0 0;
	padding: 0;
	/* 	font-size: 4.1vw; */
	font-size: .875em;
	line-height: 2;
}

.swiper02 {
	width: 86%;
	margin: 0 auto;
	overflow: hidden;
}

.swiper02 img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
	transition: transform 1s;
}

@media screen and (min-width: 769px) {
	.swiper02 .swiper-slide {
		padding-top: 0;
	}

	.cp__item a:hover {
		color: #e60013;
	}

	.cp__item figcaption {
		font-size: 1.125em;
	}

	.cp__item-img {
		display: block;
		overflow: hidden;
	}

	.cp__item a:hover img {
		transform: scale(1.1);
	}
}

.campaign__body .swiper-pagination-bullet {
	background: #cacaca;
}

.campaign__body .swiper-pagination-bullet-active {
	background: #da0033;
}

.campaign__body .swiper-button-prev,
.campaign__body .swiper-button-next {
	color: #000;
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	background: #ab9e69;
}

.campaign__body .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.campaign__body .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	font-size: 1.4em;
	line-height: 0;
	color: #fff;
}

@media screen and (min-width: 769px) {

	.swiper-button-next,
	.swiper-button-prev {
		top: 34%;
	}

	.campaign__body .swiper-pagination-bullet {
		width: 13px;
		height: 13px;
	}

	.campaign__body .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.campaign__body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 8px;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 34px;
		left: auto;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 34px;
		right: auto;
	}
}

/* キャンペーンが1つしかない場合
* -------------------- */
.no-active .swiper-pagination,
.no-active .swiper-button-prev,
.no-active .swiper-button-next {
	display: none;
}

@media screen and (min-width: 769px) {
	.no-active .swiper-wrapper {
		width: 50%;
	}
}

/* 楽しむ
* -------------------- */
.fun-box {
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.fun-box .title-block {
	padding: 9.3% 0 3.8%;
}

.fun-box .lead-sentence {
	font-size: 3.73334vw;
	letter-spacing: -0.005em;
	padding-bottom: 3.7%;
	line-height: 1.8;
	margin: 0 5%;
}

.fun-list {
	list-style: none;
	margin: 0 auto;
}

.fun-list li {
	width: 95%;
	margin: 0 auto 5.86%;
}

.fun-list a {
	display: block;
	padding: 35.5% 0 3%;
	box-sizing: border-box;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	border: 2vw solid #fff0f3;
}

.fun-list li:nth-child(1) a {
	background: #fff0f3 url("../img/index/fun_bnr01_sp.jpg") no-repeat center center;
	background-size: cover;
}

.fun-list li:nth-child(2) a {
	background: #fff0f3 url("../img/index/fun_bnr02_sp.jpg") no-repeat center center;
	background-size: cover;
}

.fun-list li:nth-child(3) a {
	background: #fff0f3 url("../img/index/fun_bnr03_sp.jpg") no-repeat center center;
	background-size: cover;
}

.fun-list a>span {
	position: relative;
	display: block;
	width: 96%;
	margin: 0 auto;
	padding: .8em 1em .7em;
	box-sizing: border-box;
	font-size: 1.1em;
	color: #fff;
	background: #ff7593;
	border-radius: 3em;
}

.fun-list a>span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: 2em;
	height: .5em;
	background: url(../img/index/detail-arrow01.png) no-repeat top left;
	background-size: contain;
	transform: translateY(-50%);
}

@media (min-width:769px) {

	/* fun */
	.fun-box .title-block {
		padding: 3.375em 0 0.8125em;
	}

	.fun-box .lead-sentence {
		font-size: 1.125em;
		letter-spacing: -0.005em;
		padding-bottom: 2.333333333333333em;
	}

	.fun-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 95.67%;
		max-width: 1148px;
		padding-bottom: 2.55em;
	}

	.fun-list li {
		width: 31.2%;
		margin: 0;
		transition: opacity .5s;
	}

	.fun-list a {
		position: relative;
		padding: 117.5% 0 4%;
		border: 10px solid #fff0f3;
		background: #fff0f3;
		overflow: hidden;
	}

	.fun-list a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: transform .5s;
		animation: fun02 1s forwards;
	}

	.fun-list li:nth-child(1) a:before {
		background: #fff0f3 url("../img/index/fun_bnr01.jpg") no-repeat center center;
		background-size: cover;
	}

	.fun-list li:nth-child(2) a:before {
		background: #fff0f3 url("../img/index/fun_bnr02.jpg") no-repeat center center;
		background-size: cover;
	}

	.fun-list li:nth-child(3) a:before {
		background: #fff0f3 url("../img/index/fun_bnr03.jpg") no-repeat center center;
		background-size: cover;
	}

	.fun-list a>span {
		padding: .4em 1.5em .4em;
		font-size: 1.25em;
		line-height: 1.4;
	}

	.fun-list a>span>span {
		display: block;
	}

	.fun-list li a {
		transition: 1s;
	}

	.fun-list a:hover {
		border-color: #ffafbd;
	}

	.fun-list a:hover:before {
		animation: fun01 1s forwards;
	}

	.fun-list a:hover>span:after {
		animation: linkArrow01 1.5s ease forwards;
	}
}

@keyframes fun01 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes fun02 {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* MeeR 追従
* -------------------- */
.main-app-box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
	display: block;
	z-index: 10;
	transition: all .5s;
}

.main-app {
	position: relative;
	margin: 0 6.4% 0 1%;
	padding: 3.8% 0 3%;
	font-size: 3.8vw;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.6;
	letter-spacing: 0.07em;
	color: #fff;
}

.main-app:after {
	content: '';
	position: absolute;
	display: block;
	right: -2.7%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.6vw;
	height: 2.934vw;
	background-image: url("../img/common/header-sp-app-arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.main-app-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.main-app-bg {
	background-color: #a92021;
	box-shadow: 0 1px 4px #000;
	margin: auto;
}

.main-meer-img {
	width: 30%;
	margin: 2%;
	text-align: center;
	background: #fff;
	border-radius: .2em;
}

.main-meer-img img {
	margin: .2em auto;
	width: 100%;
	height: auto;
}

@media (min-width:769px) {
	.main-app {
		padding: 0.6875em 0 0.5em;
		margin: 0;
		font-size: 1em;
		text-decoration: underline;
		letter-spacing: 0.075em;
	}

	.main-app::after {
		content: '';
		position: absolute;
		display: block;
		right: -1.875em;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1.0625em;
		height: 1.0625em;
	}

	.main-app-flex {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
	}

	.main-app-box {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
		display: block;
		min-width: 1200px;
	}

	.main-app-bg {
		margin: auto;
		transition: background 1s;
	}

	.main-meer-img {
		width: 6%;
		margin: .5em 15px .5em 0;
	}

	.main-meer-img img {
		width: auto;
		margin: 0;
		border-radius: .5em;
	}

	.main-app-bg:hover {
		background: #e60013;
	}
}

.bnr__none {
	opacity: 1;
	animation: bnrApp01 1s ease-out forwards;
}

@keyframes bnrApp01 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.bnr__block {
	opacity: 0;
	animation: bnrApp02 1s ease-out forwards;
}

@keyframes bnrApp02 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1200px) {
	.mv {
		min-width: auto;
		max-width: 1200px;
		/* 		height: 55vw; */
	}

	.main-app {
		padding: 0.8333333333333333em 0;
		margin: 0;
		font-size: 1.5em;
		min-width: auto;
		text-decoration: underline;
		letter-spacing: 0.075em;
	}

	.main-app-box {
		min-width: auto;
		max-width: 1200px;
	}

	.main-meer-img img {
		width: 90.81%;
	}
}

/* bnr area */
.bnrArea {
	list-style: none;
	width: min(93%, 1137px);
	margin: 3em auto;
}

.bnrArea li {
	margin-bottom: 1em;
}

@media (min-width:769px) {
	.bnrArea {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 4em auto 1em;
	}

	.bnrArea li {
		width: 48.6%;
	}
}

@media (hover: hover) {
	.bnrArea a {
		transition: opacity .2s;
	}

	.bnrArea :hover {
		opacity: .8;
	}
}

.youtube {
	width: 100%;
	aspect-ratio: 21.35 / 6;
}

.youtube iframe {
	width: 100%;
	height: 100%;
	margin-top: 17%;
}

@media (min-width:769px) {

	.youtube iframe {
		margin-top: 65px;
	}
}




/* notes */
.notes {
	list-style: none;
	margin: 1em auto;
	padding: 0;
	font-size: .85em;
}

.notes li {
	display: grid;
	grid-template-columns: 1em 1fr;
}




/* anime */
/* ABOUT: SP専用アニメーション（0.2s刻み） */
.r-about[data-r-animate] .r-anim {
	opacity: 0;
}

.r-about[data-r-animate] .r-anim--fade-up {
	transform: translateY(30px);
}

/* 画像3枚はコンテナでまとめて回転（SPのみ） */
.r-about[data-r-animate] .r-about__visual {
	opacity: 0;
	transform: rotateY(-75deg);
	transform-origin: center center;
	backface-visibility: hidden;
}

/* 画像側の子要素に付いている既存アニメはSPでは無効化 */
.r-about[data-r-animate] .r-about__visual .r-anim {
	opacity: 1;
	transform: none;
	animation: none;
}

.r-about[data-r-animate].is-inview .r-anim--fade-up {
	animation: r-anim-fade-up 0.8s ease forwards;
}

.r-about[data-r-animate].is-inview .r-about__visual {
	animation: r-anim-rotate-y 0.8s ease forwards;
}

/* ①タイトル → ②本文 → ③画像まとめ → ④ボタン */
.r-about[data-r-animate].is-inview .r-about__title {
	animation-delay: 0s;
}

.r-about[data-r-animate].is-inview .r-about__text {
	animation-delay: 0.2s;
}

.r-about[data-r-animate].is-inview .r-about__visual {
	animation-delay: 0.4s;
}

.r-about[data-r-animate].is-inview .r-about__btn-wrap {
	animation-delay: 0.6s;
}