.pc-visible {
  display: block;
}
.sp-visible {
  display: none;
}
.under main section.exp_box_wrap.mt {
  text-align: center;
  margin: 0 auto 140px;
  max-width: 1210px;
}
.exp_box_wrap.mt {
  text-align: center;
}
.exp_box_wrap.mt .exp_box {
  margin-bottom: 100px;
}
.exp_box_wrap.mt .exp_box h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 50px;
}
.exp_box_wrap.mt figure {
  margin-bottom: 80px;
}
.exp_box_wrap.mt p {
  text-align: center;
  font-size: 20px;
}
.exp_box_wrap.mt .exp01 p {
	font-size: 18px;
  }
.image_bg_box.mt {
  margin-bottom: 0px;
}
.image_bg_box_content {
  font-weight: 600;
  text-align: left;
  padding: 60px 0px;
  margin: 0 auto;
  max-width: 1210px;
  width: 100%;
}
.image_bg_box_content.flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.image_bg_box_num {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
h2.image_bg_box_title_mt {
  text-align: left;
  color: #fff;
  font-size: 27px;
  font-weight: 600;
}
.sdgs_01 .image_bg_box_li {
  margin-bottom: 40px;
}
.sdgs_02 .image_bg_box_li {
  margin-bottom: 150px;
}
.sdgs_03 .image_bg_box_li {
  margin-bottom: 70px;
}
.image_bg_box_li li {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 2.5;
}
.image_bg_box_li li a.blank_icon {
	color: #FFF;
	padding-right: 18px;
	padding-bottom: 3px;
	background: url(../img/page/materiality/link_icon.svg) right center / 16px auto no-repeat;
}
.image_bg_box_icon_right {
  text-align: right;
}
.image_bg_box.with_btn {
  margin-bottom: 0px;
}
.sdgs_01_bg {
  height: 670px;
  background-image: url(../img/page/materiality/sdgs_bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: calc(((100vw - 100%) / 2)* -1);
}
.sdgs_02_bg {
  height: 670px;
  background-image: url(../img/page/materiality/sdgs_bg02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: calc(((100vw - 100%) / 2)* -1);
}
.sdgs_03_bg {
  height: 670px;
  background-image: url(../img/page/materiality/sdgs_bg03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: calc(((100vw - 100%) / 2)* -1);
}

/** miniPC
===================================*/
@media screen and (min-width: 1001px) and (max-width: 1199px) {
	.image_bg_box_content {
	  padding: 60px 20px;
	}
}

/** tablet
===================================*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.image_bg_box_content {
	  padding: 60px 15px;
	}
	.sdgs_02 .image_bg_box_li {
	  margin-bottom: 60px;
	}
	.image_bg_box_content.flex:has(.sdgs_icon03) {
	  display: flex;
	  flex-wrap: nowrap;
	}
}

/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
  .pc-visible {
	display: none;
  }
  .sp-visible {
	display: block;
  }
  span.sp-visible {
	display: inline;
  }
  .page_title.v_gb h1 {
	font-size: 18px;
  }
  .under main section.exp_box_wrap.mt {
	margin-bottom: 50px;
  }
  .exp_box_wrap.mt figure {
	margin-bottom: 50px;
  }
  .sdgs_logo_mt {
	width: 283px;
  }
  .exp_box_wrap.mt .exp_box {
	margin-bottom: 60px;
  }
  .exp_box_wrap.mt .exp_box h3 {
	margin-bottom: 25px;
	line-height: 1.7;
  }
  .exp_box_wrap.mt .exp01 p {
	text-align: left;
	font-size: 16px;
  }
  .exp_box_wrap.mt .exp02 p {
	text-align: left;
	font-size: 14px;
  }
  .image_bg_box_content {
	left: 0%;
	padding: 50px 15px;
  }
  h2.image_bg_box_title_mt {
	font-size: 20px;
	line-height: 1.7;
	margin-bottom: 30px;
  }
  .sdgs_01 .image_bg_box_li, .sdgs_02 .image_bg_box_li, .sdgs_03 .image_bg_box_li {
	margin-bottom: 30px;
  }
  .image_bg_box_li li {
	font-size: 14px;
	line-height: 2.2;
  }
  .sdgs_icon01, .sdgs_icon02 {
	width: 300px;
  }
  .image_bg_box_content.flex:has(.sdgs_icon03) {
	justify-content: flex-end;
  }
  .ibb_btn_wrap {
	left: 0%;
	width: 100%;
  }
  .with_btn h2.image_bg_box_title {
	font-size: 22px;
	margin-bottom: 20px;
  }
  .ibb_btn {
	margin: 0 auto;
  }
  .sdgs_01_bg {
	height: auto;
	background-image: url(../img/page/materiality/sdgs_bg01_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: calc(((100vw - 100%) / 2)* -1);
  }
  .sdgs_02_bg {
	height: auto;
	background-image: url(../img/page/materiality/sdgs_bg02_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: calc(((100vw - 100%) / 2)* -1);
  }
  .sdgs_03_bg {
	height: auto;
	background-image: url(../img/page/materiality/sdgs_bg03_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: calc(((100vw - 100%) / 2)* -1);
  }
} /* @media */