@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

@media (min-width: 768px) {
	.sp-only {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.pc-only {
		display: none !important;
	}
}

/*-------------
	page support
---------------*/
.spike-support__text {
	font-size: 1.6rem;
	line-height: 32px;
	letter-spacing: 0.025em;
	text-align: center;
}

.spike-support .c-spike-title1 + .spike-support__text {
	margin-top: 1px;
}

@media (min-width: 768px) {
	.spike-support .c-spike-title1 + .spike-support__text {
		margin-top: 33px;
	}
}

.spike-support1 {
	padding: 16px 0;
}

@media (min-width: 768px) {
	.spike-support1 {
		padding: 40px 0;
	}
}

.spike-support1 .c-spike-navi1 {
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.spike-support1 .c-spike-navi1 {
		flex-wrap: nowrap;
	}
}

.spike-support1 .c-spike-imagetext4 {
	margin-top: 31px;
}

@media (max-width: 767px) {
	.spike-support1 .c-spike-imagetext4 {
		padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.spike-support1 .c-spike-imagetext4 {
		margin-top: 62px;
	}
}

.spike-support1 .c-spike-imagetext4__content::before {
	background: linear-gradient(to right, #953ECC, #E68900);
}

.spike-support2 {
	padding: 30px 0;
}

@media (min-width: 768px) {
	.spike-support2 {
		padding: 48px 0;
	}
}

.spike-support2 .c-spike-list5 {
	margin-top: 30px;
}

@media (min-width: 768px) {
	.spike-support2 .c-spike-list5 {
		margin-top: 37px;
	}
}

@media (max-width: 767px) {
	.spike-support2 .c-spike-list5__img {
		height: 223px;
	}

	.spike-support2 .c-spike-list5__img img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.spike-support2 .c-spike-list5__title {
	margin: 15px 0 10px;
}

@media (min-width: 768px) {
	.spike-support2 .c-spike-list5__title {
		margin: 12px 0 10px;
	}
}

@media (max-width: 767px) {
	.spike-support2 .c-spike-list5 .c-spike-btn2 {
		margin-top: 20px;
	}
}

.spike-support2 .c-spike-news {
	margin-top: 50px;
}

@media (min-width: 768px) {
	.spike-support2 .c-spike-news {
		margin-top: 122px;
	}
}

.spike-support3 {
	padding: 17px 0;
}

@media (min-width: 768px) {
	.spike-support3 {
		padding: 40px 0;
	}
}

.spike-support3 .c-spike-list13 {
	margin-top: 30px;
}

@media (min-width: 768px) {
	.spike-support3 .c-spike-list13 {
		margin-top: 65px;
	}
}

.spike-support3 .c-spike-list13__item {
	background: #F3F3F3;
}

.spike-support3 .c-spike-list17 {
	margin-top: 29px;
}

@media (min-width: 768px) {
	.spike-support3 .c-spike-list17 {
		margin-top: 40px;
	}
}

.spike-support4 {
	padding: 30px 0;
}

@media (min-width: 768px) {
	.spike-support4 {
		padding: 48px 0;
	}
}

.spike-support4 .c-spike-list19 {
	margin-top: 31px;
}

@media (min-width: 768px) {
	.spike-support4 .c-spike-list19 {
		margin-top: 36px;
	}
}

.spike-support5 {
	padding: 17px 0 72px;
}

@media (min-width: 768px) {
	.spike-support5 {
		padding: 33px 0 112px;
	}
}

.spike-support5 .c-spike-list19 {
	margin-top: 31px;
}

@media (min-width: 768px) {
	.spike-support5 .c-spike-list19 {
		margin-top: 33px;
	}
}

.spike-support6 {
	background: #F3F3F3;
	padding: 25px 0 30px;
}

@media (min-width: 768px) {
	.spike-support6 {
		padding: 58px 0 120px;
	}
}

@media (max-width: 767px) {
	.spike-support6 .c-spike-title1__eng {
		font-size: 8.4rem !important;
		margin-bottom: -53px !important;
	}
}

.spike-support6 .c-spike-list13 {
	margin-top: 22px;
}

@media (min-width: 768px) {
	.spike-support6 .c-spike-list13 {
		margin-top: 64px;
	}
}

.spike-support .c-spike-box1 {
	padding: 50px 0 48px;
}

@media (min-width: 768px) {
	.spike-support .c-spike-box1 {
		padding: 151px 0 56px;
	}
}