@charset "UTF-8";


/* =========================================================
sustainability_env
========================================================= */
#sustainability_env {
	position: relative;
}
#container .sustainability_env__inner {
	padding-top: 0;
}
.sustainability_env__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
	width: calc(100% - (510px + ((100% - 1140px) / 2)));
	min-height: 462px;
}
.sustainability_env__bg picture {
  width: 100%;
  height: 100%;
}
.sustainability_env__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}
.sustainability_env__text {
	width: 510px;
	margin-left: auto;
	padding-left: 60px;
	margin-top: -5px;
	padding-bottom: 112px;
}
.sustainability_env__title {
}
.sustainability_env__list{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: column nowrap;
	-webkit-flex-flow: column nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 54px;
	counter-reset: ul-list-num;
	gap: 12px;
}
.sustainability_env__list li{
	position: relative;
	display: block;
	min-height: 26px;
	padding: 0 0 3px 45px;
}
.sustainability_env__list li:before {
	content: counter(ul-list-num) "";
	counter-increment: ul-list-num;
	position:absolute;
	top:3px;
	left:0;
	background-color: var(--main-color--bg4);
	width: 26px;
	height: 26px;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	        justify-content: center;
	        align-items: center;
	-webkit-align-items: center;
	color: var(--main-color--font1);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
}
@media print, screen and (max-width: 1140px) and (min-width: 751px) {
	.sustainability_env__bg {
		width: calc(100% - 510px);
	}
}
@media only screen and (max-width: 767px){
	#container .sustainability_env__inner {
		padding-bottom: 0;
	}
	#sustainability_env {
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.sustainability_env__bg{
		position: relative;
		left: -2px;
		min-height: 250px;
		width: calc(100% - 18px);
	}
	.sustainability_env__text {
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
		margin-top: 0;
	}
	.sustainability_env__list {
		gap: 20px;
	}
}



/* =========================================================
sustainability_goal
========================================================= */
#sustainability_goal {
	position: relative;
}
#container .sustainability_goal__inner {
	padding-top: 0;
	padding-bottom: 110px;
}
.sustainability_goal__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
	width: calc(100% - (510px + ((100% - 1140px) / 2)));
	min-height: 462px;
}
.sustainability_goal__bg picture {
  width: 100%;
  height: 100%;
}
.sustainability_goal__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}
.sustainability_goal__text {
	width: 510px;
	margin-right: auto;
	padding-right: 60px;
	margin-top: -6px;
	padding-bottom: 0;
}
.sustainability_goal__title{
}
.sustainability_goal__p{
	margin-top: 51px;
}
.sustainability_goal__co2{
	margin-top: 28px;
}
.sustainability_goal__co2__title{
}
.sustainability_goal__co2__img{
	margin-top: 30px;
	width: 77.8%;
}
.sustainability_goal__co2__p{
	margin-top: 22px;
}
@media print, screen and (max-width: 1140px) and (min-width: 751px) {
	.sustainability_goal__bg {
		width: calc(100% - 510px);
	}
}
@media only screen and (max-width: 767px){
	#sustainability_goal {
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		        align-items: flex-end;
		-webkit-align-items: flex-end;
	}
	.sustainability_goal__bg {
		position: relative;
		right: -2px;
		min-height: 250px;
		width: calc(100% - 18px);
	}
	.sustainability_goal__text {
		width: 100%;
		padding-top: 30px;
		padding-right: 0;
		margin-top: 0;
	}
}


/* =========================================================
sustainability_sdgs
========================================================= */
#sustainability_sdgs {
}
#container .sustainability_sdgs__inner {
	padding-top: 0;
	padding-bottom: 180px;
}
.sustainability_sdgs__text {
}
.sustainability_sdgs__title {
	text-align: center;
}
.sustainability_sdgs__img {
	max-width: 600px;
	width: 75%;
	margin: 57px auto 0;
}
.sustainability_sdgs__list {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 58px;
	gap: 30px 5.2%;
}
.sustainability_sdgs__no {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	width: 47.4%;
}
.sustainability_sdgs__no__img {
	width: 121px;
}
.sustainability_sdgs__no__txt {
	width: calc(100% - 121px);
	padding-left: 34px;
	text-align: left;
}
@media only screen and (max-width: 767px){
	#container .sustainability_sdgs__inner {
		padding-bottom: 120px;
	}
	.sustainability_sdgs__img {
		width: 100%;
	}
	.sustainability_sdgs__list {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		margin-top: 58px;
		gap: 30px 0;
	}
	.sustainability_sdgs__no {
		width: 100%;
	}
	.sustainability_sdgs__no__img {
		width: 100px;
	}
	.sustainability_sdgs__no__txt {
		width: calc(100% - 120px);
		padding-left: 0;
		text-align: left;
		margin-top: -4px;
	}
}


/* =========================================================
sustainability_sunlight
========================================================= */
#sustainability_sunlight {
	width: 100%;
	margin-top: 115px;
}
.sustainability_sunlight__title {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 25px;
}
.sustainability_sunlight__title span {
	white-space: nowrap;
	letter-spacing: 0.01em;
}
.sustainability_sunlight__title .line {
	flex: 1;
	height: 1px;
	background-color: var(--sub-color--border1);
	margin-left: 30px;
}
.sustainability_sunlight__content {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 60px 5.2%;
}
.sustainability_sunlight__left {
	width: 32.5%;
	max-width: 370px;
}
.sustainability_sunlight__left picture{
	margin: 0;
}
.sustainability_sunlight__right {
	width: 62.3%;
	max-width: 710px;
}
.sustainability_sunlight__right_p {
	margin-top: -7px;
	letter-spacing: 0;
}
.sustainability_sunlight__right_p .fc__red2 {
}
.sustainability_sunlight__sdgs {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 22px;
	gap: 30px;
	width: 100%;
}
.sustainability_sunlight__sdgs picture {
	width: 22.5%;
	margin: 0;
}
@media only screen and (max-width: 767px){
	.sustainability_sunlight__content {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		gap: 30px 0;
	}
	.sustainability_sunlight__left {
		width: 100%;
		max-width: 100%;
	}
	.sustainability_sunlight__right {
		width: 100%;
		max-width: 100%;
	}
	.sustainability_sunlight__right_p {
		margin-top: 0;
	}
	.sustainability_sunlight__sdgs {
		margin-top: 22px;
		gap: 30px;
	}
	.sustainability_sunlight__sdgs picture {
		width: 150px;
	}
}



/* =========================================================
sustainability_carbonoffset
========================================================= */
#sustainability_carbonoffset {
	width: 100%;
	margin-top: 55px;
}
.sustainability_carbonoffset__title {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 25px;
}
.sustainability_carbonoffset__title span {
	white-space: nowrap;
	letter-spacing: 0.01em;
}
.sustainability_carbonoffset__title .line {
	flex: 1;
	height: 1px;
	background-color: var(--sub-color--border1);
	margin-left: 30px;
}
.sustainability_carbonoffset__content {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 60px 5.2%;
}
.sustainability_carbonoffset__left {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	width: 32.5%;
	max-width: 370px;
}
.sustainability_carbonoffset__left picture {
	width: calc(50% - 5px);
	margin: 0;
}
.sustainability_carbonoffset__right {
	width: 62.3%;
	max-width: 710px;
}
.sustainability_carbonoffset__right_p {
	margin-top: -7px;
	letter-spacing: 0;
}
.sustainability_carbonoffset__right_p .fc__red2 {
}
.sustainability_carbonoffset__sdgs {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 22px;
	gap: 30px;
	width: 100%;
}
.sustainability_carbonoffset__sdgs picture {
	width: 22.5%;
	margin: 0;
}
@media only screen and (max-width: 767px){
	.sustainability_carbonoffset__content {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		gap: 30px 0;
	}
	.sustainability_carbonoffset__left {
		width: 100%;
		max-width: 100%;
		gap: 30px;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
	}
	.sustainability_carbonoffset__left picture {
		width: 150px;
		margin: 0;
	}
	.sustainability_carbonoffset__right {
		width: 100%;
		max-width: 100%;
	}
	.sustainability_carbonoffset__right_p {
		margin-top: 0;
	}
	.sustainability_carbonoffset__sdgs {
		margin-top: 22px;
		gap: 30px;
	}
	.sustainability_carbonoffset__sdgs picture {
		width: 150px;
	}
}