@charset "UTF-8";
/*-----------------------------------
	common
-----------------------------------*/
#contents section {
	padding-bottom: 120px;
}
#contents section h2 {
	font: 600 4rem/1.4 var(--fJA);
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 60px;
}
#contents section h2::before {
	font: 500 1.4rem/1 var(--fEN);
	letter-spacing: 0;
	color: var(--mClr1);
	display: block;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	#contents section {
		padding-bottom: 60px;
	}
	#contents section h2 {
		font-size: 2.2rem;
		margin-bottom: 30px;
	}
	#contents section h2::before {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
}
/*-----------------------------------
	history_block
-----------------------------------*/
#history_block h2::before {
	content: "HISTORY";
}
#history_block ul.history {
	width: min(750px,100%);
	margin: 0 auto;
	padding-left: 50px;
}
#history_block ul.history > li {
	position: relative;
	padding: 20px 0;
}
#history_block ul.history > li:not(:last-child) {
	border-bottom: 1px solid #DBDBDB;
}
#history_block ul.history > li::before {
	content: "";
	width: 1px;
	height: calc(100% + 2px);
	background: #707070;
	position: absolute;
	top: 0;
	left: -39.5px;
}
#history_block ul.history > li:first-child:before {
	top: 40px;
}
#history_block ul.history > li:last-child:before {
	height: 40px;
}
#history_block ul.history > li::after {
	content: "";
	width: 22px;
	height: 22px;
	background: var(--tClr2);
	border-radius: 50%;
	position: absolute;
	top: 34px;
	left: -50px;
}
#history_block .year {
	font: 600 4rem/1 var(--fJA);
	letter-spacing: 0.05em;
	color: var(--mClr1);
	margin-bottom: 20px;
}
#history_block ul.history_inner {
	line-height: 1.5;
	letter-spacing: 0.05em;
}
#history_block ul.history_inner li:not(:last-child) {
	margin-bottom: 5px;
}
#history_block ul.history_inner span {
	color: #888888;
}
@media screen and (max-width: 640px) {
	#history_block ul.history {
		padding-left: 25px;
	}
	#history_block ul.history > li {
		padding: 15px 0;
	}
	#history_block ul.history > li::before {
		left: -20px;
	}
	#history_block ul.history > li:first-child:before {
		top: 25px;
	}
	#history_block ul.history > li:last-child:before {
		height: 25px;
	}
	#history_block ul.history > li::after {
		width: 11px;
        height: 11px;
        top: 23px;
        left: -25px;
	}
	#history_block .year {
		font-size: 2.2rem;
		margin-bottom: 5px;
	}
}
/*-----------------------------------
	activity_block
-----------------------------------*/
#activity_block {
	padding: 120px 0;
	background: var(--bgClr2);
}
#activity_block h2::before {
	content: "ACTIVITY";
}
#activity_block .activity_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}
#activity_block .activity_inner .box {
	width: calc(50% - 20px);
	background: var(--bgClr1);
	border-radius: 20px;
	padding: 35px;
}
#activity_block h3 {
	font: 600 2.6rem/1 var(--fJA);
	letter-spacing: 0.05em;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--mClr1);
	margin-bottom: 15px;
}
#activity_block ul li {
	border-bottom: 1px solid #E2E2E2;
	padding: 15px 0;
	display: flex;
	gap: 15px;
}
#activity_block ul li time {
	width: 70px;
	font-size: 1.3rem;
	color: var(--mClr1);
}
#activity_block ul li p {
	width: calc(100% - 85px);
	font-size: 1.5rem;
	line-height: 1.2;
}
@media screen and (max-width: 840px) {
	#activity_block .activity_inner .box {
		width: min(530px,100%);
	}
}
@media screen and (max-width: 640px) {
	#activity_block {
		padding: 60px 0;
	}
	#activity_block .activity_inner {
		gap: 20px;
	}
	#activity_block .activity_inner .box {
		border-radius: 10px;
		padding: 20px;
	}
	#activity_block h3 {
		font-size: 1.8rem;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#activity_block ul li {
		padding: 10px 0;
		gap: 10px;
	}
	#activity_block ul li time {
		width: 55px;
		font-size: 1rem;
	}
	#activity_block ul li p {
		width: calc(100% - 65px);
		font-size: 1.2rem;
	}
}