@charset "utf-8";

/* 環境マネジメント
------------------------------------------------------------------*/
.environment_eco.s01 li {
	padding: 0 0 5px 2.5em;
	text-indent: -2.5em;
}

.environment_eco.s01 li strong {
	font-family: var(--font-koburina-w6);
	font-weight: normal;
}

.env_org_chart p {
	margin: 2em 0 -1em 0;
}

/* 環境活動の推進（気候変動、生物多様性、資源保全）
------------------------------------------------------------------*/
.tb-note-up {
	font-size: clamp(1.4rem, calc(0.55vw + 1.2rem), 1.6rem);
	margin: -0.5em 0 -1em;
}

.c-note.tb-note-low {
	margin: -1.2em 0 1em;
}

.climate_archive_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: solid 3px #eee;
	background-color: #fff;
	width: 100%;
	height: 55px;
	font-size: 1.8rem;
	margin: 40px 0 00px;
	color: var(--color-hover);
	font-family: var(--font-koburina-w6);
}

.climate_archive_btn span {
	position: relative;
}

.climate_archive_btn span::before {
	position: absolute;
	content: '';
	border-right: 2px solid var(--color-hover);
	border-top: 2px solid var(--color-hover);
	width: 8px;
	height: 8px;
	top: 50%;
	right: -24px;
	transform: translateY(-50%) rotate(135deg);
	transition: .5s;
}

.climate_archive_btn span.close::before {
	transform: rotate(-45deg);
}

.climate_archive_area {
	display: none;
	padding: 20px;
	border: solid 3px #eee;
	border-top: none;
}

.climate_archive_area.open {
	display: block;
}

.climate_main_pdf {
	text-align: center;
	margin-bottom: 20px;
}

.climate_main_pdf img {
	border: 1px solid #ccc;
}

@media screen and (max-width:767px) {
	.climate_main_pdf img {
		max-width: 80%;
	}
}

/* 環境教育
------------------------------------------------------------------*/
.env_edu_flex {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.env_edu_flex img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ccc;
}

.env_edu_flex_item {
	margin-right: 20px;
}

.env_edu_flex_item:last-child {
	margin-right: 0;
}

.env_edu_flex_item figcaption {
	line-height: 1.25;
	margin-top: 5px;
}

.env_edu_festa {
	border: 1px #0070C0 dashed;
	margin-top: 20px;
	padding: 10px 20px;
}

.env_edu_column--img {
	max-width: 600px;
	margin: 20px auto;
}

@media screen and (max-width:767px) {
	.env_edu_flex {
		display: block;
		text-align: center;
	}

	.env_edu_flex_item:last-child {}

	.env_edu_flex_item {
		margin-right: auto;
		margin-top: 10px;
		text-align: center;
	}

	.env_edu_column--img {
		width: 100%;
		max-width: 350px;
	}
}

.columnBox {
	position: relative;
	padding: 8px;
	background: #edf5ff;
	border: solid 1px #c0dafb;
}

.columnBox dt {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 15px 1px;
	line-height: 1.6;
	font-family: var(--font-koburina-w6);
	color: #ffffff;
	background: #59a3e3;
	letter-spacing: 2px;
}

.columnBox dd {
	padding: 2.5em 20px 15px;
	background: #fff;
}

.columnBox dd strong {
	display: block;
	padding: 0 0 5px 0;
	font-family: var(--font-koburina-w6);
}

.columnBox dd i {
	display: block;
	line-height: 1.3;
}
.columnBox_inner {
	padding: min(calc(2.4vw + 1.2px), 20px);
	background-color: #fff;
}