@charset "UTF-8";

/* forest汎用ブロックなど
----------------------------------------- */
#Corporate {
	.onlyTablet {
		display: none;
	}
	.fontGothic {
		font-family: Arial, Helvetica, Verdana, 'Noto Sans JP', sans-serif;
	}
	.smallText {
		font-size: 0.7em;
	}
	.forest_Contents {
		background-image: url(/company/sustainability/symbiosis/water/img/forest_bg_main.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
	.forest_Contents figure {
		margin: 0;
	}
	.forest_MV {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 190px;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_bg_mainvisual.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		z-index: 10;
	}
	.forest_Title01 {
		font-size: 42px;
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.forest_title02 {
		margin-bottom: 50px;
		color: #339900;
		font-size: 36px;
		text-align: center;
		font-weight: bold;
		line-height: 1.4;
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	}
	.forest_title02__sub {
		margin-bottom: 15px;
		padding: 10px 15px;
		display: inline-block;
		background-color: #8db722;
		color: #fff;
		font-size: 0.66em;
		line-height: 1;
		border-radius: 999px;
	}
	.forest_title03 {
		padding: 25px 0 25px 100px;
		line-height: 1;
		font-size: 24px;
		font-weight: bold;
		color: #339900;
		border-bottom: 2px solid #339900;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_icon_tree_01.png);
		background-repeat: no-repeat;
		background-size: 55px;
		background-position: left 30px bottom;
	}
	.forest_title03.s_type02 {
		background-image: url(/company/sustainability/symbiosis/water/img/forest_icon_tree_02.png);
	}
	.forest_title04 {
		padding: 10px 50px;
		position: relative;
		display: inline-block;
		line-height: 1;
		font-size: 20px;
		color: #fff;
		background-color: #339900;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_icon_leaf.png);
		background-size: 27px auto;
		background-repeat: no-repeat;
		background-position: 15px center;
		font-weight: bold;
		overflow: hidden;
	}
	.forest_title04.s_voice {
		background-image: url(/company/sustainability/symbiosis/water/img/forest_icon_video.png);
	}
	.forest_title04::after {
		content: '';
		width: 35px;
		height: 101%;
		position: absolute;
		display: block;
		top: 0;
		right: -1px;
		background-color: #fff;
		clip-path: polygon(100% 100%, 100% 0, 0 100%);
	}
	.forest_MainContent {
		position: relative;
		max-width: 1300px;
		margin: -100px auto 0;
		padding: 160px 30px 0;
		background-color: #fff;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_bg_leaf.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 265px;
		z-index: 1;
	}
	.forest_MainContent.s_report {
		padding: 170px 30px 0;
	}
	.forest_MainContent.s_article {
		padding: 120px 30px 0;
	}
	.forest_textBlock {
		font-size: 16px;
		line-height: 2;
		/* letter-spacing: -0.125em; */
	}
	.forest_imgList {
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		gap: 5px 50px;
	}
	.forest_imgList.s_jcC {
		justify-content: center;
	}
	.forest_imgList.s_jcSa {
		justify-content: space-around;
	}
	.forest_imgList.s_aiStart {
		align-items: start;
	}
	.forest_imgList.s_aiEnd {
		align-items: end;
	}
	.forest_imgList.s_aiC {
		align-items: center;
	}
	.forest_imgList figure {
		margin: 0;
	}
	.forest_imgList img {
		width: 100%;
		object-fit: contain;
	}
	.forest_imgList figcaption {
		text-align: left;
		padding-top: 5px;
	}
	.forest_imgList__item {
		font-size: 13px;
	}
	.forest_imgList__item.s_w100p {
		width: 100%;
		text-align: center;
	}
	.forest_imgList__item.s_w70p {
		width: 70%;
		width: calc((100% - 50px) * 0.7);
	}
	.forest_imgList__item.s_w50p {
		width: calc((100% - 50px) / 2);
	}
	.forest_imgList__item.s_w30p {
		width: calc((100% - 100px) / 3);
	}
	.forest_imgList__item.s_w25p {
		width: calc((100% - 150px) / 4);
	}
	.forest_imgList__item.s_maW240 {
		max-width: 240px;
	}
	.forest_imgList__item.s_maW300 {
		max-width: 300px;
	}
	.forest_imgList__item.s_maW400 {
		max-width: 400px;
	}
	.forest_imgList__item.s_maW460 {
		max-width: 460px;
	}
	.forest_imgList__item.s_vertical {
		padding: 0 20px;
	}
	/* .forest_imgList.s_hAuto.s_col2 {
		justify-content: space-around;
	}
	.forest_imgList.s_hAuto.s_col2 > div {
		max-width: 450px;
		width: calc((100% - 50px) / 2);
	} */
	.forest_imgList__item.s_arrow,
	.forest_imgList__item.s_arrow + div {
		position: relative;
	}
	.forest_imgList__item.s_arrow::after {
		content: '';
		display: block;
		width: 40px;
		height: 30px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -45px;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_arrow.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.forest_2colImg {
		display: flex;
		gap: 30px;
	}
	.forest_2colImg__imgBlock {
		width: 280px;
		flex: 0 0 auto;
	}
	.forest_2colImg__imgBlock figure,
	.forest_2colImg__imgBlock img {
		width: 100%;
		margin: 0;
	}
	.forest_2colImg__imgBlock figcaption {
		font-size: 13px;
		margin-top: 5px;
	}
	@media screen and (max-width: 1200px) {
		.onlyPc {
			display: none;
		}
		.onlyTablet {
			display: block;
		}
		.forest_Title01 {
			font-size: 38px;
		}
	}
	@media screen and (max-width: 767px) {
		.forest_MainContent {
			padding: 140px 15px 0;
			background-size: 200px;
			z-index: 1;
		}
		.forest_Title01 {
			font-size: 26px;
		}
		.forest_textBlock {
			letter-spacing: unset;
		}
		.forest_title02 {
			margin-bottom: 20px;
			/* padding: 18px 0; */
			font-size: 21px;
			background-size: 40px;
			background-position: left bottom;
		}
		.forest_title03 {
			padding: 15px 0 15px 55px;
			font-size: 20px;
			background-repeat: no-repeat;
			background-size: 35px;
			background-position: left 10px bottom;
		}
		.forest_title04 {
			padding: 10px 40px;
			font-size: 16px;
			background-size: 20px auto;
		}
		.forest_imgList {
			flex-direction: column;
			gap: 20px;
			align-items: center;
		}
		.forest_imgList__item {
			max-width: 400px;
		}
		.forest_imgList.s_aiEnd {
			align-items: center;
		}
		.forest_imgList__item.s_w25p,
		.forest_imgList__item.s_w30p,
		.forest_imgList__item.s_w50p,
		.forest_imgList__item.s_w70p {
			width: 100%;
		}
		.forest_imgList__item + .forest_imgList__item.s_w100p {
			margin-top: -20px;
		}
		.forest_imgList__item.s_w100p {
			text-align: left;
		}
		.forest_imgList__item.s_arrow {
			padding: 0 0 25px;
		}
		.forest_imgList__item.s_arrow + div {
			padding: 25px 0 0;
		}
		.forest_imgList__item.s_arrow::after {
			width: 40px;
			height: 30px;
			top: unset;
			right: 50%;
			bottom: -25px;
			transform: translate(50%, 0) rotate(90deg);
		}
		.forest_2colImg {
			flex-direction: column;
		}
		.forest_2colImg__imgBlock {
			margin: 0 auto;
		}
		.forest_imgList__item.s_vertical {
			padding: 0 40px;
		}
		.forest_imgList__item.s_arrow.s_vertical {
			padding-bottom: 25px;
		}
	}
	
	/* Modal */
	.forest_Contents .js_modalContents-body {
		padding: 10px;
	}
	.forest_Contents .js_modalClose {
		top: 0px;
		right: -60px;
	}
	.forest_Contents .js_modalContents-inn {
		background-color: #fff;
		width: calc(100% - 20px);
		max-height: 80vh;
		max-width: 480px;
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		bottom: 30px;
		margin: auto;
	}
	@media screen and (max-width: 767px) {
		.forest_Contents .js_modalContents-inn {
			background-color: #fff;
			width: calc(100% - 20px);
			max-height: 70vh;
			max-width: 480px;
			position: absolute;
			top: 60px;
			left: 0;
			right: 0;
			bottom: 20px;
			margin: auto;
		}
		.forest_Contents .js_modalContents-body {
			overflow-y: scroll;
			max-height: 100%;
			padding: 0px;
			overflow-y: auto;
		}
		.forest_Contents .js_modalClose {
			top: -50px;
			right: 0;
		}
	}
	
	/* forest_LeadArea
	----------------------------------------- */
	.forest_LeadArea {
		display: flex;
		gap: 30px;
		flex-wrap: wrap;
		justify-content: end;
		align-items: center;
	}
	.forest_LeadArea__body {
		flex: 1;
	}
	.forest_LeadArea__imgBlock {
		flex: 0 1 auto;
		width: 30%;
	}
	.forest_LeadArea__imgBlock img {
		width: 100%;
	}
	.forest_LeadArea .forest_textBlock {
		margin-left: 100px;
	}
	@media screen and (max-width: 1200px) {
		.forest_LeadArea {
			flex-direction: column;
			align-items: center;
		}
		.forest_LeadArea__imgBlock {
			width: 60%;
		}
		.forest_LeadArea .forest_textBlock {
			margin-left: 0;
		}
	}
	@media screen and (max-width: 767px) {
		.forest_LeadArea__imgBlock {
			width: 80%;
		}
		.forest_LeadArea .forest_textBlock {
			margin-left: 0;
			margin: 0 0 30px;
		}
	}
	
	
	/* forest_activitiesArea
	----------------------------------------- */
	.forest_activitiesArea {
		margin-top: 40px;
	}
	.forest_activitiesArea__container {
		padding: 30px 60px;
		background-color: #f2faea;
	}
	.forest_activitiesArea__container.s_top {
		padding-bottom: 120px;
	}
	.forest_overviewBlock {
		/* padding: 0 20px 20px; */
		background-color: #fff;
	}
	.forest_overviewBlock__body {
		padding: 20px;
		line-height: 2;
	}
	.forest_overviewBlock__body table {
		width: 100%;
		text-align-last: left;
	}
	.forest_overviewBlock__body table th {
		width: 125px;
		color: #339900;
	}
	.forest_overviewBlock__body table td {
		width: auto;
	}
	@media screen and (max-width: 767px) {
		.forest_activitiesArea__container,
		.forest_activitiesArea__container.s_top {
			padding: 15px 20px 50px;
		}
		.forest_overviewBlock__body {
			padding: 10px;
		}
		.forest_overviewBlock__body table th {
			width: 90px;
		}
	}
	
	/* forest_imgThmbsBlock
	----------------------------------------- */
	.forest_imgThmbsBlock__title {
		width: 100%;
		font-size: 20px;
		line-height: 1.6;
		color: #fff;
		background-color: #339900;
		text-align: center;
	}
	.forest_imgThmbsBlock {
		margin-top: 40px;
	}
	@media screen and (max-width: 767px) {
		.forest_imgThmbsBlock {
			max-width: 400px;
			margin: 40px auto 0;
		}
	}
	
	/* 上賀茂 */
	.forest_imgThmbsBlock.s_kamigamo {
		display: flex;
		flex-wrap: wrap;
		gap: 30px 50px;
		justify-content: center;
		img {
			height: 225px;
		}
		figure {
			text-align: center;
		}
		figcaption {
			font-size: 13px;
			text-align: center;
		}
		@media screen and (max-width: 767px) {
			flex-direction: column;
			div {
				width: 100%;
				max-width: 400px;
				margin: 0 auto;
			}
			img {
				width: 100%;
				height: auto;
			}
		}
	}
	/* 群馬 */
	.forest_imgThmbsBlock.s_gunma {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(4, auto);
		grid-column-gap: 30px;
		grid-row-gap: 10px;
		align-items: start;
		figcaption {
			font-size: 13px;
			text-align: center;
			padding-top: 5px;
		}
		img {
			width: 100%;
			max-height: 315px;
			aspect-ratio: 260 / 190;
			object-fit: contain;
			object-position: center bottom;
		}
		.forest_imgThmbsBlock__item1 { grid-area: 1 / 1 / 2 / 2; }
		.forest_imgThmbsBlock__item2 { grid-area: 2 / 1 / 3 / 2; }
		.forest_imgThmbsBlock__item3 { grid-area: 1 / 2 / 2 / 3; }
		.forest_imgThmbsBlock__item4 { grid-area: 2 / 2 / 3 / 3; }
		.forest_imgThmbsBlock__item5 { grid-area: 1 / 3 / 2 / 5; }
		.forest_imgThmbsBlock__item6 { grid-area: 2 / 3 / 3 / 4; }
		.forest_imgThmbsBlock__item7 {
			grid-area: 2 / 4 / 3 / 5;
			img {
				object-fit: cover;
			}
		}
		.forest_imgThmbsBlock__item8 { grid-area: 3 / 1 / 4 / 3; }
		.forest_imgThmbsBlock__item9 { grid-area: 4 / 1 / 5 / 2; }
		.forest_imgThmbsBlock__item10 { grid-area: 4 / 2 / 5 / 3; }
		.forest_imgThmbsBlock__item11 {
			grid-area: 3 / 3 / 6 / 5;
			justify-self: center;
		}
		@media screen and (max-width: 1200px) {
			grid-template-columns: repeat(2, 1fr);
			.forest_imgThmbsBlock__item1 { grid-area: 1 / 1 / 2 / 2; }
			.forest_imgThmbsBlock__item2 { grid-area: 2 / 1 / 3 / 2; }
			.forest_imgThmbsBlock__item3 { grid-area: 1 / 2 / 2 / 3; }
			.forest_imgThmbsBlock__item4 { grid-area: 2 / 2 / 3 / 3; }
			.forest_imgThmbsBlock__item5 { grid-area: 3 / 1 / 4 / 3; }
			.forest_imgThmbsBlock__item6 { grid-area: 5 / 1 / 6 / 2; }
			.forest_imgThmbsBlock__item7 { grid-area: 5 / 2 / 6 / 3; }
			.forest_imgThmbsBlock__item8 { display: none; }
			.forest_imgThmbsBlock__item9 { grid-area: 4 / 1 / 5 / 2;}
			.forest_imgThmbsBlock__item10 { grid-area: 4 / 2 / 5 / 3;}
			.forest_imgThmbsBlock__item11 { grid-area: 6 / 1 / 7 / 3; }
		}
		@media screen and (max-width: 767px) {
			display: flex;
			flex-direction: column;
			align-items: unset;
			img {
				width: 100%;
				max-height: unset;
				aspect-ratio: unset;
			}
			.forest_imgThmbsBlock__title:not(:first-child) {
				margin-top: 20px;
			}
		}
	}
	
	/* 鈴鹿 */
	.forest_imgThmbsBlock.s_suzuka {
		display: grid;
		grid-template-columns: calc(((50% - 10px) - 50px - 40px) / 2) 50px calc((50% - 10px - 50px - 40px) / 2) calc(((50% - 10px) - 40px) / 2) auto calc(((50% - 10px) - 40px) / 2);
		grid-template-rows: repeat(4, auto);
		grid-column-gap: 20px;
		grid-row-gap: 10px;
		img {
			width: 100%;
			max-height: 300px;
			aspect-ratio: 480 / 640;
			object-fit: contain;
			object-position: bottom;
		}
		figcaption {
			font-size: 13px;
			text-align: center;
			padding-top: 5px;
		}
		.forest_imgThmbsBlock__item1 { grid-area: 1 / 1 / 2 / 2; }
		.forest_imgThmbsBlock__item2 { grid-area: 2 / 1 / 3 / 2; }
		.forest_imgThmbsBlock__item3 { grid-area: 1 / 3 / 2 / 4; }
		.forest_imgThmbsBlock__item4 { grid-area: 2 / 3 / 3 / 4; }
		.forest_imgThmbsBlock__item5 {
			grid-area: 1 / 2 / 3 / 3;
			align-self: center;
		}
		.forest_imgThmbsBlock__item6 { grid-area: 1 / 4 / 2 / 7; }
		.forest_imgThmbsBlock__item7 { grid-area: 2 / 4 / 3 / 5; }
		.forest_imgThmbsBlock__item8 { grid-area: 2 / 6 / 3 / 7; }
		.forest_imgThmbsBlock__item9 { grid-area: 3 / 1 / 4 / 4; }
		.forest_imgThmbsBlock__item10 { grid-area: 4 / 1 / 5 / 2; }
		.forest_imgThmbsBlock__item11 { grid-area: 4 / 3 / 5 / 4; }
		.forest_imgThmbsBlock__item12 { grid-area: 3 / 4 / 5 / 7; }
		@media screen and (max-width: 1200px) {
			display: grid;
			grid-template-columns: 1fr 50px 1fr;
			grid-template-rows: repeat(6, auto);
			grid-column-gap: 30px;
			grid-row-gap: 15px;
			img {
				max-height: unset;
			}
			.forest_imgThmbsBlock__item1 { grid-area: 1 / 1 / 2 / 2; }
			.forest_imgThmbsBlock__item2 { grid-area: 2 / 1 / 3 / 2; }
			.forest_imgThmbsBlock__item3 { grid-area: 1 / 3 / 2 / 4; }
			.forest_imgThmbsBlock__item4 { grid-area: 2 / 3 / 3 / 4; }
			.forest_imgThmbsBlock__item5 { grid-area: 1 / 2 / 3 / 3; }
			.forest_imgThmbsBlock__item6 { grid-area: 3 / 1 / 4 / 4; }
			.forest_imgThmbsBlock__item7 { grid-area: 4 / 1 / 5 / 2; }
			.forest_imgThmbsBlock__item8 { grid-area: 4 / 3 / 5 / 4; }
			.forest_imgThmbsBlock__item9 { display: none; }
			.forest_imgThmbsBlock__item10 { grid-area: 5 / 1 / 6 / 2; }
			.forest_imgThmbsBlock__item11 { grid-area: 5 / 3 / 6 / 4; }
			.forest_imgThmbsBlock__item12 {
				grid-area: 6 / 1 / 7 / 4;
				img {
					aspect-ratio: unset;
					max-height: 310px;
				}
			}
		}
		@media screen and (max-width: 767px) {
			display: flex;
			flex-direction: column;
			align-items: unset;
			img {
				width: 100%;
				max-height: unset;
				aspect-ratio: unset;
			}
			.forest_imgThmbsBlock__item5 {
				transform: rotate(90deg);
			}
		}
	}
	
	/* forest_voiceBlock
	----------------------------------------- */
	.forest_voiceBlock {
		margin-top: 45px;
		padding: 0 0 40px;
		background-color: #fff;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_bg_leaf_02.png);
		background-repeat: no-repeat;
		background-size: 265px;
		background-position: right top -90px;
	}
	.forest_voiceBlock__voiceList {
		padding: 0 40px;
		display: flex;
		gap: 40px 70px;
		flex-wrap: wrap;
	}
	.forest_voiceBlock__voiceItem {
		width: calc((100% - 70px) / 2);
	}
	.forest_voiceBlock__voiceItem iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 490/260;
	}
	.forest_voiceBlock__voiceCaption {
		margin-top: 5px;
		padding-left: 30px;
		font-size: 16px;
		line-height: 1.5;
		color: #339900;
		font-weight: bold;
		background-image: url(/company/sustainability/symbiosis/water/img/forest_icon_people.png);
		background-repeat: no-repeat;
		background-size: 23px 24px;
		background-position: left top;
	}
	@media screen and (max-width: 767px) {
		.forest_voiceBlock__voiceList {
			flex-direction: column;
			align-items: center;
		}
		.forest_voiceBlock__voiceItem {
			width: 100%;
			max-width: 400px;
		}
		.forest_voiceBlock__voiceCaption {
			padding-left: 25px;
			font-size: 14px;
			font-weight: bold;
			background-size: 19px 20px;
		}
	}
	
	
	/* forest_articleArea
	----------------------------------------- */
	.forest_articleArea {
		position: relative;
		padding: 50px 0;
	}
	.forest_articleArea::after {
		content: '';
		display: block;
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: #339900;
		z-index: -1;
	}
	.forest_articleArea::before {
		content: '';
		width: 100vw;
		height: 9.23vw;
		position: absolute;
		top: -9vw;
		left: 50%;
		transform: translateX(-50%);
		background-image: url(/company/sustainability/symbiosis/water/img/forest_bg_article.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	.forest_articleArea__title {
		margin-bottom: 40px;
		font-size: 36px;
		color: #fff;
		text-align: center;
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		font-weight: bold;
	}
	.forest_articleArea__btnBlock {
		width: fit-content;
		margin: 50px auto 0;
	}
	.forest_articleArea__linkBtn {
		display: block;
		padding: 10px 25px;
		background-color: #fff;
		color: #339900;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		border-radius: 5px;
		transition: opacity 0.3s;
		border: 1px solid #fff;
	}
	@media (hover: hover) and (pointer: fine) {
		.forest_articleArea__linkBtn:hover {
			opacity: 0.6;
		}
	}
	@media screen and (max-width: 767px) {
		.forest_articleArea {
			padding: 25px 0;
		}
		.forest_articleArea__title {
			margin-bottom: 20px;
			font-size: 26px;
		}
		.forest_articleArea__btnBlock {
			max-width: 400px;
			margin: 30px auto 0;
		}
	}
	
	/* 
	----------------------------------------- */
	.forest_articleList {
		display: flex;
		flex-wrap: wrap;
		gap: 40px 15px;
	}
	.forest_articleList__card {
		width: calc((100% / 4) - 11.25px);
		padding-bottom: 20px;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		transition: opacity 0.3s;
	}
	.forest_articleList__card:nth-child(n+9) {
		display: none;
	}
	/* reportPage */
	.reportArea .forest_articleList__card {
		border: 1px solid #339900;
		box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.06);
	}
	.reportArea .forest_articleList__card:nth-child(n+6) {
		display: flex;
	}
	.forest_articleList__cardThumb {
		flex: 0;
	}
	.forest_articleList__cardTitle {
		margin-top: 20px;
		padding: 0 14px;
		font-size: 20px;
		font-weight: bold;
		color: #339900;
		flex: 1;
	}
	.forest_articleList__cardThumb img {
		width: 100%;
		aspect-ratio: 300 / 180;
		object-fit: cover;
	}
	.forest_articleList__cardDesc {
		height: calc((16px * 1.5) * 5); /* 5行分 */
		padding: 0 14px;
		font-size: 16px;
		line-height: 1.5;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}
	.forest_articleList__cardDate {
		margin-top: 10px;
		padding: 0 14px;
		font-size: 13px;
	}
	@media (hover: hover) and (pointer: fine) {
		.forest_articleList__card:hover {
			opacity: 0.8;
		}
	}
	@media screen and (max-width: 1000px) {
		.forest_articleList__card {
			width: calc((100% / 3) - 10px);
		}
	}
	@media screen and (max-width: 767px) {
		.forest_articleList {
			flex-direction: column;
			gap: 20px;
		}
		.forest_articleList__card {
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
			padding-bottom: 10px;
			display: block;
		}
		.forest_articleList__cardTitle {
			margin-top: 10px;
			padding: 0 10px;
			font-size: 18px;
		}
		.forest_articleList__cardDesc {
			height: auto; /* 5行分 */
			padding: 0 14px;
			display: block;
			-webkit-box-orient: unset;
			-webkit-line-clamp: unset;
		}
	}
	
	/* reportArea
	----------------------------------------- */
	.reportArea {
		padding-bottom: 60px;
	}
	.reportArea_title {
		margin-bottom: 75px;
		font-size: 36px;
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		color: #339900;
		text-align: center;
		font-weight: bold;
	}
	@media screen and (max-width: 767px) {
		.reportArea_title {
			margin-bottom: 30px;
			font-size: 21px;
		}
	}
	
	/* articleLeadArea
	----------------------------------------- */
	.articleLeadArea {
		margin-bottom: 50px;
		padding: 0 60px;
	}
	@media screen and (max-width: 767px) {
		.articleLeadArea {
			margin-bottom: 30px;
			padding: 0;
		}
		.articleLeadArea_title {
			margin-bottom: 30px;
			font-size: 30px;
		}
	}
	
	/* forest_btnsArea
	----------------------------------------- */
	.forest_linkBtnsArea {
		padding: 40px 0 60px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px 60px;
	}
	.forest_linkBtnsArea__linkBtn {
		min-width: 400px;
		padding: 10px 25px;
		display: block;
		background-color:  #006600;
		color: #fff;
		text-align: center;
		font-size: 16px;
		border-radius: 5px;
		transition: opacity 0.3s;
	}
	@media (hover: hover) and (pointer: fine) {
		.forest_linkBtnsArea__linkBtn:hover {
			opacity: 0.8;
		}
	}
	@media screen and (max-width: 767px) {
		.forest_linkBtnsArea__linkBtn {
			width: 100%;
			max-width: 380px;
			min-width: unset;
			font-size: clamp(12px, 3.8vw, 16px);
		}
	}
}