.sus_btn_area {
  width: 100%;
  max-width: 100%;
  background: url(../../img/sustainability/bg01.jpg) center center/cover no-repeat;
  padding: 45px 0px;
}
@media screen and (max-width: 819px) {
  .sus_btn_area {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    background: url(../../img/sustainability/bg_sp.jpg) center center/cover no-repeat;
  }
}
.sus_btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 819px) {
  .sus_btn_area ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.sus_btn_area ul li {
  margin: 0px 12px;
}
@media screen and (max-width: 819px) {
  .sus_btn_area ul li {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.sus_btn_area ul li .btn_sus01 {
  line-height: 1;
  color: #fff;
  background-color: #1272BA;
  font-size: 14px;
  text-align: left;
  padding: 15px 25px;
  width: 280px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 819px) {
  .sus_btn_area ul li .btn_sus01 {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.en .sus_btn_area ul li .btn_sus01 {
  letter-spacing: 0em;
}
.sus_btn_area ul li .btn_sus01::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 6px);
  background: url(../../img/sustainability/icon_cur01.png) 0px 0px/cover no-repeat;
}
.sus_btn_area ul li .btn_sus01.-under::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sus_btn_area.-mb {
  margin-bottom: 50px;
}
.sus_btn_area.-mb ul li .btn_sus01.-under::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sus_area_flex {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
  margin-top: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .sus_area_flex {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 644px) {
  .sus_area_flex {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-top: 80px;
  }
}
.sus_area_flex .icon_area {
  width: 20.88%;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area {
    width: 100%;
    max-width: 100%;
    position: static;
    margin-bottom: 50px;
  }
}
.sus_area_flex .icon_area .tit_icon01 {
  margin-bottom: 15px;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area .tit_icon01 {
    display: none;
  }
}
.sus_area_flex .icon_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.sus_area_flex .icon_area ul li {
  width: 32.04%;
  margin-bottom: 3px;
  position: relative;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul li {
    display: none;
    width: 23%;
    margin: 0px 1% 2%;
  }
}
.sus_area_flex .icon_area ul li::after {
  content: "";
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.72);
}
.sus_area_flex .icon_area ul li img {
  opacity: 0.6;
}
.sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(7)::after, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(8)::after, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(12)::after, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(13)::after, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(15)::after {
  display: none;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(7), .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(8), .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(12), .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(13), .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(15) {
    display: block;
  }
}
.sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(7) img, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(8) img, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(12) img, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(13) img, .sus_area_flex .icon_area ul.-sus_subnav_area0 li:nth-child(15) img {
  opacity: 1;
}
.sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(3)::after, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(7)::after, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(8)::after, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(10)::after, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(13)::after, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(17)::after {
  display: none;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(3), .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(7), .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(8), .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(10), .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(13), .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(17) {
    display: block;
  }
}
.sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(3) img, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(7) img, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(8) img, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(10) img, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(13) img, .sus_area_flex .icon_area ul.-sus_subnav_area1 li:nth-child(17) img {
  opacity: 1;
}
.sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(3)::after, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(4)::after, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(5)::after, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(8)::after, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(9)::after {
  display: none;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(3), .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(4), .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(5), .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(8), .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(9) {
    display: block;
  }
}
.sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(3) img, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(4) img, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(5) img, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(8) img, .sus_area_flex .icon_area ul.-sus_subnav_area2 li:nth-child(9) img {
  opacity: 1;
}
.sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(3)::after, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(8)::after, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(10)::after, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(11)::after, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(12)::after, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(16)::after {
  display: none;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(3), .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(8), .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(10), .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(11), .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(12), .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(16) {
    display: block;
  }
}
.sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(3) img, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(8) img, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(10) img, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(11) img, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(12) img, .sus_area_flex .icon_area ul.-sus_subnav_area3 li:nth-child(16) img {
  opacity: 1;
}
.sus_area_flex .txt_area {
  width: 72.58%;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .txt_area {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
  }
}
.sus_area_flex .txt_area .sus_subnav_area {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .txt_area .sus_subnav_area {
    margin-bottom: 30px;
  }
}
.sus_area_flex .txt_area .sus_subnav_area li {
  width: 23%;
  font-size: 16px;
  line-height: 1;
  padding-bottom: 15px;
  border-bottom: 2px solid #E8E8E8;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .txt_area .sus_subnav_area li {
    width: 50%;
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.sus_area_flex .txt_area .sus_subnav_area li button {
  display: inline;
  background: none;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sus_area_flex .txt_area .sus_subnav_area li.-cur {
  color: #1272BA;
  border-color: #1272BA;
}
.en .sus_area_flex .txt_area .sus_subnav_area li {
  letter-spacing: 0em;
}
.sus_area_flex .txt_area .sus_com_all {
  display: none;
}
.sus_area_flex .txt_area .sus_com_all.sus_com_all0 {
  display: block;
}
.sus_area_flex .txt_area .sus_com {
  margin-bottom: 100px;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .txt_area .sus_com {
    margin-bottom: 80px;
  }
}
.sus_area_flex .txt_area .sus_com .tit01 {
  font-size: 26px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #C8C8C8;
}
@media screen and (max-width: 644px) {
  .sus_area_flex .txt_area .sus_com .tit01 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.sus_area_flex .txt_area .sus_com .tit_com05 {
  margin-bottom: 10px;
}
.sus_area_flex .txt_area .sus_com .sus_com_in {
  margin-bottom: 40px;
}
.sus_area_flex .txt_area .sus_com .sus_com_in .caption {
  display: block;
  font-size: 12px;
}