/* 

<link rel="stylesheet" href="/search_order/hanbailp001/css/additional-content.css">
 */
body {
	overflow-x: hidden;
}

@media (min-width: 751px) {
	.hidden-dt {
		display: none !important;
	}
}

/* 先頭に・がついたリストスタイル */
.bullet-list {
	list-style: none;
	padding-left: 0;
	margin: 1em 0;
}

p+.bullet-list {
	margin-top: -3rem;
}

.bullet-list li {
	position: relative;
	padding-left: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1.6;
}

.bullet-list li::before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
	color: #333;
	font-weight: bold;
}

/* MARK:共通 */
.kurumaerabi img,
.flow img,
.auto-loan img {
	width: unset;
	max-width: 100%;
	display: block;
	height: auto;
	-ms-interpolation-mode: bicubic;
	shape-margin: 1em;
	font-style: italic;
	object-fit: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* MARK:オートローンの基礎知識 */
.auto-loan {
	background-color: #46add9;
	background-image: url("/search_order/hanbailp001/images/202509/bg_loan_sp.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 50% top 50%;
	padding-block: 5rem;
}

.auto-loan__main-title {
	max-width: 50rem;
	margin-inline: auto;
}

.auto-loan__main-title-figure {}

.auto-loan__main-title-picture {}

.auto-loan__main-title-image {}

.auto-loan__content {
	margin-top: 5rem;
	background-color: #FFF;
	padding: 5rem 4rem;
	display: grid;
	gap: 2rem;
}

.auto-loan__article {}

.auto-loan__title {
	background-color: #46add9;
	color: #FFF;
	text-align: center;
	line-height: 1;
	border-radius: 2em;
	font-size: 3.8rem;
	padding: 0.4em 0;
}

.auto-loan__figure {
	margin-top: 5rem;
}

.auto-loan__picture {}

.auto-loan__image {}

body :is(.auto-loan__text) {
	margin-block: 3rem;
}

body :is(.auto-loan__description) {
	text-align: center;
	margin-block: 2rem;
	font-size: 2.7rem;
}

.auto-loan__strong {}

.auto-loan__table {
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	margin-top: 2rem;
}

.auto-loan__table-head {}

.auto-loan__table-row {}

.auto-loan__table-header {
	background-color: #52bde5;
	color: white;
	padding: 1em 0.5em;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2.4rem;
}

.auto-loan__table-body {}

.auto-loan__table-cell {
	background-color: #e0f4fa;
	padding: 2em 0;
	text-align: center;
	vertical-align: middle;
	/* font-weight: bold; */
	font-size: 3.2rem;
	line-height: 1.4;
	width: 43%;
	font-weight: bolder;
	/* width: calc(50% - 7rem); */
}

.auto-loan__table-header:first-child {
	background-color: transparent;
}

.auto-loan__table-body .auto-loan__table-header {
	background-color: #52bde5;
	color: white;
	font-size: 2.4rem;
	width: 7rem;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.auto-loan__table-head .auto-loan__table-header:nth-child(3) {
	background-color: #395a9a;
}

.auto-loan__table-cell:nth-child(3) {
	background-color: #e6eef8;
}

.auto-loan__article-last {
	background-color: #def5fe;
	border: 3px solid #36639f;
	padding: 3rem;
	margin-top: 3rem;
}

.auto-loan__subtitle {
	font-size: 2rem;
	color: #FFF;
	text-align: center;
	background-color: #36639f;
	padding: 1rem 0;
	font-weight: normal;
}

body :is(.auto-loan__text-last) {
	text-align: center;
	font-weight: bold;
	color: #36639f;
	margin-block: 2rem;
	font-size: 1.2em;
}

body :is(.auto-loan__text-last-sub) {
	border-top: 2px solid #36639f;
	text-align: center;
	padding: 1em 0;
	color: #36639f;
	font-weight: bold;
	margin-bottom: 0;
}

@media (min-width: 751px) {
	.auto-loan {
		background-image: url("/search_order/hanbailp001/images/202509/bg_loan.png");
	}

	.auto-loan__main-title {
		max-width: 27rem;
	}

	.auto-loan__main-title-figure {}

	.auto-loan__main-title-picture {}

	.auto-loan__main-title-image {}

	.auto-loan__content {
		margin-top: 3rem;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"article1 article2"
			"article3 article3"
		;
	}

	.auto-loan__article:nth-of-type(1) {
		grid-area: article1;
	}

	.auto-loan__article:nth-of-type(2) {
		grid-area: article2;
	}

	.auto-loan__article-last {
		grid-area: article3;
	}

	.auto-loan__article {}

	.auto-loan__title {
		font-size: 1.8rem;
		padding: 0.4rem 0 0.5em;
	}

	.auto-loan__figure {
		display: flex;
		justify-content: center;
	}

	.auto-loan__picture {}

	.auto-loan__image {}

	.auto-loan__text {}

	body :is(.auto-loan__text) {
		margin-block: 1.6em;
		font-size: 1.6rem;
	}

	.auto-loan__description {
		font-size: 1.8rem !important;
	}

	.auto-loan__strong {}

	.auto-loan__table {}

	.auto-loan__table-head {}

	.auto-loan__table-row {}

	.auto-loan__table-header {
		font-size: 1.4rem;
		padding-inline: 0;
	}

	.auto-loan__table-body .auto-loan__table-header {
		font-size: 1.2rem;
		writing-mode: initial;
		text-orientation: initial;
		width: 26%;
		padding-inline: 0;
	}

	.auto-loan__table-body {}

	.auto-loan__table-cell {
		width: 32%;
		font-size: 1.6rem;
		padding: 1rem 0;
	}

	.auto-loan__article-last {
		margin-top: 0;
	}

	.auto-loan__subtitle {}

	.auto-loan__text-last {}

	.auto-loan__text-last-sub {}

	body :is(.auto-loan__text-last, .auto-loan__text-last-sub) {
		font-size: 2rem;
		width: fit-content;
		margin-inline: auto;
	}

	.auto-loan__figure-last {
		display: flex;
		justify-content: center;
	}

	body :is(.auto-loan__text-last-sub) {
		padding-inline: 12rem;
	}
}

/* MARK:ご購入までの流れ */
.flow {
	background-color: #36639f;
	padding-block: 7rem;
}

.flow__wrapper {}

.flow__title {}

.flow__title-figure {}

.flow__title-picture {}

.flow__title-image {}

body :is(.flow__list) {
	margin-top: 3rem;
	display: grid;
	gap: 2rem;
}

body :is(.flow__item) {
	display: block;
}

body :is(.flow__item:last-child) {
	display: block;
	width: 90%;
	margin-inline: auto;
}

.flow__picture {}

.flow__image {}

@media (min-width: 751px) {
	.flow {
		padding-block: 5rem;
	}

	.flow__wrapper {}

	.flow__title {
		display: flex;
		justify-content: center;
	}

	.flow__title-figure {}

	.flow__title-picture {}

	.flow__title-image {}

	body :is(.flow__list) {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 0;
		align-items: center;
	}

	body :is(.flow__item) {
		width: 112%;
	}

	body :is(.flow__item:last-child) {}

	.flow__picture {}

	.flow__image {
		margin-bottom: -2%;
		position: relative;
	}

	.flow__item:nth-of-type(1) {
		z-index: 6;
	}

	.flow__item:nth-of-type(2) {
		z-index: 5;
	}

	.flow__item:nth-of-type(3) {
		z-index: 4;
	}

	.flow__item:nth-of-type(4) {
		z-index: 3;
	}

	.flow__item:nth-of-type(5) {
		z-index: 2;
	}

	.flow__item:nth-of-type(6) {
		z-index: 1;
	}

	.flow__item:nth-of-type(6) img {
		transform: translateX(10%);
	}
}

/* MARK:賢い車選び方ガイド */
.kurumaerabi {
	padding-block: 5rem 7rem;
	background-color: #def5fe;
}

.kurumaerabi__wrapper {}

.kurumaerabi__title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.kurumaerabi__title-figure {}

.kurumaerabi__title-picture {}

.kurumaerabi__title-image {}

.kurumaerabi__article-wrapper {
	margin-top: 7rem;
	display: grid;
	gap: 5rem;
}

.kurumaerabi__article {
	background-color: rgb(255, 255, 255);
	background-image: url("/search_order/hanbailp001/images/202509/01.png");
	background-repeat: no-repeat;
	background-size: 25% auto;
	background-position: left 0 top 0;
	box-shadow: 0.675rem 1.2495rem 0.25rem 0rem rgba(0, 22, 48, 0.2);
	padding: 3rem;
}

.kurumaerabi__article:nth-of-type(2) {
	/* margin-top: 4rem; */
	background-image: url("/search_order/hanbailp001/images/202509/02.png");
}

.kurumaerabi__article-title {
	text-align: center;
	font-size: 4rem;
	line-height: 1.3;
	margin: 5rem 0;
	font-weight: bold;
}

.kurumaerabi__strong {
	color: #48afda;
	text-decoration-color: #48afda;
	text-decoration-style: solid;
	/* margin: 2rem 0; */
	text-decoration-line: underline;
	text-decoration-thickness: 2.0px;
	text-underline-offset: 1.5rem;
}

.kurumaerabi__timing-list {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr 1fr;
}

.kurumaerabi__timing-item {
	border: 1px solid #3d69a3;
	border-radius: 2rem;
	padding: 1.5rem;
}

.kurumaerabi__timing-content {}

.kurumaerabi__timing-title {
	background-color: #48afda;
	color: #FFF;
	border-radius: 2.5em;
	text-align: center;
	font-size: 2.2rem;
	padding: 0.7rem 0;
}

.kurumaerabi__timing-figure {
	margin: 2rem 0 1rem;
}

.kurumaerabi__timing-image {}

.kurumaerabi__text {
	margin: 3rem 0 !important;
}

.kurumaerabi__highlight {
	color: #48afda;
	font-weight: bold;
}

.kurumaerabi__consultation {
	background-color: #46add9;
	background-image: url("/search_order/hanbailp001/images/202509/bg_guide_copy_sp.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 50% top 50%;
	padding: 1.5rem 0;
}

.kurumaerabi__consultation-text {
	display: block;
	color: #FFF;
	text-align: center;
}

.kurumaerabi__consultation-text:nth-of-type(2) {
	color: #f9e846;
}

.kurumaerabi__figure {
	width: 85%;
	margin-inline: auto;
}

.kurumaerabi__image {}

@media (min-width: 751px) {
	.kurumaerabi {}

	.kurumaerabi__wrapper {}

	.contents_wrapper {}

	.kurumaerabi__title {}

	.kurumaerabi__title-figure {}

	.kurumaerabi__title-picture {}

	.kurumaerabi__title-image {}

	.kurumaerabi__article-wrapper {
		/* grid-template-columns: 1fr 1fr; */
		margin-top: 4rem;
	}

	.kurumaerabi__article {
		background-size: 15% auto;
	}

	.kurumaerabi__article-title {
		font-size: 3.2rem;
		margin: 0rem 0 0rem;
		line-height: 1.4;
	}

	.kurumaerabi__strong {
		text-underline-offset: 0.3em;
	}

	.kurumaerabi__timing-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin-top: 5rem;
	}

	.kurumaerabi__timing-item {
		border: 2px solid #3d69a3;
	}

	.kurumaerabi__timing-content {}

	.kurumaerabi__timing-title {
		font-size: 1.7rem;
	}

	.kurumaerabi__timing-figure {}

	.kurumaerabi__timing-image {}

	.kurumaerabi__text {
		font-size: 1.6rem !important;
		letter-spacing: 0.08em;
	}

	.kurumaerabi__highlight {}

	.kurumaerabi__consultation {
		background-image: url("/search_order/hanbailp001/images/202509/bg_guide_copy.png");
		text-align: center;
	}

	.kurumaerabi__consultation-text {
		display: inline-block;
		font-size: 2.2rem;
	}

	.kurumaerabi__figure {
		display: flex;
		justify-content: center;
		margin-top: 5rem;
	}

	.kurumaerabi__image {
		width: 29rem !important;
	}
}

/* 768pxから1024pxの範囲 */
@media (min-width: 768px) and (max-width: 1024px) {
	#lp_page__id #main_contents #sec5 .steps_area::after {
		left: auto;
		right: 0;
	}

	.flow__list {
		width: 96%;
		margin-inline: auto;
	}

	.kurumaerabi__timing-title {
		font-size: 1.2rem;
	}

	body :is(.auto-loan__description) {
		font-size: 1.5rem;
	}

	.auto-loan__subtitle {
		font-size: 1.5rem;
	}
}