/*----------
	activity
----------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap");
.activity-content-header {
	height: 300px;
	position: relative;
	background: url(/assets/images/activity/maintitle-bg-pc.jpg) no-repeat center/cover;
}
.activity-content-header__copy {
	width: 89.3333333333%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #E21412;
}
.activity-content-header__copy > h1 {
	padding: 30px 0 30px 4%;
	background-image: var(--color-gradient);
}
.activity-content-header__copy em {
	display: block;
	width: 240px;
}
.activity-content-header__copy span {
	display: block;
	margin-top: 16px;
	padding-left: 34px;
	position: relative;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: var(--line-height-s);
	color: #fff;
}
.activity-content-header__copy span::before {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
}
@media (min-width: 768px) {
	.activity-content-header {
		height: 400px;
	}
	.activity-content-header__copy {
		width: calc(50% + 450px);
		position: absolute;
		bottom: 50%;
		left: auto;
		right: 50%;
		-webkit-transform: translate(-226px, 50%);
		transform: translate(-226px, 50%);
	}
	.activity-content-header__copy > h1 {
		width: 450px;
		height: 182px;
		margin: 0 0 0 auto;
		padding: 30px 0 0 60px;
	}
	.activity-content-header__copy em {
		width: 294px;
	}
}

.activity-overview {
	margin-top: 20px;
}
.activity-overview__title {
	width: 335px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 5rem;
	line-height: 1;
}
.activity-overview__title > span {
	display: block;
	margin: 8px 0;
	font-weight: 300;
	font-size: 5.6rem;
}
.activity-overview__title::before {
	content: "";
	display: block;
	width: 100%;
	height: 111px;
	position: absolute;
	left: 0;
	bottom: 50%;
	z-index: -1;
	background-image: var(--color-gradient);
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}
.activity-overview__copy {
	margin: 30px 0 20px;
	font-weight: bold;
	font-size: 1.8rem;
}
@media (min-width: 768px) {
	.activity-overview {
		margin-top: 74px;
		position: relative;
	}
	.activity-overview__content {
		width: 683px;
		margin: 0 0 0 auto;
	}
	.activity-overview__title {
		width: 595px;
		margin: 0;
		font-size: 5.6rem;
	}
	.activity-overview__title > span {
		display: inline-block;
		margin: 0 16px;
	}
	.activity-overview__title::before {
		height: 30px;
		left: 0;
		bottom: 0;
		-webkit-transform: translateY(18px);
		transform: translateY(18px);
	}
	.activity-overview__copy {
		margin: 72px 0 30px;
		font-size: 2.4rem;
	}
	.activity-overview__image {
		width: 570px;
		margin-top: 0;
		position: absolute;
		top: -40px;
		left: -100px;
		z-index: -1;
	}
}