@charset "UTF-8";

/*================================================
 *  環境への取り組み 用（env）
 ================================================*/



/*******SDGsへの取り組み*******/
section#sdgs_area .action_box {
	padding: 100px 0;
}
section#sdgs_area .action_box::after {
	position: absolute;
	content: '';
	top: -1%;
	right: 50%;
	margin-right: 470px;
	width: 50vw;
	height: 102%;
	background-color: #fff;
}
section#sdgs_area .action_box > .wrap_wide {
	z-index: 5;
}

section#sdgs_area .action_box .symbol_box > div {
	width: 350px;
}
section#sdgs_area .action_box .symbol_box figcaption h4 {
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

section#sdgs_area .action_box .img_main {
	display: block;
	margin-top: 120px;
}
section#sdgs_area .action_box .img_main img {
	max-width: 100%;
	height: auto;
}



section#sdgs_area .sdgs_list {
	margin-top: 130px;
}
section#sdgs_area .sdgs_list > li {
	border: 1px solid;
	padding: 70px 80px;
}
section#sdgs_area .sdgs_list > li + li {
	margin-top: 40px;
}
section#sdgs_area .sdgs_list > li.list_kakamigahara {
	padding: 80px 170px;
	margin-top: 80px;
}
section#sdgs_area .sdgs_list > li .unit_txt h5 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
section#sdgs_area .sdgs_list > li:not(.list_kakamigahara) .unit_img {
	width: 400px;
	margin-left: 60px;
	text-align: center;
}
section#sdgs_area .sdgs_list > li.list_kakamigahara .unit_img {
	width: 310px;
}

@media screen and (max-width: 1100px) {
	section#sdgs_area .sdgs_list {
		max-width: 740px;
	}
	section#sdgs_area .sdgs_list li {
		display: block;
	}
	section#sdgs_area .sdgs_list > li.list_kakamigahara {
		padding: 70px 80px;
	}
	section#sdgs_area .sdgs_list > li .unit_txt h5 {
		text-align: center;
	}
	section#sdgs_area .sdgs_list > li .unit_img {
		width: 100%!important;
		text-align: center;
	}
	section#sdgs_area .sdgs_list > li:not(.list_kakamigahara) .unit_img {
		margin: 30px 0 0;
	}
	section#sdgs_area .sdgs_list > li.list_kakamigahara .unit_img {
		margin: 0 0 30px;
	}
	
}






/*******カーボンニュートラルへの取り組み*******/
section#cn_area {
	margin-top: 200px;
}

section#cn_area .sbt_box {
	border: 1px solid;
	padding: 80px 30px;
	text-align: center;
}
section#cn_area .sbt_box figcaption {
	font-size: 36px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 50px;
}



section#cn_area .effort_box {
	margin-top: 200px;
	padding: 140px 0 100px;
}
section#cn_area .effort_box::after {
	position: absolute;
	content: '';
	top: -1%;
	left: 50%;
	margin-left: 470px;
	width: 50vw;
	height: 102%;
	background-color: #fff;
}
section#cn_area .effort_box > .wrap_wide {
	z-index: 5;
}


section#cn_area .effort_box .effort_list > li + li {
	margin-top: 100px;
}
section#cn_area .effort_box .effort_list > li .unit_txt h5 {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 1.45em;
}
section#cn_area .effort_box .effort_list > li .unit_txt p {
	font-size: 20px;
	line-height: 3;
}
section#cn_area .effort_box .effort_list > li .unit_img {
	width: 300px;
	margin-left: 100px;
}
section#cn_area .effort_box .effort_list > li .unit_img div {
	width: 700px;
}
section#cn_area .effort_box .effort_list > li .unit_img div img {
	height: auto;
}















/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width: 767px) {




/*******SDGsへの取り組み*******/
section#sdgs_area .action_box {
	padding: 15vw 0 13vw;
}
section#sdgs_area .action_box::after {
	left: 0;
	right: auto;
	margin-right: 0;
	width: 20vw;
}
section#sdgs_area .action_box .symbol_box > div {
	width: 100%;
	text-align: center;
}
section#sdgs_area .action_box .symbol_box > div img {
	width: 36vw;
	height: auto;
}
section#sdgs_area .action_box .symbol_box figcaption {
	margin-top: 10vw;
}
section#sdgs_area .action_box .symbol_box figcaption h4 {
	font-size: 7.2vw;
	text-align: center;
}

section#sdgs_area .action_box .img_main {
	margin-top: 13vw;
}



section#sdgs_area .sdgs_list {
	margin-top: 15vw;
}
section#sdgs_area .sdgs_list > li {
	padding: 11vw 10vw 13vw!important;
}
section#sdgs_area .sdgs_list > li + li {
	margin-top: 10vw;
}
section#sdgs_area .sdgs_list > li.list_kakamigahara {
	margin-top: 15vw;
}
section#sdgs_area .sdgs_list > li .unit_txt h5 {
	font-size: 5.6vw;
	margin-left: -1em;
	margin-right: -1em;
}
section#sdgs_area .sdgs_list > li:not(.list_kakamigahara) .unit_img {
	margin: 6vw 0 0;
}
section#sdgs_area .sdgs_list > li:not(.list_kakamigahara) .unit_img img {
	height: 18.4vw;
}
section#sdgs_area .sdgs_list > li.list_kakamigahara .unit_img {
	margin: 0 0 6vw;
}
section#sdgs_area .sdgs_list > li.list_kakamigahara .unit_img img {
	width: 30vw;
}





/*******カーボンニュートラルへの取り組み*******/
section#cn_area {
	margin-top: 20vw;
}

section#cn_area .sbt_box {
	padding: 11vw 0;
}
section#cn_area .sbt_box figcaption {
	font-size: 4.8vw;
	margin-bottom: 8vw;
}
section#cn_area .sbt_box img {
	width: 58vw;
}





section#cn_area .effort_box {
	margin-top: 25vw;
	padding: 15vw 0 13vw;
}
section#cn_area .effort_box::after {
	left: auto;
	right: 0;
	margin-left: 0;
	width: 20vw;
}


section#cn_area .effort_box .effort_list > li + li {
	margin-top: 15vw;
}
section#cn_area .effort_box .effort_list > li .unit_txt h5 {
	font-size: 7.2vw;
	margin-bottom: 0.8em;
}
section#cn_area .effort_box .effort_list > li .unit_txt p {
	font-size: 4vw;
	line-height: 2;
}
section#cn_area .effort_box .effort_list > li .unit_img {
	width: 90vw;
	margin: 8vw 0 0;
}
section#cn_area .effort_box .effort_list > li .unit_img div {
	width: 100%;
}
















	
}