.sustainablePage {
  text-align: left;
}
.sustainablePage .pageTitle .enJptitle .en {
  font-size: 1.55em;
}
.sustainablePage .pageTitle .enJptitle .jp {
  letter-spacing: -1px;
  font-size: 0.65em;
}
.sustainablePage .sustainableSec .title {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
}
.sustainablePage .sustainableSec .title .number {
  font-family: "Roboto", sans-serif;
  font-size: 4em;
  font-weight: bold;
  margin-right: 0.1em;
  color: #f4654a;
}
.sustainablePage .sustainableSec .title .titleWrap .subTitle {
  line-height: 140%;
}
.sustainablePage .sustainableSec .title .titleWrap .mainTitle {
  font-size: 2em;
  line-height: 100%;
}
.sustainablePage .sustainableSec h4 {
  color: #f4654a;
  margin-bottom: 0.8em;
  font-size: 1.1em;
  line-height: 150%;
}
.sustainablePage .sustainableSec p {
  margin-bottom: 1em;
}
.sustainablePage .sustainableSec .actionItem .img img {
  object-fit: cover;
  height: 220px;
}
.sustainablePage .sustainableSec .actionItem .txt {
  background-color: #fff;
  padding: 1.5em;
}
.sustainablePage .sustainableSec .actionItem .txt ul {
  padding-left: 1.5em;
  margin-bottom: 2em;
}
.sustainablePage .sustainableSec .actionItem .txt ul li {
  list-style-type: disc;
  line-height: 160%;
}
.sustainablePage .sustainableSec .actionItem .txt a.orangeBtn {
  display: block;
  margin-bottom: 0.5em;
}
.sustainablePage .sustainableSec .omona {
  padding: 1em;
  line-height: 160%;
  margin-bottom: 1em;
}
.sustainablePage .sustainableSec .orangeTxt {
  color: #f4654a;
}

@media only screen and (min-width: 580px) {
  .sustainablePage .pageTitle .enJptitle .en {
    letter-spacing: 2px;
    font-size: 2.5em;
  }
  .sustainablePage .pageTitle .enJptitle .jp {
    letter-spacing: 2px;
    font-size: 1em;
  }
  .sustainablePage section.sustainableSec .inner {
    display: flex;
  }
  .sustainablePage section.sustainableSec .inner .title {
    display: block;
    margin-bottom: 0em;
    margin-right: 3em;
  }
  .sustainablePage section.sustainableSec .inner .title .number {
    line-height: 50px;
    margin-bottom: 0.2em;
    margin-right: 0em;
  }
  .sustainablePage section.sustainableSec .inner .title .titleWrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }
  .sustainablePage section.sustainableSec .inner .title .titleWrap .subTitle {
    writing-mode: vertical-rl;
  }
  .sustainablePage section.sustainableSec .inner .title .titleWrap .mainTitle {
    writing-mode: vertical-rl;
    font-size: 2.5em;
  }
  .sustainablePage section.sustainableSec .wrap {
    margin-bottom: 3em;
  }
  .sustainablePage section.sustainableSec .actionItem {
    align-items: stretch;
  }
  .sustainablePage section.sustainableSec .actionItem .img {
    width: 50%;
  }
  .sustainablePage section.sustainableSec .actionItem .img img {
    height: auto;
    object-fit: fill;
  }
  .sustainablePage section.sustainableSec .actionItem .txt {
    flex: 1;
    padding: 2em;
  }
  .sustainablePage section.sustainableSec .actionItem .txt h4 {
    margin-bottom: 0.5em;
  }
  .sustainablePage section.sustainableSec .actionItem .txt ul {
    margin-bottom: 1em;
  }
  .sustainablePage section.sustainableSec .actionItem .txt ul li {
    font-size: 0.95em;
  }
  .sustainablePage section.sustainableSec .actionItem .txt img {
    width: 85%;
  }
  .sustainablePage section.sustainableSec .actionItem .txt a.orangeBtn {
    width: 100%;
    font-size: 0.96em;
    display: block;
    margin-bottom: 0.5em;
  }
}