@charset "UTF-8";
/* materiality */
.mtr-process {
  width: 100%;
  margin: 0 0 40px 0;
  padding: 20px;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 568px) {
  .mtr-process {
    display: block;
  }
  .mtr-item01 {
    width: 100%;
    padding-right: 0;
  }
  .mtr-item02 {
    width: 100%;
    padding-right: 0;
  }
  .mtr-item03 {
    width: 100%;
  }
  .mtr-item04 {
    width: 70px;
    margin: 15px auto;
  }
}
.mtr-item01 {
  flex: 1;
  padding: 0 15px 0 0;
}
.mtr-item02 {
  flex: 1;
  padding: 0 15px 0 0;
}
.mtr-item03 {
  flex: 1;
  padding: 0;
}
.mtr-item04 {
  align-self: center;
  flex: 0 0 auto;
  width: 35px;
}
@media screen and (max-width: 568px) {
  .mtr-process {
    display: block;
  }
  .mtr-item01 {
    width: 100%;
    padding-right: 0;
  }
  .mtr-item02 {
    width: 100%;
    padding-right: 0;
  }
  .mtr-item03 {
    width: 100%;
  }
}
.mtr-process h3 {
  color: #0068b7;
  font-size: clamp(20px, 2.8vw, 2.8rem);
}
.mtr-process p {
  font-size: clamp(13px, 1.6vw, 1.6rem);
}
.tri-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 20px solid #0068b7;
  border-right: 0;
}
.tri-bottom {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
  border-top: 20px solid #0068b7;
  border-bottom: 0;
}
.table-mtr {
  border-collapse: collapse;
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #ccc;
}
.table-mtr thead tr, .table-mtr tbody tr {
  font-size: clamp(13px, 1.6vw, 1.6rem);
}
.table-mtr thead th {
  padding: 0.8em 0.6em;
  border-right: 1px solid #fff;
  color: #fff;
  vertical-align: middle;
  background: #0068b7;
  text-align: left;
}
.table-mtr thead th:last-child {
  border-right: 1px solid #ccc;
}
.table-mtr tbody th {
  border-top: 1px solid #ccc;
  color: #fff;
}
.table-mtr tbody th {
  text-align: left;
}
.table-mtr tbody td {
  border: 1px solid #ccc;
}
.table-mtr tbody th, .table-mtr tbody td {
  padding: 0.8em 0.6em;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}
.table-mtr tbody th.-env {
  background: #4da635;
}
.table-mtr tbody.-env {
  background: #f2f9f1;
}
.table-mtr tbody th.-soc {
  background: #d8306e;
}
.table-mtr tbody.-soc {
  background: #fff5f9;
}
.table-mtr tbody th.-gov {
  background: #0068b7;
}
.table-mtr tbody.-gov {
  background: #edf4fa;
}
.table-mtr tbody td a {
  text-decoration: underline;
}
.table-mtr tbody td a:hover {
  color: #999;
}
.table-mtr-in {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border: none;
}
.table-mtr-in tr {
  font-size: clamp(13px, 1.6vw, 1.6rem);
  color: #fff;
  border: none;
}
.table-mtr-in td {
  border: none;
}
.mtr-brdT-w {
  border-top: 1px solid #fff!important;
}
.mtr-brdT-n {
  border-top: none!important;
}
.mtr-bg-b {
  background: #edf4fa!important;
}
.mtr-bg-g {
  background: #555!important;
}
.mtr-fc-b {
  color: #333!important;
}
.mtr-fc-w {
  color: #fff!important;
}
.mtr-pd-0 {
  padding: 0!important;
}
.mtr-bd-0 {
  border: none!important;
  border-bottom: none!important;
  border-left: none!important;
}
.mtr-label01 {
  padding: 10px;
  font-size: clamp(16px, 2.0vw, 2.0rem);
  text-align: center;
}
.mtr-label01.-env {
  background: #4da635;
}
.mtr-label01.-soc {
  background: #d8306e;
}
.mtr-label01.-gov {
  background: #0068b7;
}
.mtr-label02 {
  font-size: clamp(16px, 2.0vw, 2.0rem);
  padding: 0 1em 0 3px;
}
.mtr-wid32 {
  width: 32px;
}
.icon-sdgs img {
  margin: 0 auto;
  width: auto;
  height: 70px;
}
@media screen and (max-width: 768px) {
  .icon-sdgs img {
    width: 40%;
    height: auto;
  }
}
@media screen and (max-width: 568px) {
  .icon-sdgs img {
    width: 60%;
    height: auto;
  }
}
/* materiality */
/* philosophy accordion */
.accordion .heading {
  transition: all 0.5s 0s ease;
  margin-bottom: 5px;
}
.accordion .heading > p {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0.5rem 0;
}
.accordion .heading > h3 {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0.5rem 0;
}
.accordion .heading > p::after {
  content: "▼";
  color: #0068b7;
  margin-left: 10px;
  cursor: pointer;
  font-size: 85%;
  position: relative;
  top: -1px;
}
.accordion .heading > p:hover::after {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.accordion .heading > h3::after {
  content: "▼";
  color: #0068b7;
  margin-left: 10px;
  cursor: pointer;
  font-size: 85%;
  position: relative;
  top: -1px;
}
.accordion .heading > h3:hover::after {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.accordion-content{
  display: none;
}
.accordion-content .article {
  margin: 0 0 20px 0;
  padding: 0 16px;
}
/* philosophy accordion */
/* social accordion */
.accordion-soc .heading {
  transition: all 0.5s 0s ease;
  margin-bottom: 5px;
}
.accordion-soc .heading > p {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0.5rem 0;
}
.accordion-soc .heading > h3 {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0.5rem 0;
}
.accordion-soc .heading > h4 {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0.5rem 0;
}
.accordion-soc .heading > p::after {
  content: "▼";
  color: #0068b7;
  margin-left: 10px;
  cursor: pointer;
  font-size: 85%;
  position: relative;
  top: -1px;
}
.accordion-soc .heading > p:hover::after {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.accordion-soc .heading > h3::after {
  content: "▼";
  color: #d8306e;
  margin-left: 10px;
  cursor: pointer;
  font-size: 85%;
  position: relative;
  top: -1px;
}
.accordion-soc .heading > h4::after {
  content: "▼";
  color: #d8306e;
  margin-left: 10px;
  cursor: pointer;
  font-size: 85%;
  position: relative;
  top: -1px;
}
.accordion-soc .heading > h3:hover::after {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.accordion-soc .heading > h4:hover::after {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.accordion-soc-content{
  display: none;
}
.accordion-soc-content .article {
  margin: 0 0 20px 0;
  padding: 0 16px;
}
/* social accordion */