.global_col_hd {
		font-size: 32px;
		line-height: 1.6;
		margin: 0 0 30px;
		font-weight: 600;
		color: var(--color-corp);
}
.global_col_hd:lang(en) {
		font-family: "Inter", sans-serif;
		font-weight: 600
}
@media(max-width: 840px) {
		.global_col_hd {
				font-size: 28px;
		}
}
@media(max-width: 767px) {
		.global_col_hd {
				font-size: 18px;
		}
}

.contents_sustainability {
	.sdgs_value_section {
		> * {
			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.policy_hd {
		font-size: 18px;
	}

	.environment_wrap {
		padding-top: 0;
	}

	.flow_base {
		width: 100%;
		height: auto;
	}
}
@media(max-width: 767px) {
	.contents_sustainability {
		.policy_hd {
			font-size: 16px;
		}
	}
}

.flow_svg_pc {
	display: block;
}
.flow_svg_sp {
	display: none;
}
@media(max-width: 640px) {
	.flow_svg_pc {
		display: none;
	}
	.flow_svg_sp {
	display: block;
}
}

.sustainability_material_map_img {
	margin-block: 20px;

	img {
		width: 100%;
		height: auto;
	}
}

.sustainability_material_block {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 20px min(30px, 2.34vw);
}
.sustainability_material_detail {
	color: #707070;
	font-weight: 500;
}
.sustainability_material_link {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 22px;
	align-items: center;
	max-width: max-content;
	min-width: 280px;
	background-color: #fff;
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid var(--color-corp);
	color: var(--color-corp);
	text-decoration: none;
	transition: all .3s;

	&:hover, &:active {
		opacity: .7;
	}

	.icon {
		display: block;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		border: 1px solid #C9C9C9;
		position: relative;

		&::after {
			content: '';
			display: block;
			width: 5px;
			height: 4px;
			clip-path: polygon(50% 100%, 0 0, 100% 0);
			background: var(--color-corp);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}
.sustainability_material_link + .sustainability_material_link {
	margin-top: 20px;
}
@media(max-width: 840px) {
	.sustainability_material_block {
		grid-template-columns: auto;
	}
	.sustainability_material_link {
		margin-top: 20px;
	}
}

.sustainability_inner_link_block {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 10px 20px;
}
.sustainability_inner_link {
	text-decoration: none;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 26px;
	column-gap: 10px;
	background: #EDF3F8;
	color: var(--color-corp);
	border: 1px solid var(--color-corp);
	padding: clamp(16px, 1.64vw, 21px) clamp(14px, 1.87vw, 24px);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	transition: all .3s;

	&:hover, &:active {
		opacity: .7;
	}

	.icon {
		display: block;
		width: 26px;
		height: 26px;
		background: var(--color-corp);
		border-radius: 50%;
		position: relative;

		&::after {
			content: '';
			display: block;
			width: 8px;
			height: 7px;
			clip-path: polygon(50% 100%, 0 0, 100% 0);
			background: #fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}
@media(max-width: 767px) {
	.sustainability_inner_link {
		font-size: 16px;
	}
}

/* environment */
.page_container {
  &:has(.contents_sustainability) {
    overflow: clip;
  }
}
.contents_sustainability {
  .environment_sidebar {
    opacity: 0;
  }
}
@media(min-width: 841px) {
	.contents_sustainability {
    .environment_wrap {
      align-items: flex-start;
    }
    .environment_sidebar {
      position: sticky;
      top: calc(var(--hh) + 60px);
      left: 0;
      &.is-visible {
        opacity: 1;
      }
    }
  }
}
@media(max-width: 840px) {
  .contents_sustainability {
    .environment_sidebar {
      &.is-fixed {
        opacity: 1;
      }
    }
		.environment_sidebar_sp {
			padding-bottom: 0;
		}
  }
}

.contents_sustainability {
  .car_flex {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  }
  .car_flex_item {
    width: 100%;
  }
}