@charset "UTF-8";
.grid {
	background: #ffffff;
}

.crd__main-visual::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 785px;
	top: 0;
	left: 0;
	right: 0;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_01_pc.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_02_pc.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top -206px left calc(50vw - 1065.5px), top 90px right calc(50vw - 884px);
	animation: top-y 5s ease-in-out infinite alternate-reverse;
	--top-y: -20px;
}

.template-main {
	overflow: hidden;
	--bg-pos-01: -10%;
	--bg-pos-02: 10%;
	font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans JP", "Hiragino Sans", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	margin-bottom: 0;
}

.crd__main-visual__box02__text01 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.8;
	color: #333333;
}

.crd__main-visual__box02__text02 {
	font-size: 48px;
	line-height: 1.8;
	letter-spacing: 0.18em;
	color: #333333;
	display: flex;
	flex-direction: column;
}

.crd__main-visual__box02 {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}

.crd__main-visual {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 64px 0 150px;
	position: relative;
	z-index: 0;
}

.crd__main-visual__box03__text01 {
	background: rgb(255 255 255 / 90%);
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	max-width: 677px;
	border-radius: 20px;
	padding: 40px 56px 40px 64px;
	gap: 10px;
	display: flex;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	position: relative;
	margin: 30px auto 0;
}

.crd__main-visual__box01__img01 {
	display: block;
	position: absolute;
	top: 16px;
	right: max(calc(50% - 584px), 16px);
	line-height: 0;
}

.crd__main-visual__box03__text01::before {
	content: "";
	width: 149px;
	height: 128px;
	position: absolute;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_03.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_04.png");
	background-repeat: no-repeat;
	background-size: auto, auto;
	background-position: top 0px left 0px, bottom 0px right 0px;
	bottom: calc(-128px + 40px + 52px);
	left: calc(-149px + 64px + 14px);
}

.crd__main-visual__box03__text01::after {
	content: "";
	width: 138px;
	height: 245px;
	position: absolute;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_01.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_02.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_05.png");
	background-repeat: no-repeat;
	background-size: auto, auto, auto;
	background-position: top 0px left 0px, top calc(50% - 20px) right 0px, bottom 0px left 16px;
	top: -40px;
	right: -30px;
}

.crd__main-visual__box03 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 60px;
}

.under-line {
	background-image: linear-gradient(transparent 10%, #FAD2D6 10%, #FAD2D6 100%, transparent 100%);
	display: inline;
	padding: 0 1px 0px;
	transition: background-size .5s linear .4s;
	background-repeat: no-repeat;
	background-size: 0 auto;
}

.under-line.on-load {
	background-size: 100% auto;
}

.cont__heading {
	font-weight: 500;
	font-size: 40px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: center;
}

.cont01 {
	display: flex;
	flex-direction: column;
	gap: 48px;
	position: relative;
	z-index: 0;
}

.cont01__box01__wraper {
	background: linear-gradient(180deg, #EFF0F1 2.61%, #FFFFFF 74.93%);
	position: relative;
	z-index: -1;
}

.cont01__box01__wraper::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 849px;
	bottom: 0px;
	left: 0;
	right: 0;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_03_pc.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_04_pc.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top 137px left calc(50vw - 1050px), top 90px right calc(50vw - 1070px);
	top: auto;
	--bottom-y: -143px;
	animation: bottom-y 5s ease-in-out infinite alternate-reverse;
	bottom: var(--bottom-y);
}

.cont01__box01 {
	max-width: 1000px;
	margin: auto;
	padding: 90px 0 100px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	position: relative;
	z-index: 0;
}

.cont__heading__h3 {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	color: #333333;
}

.cont01__box01__list {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.cont01__box01__wraper .cont__wave {
	position: absolute;
	top: -40px;
	height: 40px;
}

.cont01 .cont__heading {
	padding-bottom: 27px;
}

#cont01_box01_wave use.bg-use {
	fill: #EFF0F1;
}

.cont01__box01__item {
	border-radius: 10px;
	padding: 40px 24px;
	gap: 32px;
	display: flex;
	flex-direction: column;
	width: calc(50% - 16px);
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px #0000001A;
	align-items: center;
}

.cont01__box01__item__heading {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
}

.graph__legend-list {
	max-width: 288px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.graph__legend-item {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0;
	padding-left: 24px;
	width: fit-content;
	position: relative;
}

.cont01__box01__item__graph-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: relative;
}

.graph__legend-item::before {
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	background-color: var(--ledend-color);
	position: absolute;
	top: 4px;
	left: 0;
}

.cont01__box01__item__graph__text--value {
	transition: opacity 250ms linear;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Noto Sans JP", "Hiragino Sans", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.cont01__box01__item:nth-of-type(1) .on-scroll+.cont01__box01__item__graph__text--value {
	opacity: 1;
}

.cont01__box01__item__graph__text--value .value01 {
	position: absolute;
	bottom: 7%;
	z-index: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}

.cont01__box01__item__graph__text--value .value01::before {
	content: "";
	width: 0.3em;
	height: 1em;
	display: inline-block;
}

.cont01__box01__item__graph-box {
	position: relative;
}

.cont01__box01__item:nth-of-type(1) .cont01__box01__item__graph-box {
	padding-top: 10px;
	padding-bottom: 2px;
}

.value01__num {
	font-weight: 700;
	font-size: 36px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
}

.cont01__box01__item__graph__text--value.value02 {
	position: absolute;
	bottom: 16px;
	z-index: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: fit-content;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}

.value02__num {
	font-weight: 700;
	font-size: 24px;
	line-height: 18px;
	letter-spacing: 0;
}

.cont01__box01__item__graph__text--value .value02 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #333333;
	position: absolute;
	left: 12.5%;
	top: 24%;
}

.cont01__box01__item__graph__text--value .value03 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #333333;
	position: absolute;
	left: 0.5%;
	top: 1%;
}

.value03__num {
	font-weight: 700;
	font-size: 24px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
}

.cont01__box01__item__graph__text--value .value03::after {
	content: "";
	width: 135%;
	border-top: 1px solid #666666;
	display: inline-block;
	position: absolute;
	top: 23%;
	left: 112%;
}

.cont01__box01__item__graph__text--value .value03::before {
	content: "";
	width: 116%;
	border-top: 1px solid #666666;
	display: inline-block;
	position: absolute;
	top: 70%;
	left: 236%;
	transform: rotate(36deg);
}

.cont01__box01__item__graph {
	display: block;
}

#cont01__box01__item__graph--doughnut {
	aspect-ratio: 220 / 237;
	max-width: 220px;
	max-height: 237px;
	width: 100% !important;
	height: auto !important;
}

#cont01__box01__item__graph--bar {
	max-width: 380px;
	max-height: 294px;
	position: relative;
	z-index: 0;
}

.cont01__box01__item:nth-of-type(2) {
	padding: 32px 16px;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-wrap::before {
	content: "[人]";
	text-align: left;
	align-self: flex-start;
	font-size: 14px;
	padding: 0 26px 8px;
	line-height: 1;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow::after,
.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow::before {
	content: "";
	position: absolute;
}

.cont01__box01__item__graph-box--arrow {
	position: absolute;
	left: 23%;
	bottom: 57%;
	transform: rotate(-34.5deg);
	z-index: 1;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 33px;
	border-color: transparent;
	top: -15px;
	left: 0px;
	transition: left 750ms linear;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow::before {
	width: 5px;
	height: 10px;
	top: -5px;
	left: 0;
	max-width: 235px;
	transition: width 750ms linear;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow.on-scroll::after {
	border-color: transparent transparent transparent #F6BBBE;
	left: 232px;
}

.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow.on-scroll::before {
	background: #F6BBBE;
	width: 235px;
}

.cont01__box01__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.cont01__box01__txt-box {
	max-width: 1000px;
	border-radius: 20px;
	gap: 24px;
	padding: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px #0000001A;
	position: relative;
}

.cont01__box01__txt-box::after {
	content: "";
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_search_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 88px;
	height: 110px;
	bottom: 24px;
	right: 0;
	display: block;
	position: absolute;
}

.cont01__box01__txt-box__read-text {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333333;
}

.cont01__box01__list__wrap {}

.cont01__box01__list__wrap .list-note__item {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

.cont01__box01__txt-box__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.cont01__box01__txt-box__link-text {
	text-align: left;
	width: 100%;
	display: inline-flex;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	align-items: center;
	justify-content: flex-start;
}

.cont01__box01__txt-box__link-text::before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/ico_question_01.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-size: contain;
	margin-right: 8px;
}

.cont01__box01__txt-box__link-text a {
	text-decoration: underline;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color: #333333;
}

.cont01__box01__txt-box__link-text a:hover {
	text-decoration: none;
}

.cont01__modal-box01__heading {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}

.cont01__modal-box01__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.cont01__modal-box01__text__wrap {
	display: flex;
	gap: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}

.cont01__modal-box01__image {
	display: block;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}

.cont01__modal-box01__image img {
	width: 100%;
	height: auto;
}

.modal-box--show .cont01__modal-box01 {
	padding: 48px 32px 40px;
	border-radius: 20px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px #0000001A;
	max-width: 1200px;
	width: calc(100% - 36px);
	margin-left: auto;
	margin-right: auto;
}

.cont01__modal-box01 .modal-box__close {
	width: 48px;
	height: 48px;
	right: -16px;
	top: -20px;
	background: transparent;
}

.cont02 {
	background: linear-gradient(180deg, #FFC3C7 0%, #AFE6FD 100%);
	position: relative;
	z-index: 1;
	margin-top: 20px;
	transform: translateZ(500px);
}

.cont02 .cont__heading {
	line-height: 1.6;
	position: relative;
	z-index: 1;
}

.cont02 .cont__wave {
	position: absolute;
	top: -40px;
	z-index: 1;
	height: 40px;
}

#cont02_wave use.bg-use {
	fill: #FFC3C7;
}

.cont02__inner {
	max-width: 1000px;
	margin: 0 auto;
	gap: 64px;
	display: flex;
	flex-direction: column;
	padding: 99px 0 93px;
	position: relative;
	z-index: 1;
}

.cont02__box-list {
	display: flex;
	flex-direction: column;
	gap: 64px;
	align-items: center;
	counter-reset: cont02-box-list-count 0;
}

.cont02__box-list__item {
	position: relative;
	list-style: none;
	border-radius: 10px;
	flex-direction: column;
	display: flex;
	padding: 48px 100px;
	gap: 40px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.cont02__box-list__img-list01__item {
	list-style: none;
	min-width: 219px;
}

.cont02_wave {
	position: absolute;
	top: -16px;
	left: 0;
}

.cont02__box-list__graph__text {
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	color: #666666;
}

.cont02__box-list__graph {
	display: block;
}

#cont02__box-list__graph--bar {
	aspect-ratio: 400 / 292;
	max-width: 400px;
	max-height: 292px;
	width: 100% !important;
	height: auto !important;
}

.cont02__box-list__graph__wrap .list-note-wrap {
	margin-top: 0;
}

.cont02__box-list__graph__wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cont02__box-list__graph__wrap .list-note__item {
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

.cont02__box-list__graph-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cont02__box-list__graph__box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.cont02__box-list__graph__box__inner {
	position: relative;
	padding-top: 0;
}

.cont02__box-list__graph__box__inner::before {
	content: "[円]";
	text-align: left;
	align-self: flex-start;
	font-size: 14px;
	padding: 0 20px 12px;
	line-height: 1;
	display: block;
}
.cont02__box-list__graph__box--arrow{
	transform: rotate(90deg);
	width: 1px;
	position: absolute;
	right: 63.55%;
	top: calc(26px + 21px);
	z-index: 1;
}

.cont02__box-list__graph__box--arrow .arrow-bar {
	opacity: 0;
	background: #F6BBBE;
	width: 1px;
	height: 12px;
	position: relative;
	display: block;
	top: 0;
	left: 0;
	max-width: 72px;
	transition: opacity 100ms ease 500ms, width 500ms linear 600ms;
}
.cont02__box-list__graph__box--arrow .arrow-lower {
	opacity: 0;
	transition: opacity 100ms ease 500ms, right 500ms linear 600ms;
	top: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:  11px  0 11px 18px;
	border-color: transparent transparent transparent #F6BBBE;
	right: -17px;
	top: -5.5px;
}

.cont02__box-list__item.on-fadein .cont02__box-list__graph__box--arrow .arrow-bar {
	opacity: 1;
	width: 72px;
}

.cont02__box-list__item.on-fadein .cont02__box-list__graph__box--arrow .arrow-lower {
	opacity: 1;
	right: -85px;
}

.cont02__box-list__graph__text--value {
	transition: all 1000ms linear;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Noto Sans JP", "Hiragino Sans", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.cont02__box-list__graph__text--value .value01 {
	bottom: 23%;
	position: absolute;
	left: 26.5%;
	left: calc(25% + 10px);
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.cont02__box-list__graph__text--value .value01__num {
	font-size: 20px;
}

.cont02__box-list__graph__text--value .value02 {
	position: absolute;
	bottom: 38%;
	right: 11%;
	right: calc(9% + 10px);
	font-size: 14px;
	font-weight: 600;
}

.cont02__box-list__graph__text--value .value02 .value02__num {
	font-size: 20px;
}

.cont02__box-list__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0;
}

.cont02__box-list__text sup {
	font-weight: 400;
	font-size: 60%;
	line-height: 1.8;
	letter-spacing: 0%;
}

.cont02__box-list__text__wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.order-list__item {
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.05em;
	list-style: none;
	padding-left: 26px;
	font-size: 12px;
	position: relative;
}

.cont02__box-list__img-list01 {
	display: flex;
	gap: 24px;
	justify-content: center;
}

.cont02__box-list__img__text {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
}

.cont02__box-list__img__text sup {
	font-weight: 700;
	font-size: 60%;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
}

.cont02__box-list__img {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.cont02__box-list__item__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.cont02__box-list__notes__wrap .list-note-wrap {
	margin-top: 0;
}

.cont02__box-list__notes__wrap {
	display: flex;
	gap: 4px;
	flex-direction: column;
}

.cont02__box-list__notes__wrap .list-note__item {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.cont02__box-list__notes__wrap .list-note__item:last-child {
	margin-bottom: 0;
}

.cont__heading__h3--small {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
}

.cont02__box-list__item .cont__heading__h3 {
	font-weight: 700;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 3px;
}

.cont02__box-list__img-list02 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	flex-direction: row;
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}

.cont02__box-list__img-list02__item {
	width: calc(25% - 16px * 3 / 4);
	list-style: none;
}

.cont03 {
	background: linear-gradient(180deg, #EFF0F1 0%, rgba(255, 255, 255, 0) 80%);
	position: relative;
	z-index: 1;
	padding-bottom: 100px;
}

.cont03::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100vw;
	height: 790px;
	bottom: 0px;
	left: 0;
	right: 0;
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_05_pc.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_06_pc.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: bottom 0px left calc(50vw - 1095px), top 5px right calc(50vw - 1060px);
	top: auto;
	--bottom-y: 124px;
	animation: bottom-y 5s ease-in-out infinite alternate-reverse;
	bottom: var(--bottom-y);
}

#cont03_wave use.bg-use {
	fill: #AFE6FD;
}

.cont03 .cont__wave {
	position: absolute;
	top: -1px;
	z-index: 1;
	transform: scaleY(-1);
	height: 42px;
}

.cont03__inner {
	max-width: 1000px;
	margin: 0 auto;
	gap: 64px;
	display: flex;
	flex-direction: column;
	padding: 125px 0 0px;
}

.cont03 .cont__heading__h2--small {
	font-weight: 500;
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-align: center;
	color: #666666;
}

.cont03 .cont__heading {
	letter-spacing: 0.05em;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cont03__box01__tab__link__list {
	display: flex;
	flex-direction: row;
	gap: 3px;
	background-color: rgb(0 0 0 / 5%);
	border-radius: 4px 4px 0 0;
}

.cont03__box01__tab__link__list button.js-tab-link {
	gap: 10px;
	border-radius: 4px 4px 0 0;
	width: calc(25% - 3px * 3 / 4);
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	background: #FFC3C7;
	position: relative;
	z-index: 0;
}

.cont03__box01__tab__link__list button.js-tab-link:hover {
	background: #FFE0E2;
}

.cont03__box01__tab__link__list button.js-tab-link.is-active {
	background: #FFFFFF;
	gap: 10px;
	border-radius: 0;
	z-index: 0;
}

.cont03__box01__tab__link__list button.js-tab-link.is-active::after {
	width: 100%;
	position: absolute;
	top: -4px;
	content: "";
	border-top-width: 4px;
	border-radius: 4px 4px 0 0;
	height: 4px;
	background: #F06671;
	z-index: 0;
}

.cont03__box01__inner {
	box-shadow: 0px 0px 10px 0px #0000001A;
	border-radius: 4px 4px 10px 10px;
}

.cont03__tab-content {
	padding: 64px 40px;
	gap: 64px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
}

.cont03__tab-content .cont__heading__h3 {
	font-weight: 700;
	font-size: 32px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cont03__tab-content .cont__heading--tag {
	min-width: 200px;
	border-radius: 90px;
	padding: 10px 32px;
	gap: 10px;
	display: flex;
	flex-direction: column;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	background: #EFF0F1;
	width: fit-content;
	height: 38px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

.cont03__tab-content__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 896px;
	margin: 0 auto;
}

.cont03__tab-content__graph-wrap {
	gap: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.cont03__tab-content__graph-box {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}

.cont03__tab-content__graph-box__inner {
	position: relative;
	width: 53%;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.cont03__tab-content__graph__text--value {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Noto Sans JP", "Hiragino Sans", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.cont03__tab-content__graph__text--value .value01 {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: fit-content;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #FFFFFF;
}

.cont03__tab-content__graph__text--value .value02 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #333333;
	position: absolute;
	left: 29%;
	top: 15%;
}

#cont03__tab-content__graph01--doughnut+.cont03__tab-content__graph__text--value .value02 {
	left: 35%;
	top: 12%;
}

#cont03__tab-content__graph02--doughnut+.cont03__tab-content__graph__text--value .value02 {
	left: 29%;
	top: 15%;
}

#cont03__tab-content__graph03--doughnut+.cont03__tab-content__graph__text--value .value02 {
	left: 26%;
	top: 20%;
}

#cont03__tab-content__graph04--doughnut+.cont03__tab-content__graph__text--value .value02 {
	left: 20.5%;
	top: 34%;
}

.cont03__tab-content__graph__text--value .value03 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #333333;
	position: absolute;
	left: 8%;
	top: 0%;
	width: 110px;
}

.cont03__tab-content__graph__text--value .value03::after {
	content: "";
	width: 38%;
	border-top: 1px solid #666666;
	display: inline-block;
	position: absolute;
	top: 31%;
	left: 71%;
}

.cont03__tab-content__graph__text--value .value03::before {
	content: "";
	width: 39%;
	border-top: 1px solid #666666;
	display: inline-block;
	position: absolute;
	top: 90%;
	left: 105%;
	transform: rotate(36deg);
}

.cont03__tab-content__graph-box .list-note__item {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.cont03__tab-content__graph-box .list-note-wrap {
	margin-top: 0;
}

#cont03__tab-content__graph01--doughnut,
#cont03__tab-content__graph02--doughnut,
#cont03__tab-content__graph03--doughnut,
#cont03__tab-content__graph04--doughnut {
	aspect-ratio: 1 / 1;
	max-width: 279px;
	max-height: 279px;
	width: 100% !important;
	height: auto !important;
}

.cont03__tab-content__read-text {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-align: center;
	color: #333333;
}

.cont03__tab-content__text__wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.cont03__tab-content__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.cont03__ranking__wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 0 auto;
	max-width: 896px;
	width: 100%;
}

.cont03__ranking__wrap .order-list {
	counter-set: order-list-counter 2;
}

.cont03__ranking__wrap .order-list__item {
	margin-bottom: 4px;
}

.cont03__ranking__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

.cont03__ranking__item {
	list-style: none;
	width: calc(100% / 3 - 24px * 2 / 3);
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 500ms ease, transform 500ms ease;
	transform: translateY(20px);
}
.cont03__ranking__item:nth-of-type(2) {
	transition-delay: 500ms;
}
.cont03__ranking__item:nth-of-type(3) {
	transition-delay: 1000ms;
}
.cont03__ranking__wrap.on-scroll .cont03__ranking__item {
	opacity: 1;
	transform: translateY(0);
}

.cont03__ranking__heading__h4 {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.cont03__ranking__car-image img {
	width: 100%;
	line-height: 0;
	height: auto;
}

.cont03__ranking__text {
	gap: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	display: inline-flex;
	justify-content: end;
	color: #666666;
	align-items: center;
	align-self: end;
	height: 10px;
}

.cont03__ranking__text--num {
	font-size: 14px;
}

.cont03__ranking__text--arrow {
	width: 11px;
	height: 9px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.cont03__ranking__wrap .list-note-wrap {
	margin-top: 0;
}

.cont03__ranking__wrap .list-note__item {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.cont03__ranking__wrap .list-note__item:last-child {
	margin-bottom: 0;
}

.cont03__box__wrap {
	gap: 48px;
	display: flex;
	flex-direction: column;
	transform: translateZ(500px);
	position: relative;
	z-index: 0;
}

.cont03__box02 {
	width: 100%;
	gap: 24px;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	padding: 48px;
	box-shadow: 0px 0px 10px 0px #E5E5E5;
	background: #FFFFFF;
	position: relative;
}

.cont03__box02__text::after {
	content: "";
	background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_search_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 88px;
	height: 110px;
	bottom: -54px;
	right: 0;
	display: block;
	position: absolute;
}

.cont03__box02__read-text {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333333;
}

.cont03__box02__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.cont03__box03 {
	padding-top: 52px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.cont03__box03 .cont__heading__h3 {
	font-weight: 600;
	line-height: 1.9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.cont__btn__link {
	max-width: 400px;
	min-height: 66px;
	justify-content: space-between;
	padding: 22px 24px;
	border-radius: 35px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #E9545D;
	box-shadow: 0px 0px 20px 0px #00000033;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}

.cont__btn__link::after {
	content: "";
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
	top: calc(50% - 2.5px * pow(2, 0.5));
	right: 28px;
	position: absolute;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-color: #ffffff;
}

.cont__btn__link:hover {
	opacity: 0.6;
}

.crd__main-visual .under-line {
	background-image: linear-gradient(transparent 23%, #FFFFFFE5 23%, #FFFFFFE5 80%, transparent 80%);
	display: inline;
	padding: 0 1px 0px;
	width: fit-content;
	margin: 0 auto;
}

.cont01__box01__txt-box .under-line {
	background-image: linear-gradient(transparent 23%, #FAD2D6 23%, #FAD2D6 93%, transparent 93%);
}

.cont02__box-list__item .under-line {
	background-image: linear-gradient(transparent 0%, #FAD2D6 0%, #FAD2D6 100%, transparent 100%);
}

.cont02__box-list__img-list02 .cont02__box-list__img {
	gap: 8px;
}

.cont03__ranking__heading__h4 img {
	width: 32px;
	height: 32px;
}

.cont03__box02__read-text .under-line {
	background-image: linear-gradient(transparent 23%, #FAD2D6 23%, #FAD2D6 94%, transparent 94%);
}

.cont02__box-list__item::before {
	content: "0" counter(cont02-box-list-count);
	position: absolute;
	counter-increment: cont02-box-list-count;
	font-weight: 600;
	font-size: 60px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: center;
	top: -30px;
	left: 16px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Noto Sans JP", "Hiragino Sans", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.order-list {
	counter-reset: order-list-counter 0;
}

.order-list__item:before {
	content: "＊" counter(order-list-counter);
	counter-increment: order-list-counter;
	width: 26px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 0;
}

.cont02__box-list__item__inner .order-list__item {
	counter-set: order-list-counter 1;
}






.cont03__box03 .cont__heading__h3 [data-text-split] .cont03__box03__character>span {
	display: inline-block;
	opacity: 0;
	transform: translate(0, 100%) skewX(12deg);
	transition: opacity .6s cubic-bezier(0.36, 0.14, 0, 1), transform .6s cubic-bezier(0.63, 1.27, 0.8, 1.13);
}

.cont03__box03 .cont__heading__h3.on-scroll .cont03__box03__character>span {
	opacity: 1;
	transform: translate(0, 0%) skewX(0deg);
}


















@media screen and (min-width: 960px) {
	.crd__main-visual .under-line-sp {
		background-image: linear-gradient(transparent 23%, #FFFFFFE5 23%, #FFFFFFE5 80%, transparent 80%);
		display: inline;
		padding: 0 1px 0px;
		width: fit-content;
		margin: 0 auto;
		background-size: 0 auto;
		transition: background-size .5s ease-in .4s;

	}
	.crd__main-visual .under-line-sp.on-load {
    background-size: 100% auto;
	}
	.cont03__box01__tab__link__sp-list {
		display: none;
	}
}






@media screen and (max-width: 959px) {
	.crd__main-visual__box01__img01 {
		width: calc(111vw / 3.75);
	}

	.crd__main-visual__box01__img01 img {
		width: 100%;
		height: auto;
	}

	.crd__main-visual {
		padding: calc(48vw / 3.75) 0 calc(140vw / 3.75);
	}

	.crd__main-visual__box02__text01 {
		font-size: calc(16vw / 3.75);
	}

	.crd__main-visual__box02 {
		padding: 0px 0px 0px 20px;
		text-align: left;
		align-items: start;
		align-self: start;
		gap: 8px;
	}

	.crd__main-visual__box02__text02 {
		font-weight: 700;
		font-size: calc(26vw / 3.75);
		line-height: 2;
		letter-spacing: 0.15em;
	}

	.under-line {
		margin: 0;
	}

	.crd__main-visual__box03 {
		padding: 0;
		max-width: none;
		margin-right: 0;
	}

	.crd__main-visual__box03__text01 {
		margin-top: calc(74vw / 3.75);
		padding: calc(32vw / 3.75) calc(12vw / 3.75) calc(32vw / 3.75) calc(32vw / 3.75);
		width: calc(100% - 64vw / 3.75);
		margin-left: auto;
		margin-right: 0;
		font-weight: 500;
		font-size: calc(16vw / 3.75);
		line-height: 1.9;
		letter-spacing: 0.1em;
		border-radius: 20px 0 0 20px;
		max-width: none;
	}

	.crd__main-visual__box03__text01::before {
		width: calc(184vw / 3.75);
		height: calc(272vw / 3.75);
		position: absolute;
		background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_01.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_03.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_04.png");
		background-repeat: no-repeat;
		background-size: calc(100vw / 3.75) auto, calc(90vw / 3.75) auto, calc(90vw / 3.75) auto;
		background-position: top 0px left calc(20vw / 3.75), bottom calc(43vw / 3.75) left 0px, bottom 0px right 0px;
		top: calc(-44vw / 3.75);
		left: calc(-58vw / 3.75);
	}

	.crd__main-visual__box03__text01::after {
		width: calc(78vw / 3.75);
		height: calc(244vw / 3.75);
		background-size: calc(75vw / 3.75) auto, calc(68vw / 3.75) auto;
		top: calc(-34vw / 3.75);
		right: calc(12vw / 3.75);
		background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_02.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_mv_parts_05.png");
		background-repeat: no-repeat;
		background-position: top 0px right 0px, bottom 0px left 0px;
	}

	.cont__heading {
		font-size: 26px;
	}

	.cont01 {
		gap: 40px;
	}

	.cont01__box01 {
		gap: 32px;
		padding: 64px 16px 110px;
	}

	.cont__heading__h3 {
		font-size: 22px;
	}

	.crd__main-visual::before {
		height: calc(770vw / 3.75);
		content: "";
		position: absolute;
		z-index: -1;
		width: 100vw;
		top: 0;
		left: 0;
		right: 0;
		background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_01_sp.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_02_sp.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_03_sp.png");
		background-repeat: no-repeat;
		background-size: calc(396vw / 3.75) auto, calc(331vw / 3.75) auto, calc(223vw / 3.75) auto;
		background-position: top calc(6vw / 3.75) left calc(50vw - calc(358vw / 3.75)), top 70.5% right calc(50vw - calc(312vw / 3.75)), bottom 0px right calc(50vw + calc(75vw / 3.75));
		animation: top-y 5s ease-in-out infinite alternate-reverse;
		--top-y: 0px;
	}

	.cont01__box01__inner {
		gap: 32px;
	}

	.cont01__box01__item {
		width: 100%;
		padding-bottom: 32px;
	}

	.cont01__box01__item__heading {
		font-size: 18px;
	}

	.cont01__box01__item__graph-wrap {
		line-height: 0;
		width: 100%;
		gap: 8px;
	}

	.cont01__box01__item:nth-of-type(2) {
		padding: 32px 16px;
	}

	.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-wrap {
		max-width: fit-content;
	}

	.cont01__box01 .list-note-wrap {
		margin-top: 0;
	}

	.cont01__box01__list__wrap {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.cont01__box01__list__wrap .list-note__item {}

	.cont01__box01__txt-box {
		margin-top: 8px;
		padding: 48px 24px 40px;
	}

	.cont01__box01__txt-box__read-text {
		font-size: 16px;
		display: block;
	}

	.cont01__box01__txt-box__text {
		font-size: 14px;
	}

	.cont01__box01__txt-box__link-text a {
		font-size: 14px;
	}

	.cont01__modal-box01__heading {
		font-size: 22px;
	}

	.cont01__modal-box01__text {
		font-size: 14px;
	}


	.cont02__inner {
		gap: 56px;
		padding: 44px 0px 48px;
		width: calc(100% - 32px);
	}

	.cont02__box-list__item {
		gap: 24px;
		padding: 48px 24px 32px;
		width: 100%;
	}

	.cont02__box-list__graph__text {
		font-size: 14px;
	}

	.cont02__box-list__text {
		font-size: 14px;
		letter-spacing: 0.05em;
	}

	.cont02__box-list {
		gap: 56px;
	}

	.cont02__box-list__img-list01 {
		flex-direction: column;
	}

	.cont02__box-list__img-list01__item {
		width: calc(50% - 4px);
	}

	.cont02__box-list__img-list01 {
		flex-wrap: wrap;
		gap: 24px min(19px, 2vw);
		flex-direction: row;
		max-width: 310px;
		margin: auto;
	}

	.cont02__box-list__img img {
		width: 100%;
		height: auto;
	}

	.cont02__box-list__img__text {
		font-size: 14px;
	}

	.cont02__box-list__img-list01__item:nth-of-type(1) {
		margin: auto;
		padding: 0 15px;
		max-width: 168px;
		width: 100%;
	}

	.cont02__box-list__item__inner {
		gap: 24px;
	}

	.cont02__box-list__notes__wrap {
		gap: 8px;
	}

	.cont02__box-list__notes__wrap .list-note {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	li.list-note__item {}

	.cont02__box-list__notes__wrap .list-note__item {
		margin-bottom: 0;
	}

	.cont__heading__h3--small {
		font-size: 18px;
	}

	.cont02__box-list__item .cont__heading__h3 {
		gap: 0;
	}

	.cont02__box-list__img-list02 {
		gap: 24px 36px;
		max-width: 310px;
		margin: auto;
	}

	.cont02__box-list__img-list02__item {
		width: calc(50% - 55px / 2);
	}

	.cont02__box-list__img-list02 .cont02__box-list__img {
		gap: 8px;
	}

	.cont02__box-list__graph__box--arrow {
		top: min(34px, calc(20px + (14vw / 3.75)));
	}

	.cont02__box-list__item.on-fadein .cont02__box-list__graph__box--arrow .arrow-lower {
		right: max(-63px, calc((-82vw / 3.75) + 22px));
	}

	.cont02__box-list__item.on-fadein .cont02__box-list__graph__box--arrow .arrow-bar {
		width: min(50px, calc((64vw / 3.75) - 18px));
	}

	.cont03__inner {
		gap: 40px;
		padding: 128px 16px 0;
	}

	.cont03 .cont__heading__h2--small {
		font-weight: 700;
		font-size: 18px;
	}

	.cont03__tab-content {
		gap: 48px;
		padding: 48px 24px;
		border-radius: 0;
	}

	.cont03__tab-content__graph-wrap {
		width: 100%;
		gap: 10px;
	}

	.cont03__tab-content .cont__heading--tag {
		min-width: 140px;
		padding: 10px 16px;
		border-radius: 90px;
		font-size: 18px;
		height: 33px;
	}

	.cont03__tab-content .cont__heading__h3 {
		font-size: 22px;
	}

	.cont03__tab-content__inner {
		gap: 24px;
	}

	.cont03__tab-content__graph-box {
		gap: 10px;
	}

	.cont03__tab-content__read-text {
		font-size: 18px;
	}

	.cont03__tab-content__text__wrap {
		gap: 16px;
	}

	.cont03__tab-content__text {
		font-size: 14px;
	}

	.cont03__ranking__wrap {
		gap: 24px;
	}

	.cont03__ranking__item {
		width: 100%;
		position: relative;
	}

	.cont03__ranking__heading__h4 {
		font-size: 18px;
		display: inline-flex;
		gap: 8px;
		align-items: center;
	}

	.cont03__ranking__heading__h4 img {
		display: inline-block;
		width: 32px;
		height: 32px;
	}

	.cont03__ranking__car-image {
		width: 100%;
		line-height: 0;
	}

	.cont03__ranking__list {
		gap: 22px;
	}

	.cont03__ranking__item:not(:last-child)::after {
		content: "";
		width: 100%;
		border: 1px dashed #CCCCCC;
		margin-top: -4px;
	}

	.cont03__ranking__item,
	.cont03__ranking__item:nth-of-type(2),
	.cont03__ranking__item:nth-of-type(3) {
		transition-delay: 0s;
	}

	.cont03__box02 {
		padding: 48px 24px 40px;
	}

	.cont03__box02__read-text {
		font-size: 16px;
	}

	.cont03__box02__text {
		font-size: 14px;
	}

	.cont03__box03 {
		padding-top: 32px;
	}

	.cont03__box03 .cont__heading__h3 {
		font-size: 20px;
	}

	.cont__btn__link {
		border-radius: 30px;
		padding: 20px;
		font-size: 16px;
		min-height: 59px;
		max-width: 327px;
	}

	.cont__btn__link::after {
		right: 18px;
	}

	.cont03__box01__tab__link__list {
		background-color: rgb(0 0 0 / 7%);
	}

	.cont03__box01__tab__link__sp-list {
		display: flex;
		flex-direction: row;
		gap: 3px;
		background-color: rgb(0 0 0 / 7%);
		border-radius: 0 0 4px 4px;

	}

	.cont03__box01__tab__link__sp-list button.js-sp-tab-link.is-active {
		background: #FFFFFF;
		gap: 10px;
		border-radius: 0;
		z-index: 0;
	}

	.cont03__box01__tab__link__sp-list button.js-sp-tab-link {
		gap: 10px;
		border-radius: 0 0 4px 4px;
		width: calc(25% - 3px * 3 / 4);
		height: 60px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: 0.05em;
		background: #FFC3C7;
		position: relative;
		z-index: 0;
	}

	.cont03__box01__tab__link__sp-list button.js-sp-tab-link.is-active::after {
		width: 100%;
		position: absolute;
		bottom: -4px;
		content: "";
		border-top-width: 4px;
		border-radius: 0 0 4px 4px;
		height: 4px;
		background: #F06671;
		z-index: 0;
	}

	.crd__main-visual .under-line {
		display: inline;
		padding: 0 1px 0px;
		width: auto;
		margin: 0;
		border: 0;
		background-image: linear-gradient(transparent 23%, #FFFFFFE5 23%, #FFFFFFE5 80%, transparent 80%);
	}

	.under-line-sp>span {
		background-image: linear-gradient(transparent 23%, #FFFFFFE5 23%, #FFFFFFE5 80%, transparent 80%);
		padding: 0 1px 0px;
		display: inline;
		width: fit-content;
		background-size: 0 auto;
		transition: background-size .5s ease-in .4s;
	}

	.under-line-sp.on-load>span {
		background-size: 100% auto;
	}

	.under-line-sp {
		display: inline-flex;
		flex-direction: column;
		justify-content: start;
	}

	.cont01__box01__item__graph__text--value .value01 {
		bottom: 8.5%;
	}

	.cont01__box01__item .graph__legend-list {
		justify-items: start;
		align-self: start;
	}

	#cont01__box01__item__graph--doughnut {
		aspect-ratio: 220 / 240;
		max-width: 220px;
		max-height: 240px;
		width: 100% !important;
		height: auto !important;
	}

	.graph__legend-item {
		font-size: 11px;
	}

	#cont01__box01__item__graph--bar {
		aspect-ratio: 295 / 230;
		max-width: none;
		max-height: 230px;
		width: 100% !important;
		height: auto !important;
	}

	.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-wrap::before {
		font-size: 10px;
		padding: 0 8.5% 0px;
	}

	.cont01__box01__item__graph-box--arrow {
		left: 22.5%;
		bottom: 58%;
	}

	.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow.on-scroll::before {
		width: 182px;
		height: 7px;
		top: -1px;
	}

	.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow.on-scroll::after {
		left: 181px;
	}

	.cont01__box01__item:nth-of-type(2) .cont01__box01__item__graph-box--arrow::after {
		border-width: 12px 0 12px 26px;
		top: -9px;
	}

	.cont01__box01__txt-box::after {
		width: 64px;
		height: 110px;
		bottom: -79px;
	}

	.cont01__box01__wraper::after {
		content: "";
		position: absolute;
		z-index: -5;
		width: 100vw;
		height: 470px;
		bottom: 0px;
		left: 0;
		right: 0;
		background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_04_sp.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_05_sp.png");
		background-repeat: no-repeat;
		background-size: 378px auto, 220px auto;
		background-position: top 0px right -131px, bottom 0px left -90.5px;
		top: auto;
		--bottom-y: 260px;
		animation: bottom-y 5s ease-in-out infinite alternate-reverse;
		bottom: var(--bottom-y);
	}

	#cont02__box-list__graph--bar {
		aspect-ratio: 295 / 215;
		max-width: 295px;
		max-height: 215px;
		width: 100% !important;
		height: auto !important;
	}

	.cont02__box-list__graph__box {
		flex-direction: column;
		gap: 8px;
		width: 100%;
	}

	.cont02__box-list__graph-wrap {
		gap: 16px;
	}

	.cont02__box-list__graph__box__inner::before {
		font-size: 10px;
		padding: 0 5% 10px;
	}

	.cont02__box-list__graph__text--value .value01 {
		bottom: min(25%, 59px);
		left: min(27.3%, 82px);
		font-size: min(10px, calc(10vw / 3.75));
		font-weight: 500;
	}

	.cont02__box-list__graph__text--value .value01__num {
		font-size: min(calc(14vw / 3.75), 14px);
	}

	.cont02__box-list__graph__text--value .value02 {
		bottom: min(40%, 94px);
		right: min(11.5%, 34px);
		font-size: min(10px, calc(10vw / 3.75));
		font-weight: 500;
	}

	.cont02__box-list__graph__text--value .value02 .value02__num {
		font-size: min(calc(14vw / 3.75), 14px);
	}

	.graph__legend-list {
		align-self: start;
	}

	.cont02__box-list__graph__wrap {
		gap: 10px;
		max-width: fit-content;
		margin: auto;
	}

	.cont02__box-list__img-list01__item {
		max-width: 138px;
		min-width: auto;
	}

	.cont03 .cont__heading {
		gap: 8px;
	}

	.cont03__tab-content__graph-wrap {
		flex-direction: column;
	}

	#cont03__tab-content__graph01--doughnut,
	#cont03__tab-content__graph02--doughnut,
	#cont03__tab-content__graph03--doughnut,
	#cont03__tab-content__graph04--doughnut {
		aspect-ratio: 1 / 1;
		max-width: 222px;
		max-height: 222px;
		width: 100% !important;
		height: auto !important;
	}

	.cont03__tab-content__graph-box__inner {
		max-width: 222px;
		width: 100%;
	}

	.cont03__tab-content__graph__text--value .value03 {
		left: -18.5%;
		top: -0.5%;
	}

	.cont03__tab-content__graph__text--value .value03::before {
		width: 33%;
		top: 90%;
		left: 95%;
	}

	.cont03__tab-content__graph__text--value .value03::after {
		width: 32.11%;
		top: 40%;
		left: 66%;
	}

	#cont03__tab-content__graph02--doughnut+.cont03__tab-content__graph__text--value .value02 {
		left: 16.5%;
		top: 16%;
	}
	#cont03__tab-content__graph01--doughnut+.cont03__tab-content__graph__text--value .value02 {
		left: 26.5%;
		top: 11%;
	}
	
	#cont03__tab-content__graph02--doughnut+.cont03__tab-content__graph__text--value .value02 {
		left: 16.5%;
		top: 15.2%;
	}
	
	#cont03__tab-content__graph03--doughnut+.cont03__tab-content__graph__text--value .value02 {
		left: 13%;
		top: 19%;
	}
	
	#cont03__tab-content__graph04--doughnut+.cont03__tab-content__graph__text--value .value02 {
		left: 5%;
		top: 32%;
	}

	.cont03__tab-content__graph__text--value .value01 {
		bottom: 8px;
	}

	.cont03__box02__text::after {
		width: 64px;
		height: 80px;
		bottom: -14px;
	}

	.cont03 {
		padding-bottom: 80px;
	}

	.cont03::after {
		background-image: url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_06_sp.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_07_sp.png"), url("/-/media/tfc/ts3web/file/assets/img/lp/car-credit/zanka_daihatsu/img_bg_08_sp.png");
		background-size: 400px auto, 224px auto, 394px auto;
		background-position: top 0px right -158.5px, top 22% left -90.5px, bottom 0px left -154.5px;
		height: 911px;
		--bottom-y: -100px;
		animation: bottom-y 5s ease-in-out infinite alternate-reverse;
	}

}


@media screen and (max-width: 330px) {
	.cont__btn__link {
		padding: 20px 15px 20px 10px;
	}

	.cont__btn__link::after {
		right: 9px;
	}

}

.cont__wave {
	--cont-wave01-option: rotate(0deg);
	overflow: hidden;
	line-height: 0;
}

.cont__wave__svg use {
	animation: wave_motion01 linear 30s infinite;
}

.cont__wave__svg use:nth-of-type(1) {
	animation-duration: 84s;
}

.cont__wave__svg use:nth-of-type(2) {
	animation-duration: 77s;
}

.cont__wave__svg use:nth-of-type(3) {
	animation-duration: 70s;
}

.cont__wave__svg use:nth-of-type(1),
.cont__wave__svg use:nth-of-type(2) {
	opacity: 0.5;
}

@keyframes wave_motion01 {
	from {
		transform: translate(0) var(--cont-wave01-option);
	}

	to {
		transform: translate(-2773px) var(--cont-wave01-option);
	}
}

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

	100% {
		opacity: 1;
	}
}

@keyframes top-y {
	0% {
		top: calc(var(--top-y) + 17.24px);
	}

	100% {
		top: calc(var(--top-y) - 17.24px);
	}
}

@keyframes bottom-y {
	0% {
		bottom: calc(var(--bottom-y) - 17.24px);
	}

	100% {
		bottom: calc(var(--bottom-y) + 17.24px);
	}
}

@keyframes bottom-y-n {
	0% {
		bottom: calc(var(--bottom-y) + 17.24px);
	}

	100% {
		bottom: calc(var(--bottom-y) - 17.24px);
	}
}