@charset "UTF-8";
.cnt_tbl dl {
	display: flex;
	padding: 10px 20px;
	border-bottom: solid 1px #B6B0A3;
}
.cnt_tbl dl dt {
	width: 120px;
}
.cnt_tbl dl dd.-first {
	width: 120px;
}
.history_body {
	margin-bottom: 50px;
}
.history_wrapper {
	display: flex;
	align-items: center;
	gap: 40px;
	border-bottom: solid 1px #B6B0A3;
}
.history_cnt {
	flex: 1;
}
.history_ttl {
	font-size: 22px;
	padding: 20px 25px;
	background: #AA9359;
	border-radius: 8px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
	position: relative;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px;
}
.history_ttl:hover {
	cursor: pointer;
}
.history_ttl::after {
	content: '';
	width: 12px;
	height: 9px;
	background: url(../img/second/icon-arrow_white.svg) no-repeat center center;
	background-size: cover;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition-duration: .5s;
}
.history_ttl.-open::after {
	transform: translateY(-50%) rotate(180deg);
}
.history_tbl {
	display: none;
}
.effort_ttl {
	text-align: center;
	margin-bottom: 30px;
}
.effort_cnt_txt {
	margin-bottom: 25px;
}
.btn_file {
	margin-bottom: 10px;
}
.about_cnt {
	border: solid 1px #C1BCB2;
	background: #F8F6F2;
	mix-blend-mode: multiply;
	padding: 60px;
	margin-bottom: 70px;
}
.about_ttl {
	margin-bottom: 20px;
}
.about_txt {
	margin-bottom: 20px;
}
.about_map {
	margin-bottom: 100px;
}
.about_map_ttl {
	max-width: 545px;
	margin: 0 auto 5px;
}
.about_map_img {
	text-align: center;
	max-width: 545px;
	margin: 0 auto;
	position: relative;
}
.btn_about_map {
	position: absolute;
	transition-duration: .5s;
}
.btn_about_map:hover {
	cursor: pointer;
	opacity: .8;
}
.btn_about_map.-no1 {
	bottom: 38%;
	right: -3%;
}
.btn_about_map.-no2 {
	bottom: 43%;
	right: 35%;
}
.btn_about_map.-no3 {
	top: 41%;
	left: 11%;
}
.btn_about_map.-no4 {
	top: 16%;
	left: 18%;
}
.about_popup {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.about_popup_body {
	padding: 60px;
	background: #F6F4EF;
	position: relative;
}
.close_btn {
	position: absolute;
	top: -30px;
	right: -30px;
}
.close_btn:hover {
	cursor: pointer;
}
.about_popup_wrapper {
	display: flex;
	gap: 40px;
}
.about_popup_img {
	width: 100%;
	max-width: 560px;
}
.about_popup_cnt {
	flex: 1;
}
.about_popup_cnt_ttl {
	font-size: 24px;
	padding-left: 50px;
	position: relative;
	margin-bottom: 20px;
}
.about_popup_cnt_ttl::before {
	width: 40px;
	height: 40px;
	background: #938055;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 21px;
}
.about_popup.-no1 .about_popup_cnt_ttl::before {
	content: "1";
}
.about_popup.-no2 .about_popup_cnt_ttl::before {
	content: "2";
}
.about_popup.-no3 .about_popup_cnt_ttl::before {
	content: "3";
}
.about_popup.-no4 .about_popup_cnt_ttl::before {
	content: "4";
}
.donation_body {
	border: solid 1px #C1BCB2;
	position: relative;
	padding: 50px 60px;
}
.donation_body::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #F8F6F2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
}
.donation_cnt {
	position: relative;
	z-index: 1;
}
.donation_ttl {
	text-align: center;
	margin-bottom: 30px;
}
.img-donation {
	margin-bottom: 30px;
}
.donation_txt {
	text-align: center;
	margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
	.about_cnt {
		padding: 30px 20px;
	}
	.about_txt {
		margin-bottom: 20px;
	}
	.btn_about_map {
		width: 120px;
	}
	.btn_about_map.-no1 {
		bottom: 37%;
	}
	.btn_about_map.-no2 {
		bottom: 42%;
	}
	.btn_about_map.-no3 {
		top: 40%;
		left: 7%;
	}
	.btn_about_map.-no4 {
		top: 15%;
		left: 10%;
	}
	.about_popup_body {
		padding: 30px 20px;
	}
	.about_popup_wrapper {
		flex-flow: column;
		gap: 20px;
	}
	.close_btn {
		width: 50px;
		right: -10px;
	}
	.about_popup_cnt_ttl {
		margin-bottom: 10px;
	}
	.about_map {
		margin-bottom: 50px;
	}
	.donation_body {
		padding: 30px 20px;
	}
	.donation_txt {
		text-align: left;
	}
	.anchor {
		padding: 20px;
	}
	.history_wrapper {
		padding: 30px 20px;
	}
	.history_ttl {
		font-size: 18px;
	}
	.cnt_tbl dl {
		padding: 10px 0;
	}
	.history_tbl dl dt {
		width: 100px;
	}
	.history_tbl dl dd {
		flex: 1;
	}
	.history_tbl dl dd.-first {
		width: 70px;
		flex: unset;
	}
}