.words-list .sect:nth-of-type(2n-1) {
  background-color: #f4f4f4; }
.words-list .inner {
  padding: 8rem 0; }
.words-list .ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 5rem;
  font-weight: bold;
  color: #ee3139;
  padding: .6rem 0 .2rem 1.6rem;
  border-left: .6rem solid #ee3139; }
  .words-list .ttl span {
    font-size: 1.8rem; }
  .words-list .ttl em {
    font-size: 5rem;
    font-style: normal; }
  .words-list .ttl small {
    font-size: 2rem; }
.words-list .box {
  display: flex; }
  @media screen and (min-width: 769px) {
    .words-list .box {
      gap: 6rem; } }
  @media screen and (max-width: 768px) {
    .words-list .box {
      gap: 4rem; } }
  .words-list .box .lead,
  .words-list .box .cont {
    flex: 1; }
  @media screen and (min-width: 769px) {
    .words-list .box .fig {
      width: calc(480/1100*100%); } }
  @media screen and (max-width: 768px) {
    .words-list .box {
      flex-direction: column; } }
.words-list .cont .note {
  margin-top: 3rem; }
.words-list .lead {
  line-height: 1.875; }
.words-list .fig img {
  width: 100%; }
.words-list .fig figcaption {
  margin-top: 3rem;
  text-align: right;
  font-size: 1.2rem; }
.words-list .fig.mid, .words-list .fig.flex, .words-list .fig.wide {
  margin: 7rem auto 0; }
  @media screen and (min-width: 769px) {
    .words-list .fig.mid, .words-list .fig.flex, .words-list .fig.wide {
      margin: 7rem auto 0; } }
  @media screen and (max-width: 768px) {
    .words-list .fig.mid, .words-list .fig.flex, .words-list .fig.wide {
      margin: 4rem auto 0; } }
.words-list .fig.mid {
  width: 90%;
  max-width: 900px; }
.words-list .fig.flex {
  display: flex;
  max-width: 1000px; }
  @media screen and (min-width: 769px) {
    .words-list .fig.flex {
      justify-content: space-between; }
      .words-list .fig.flex img {
        width: calc(480/1000*100%); } }
  @media screen and (max-width: 768px) {
    .words-list .fig.flex {
      flex-direction: column;
      gap: 4rem; } }
.words-list .fig.wide {
  max-width: 1040px; }
.words-list .note {
  margin-top: 5rem;
  font-size: 1.2rem; }

.sustainability-list img {
  max-width: 100%; }
.sustainability-list .sect:first-child .inner {
  padding-top: 0; }
.sustainability-list .sect:nth-child(2n) {
  background-color: #f4f4f4; }
.sustainability-list .inner {
  padding: 8rem 0; }
.sustainability-list .fig {
  display: flex;
  justify-content: space-between; }
  .sustainability-list .fig img {
    width: calc(530/1100*100%); }
.sustainability-list .ttl {
  margin-bottom: 3rem;
  padding-left: 1.6rem;
  font-size: 2.6rem;
  font-weight: bold;
  color: #ee3139;
  border-left: .6rem solid #ee3139; }
.sustainability-list .box {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .sustainability-list .box {
      flex-direction: column;
      gap: 4rem; } }
@media screen and (max-width: 768px) {
  .sustainability-list .item {
    order: 2; } }
.sustainability-list .item figure {
  margin-top: 4rem;
  text-align: center; }
@media screen and (max-width: 768px) {
  .sustainability-list .right {
    order: 1; } }
@media screen and (min-width: 769px) {
  .sustainability-list .item,
  .sustainability-list .right,
  .sustainability-list .left {
    width: calc(516/1100*100%); } }
.sustainability-list .flex {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .sustainability-list .flex {
      justify-content: space-between;
      gap: 4rem; } }
@media screen and (max-width: 768px) {
  .sustainability-list .img02,
  .sustainability-list .ph05 {
    width: calc(50% - 2rem); } }
@media screen and (min-width: 769px) {
  .sustainability-list .img02 {
    width: calc(280/516*100%); } }
@media screen and (min-width: 769px) {
  .sustainability-list .ph05 {
    position: relative;
    margin-left: calc(34/516*100%);
    width: calc(300/516*100%);
    z-index: 1; } }
.sustainability-list .lead {
  letter-spacing: .05em;
  line-height: 1.875; }

.next-list .sect figure {
  margin-left: auto;
  margin-right: auto; }
.next-list .sect img {
  width: 100%; }
.next-list .sect .inner {
  padding: 6rem 0 8rem; }
@media screen and (min-width: 769px) {
  .next-list .sect .img02,
  .next-list .sect .img03,
  .next-list .sect .img04 {
    max-width: calc(900/1100*100%); }
  .next-list .sect .img05,
  .next-list .sect .img06 {
    max-width: calc(650/1100*100%); } }
.next-list .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10rem;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #ee3139; }
  @media screen and (max-width: 768px) {
    .next-list .ttl {
      height: 8rem;
      font-size: 2.6rem; } }
.next-list .nav {
  margin-top: 6rem;
  margin-bottom: 2.6rem;
  font-size: 1.5rem;
  text-align: center; }
  .next-list .nav .inner {
    display: flex;
    padding: 0 0 1.6rem; }
    @media screen and (min-width: 769px) {
      .next-list .nav .inner {
        gap: 2rem; } }
    @media screen and (max-width: 768px) {
      .next-list .nav .inner {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 2rem 0; } }
  .next-list .nav a {
    position: relative;
    padding: 1.2rem 0;
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 769px) {
      .next-list .nav a {
        flex: 1; } }
    @media screen and (max-width: 768px) {
      .next-list .nav a {
        width: 48%; } }
    .next-list .nav a::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -1.6rem;
      display: block;
      width: .7rem;
      height: .7rem;
      border-right: 1px solid #ee3139;
      border-bottom: 1px solid #ee3139;
      rotate: 45deg;
      transform: translateX(-50%); }
.next-list .box {
  margin-top: -121px;
  padding-top: 121px; }
  @media screen and (max-width: 768px) {
    .next-list .box {
      margin-top: -55px;
      padding-top: 55px; } }
  .next-list .box:nth-of-type(2n) > div {
    background-color: #f4f4f4; }
  .next-list .box h3 {
    margin-bottom: 6rem;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center; }
  .next-list .box h4 {
    margin-bottom: 3rem;
    padding-left: 1.6rem;
    font-size: 2.6rem;
    font-weight: bold;
    color: #ee3139;
    border-left: .6rem solid #ee3139; }
  .next-list .box .lead {
    line-height: 1.875; }
    @media screen and (min-width: 769px) {
      .next-list .box .lead + figure {
        margin-top: 5rem; } }
    @media screen and (max-width: 768px) {
      .next-list .box .lead + figure {
        margin-top: 4rem; } }
  .next-list .box .flex + h4,
  .next-list .box figure + h4 {
    margin-top: 8rem; }
  .next-list .box .flex {
    display: flex; }
    @media screen and (min-width: 769px) {
      .next-list .box .flex {
        gap: 6rem; } }
    @media screen and (max-width: 768px) {
      .next-list .box .flex {
        flex-direction: column;
        gap: 4rem; }
        .next-list .box .flex .lead {
          order: 1; }
        .next-list .box .flex figure {
          order: 2; } }
    .next-list .box .flex .lead {
      flex: 1; }
      .next-list .box .flex .lead + figure {
        margin: 0; }