@charset "UTF-8";
/* -----------------------------------------------------------
	.p-misc
----------------------------------------------------------- */
.p-misc {
	padding-top: 240px;
	padding-bottom: 160px;
	position: relative;
	@media (min-width: 768px) and (max-width: 1024px) {
		padding-top: 160px;
	}
	@media (max-width: 767px) {
		padding-top: 80px;
	}
	&::before {
		content: '';
		width: 100%;
		height: 240px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.60) 100%);
		position: absolute;
		top: 0;
		left: 0;
	}
	&:after {
		content: "";
		width: 100%;
		height: calc(100% - 240px);
		background: rgba(255, 255, 255, 0.60);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	@media (min-width: 768px) and (max-width: 1024px) {
		padding-top: 160px;
		&:before {
			height: 160px;
		}
		&::after {
			height: calc(100% - 160px);
		}
	}
	@media (max-width: 767px) {
		padding-top: 80px;
		&:before {
			height: 80px;
		}
		&::after {
			height: calc(100% - 80px);
		}
	}
	.wrap-misc {
		position: relative;
		z-index: 1;
		.c-link-basic {
			margin-top: 40px;
		}
	}
}