/*===========================================================================
component
共通利用するブロック用CSS
接頭辞【.c-】

【予測変換用 _base.css記述】
:root {
	--font-color-base: #000;
	--font-family-base: "Noto Sans JP", sans-serif;
	--back-color-base: #fff;
	--design-size-pc: 1400;
	--design-size-sp: 750;
}
===========================================================================*/


/* ==================================================
	 c-cta
================================================== */
.c-cta {
	background-color: #DE0A16;
  padding: 40rem 0 44rem;
}

.c-cta.--kv {
	background-color:inherit;
	padding: 0;
}

.c-cta__inner{
	max-width: 600rem;
	height: auto;
	margin:0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.c-cta__text {
	font-size: 0;
	background-image: url('../../images/kv_banner.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 502rem;
	height: 120rem;
	margin: 0 0 30rem;
}

.c-cta__text.--kv{
	width: 400rem;
	height: 95rem;
	margin: 18rem 0;
}


.c-cta.--footer {
	position: relative;
	z-index: 1;
}


@media screen and (max-width: 768px) {
	.c-cta {
		padding: 30rem 20rem 40rem;
	}

	.c-cta.--kv {
		background-color: #DE0A16;
		padding: 20rem 20rem 16rem;
	}


	.c-cta__text {
		width: 335rem;
		height: 80rem;
		margin:0 0 18rem;
	}
	.c-cta__text.--kv{
		width: 335rem;
		height: 80rem;
		margin:0 0 18rem;
	}



	.c-cta.--footer {
		position: relative;
		z-index: 1;
	}

}