@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 case
---------------*/
.spike-case__text1 {
	font-size: 1.6rem;
	line-height: 2;
	color: #000;
	font-weight: 400;
	letter-spacing: 0.4px;
	margin: 19px 0 43px;
	text-align: left;
}

@media (min-width: 768px) {
	.spike-case__text1 {
		margin: 77px 0 61px;
		text-align: center;
	}
}

.spike-case .c-spike-box2 {
	margin-bottom: 51px;
}

@media (min-width: 768px) {
	.spike-case .c-spike-box2 {
		margin-bottom: 121px;
	}
}

@media (max-width: 767px) {
	.spike-case .c-spike-box2:last-child .c-spike-imagetext4__title {
		margin-bottom: 9px;
	}
}

.spike-case-section2 {
	padding: 0 0 8px;
}

@media (max-width: 767px) {
	.spike-case-section2 {
		margin-top: -11px;
	}
}

@media (min-width: 768px) {
	.spike-case-section2 {
		padding: 2px 0 3px;
	}
}

.spike-case .c-spike-list10:not(:last-child) {
	margin-bottom: 45px;
}

@media (min-width: 768px) {
	.spike-case .c-spike-list10:not(:last-child) {
		margin-bottom: 63px;
	}
}