@layer component {

  /* .p-hero */
  .p-hero {
    position: relative;
    z-index: 0;
  }

  @media screen and (max-width: 767px) {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w768@2x.webp") 2x,
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w768.webp") type("image/webp"),
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w768.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr repeat(2, auto);
      width: 100%;
      height: 670px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr repeat(2, auto);
      width: 100%;
      height: 670px;
    }
  }

  @media print {
    .p-hero {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr repeat(2, auto);
      width: 100%;
      height: 670px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: 1fr repeat(2, auto);
      width: 100%;
      height: 670px;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1200@2x.webp") 2x,
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1200.webp") type("image/webp"),
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1200.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920@2x.webp") 2x,
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.webp") type("image/webp"),
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media print {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920@2x.webp") 2x,
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.webp") type("image/webp"),
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920@2x.webp") 2x,
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.webp") type("image/webp"),
          url("https://www.mitsubishicorp.com/jp/ja/ir/assets_r24/images/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero__ara1 {
      grid-area: 1/1/span 3/span 2;
      grid-template-rows: subgrid;
      width: auto;
      position: relative;
      z-index: 0;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero__ara1 {
      grid-area: 1/1/span 3/span 2;
      grid-template-rows: subgrid;
      width: auto;
      position: relative;
      z-index: 0;
    }
  }

  @media print {
    .p-hero__ara1 {
      grid-area: 1/1/span 3/span 2;
      grid-template-rows: subgrid;
      width: auto;
      position: relative;
      z-index: 0;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero__ara1 {
      grid-area: 1/1/span 3/span 2;
      grid-template-rows: subgrid;
      width: auto;
      position: relative;
      z-index: 0;
    }
  }

  .p-hero__ara2 {
    background: rgba(0, 0, 0, 0.77);
    color: #FFF;
  }

  @media screen and (max-width: 767px) {
    .p-hero__ara2 {
      padding: var(--mc-layout--offset--of-inner-left);
      margin-top: var(--mc-layout--offset--of-outer-left);
      margin-bottom: var(--mc-layout--offset--of-outer-left);
      margin-left: var(--mc-layout--offset--of-outer-left);
      margin-right: var(--mc-layout--offset--of-outer-right);
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero__ara2 {
      grid-area: 1/2/2/3;
      align-self: end;
      padding: 40px 30px 30px;
      margin-bottom: 20px;
      margin-right: var(--mc-layout--offset--of-outer-right);
      position: relative;
      z-index: 1;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero__ara2 {
      grid-area: 1/2/2/3;
      align-self: end;
      padding: 40px 30px 30px;
      margin-bottom: 20px;
      margin-right: var(--mc-layout--offset--of-outer-right);
      position: relative;
      z-index: 1;
    }
  }

  @media print {
    .p-hero__ara2 {
      grid-area: 1/2/2/3;
      align-self: end;
      padding: 40px 30px 30px;
      margin-bottom: 20px;
      margin-right: var(--mc-layout--offset--of-outer-right);
      position: relative;
      z-index: 1;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero__ara2 {
      grid-area: 1/2/2/3;
      align-self: end;
      padding: 40px 30px 30px;
      margin-bottom: 20px;
      margin-right: var(--mc-layout--offset--of-outer-right);
      position: relative;
      z-index: 1;
    }
  }

  .p-hero__hd1 {
    text-align: center;
    color: #fff;
  }

  @media screen and (max-width: 767px) {
    .p-hero__hd1 {
      margin-bottom: var(--mc-layout--offset--of-inner-left);
      font-size: calc(22 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.05em;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero__hd1 {
      margin-bottom: 40px;
      font-size: 30px;
      letter-spacing: 0.1em;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero__hd1 {
      margin-bottom: 40px;
      font-size: 30px;
      letter-spacing: 0.1em;
    }
  }

  @media print {
    .p-hero__hd1 {
      margin-bottom: 40px;
      font-size: 30px;
      letter-spacing: 0.1em;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero__hd1 {
      margin-bottom: 40px;
      font-size: 30px;
      letter-spacing: 0.1em;
    }
  }

  .p-hero__fig1 :where(img) {
    display: block;
    width: 100%;
    height: auto;
  }

  .p-hero__txt1 {
    display: inline grid;
    align-items: center;
    grid-auto-flow: column;
  }

  @media screen and (max-width: 767px) {
    .p-hero__txt1 {
      column-gap: calc(10 * var(--mc--quantity--of-design--horizontal));
      margin-top: var(--mc-layout--offset--of-inner-left);
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.1em;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero__txt1 {
      column-gap: 10px;
      margin-top: 20px;
      font-size: 16px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero__txt1 {
      column-gap: 10px;
      margin-top: 20px;
      font-size: 16px;
    }
  }

  @media print {
    .p-hero__txt1 {
      column-gap: 10px;
      margin-top: 20px;
      font-size: 16px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero__txt1 {
      column-gap: 10px;
      margin-top: 20px;
      font-size: 16px;
    }
  }

  .p-hero__txt1::before {
    content: "";
    display: block;
    background: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_3.svg") no-repeat center center/contain;
  }

  @media screen and (max-width: 767px) {
    .p-hero__txt1::before {
      width: calc(20 * var(--mc--quantity--of-design--horizontal));
      height: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-hero__txt1::before {
      width: 20px;
      height: 20px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-hero__txt1::before {
      width: 20px;
      height: 20px;
    }
  }

  @media print {
    .p-hero__txt1::before {
      width: 20px;
      height: 20px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-hero__txt1::before {
      width: 20px;
      height: 20px;
    }
  }

  /* .p-latest */

  @media screen and (max-width: 767px) {
    .p-latest {
      padding: calc(30 * var(--mc--quantity--of-design--horizontal)) calc(20 * var(--mc--quantity--of-design--horizontal)) calc(42 * var(--mc--quantity--of-design--horizontal));
      border-top: 1px solid #d5d5d5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .p-latest {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  .p-latest__hd1 {
    font-weight: 300;
    text-align: left;
    color: #000;
  }

  @media screen and (max-width: 767px) {
    .p-latest__hd1 {
      font-size: calc(28 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.12em;
      line-height: 1.5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__hd1 {
      font-size: 42px;
      letter-spacing: 0.1em;
      line-height: 1.5238095238;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__hd1 {
      font-size: 42px;
      letter-spacing: 0.1em;
      line-height: 1.5238095238;
    }
  }

  @media print {
    .p-latest__hd1 {
      font-size: 42px;
      letter-spacing: 0.1em;
      line-height: 1.5238095238;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__hd1 {
      font-size: 42px;
      letter-spacing: 0.1em;
      line-height: 1.5238095238;
    }
  }


  @media screen and (max-width: 767px) {
    .p-latest__list1 {
      margin-top: calc(6 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__list1 {
      margin-top: 20px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__list1 {
      margin-top: 20px;
    }
  }

  @media print {
    .p-latest__list1 {
      margin-top: 20px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__list1 {
      margin-top: 20px;
    }
  }

  .p-latest__link1 {
    display: flex;
    justify-content: flex-end;
  }

  @media screen and (max-width: 767px) {
    .p-latest__link1 {
      margin-top: calc(27 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 {
      margin-top: 40px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 {
      margin-top: 40px;
    }
  }

  @media print {
    .p-latest__link1 {
      margin-top: 40px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 {
      margin-top: 40px;
    }
  }

  .p-latest__link1 :where(a) {
    display: inline grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto;
    align-items: center;
    letter-spacing: 0.1em;
    color: #0f2350;
  }

  @media screen and (max-width: 767px) {
    .p-latest__link1 :where(a) {
      column-gap: calc(10 * var(--mc--quantity--of-design--horizontal));
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a) {
      column-gap: 8px;
      font-size: 18px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a) {
      column-gap: 8px;
      font-size: 18px;
    }
  }

  @media print {
    .p-latest__link1 :where(a) {
      column-gap: 8px;
      font-size: 18px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a) {
      column-gap: 8px;
      font-size: 18px;
    }
  }

  .p-latest__link1 :where(a)::before,
  .p-latest__link1 :where(a)::after {
    content: "";
    grid-area: 1/1/2/2;
  }

  @media screen and (max-width: 767px) {

    .p-latest__link1 :where(a)::before,
    .p-latest__link1 :where(a)::after {
      width: calc(20 * var(--mc--quantity--of-design--horizontal));
      height: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {

    .p-latest__link1 :where(a)::before,
    .p-latest__link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {

    .p-latest__link1 :where(a)::before,
    .p-latest__link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media print {
    .p-latest__link1 :where(a)::before,
    .p-latest__link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a)::before,
    .p-latest__link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  .p-latest__link1 :where(a)::before {
    background-color: #0F2350;
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_4.svg") no-repeat center center/contain;
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a)::before {
      transition-property: background-color;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a)::before {
      transition-property: background-color;
    }
  }

  @media print {
    .p-latest__link1 :where(a)::before {
      transition-property: background-color;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a)::before {
      transition-property: background-color;
    }
  }

  .p-latest__link1 :where(a)::after {
    box-sizing: border-box;
    border-radius: 100vw;
    border: solid 2px #0F2350;
    background-color: transparent;
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a)::after {
      transition-property: border-color, background-color;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a)::after {
      transition-property: border-color, background-color;
    }
  }

  @media print {
    .p-latest__link1 :where(a)::after {
      transition-property: border-color, background-color;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a)::after {
      transition-property: border-color, background-color;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a):hover {
      color: #a22041;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a):hover {
      color: #a22041;
    }
  }

  @media print {
    .p-latest__link1 :where(a):hover {
      color: #a22041;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a):hover {
      color: #a22041;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a):hover::before,
    .p-latest__link1 :where(a):hover::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a):hover::before,
    .p-latest__link1 :where(a):hover::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

  @media print {
    .p-latest__link1 :where(a):hover::before,
    .p-latest__link1 :where(a):hover::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a):hover::before,
    .p-latest__link1 :where(a):hover::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a):hover::before {
      background-color: #FFF;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a):hover::before {
      background-color: #FFF;
    }
  }

  @media print {
    .p-latest__link1 :where(a):hover::before {
      background-color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a):hover::before {
      background-color: #FFF;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-latest__link1 :where(a):hover::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-latest__link1 :where(a):hover::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  @media print {
    .p-latest__link1 :where(a):hover::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-latest__link1 :where(a):hover::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  /* .c-links */
  .c-links {
    background: #f7f7f8;
  }

  @media screen and (max-width: 767px) {
    .c-links {
      padding: calc(30 * var(--mc--quantity--of-design--horizontal)) calc(20 * var(--mc--quantity--of-design--horizontal)) calc(42 * var(--mc--quantity--of-design--horizontal));
      border-top: 1px solid #d5d5d5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links {
      padding-top: 100px;
      padding-bottom: 135px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links {
      padding-top: 100px;
      padding-bottom: 135px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .c-links {
      padding-top: 100px;
      padding-bottom: 135px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links {
      padding-top: 100px;
      padding-bottom: 135px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  .c-links__panel1 {
    width: 100%;
    display: grid;
  }

  @media screen and (max-width: 767px) {
    .c-links__panel1 {
      grid-template-columns: 1fr;
      row-gap: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links__panel1 {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links__panel1 {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }

  @media print {
    .c-links__panel1 {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__panel1 {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }

  .c-links__panel1 a {
    display: block;
  }

  @media screen and (max-width: 767px) {
    .c-links__panel1 a {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: calc(15 * var(--mc--quantity--of-design--horizontal));
    }
  }

  .c-links__img1 img {
    display: block;
    width: 100%;
    height: auto;
  }

  .c-links__txt1 {
    display: inline grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto;
    align-items: center;
    color: #0f2350;
    letter-spacing: 0.1em;
  }

  @media screen and (max-width: 767px) {
    .c-links__txt1 {
      margin-top: 0;
      column-gap: calc(10 * var(--mc--quantity--of-design--horizontal));
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links__txt1 {
      margin-top: 20px;
      column-gap: 8px;
      font-size: 18px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links__txt1 {
      margin-top: 20px;
      column-gap: 8px;
      font-size: 18px;
    }
  }

  @media print {
    .c-links__txt1 {
      margin-top: 20px;
      column-gap: 8px;
      font-size: 18px;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__txt1 {
      margin-top: 20px;
      column-gap: 8px;
      font-size: 18px;
    }
  }

  .c-links__txt1::before,
  .c-links__txt1::after {
    content: "";
    grid-area: 1/1/2/2;
  }

  @media screen and (max-width: 767px) {

    .c-links__txt1::before,
    .c-links__txt1::after {
      width: calc(20 * var(--mc--quantity--of-design--horizontal));
      height: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {

    .c-links__txt1::before,
    .c-links__txt1::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {

    .c-links__txt1::before,
    .c-links__txt1::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media print {
    .c-links__txt1::before,
    .c-links__txt1::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__txt1::before,
    .c-links__txt1::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  .c-links__txt1::before {
    background-color: #0F2350;
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_4.svg") no-repeat center center/contain;
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links__txt1::before {
      transition-property: background-color;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links__txt1::before {
      transition-property: background-color;
    }
  }

  @media print {
    .c-links__txt1::before {
      transition-property: background-color;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__txt1::before {
      transition-property: background-color;
    }
  }

  .c-links__txt1::after {
    box-sizing: border-box;
    border-radius: 100vw;
    border: solid 2px #0F2350;
    background-color: transparent;
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links__txt1::after {
      transition-property: background-color, border-color;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links__txt1::after {
      transition-property: background-color, border-color;
    }
  }

  @media print {
    .c-links__txt1::after {
      transition-property: background-color, border-color;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__txt1::after {
      transition-property: background-color, border-color;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    a:hover .c-links__txt1 {
      color: #a22041;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    a:hover .c-links__txt1 {
      color: #a22041;
    }
  }

  @media print {
    a:hover .c-links__txt1 {
      color: #a22041;
    }
  }

  @media screen and (min-width: 1440px) {
    a:hover .c-links__txt1 {
      color: #a22041;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {

    a:hover .c-links__txt1::before,
    a:hover .c-links__txt1::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {

    a:hover .c-links__txt1::before,
    a:hover .c-links__txt1::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

  @media print {
    a:hover .c-links__txt1::before,
    a:hover .c-links__txt1::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

  @media screen and (min-width: 1440px) {
    a:hover .c-links__txt1::before,
    a:hover .c-links__txt1::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    a:hover .c-links__txt1::before {
      background-color: #FFF;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    a:hover .c-links__txt1::before {
      background-color: #FFF;
    }
  }

  @media print {
    a:hover .c-links__txt1::before {
      background-color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {
    a:hover .c-links__txt1::before {
      background-color: #FFF;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    a:hover .c-links__txt1::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    a:hover .c-links__txt1::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  @media print {
    a:hover .c-links__txt1::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  @media screen and (min-width: 1440px) {
    a:hover .c-links__txt1::after {
      border-color: #a22041;
      background-color: #a22041;
    }
  }

  .c-links__panel2 {
    --mc-panel--color--of-text--default: #FFF;
    --mc-panel--background-color--of-text--default: #000;
    --mc-panel--border--of-text: none;
    display: grid;
    width: 100%;
  }

  @media screen and (max-width: 767px) {
    .c-links__panel2 {
      grid-template-columns: 1fr;
      gap: calc(20 * var(--mc--quantity--of-design--horizontal));
      margin-top: calc(30 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-links__panel2 {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--mc-layout--gap);
      margin-top: 80px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-links__panel2 {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--mc-layout--gap);
      margin-top: 80px;
    }
  }

  @media print {
    .c-links__panel2 {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--mc-layout--gap);
      margin-top: 80px;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-links__panel2 {
      grid-template-columns: 1fr 1fr;
      column-gap: var(--mc-layout--gap);
      margin-top: 80px;
    }
  }

  /* .p-iil */

  @media screen and (max-width: 767px) {
    .p-iil {
      padding: calc(40 * var(--mc--quantity--of-design--horizontal)) calc(20 * var(--mc--quantity--of-design--horizontal)) calc(30 * var(--mc--quantity--of-design--horizontal));
      border-top: 1px solid #d5d5d5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil {
      padding-top: 138px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil {
      padding-top: 138px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .p-iil {
      padding-top: 138px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil {
      padding-top: 138px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__list1 {
      display: flex;
      flex-wrap: wrap;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__list1 {
      display: flex;
      flex-wrap: wrap;
    }
  }

  @media print {
    .p-iil__list1 {
      display: flex;
      flex-wrap: wrap;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__list1 {
      display: flex;
      flex-wrap: wrap;
    }
  }


  @media screen and (max-width: 767px) {
    .p-iil__list1 {
      margin-top: -5.3333333333vw;
    }
  }

  .p-iil__list1 :where(li:has(ul)) {
    box-sizing: border-box;
  }

  @media screen and (max-width: 767px) {
    .p-iil__list1 :where(li:has(ul)) {
      width: 100%;
      padding: calc(20 * var(--mc--quantity--of-design--horizontal)) 0 calc(28 * var(--mc--quantity--of-design--horizontal));
      border-bottom: 1px solid #d5d5d5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__list1 :where(li:has(ul)) {
      width: 33.3333333333%;
      padding: 40px 3%;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(2) {
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(5) {
      border-left: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(n+4) {
      border-top: 1px solid #d5d5d5;
      width: 50%;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__list1 :where(li:has(ul)) {
      width: 33.3333333333%;
      padding: 40px 0;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(2) {
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(5) {
      border-left: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(n+4) {
      border-top: 1px solid #d5d5d5;
      width: 50%;
    }
  }

  @media print {
    .p-iil__list1 :where(li:has(ul)) {
      width: 33.3333333333%;
      padding: 40px 0;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(2) {
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(5) {
      border-left: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(n+4) {
      border-top: 1px solid #d5d5d5;
      width: 50%;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__list1 :where(li:has(ul)) {
      width: 33.3333333333%;
      padding: 40px 0;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(2) {
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(5) {
      border-left: 1px solid #d5d5d5;
    }

    .p-iil__list1 :where(li:has(ul)):nth-child(n+4) {
      border-top: 1px solid #d5d5d5;
      width: 50%;
    }
  }

  .p-iil__img3 {
    margin: 0 auto;
  }

  @media screen and (max-width: 767px) {
    .p-iil__img3 {
      width: calc(100 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__img3 {
      width: 135px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__img3 {
      width: 135px;
    }
  }

  @media print {
    .p-iil__img3 {
      width: 135px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__img3 {
      width: 135px;
    }
  }

  .p-iil__img3 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .p-iil__hd2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }

  @media screen and (max-width: 767px) {
    .p-iil__hd2 {
      font-size: calc(18 * var(--mc--quantity--of-design--horizontal));
      line-height: 1.7777777778;
      margin-top: calc(4 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__hd2 {
      margin-top: 20px;
      font-size: 20px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__hd2 {
      margin-top: 20px;
      font-size: 20px;
    }
  }

  @media print {
    .p-iil__hd2 {
      margin-top: 20px;
      font-size: 20px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__hd2 {
      margin-top: 20px;
      font-size: 20px;
    }
  }

  .p-iil__hd2:after {
    content: "";
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg") no-repeat center center/contain;
    background: #000;
    display: block;
  }

  @media screen and (max-width: 767px) {
    .p-iil__hd2:after {
      width: calc(20 * var(--mc--quantity--of-design--horizontal));
      height: calc(20 * var(--mc--quantity--of-design--horizontal));
      margin-left: calc(8 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__hd2:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__hd2:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  @media print {
    .p-iil__hd2:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__hd2:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  .p-iil__list2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 50px;
  }

  @media screen and (max-width: 767px) {
    .p-iil__list2 {
      margin-top: calc(18 * var(--mc--quantity--of-design--horizontal));
      padding-left: calc(40 * var(--mc--quantity--of-design--horizontal));
      row-gap: calc(12 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__list2 {
      margin-top: 20px;
      padding: 0;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__list2 {
      margin-top: 20px;
      padding-left: 80px;
    }
  }

  @media print {
    .p-iil__list2 {
      margin-top: 20px;
      padding-left: 80px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__list2 {
      margin-top: 20px;
      padding-left: 80px;
    }
  }

  li:nth-child(n+4) .p-iil__list2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  @media screen and (min-width: 1200px) {
    li:nth-child(4) .p-iil__list2 {
      height: 13em;
    }

    li:nth-child(5) .p-iil__list2 {
      height: 25em;
    }
  }

  @media screen and (min-width: 1440px) {
    li:nth-child(5) .p-iil__list2 {
      height: 16em;
    }
  }

  .p-iil__list2 a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  @media screen and (max-width: 767px) {
    .p-iil__list2 a {
      font-size: calc(15 * var(--mc--quantity--of-design--horizontal));
      line-height: 1.6;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__list2 a {
      font-size: 16px;
      line-height: 1.5;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__list2 a {
      font-size: 16px;
      line-height: 1.5;
    }
  }

  @media print {
    .p-iil__list2 a {
      font-size: 16px;
      line-height: 1.5;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__list2 a {
      font-size: 16px;
      line-height: 1.5;
    }
  }

  .p-iil__list2 a:after {
    content: "";
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg") no-repeat center center/contain;
    background: #000;
    display: block;
  }

  @media screen and (max-width: 767px) {
    .p-iil__list2 a:after {
      width: calc(20 * var(--mc--quantity--of-design--horizontal));
      height: calc(20 * var(--mc--quantity--of-design--horizontal));
      margin-left: calc(8 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-iil__list2 a:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-iil__list2 a:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  @media print {
    .p-iil__list2 a:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-iil__list2 a:after {
      width: 20px;
      height: 20px;
      margin-left: 8px;
    }
  }

  /* .c-fii */

  @media screen and (max-width: 767px) {
    .c-fii {
      padding: 0 calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-fii {
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-fii {
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .c-fii {
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .c-fii {
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  .c-fii>a {
    display: block;
    width: 100%;
  }

  .c-fii>a img {
    display: block;
    width: 100%;
    height: auto;
  }

  @media screen and (max-width: 767px) {
    .c-fii__pc {
      display: none !important;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-fii__sp {
      display: none !important;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-fii__sp {
      display: none !important;
    }
  }

  @media print {
    .c-fii__sp {
      display: none !important;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-fii__sp {
      display: none !important;
    }
  }

  /* .p-data */

  @media screen and (max-width: 767px) {
    .p-data {
      padding: calc(50 * var(--mc--quantity--of-design--horizontal)) calc(20 * var(--mc--quantity--of-design--horizontal)) calc(40 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-data {
      padding-top: 100px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-data {
      padding-top: 100px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .p-data {
      padding-top: 100px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-data {
      padding-top: 100px;
      padding-bottom: 100px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-data__fig1 {
      margin-left: calc(-1 * var(--mc-layout--offset--of-inner-left));
      margin-right: calc(-1 * var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-data__fig1 {
      margin-left: calc(-1 * var(--mc-layout--offset--of-inner-left));
      margin-right: calc(-1 * var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {
    .p-data__fig1 {
      margin-left: calc(-1 * var(--mc-layout--offset--of-inner-left));
      margin-right: calc(-1 * var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-data__fig1 {
      margin-left: calc(-1 * var(--mc-layout--offset--of-inner-left));
      margin-right: calc(-1 * var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (max-width: 767px) {
    .p-data__btn1 {
      margin-top: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-data__btn1 {
      margin-top: 40px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-data__btn1 {
      margin-top: 40px;
    }
  }

  @media print {
    .p-data__btn1 {
      margin-top: 40px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-data__btn1 {
      margin-top: 40px;
    }
  }
}

@layer component {
  .p-related__list1 a .c-image1 {
    overflow: hidden;
  }

  .p-related__list1 a .c-image1 img {
    transition-duration: 0.3s;
  }

  .p-related__list1 a:hover .c-image1 img {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    scale: 1.1;
  }

  .p-iil__list1 a .p-iil__hd2,
  .p-iil__list2 a {
    position: relative;
    width: fit-content;
  }

  .p-iil__list1 a .p-iil__hd2 {
    margin: auto;
  }

  .p-iil__list1 a .p-iil__hd2::before,
  .p-iil__list2 a::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000;
    transition: width 0.2s ease-in;
    width: 0;
  }

  .p-iil__list1 a:hover .p-iil__hd2::before,
  .p-iil__list2 a:hover::before {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    width: 100%;
  }

}

/* ---------------------------------------------
*   固有parts
--------------------------------------------- */
.p-sustainability-top {
	position: relative;
	display: grid;
}

@media screen and (max-width: 767px) {
  .p-sustainability-top {
    --mc-hero--imgset--of-background: image-set(url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w768@2x.webp) 2x, url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w768.webp) type("image/webp"), url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w768.jpg) type("image/jpeg"));
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .p-sustainability-top {
    --mc-hero--imgset--of-background: image-set(url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1200@2x.webp) 2x, url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1200.webp) type("image/webp"), url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1200.jpg) type("image/jpeg"));
  }
}

@media screen and (min-width: 1200px) {
  .p-sustainability-top {
    --mc-hero--imgset--of-background: image-set(url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1920@2x.webp) 2x, url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1920.webp) type("image/webp"), url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/index-hero_img_1-w1920.jpg) type("image/jpeg"));
  }
}

@media screen and (min-width: 1200px) and (max-width: 1699px) {
	.p-sustainability-top .c-hero1__title {
		padding-inline: calc(calc(60* var(--mc--quantity--of-design--horizontal)) + calc(60* var(--mc--quantity--of-design--horizontal)));
	}
}

@media screen and (min-width: 1700px) {
	.p-sustainability-top .c-hero1__title {
		padding-inline: calc(calc((100vw - 1500px) / 24 * 7) + calc((100vw - 1500px) / 24 * 5));
	}
}

@media screen and (min-width: 768px){
  .p-sustainability-top {
    grid-template-columns: repeat(2,1fr);
  }
  .p-sustainability-top.c-hero1::before,
  .p-sustainability-top.c-hero1::after {
    grid-column: 1 / 4;
  }
  .p-sustainability-top .c-hero1__title {
    white-space: nowrap;
    grid-row: 2 / 3;
    grid-column: 1 / 3;
  }
  .p-sustainability-top__wrap {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
  }
  .p-sustainability-btn-wrap {
    grid-row: 2 / 4;
    grid-column: 3 / 4;
  }
	.p-sustainability-top .c-hero1__description {
		padding-inline: 0;
	}
}

.p-sustainability-top__wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(30px, 3.0833333333%);
	padding-inline: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
	max-width: calc(192* var(--base-unit));
}

@media screen and (max-width: 767px) {
	.p-sustainability-top__wrap {
		display: contents;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1699px) {
	.p-sustainability-top__wrap {
		padding-inline: calc(calc(60* var(--mc--quantity--of-design--horizontal)) + calc(60* var(--mc--quantity--of-design--horizontal))) calc(calc(40* var(--mc--quantity--of-design--horizontal)) + calc(40* var(--mc--quantity--of-design--horizontal)));
	}
}

@media screen and (min-width: 1700px) {
	.p-sustainability-top__wrap {
		padding-inline: calc(calc((100vw - 1500px) / 24 * 7) + calc((100vw - 1500px) / 24 * 5)) calc(calc((100vw - 1500px) / 24 * 1) + calc((100vw - 1500px) / 24 * 1));
	}
}

@media screen and (max-width: 1419px) {
	.p-sustainability-top .c-hero1__description br {
		display: none;
	}
}
.p-sustainability-btn-wrap {
  display: flex;
  row-gap: calc(3 * var(--base-unit));
  flex-direction: column;
  justify-content: end;
  box-sizing: border-box;
  padding: 0 calc(4 * var(--base-unit)) calc(4 * var(--base-unit)) 0;
  width: min(100%, calc(38 * var(--base-unit)));
}
.p-sustainability-btn {
	width: calc(38 * var(--base-unit));
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .p-sustainability-top .c-hero1__title[data-attr]::after {
      grid-column: 1 / 4;
      grid-row: 2 / 3;
      margin-top: calc(1 * var(--base-unit));
  }
  .p-sustainability-btn {
    width: min(100%, calc(38 * var(--base-unit)));
}
}
@media screen and (max-width: 900px) {
  .p-sustainability-btn-wrap {
    padding: 0 calc(2 * var(--base-unit)) calc(2 * var(--base-unit)) 0;
    width: 80%;
    margin-left: auto;
  }
}

.p-sustainability-btn__link {
	position: relative;
	display: flex;
  min-height: calc(8* var(--base-unit));
	background-color: #fff;
	transition: background-color 0.3s ease 0s;
}

.p-sustainability-btn__txt {
	display: flex;
	align-items: center;
	padding: calc(1.2 * var(--base-unit)) calc(5 * var(--base-unit)) calc(1.2 * var(--base-unit)) calc(3 * var(--base-unit));
	color: #333;
	font-size: calc(1.4 * var(--base-unit));
    line-height: 1.5;
    letter-spacing: 0em;
	font-weight: 500;
	transition: color 0.3s ease 0s;
}

.p-sustainability-btn__ico {
	display: block;
    width: calc(2* var(--base-unit));
    height: calc(2* var(--base-unit));
    position: absolute;
    right: calc(2* var(--base-unit));
    top: 0;
    bottom: 0;
    margin: auto 0;
	transition: background-color 0.3s ease 0s;
  background-color: #000;
}
.p-sustainability-btn__ico--pdf {
  mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_pdf_1.svg) no-repeat center center / contain;
}
.p-sustainability-btn__ico--arrow {
  mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_7.svg) no-repeat center center / contain;
}
.p-sustainability-btn__ico--excel {
  mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_excel_1.svg) no-repeat center center / contain;
}

.p-sustainability-btn__ico img {
	display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
  .c-hero1 {
    height: calc(569* var(--mc--quantity--of-design--horizontal));
  }
	.p-sustainability-btn-wrap {
    row-gap: calc(2* var(--base-unit));
    background: #fff;
    width: 100%;
    padding: calc(3* var(--base-unit)) 0;
	}
  .p-sustainability-btn {
    width: calc(33.5* var(--base-unit));
    margin: 0 auto;
    border: #0F2350 solid 1px;
    box-sizing: border-box;
  }
  .p-sustainability-btn__link {
    min-height: calc(5.4* var(--base-unit));
  }
  .p-sustainability-btn__txt {
    padding: calc(0.7* var(--base-unit)) calc(4* var(--base-unit)) calc(0.7* var(--base-unit)) calc(0.9* var(--base-unit));
    font-size: calc(1.7* var(--base-unit));
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .p-sustainability-btn__ico {
    right: calc(0.9* var(--base-unit));
  }
}

@media screen and (min-width: 768px) {
	.p-sustainability-btn__link:hover .p-sustainability-btn__ico {
		background-color: #fff;
	}
}

@media screen and (min-width: 768px) {
	.p-sustainability-btn__link:hover {
		background: #a22041;
	}
}

@media screen and (min-width: 768px) {
	.p-sustainability-btn__link:hover .p-sustainability-btn__txt {
		color: #FFF;
	}
}


.p-sustainability__container {
    margin-inline: auto;
    padding: calc(12 * var(--base-unit)) min(100px, 2.2083333333%) 0;
    max-width: var(--width-contents);
}

@media screen and (max-width: 767px) {
	.p-sustainability__container {
		padding: calc(3 * var(--base-unit)) calc(2 * var(--base-unit)) calc(4.4* var(--base-unit));
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-sustainability__container {
		padding-inline: calc(4* var(--base-unit));
	}
}

.p-sustainability .p-sustainability-link {
	margin-top: calc(4* var(--base-unit));
	padding-inline: 8.3%;
}

@media screen and (max-width: 767px) {
	.p-sustainability .p-sustainability-link {
		margin-top: calc(3* var(--base-unit));
		padding-inline: calc(1.6* var(--base-unit));
	}
}

.p-sustainability .p-sustainability-link .p-sustainability-link__item a {
	display: inline;
	border-bottom: none;
  background: linear-gradient(#333, #333) 0 100%/0 1px no-repeat;
  transition: background .4s;
}

@media screen and (min-width: 768px) {
	.p-sustainability .p-sustainability-link .p-sustainability-link__item a:hover {
		color: initial;
        background-color: initial;
    }
    .p-sustainability .p-sustainability-link .p-sustainability-link__item a:hover {
      background-size: 100% 1px;
    }
}

.p-sustainability .p-link01__txt {
	display: block;
	font-size: calc(1.4 * var(--base-unit));
    line-height: calc(32 / 14);
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	.p-sustainability .p-link01__txt {
		line-height: calc(24 / 14);
	}
}
@media screen and (max-width: 767px) {
	.p-sustainability .p-link01__txt+a {
		margin-top: calc(.5 * var(--base-unit));
	}
}

.p-sustainability .p-link01 {
	margin-top: calc(2.5* var(--base-unit));
}

@media screen and (max-width: 767px) {
	.p-sustainability .p-link01 {
		margin-top: calc(1.7* var(--base-unit));
	}
}

.p-sustainability-block {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 3.984063745%;
    margin-inline: auto;
	padding-inline: calc(8* var(--base-unit)) calc(10* var(--base-unit));
    /* max-width: calc(127 * var(--base-unit)); */
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.p-sustainability-block {
		padding-inline: calc(5* var(--base-unit));
	}
}

@media screen and (max-width: 767px) {
	.p-sustainability-block {
		flex-direction: column-reverse;
		padding: 0;
	}
}
.p-sustainability-block__img {
	flex-shrink: 0;
    width: calc(16.7 * var(--base-unit));
}

.p-sustainability-block__img img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

@media screen and (max-width: 767px) {
	.p-sustainability-block__img {
		margin-top: calc(1.4 * var(--base-unit));
		width: calc(10.4 * var(--base-unit));
	}
}
.p-sustainability-block__ttl-main {
    display: block;
    font-size: calc(5 * var(--base-unit));
    line-height: 1.44;
    letter-spacing: 0.1em;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
	.p-sustainability-block__ttl-main {
		text-align: center;
		font-size: calc(2.8 * var(--base-unit));
		line-height: 1.37;
		letter-spacing: 0.12em;
	}
}
.p-sustainability-block__ttl-en {
    display: block;
    margin-top: calc(0.8 * var(--base-unit));
    font-size: calc(2 * var(--base-unit));
    line-height: 1.5;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	.p-sustainability-block__ttl-en {
		margin-top: 0;
		text-align: center;
		font-size: calc(1.6 * var(--base-unit));
		line-height: 1.25;
	}
}
.p-sustainability-block__txt {
    margin-top: calc(3 * var(--base-unit));
    font-size: calc(1.8 * var(--base-unit));
    line-height: 1.6111111111;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
	.p-sustainability-block__txt {
		margin-top: calc(2 * var(--base-unit));
		font-size: calc(1.5 * var(--base-unit));
		line-height: 1.6;
		letter-spacing: 0.04em;
	}
}

.p-sustainability-cp__container {
    padding: calc(11 * var(--base-unit)) 7.8125% calc(13.2 * var(--base-unit));
    background: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/img_bg.png) center/cover repeat-x;
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__container {
		padding: calc(4 * var(--base-unit)) calc(2 * var(--base-unit));
    }
}

.p-sustainability-cp__ttl {
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
}
.p-sustainability-cp__ttl-main {
	display: block;
    text-align: center;
    font-size: calc(5 * var(--base-unit));
    line-height: 1.44;
    letter-spacing: 0.1em;
    font-weight: 300;
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__ttl-main {
        font-size: calc(2.8 * var(--base-unit));
        line-height: 1.2857142857;
        letter-spacing: 0.12em;
    }
}
.p-sustainability-cp__ttl-en {
	display: block;
	margin-top: calc(0.8 * var(--base-unit));
    text-align: center;
    font-size: calc(2 * var(--base-unit));
    line-height: 1.5;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__ttl-en {
        font-size: calc(1.6 * var(--base-unit));
        line-height: 1.25;
    }
}
.p-sustainability-cp__txt {
    text-align: center;
    margin-top: calc(3 * var(--base-unit));
    margin-inline: auto;
    font-size: calc(1.8 * var(--base-unit));
    line-height: 1.6111111111;
    letter-spacing: 0.03em;
    max-width: var(--width-contents);
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__txt {
        margin-top: calc(2 * var(--base-unit));
        -moz-text-align-last: left;
             text-align-last: left;
        font-size: calc(1.5 * var(--base-unit));
        line-height: 1.6;
        letter-spacing: 0.04em;
    }
}
.p-sustainability-cp__body {
    margin: calc(6 * var(--base-unit)) auto 0;
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__body {
		margin: calc(2 * var(--base-unit)) auto 0;
    }
}
.p-sustainability-cp__link {
    display: flex;
    align-items: center;
	margin-inline: auto;
    padding: calc(6 * var(--base-unit)) min(100px,5.3333333333%) calc(5 * var(--base-unit));
    max-width: 1200px;
    background-color: #fff;
	box-sizing: border-box;
	transition: background-color 0.3s ease 0s;
}

@media screen and (min-width: 768px) {
    .p-sustainability-cp__link:hover {
        background-color: #a22041;
    }
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__link {
		flex-direction: column;
		padding: calc(3 * var(--base-unit)) calc(1.6 * var(--base-unit));
    }
}

.p-sustainability-cp__list {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(2 * var(--base-unit)) calc(3 * var(--base-unit));
    width: 50%;
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__list {
		width: 100%;
		gap: calc(2 * var(--base-unit));
    }
}

.p-sustainability-cp__item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	align-items: center;
}
.p-sustainability-cp__icon {
    position: relative;
    width: calc(10 * var(--base-unit));
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__icon {
        width: calc(6.4 * var(--base-unit));
    }
}
.p-sustainability-cp__icon-img {
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
    .p-sustainability-cp__link:hover .p-sustainability-cp__icon-img {
        opacity: 0;
    }
}
.p-sustainability-cp__icon-img-hover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
    .p-sustainability-cp__link:hover .p-sustainability-cp__icon-img-hover {
        opacity: 1;
    }
}
.p-sustainability-cp__list-txt {
    margin-top: calc(2 * var(--base-unit));
    text-align: center;
    font-size: calc(1.6 * var(--base-unit));
    line-height: 1.625;
    letter-spacing: 0.1em;
	transition: color 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__list-txt {
        margin-top: calc(1 * var(--base-unit));
        font-size: calc(1.5 * var(--base-unit));
        line-height: 1.6;
        letter-spacing: 0.04em;
    }
}

@media screen and (min-width: 768px) {
    .p-sustainability-cp__link:hover .p-sustainability-cp__list-txt {
        color: #fff;
    }
}

.p-sustainability-cp__content {
	width: 50%;
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__content {
		margin-top: calc(2.5 * var(--base-unit));
		width: 100%;
    }
}

.p-sustainability-cp__link-txt {
	display: grid;
	grid-template-columns: 1fr calc(2.8 * var(--base-unit));
	justify-content: center;
	align-items: center;
	-moz-column-gap: calc(1.2 * var(--base-unit));
		 column-gap: calc(1.2 * var(--base-unit));
	margin-inline: auto;
	padding-left: 15%;
	width: fit-content;
    font-size: calc(2 * var(--base-unit));
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-weight: 500;
    transition: color 0.3s ease 0s;
}

@media screen and (max-width: 767px) {
    .p-sustainability-cp__link-txt {
        grid-template-columns: 1fr calc(3 * var(--base-unit));
        -moz-column-gap: 0.5em;
             column-gap: 0.5em;
		padding-left: 0;
        font-weight: 500;
        font-size: calc(1.7 * var(--base-unit));
        letter-spacing: 0.12em;
        font-weight: 300;
    }
}
.p-sustainability-cp__link-txt::after {
    content: "";
    display: block;
    width: calc(2.8 * var(--base-unit));
    height: calc(2.8 * var(--base-unit));
    background-color: #666;
    -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_arrow.svg) no-repeat center center/contain;
            mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_arrow.svg) no-repeat center center/contain;
    transition: background-color 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
    .p-sustainability-cp__link-txt::after {
        width: calc(3 * var(--base-unit));
        height: calc(3 * var(--base-unit));
    }
}
@media screen and (min-width: 768px) {
    .p-sustainability-cp__link:hover .p-sustainability-cp__link-txt {
        color: #fff;
    }
    .p-sustainability-cp__link:hover .p-sustainability-cp__link-txt::after {
        background-color: #fff;
    }
}

/* ---------- サステナビリティウェブサイト追加 ---------- */

/* サステナビリティトップ検索フォーム */
.p-sustainability-search {
  background-color: #F7F7F8;
  padding: calc(3 * var(--base-unit)) 0;
  display: flex;
  justify-content: center;
}
.p-sustainability-search form  {
  position: relative;
}
.p-sustainability-search__icon {
  position: absolute;
  left: calc(1.6 * var(--base-unit));
  top: 50%;
  translate: 0 -50%;
  background: url(https://www.mitsubishicorp.com/jp/assets_r24/images/special_modules/ico_search_01.svg) center / contain no-repeat;
  width: calc(2.8 * var(--base-unit));
  height: calc(2.8 * var(--base-unit));
  z-index: 1;
}
.p-sustainability-search fieldset {
  all: unset;
  margin-inline: auto;
  display: flex;
  column-gap: calc(2 * var(--base-unit));
}
.p-sustainability-search legend {
  all: unset;
  position: fixed;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.p-sustainability-search input[type="text"] {
  box-sizing: border-box;
  border:1px solid #ccc;
  padding: calc(2 * var(--base-unit)) calc(2 * var(--base-unit)) calc(2 * var(--base-unit)) calc(5 * var(--base-unit));
  font-size: calc(2 * var(--base-unit));
  font-family: inherit;
  letter-spacing: 0.05em;
  height: calc(6 * var(--base-unit));
  vertical-align: bottom;
  width: calc(950 / 1920 * 100vw);
}

.p-sustainability-search input[type="reset"] {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: -1;
}
.p-sustainability-search input[type="submit"] {
  border: none;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: calc(1.6 * var(--base-unit)) calc(1.8 * var(--base-unit));
  font-size: calc(2 * var(--base-unit));
  font-family: inherit;
  letter-spacing: 0.05em;
  height: calc(6 * var(--base-unit));
}

@media screen and (max-width: 767px) {
  .p-sustainability-search fieldset {
    column-gap: calc(1 * var(--base-unit));
  }
  .p-sustainability-search {
    padding: calc(2 * var(--base-unit));
  }
  .p-sustainability-search__icon {
    width: calc(2.4 * var(--base-unit));
    height: calc(2.4 * var(--base-unit));
  }
  .p-sustainability-search input[type="text"] {
    font-size: calc(1.6 * var(--base-unit));
    width: calc(25.5 * var(--base-unit));
    padding: calc(1.6 * var(--base-unit)) calc(1.6 * var(--base-unit)) calc(1.6 * var(--base-unit)) calc(5 * var(--base-unit));
  }
  .p-sustainability-search input[type="submit"] {
    padding: calc(1.6 * var(--base-unit)) calc(1.8 * var(--base-unit));
    font-size: calc(1.6 * var(--base-unit));
  }
}


/* p-sustainability__panel-gallery */
.p-sustainability__panel-gallery {
  margin-top: calc(5 * var(--base-unit));
}
.p-sustainability__panel02 {
  margin-top: calc(5 * var(--base-unit));
}
@media screen and (max-width: 767px) {
  .p-sustainability__panel-gallery {
    margin-top: calc(3 * var(--base-unit));
  }
  .p-sustainability__panel-gallery .p-panel01__img {
    place-content: revert;
  }
}



/* p-sustainability__news */
.p-sustainability__news {
margin-top: calc(10 * var(--base-unit));
}
.p-sustainability__news-title {
  margin-bottom: calc(3 * var(--base-unit));
}
.p-sustainability__news--no-pointer {
  pointer-events: none;
}
.p-sustainability__news .c-list1__description {
  color: #000;
}
.c-list1__hit:hover :where(.c-list1__description),
.c-list1__hit:focus-visible :where(.c-list1__description) {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  color: #A22041;
}
@media screen and (max-width: 767px) {
  .p-sustainability__news {
    margin-top: calc(6 * var(--base-unit));
    }
  .p-sustainability__news-title {
    margin-bottom: calc(1 * var(--base-unit));
  }
}

.p-sustainability__news-search-link {
    margin-top: 20px;
    text-align: right;
}

@media screen and (max-width: 767px) {
  .p-sustainability__news-search-link {
    margin-top: calc(27 * var(--mc--quantity--of-design--horizontal));
  }
}

.p-sustainability__news-search-link a {
  display: inline grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: auto;
  align-items: center;
  letter-spacing: 0.1em;
  color: #0f2350;
  column-gap: 8px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .p-sustainability__news-search-link a {
    column-gap: calc(10 * var(--mc--quantity--of-design--horizontal));
    font-size: calc(18 * var(--mc--quantity--of-design--horizontal));
  }
}
.p-sustainability__news-search-link a::before,
.p-sustainability__news-search-link a::after {
  content: "";
  grid-area: 1/1/2/2;
  width: 32px;
  height: 32px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.p-sustainability__news-search-link a::before {
  background-color: #0F2350;
  mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_4.svg") no-repeat center center/contain;
}

.p-sustainability__news-search-link a::after {
  box-sizing: border-box;
  border-radius: 100vw;
  border: solid 2px #0F2350;
  background-color: transparent;
  transition-property: border-color, background-color;
}


@media screen and (max-width: 767px) {
  .p-sustainability__news-search-link a::before,
  .p-sustainability__news-search-link a::after {
    width: calc(20 * var(--mc--quantity--of-design--horizontal));
    height: calc(20 * var(--mc--quantity--of-design--horizontal));
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .p-sustainability__news-search-link a::before {
    transition-property: background-color;
  }
}

@media screen and (min-width: 768px) {
  .p-sustainability__news-search-link a:hover {
    color: #a22041;
  }
  
  .p-sustainability__news-search-link a:hover::before,
  .p-sustainability__news-search-link a:hover::after {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  .p-sustainability__news-search-link a:hover::before {
    background-color: #FFF;
  }
  
  .p-sustainability__news-search-link a:hover::after {
    border-color: #a22041;
    background-color: #a22041;
  }
}

/* p-sustainability-se */
.p-sustainability-se {
  padding: calc(10 * var(--base-unit)) 0;
}
.p-sustainability-se-inner {
  width: var(--width-contents);
  margin-inline: auto;
}
.p-sustainability-se-title {
  margin-top: 0;
  margin-bottom: calc(6 * var(--base-unit));
}

.p-sustainability-se-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: calc(2.5 * var(--base-unit));
}
.p-sustainability-se-list img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .p-sustainability-se {
    padding: calc(4 * var(--base-unit)) 0;
    margin-top: calc(3 * var(--base-unit));
  }
  .p-sustainability-se-title {
    margin-bottom: calc(2 * var(--base-unit));
  }
  .p-sustainability-se-list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: calc(1 * var(--base-unit));
    }
}


/* sustainability 追記 */
.c-links{
  padding-top: calc(8 * var(--base-unit));
  padding-bottom: calc(8 * var(--base-unit));
}
.c-links__txt1 {
  align-items: flex-start;
  /* line-height: calc(32.4 / 18); */
}
.c-links__panel1 a .c-links__img1 {
  overflow: hidden;
  border: 1px #D5D5D5 solid;
}
.c-links__panel1 a .c-links__img1 img {
  transition: 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
  .c-links__txt1 {
    align-items: center;
  }
  .c-links__txt1::before {
    content: "";
    margin-top: calc(0.3 * var(--base-unit));
  }
  .c-links__txt1::after {
    content: "";
    margin-top: calc(0.3 * var(--base-unit));
  }
}
@media screen and (min-width: 768px) {
  .c-links__txt1 {
    line-height: calc(32.4 / 18);
  }
  .c-links__txt1::before {
    content: "";
    margin-top: calc(-0.2 * var(--base-unit));
  }
  .c-links__txt1::after {
    content: "";
    margin-top: calc(-0.2 * var(--base-unit));
  }
  a:hover .c-links__txt1 {
    color: #a22041;
  }
  .c-links__panel1 a:hover .c-links__img1 img {
      transform: scale(1.1);
      transition: 0.3s ease 0s;
  }
}

.p-pickup {
  --mc-gallery2--color-for-hide: #F7F7F8;
  background-color: #F7F7F8;
}
@media screen and (width < 768px) {
  .p-pickup {
    padding-top: calc(32 * var(--mc--quantity--of-design--horizontal));
    padding-left: var(--mc-layout--offset--of-outer-left);
    padding-right: var(--mc-layout--offset--of-outer-right);
  }
}
@media screen and (width >=768px) and (width < 1200px) {
  .p-pickup {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
    padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
  }
}
@media screen and (width >=1200px) and (width < 1440px) {
  .p-pickup {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
    padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
  }
}
@media print {
  .p-pickup {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
    padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
  }
}
@media screen and (width >=1440px) {
  .p-pickup {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
    padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
  }
}


@media screen and (min-width: 768px) {
  .p-btn01--thick a {
      min-height: calc(9.4* var(--base-unit));
  }
}

.p-btn01--white a{
  background: #fff;
  color: #333;
  border: #0F2350 solid calc(0.1 * var(--base-unit));
}
.p-btn01--white a:after {
  content: '';
  mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_7.svg) no-repeat center center / contain;
  background: #333;
}
@media screen and (min-width: 768px) {
  .p-btn01--white a:hover {
    background: #a22041;
    color: #fff;
    border-color: #a22041;
  }
  .p-btn01--white a:hover:after {
    content: '';
    filter: brightness(0) invert(1);
  }
}
.p-sustainability-contribution-library-list {
  margin: calc(4 * var(--base-unit)) auto 0;
  width: var(--width-contents);
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list {
      margin-top: calc(2 * var(--base-unit));
  }
}
.p-sustainability-contribution-library-list__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__list {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list {
      display: block;
  }
}
.p-sustainability-contribution-library-list__list-item {
  background-color: #fff;
  border-right: 1px solid #D5D5D5;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__list-item:nth-of-type(n+3) {
      border-top: 1px solid #D5D5D5;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list-item:nth-of-type(n+3) {
      border: 0;
  }
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__list-item:nth-of-type(3) {
      border-left: 1px solid #D5D5D5;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list-item:nth-of-type(3) {
      border: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list-item {
      border: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__list-item:first-of-type {
      border-left: 1px solid #D5D5D5;
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list-item:first-of-type {
      border: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__list-item:hover .p-sustainability-contribution-library-list__icon {
      background: #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__list-item + .p-sustainability-contribution-library-list__list-item {
      margin-top: calc(0.6 * var(--base-unit));
  }
} 
.p-sustainability-contribution-library-list__link {
  display: grid;
  padding-block: calc(5 * var(--base-unit)) calc(5.6 * var(--base-unit));
  padding-inline: calc(0.5 * var(--base-unit));
  transition: background-color 0.3s ease 0s;
  gap: calc(4 * var(--base-unit));
}
@media print, screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__link {
      justify-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__link {
      align-items: center;
      grid-template-columns: calc(4.8 * var(--base-unit)) 1fr;
      -moz-column-gap: calc(2.1 * var(--base-unit));
           column-gap: calc(2.1 * var(--base-unit));
      padding: calc(1.6 * var(--base-unit)) calc(1.6 * var(--base-unit)) calc(1.6 * var(--base-unit)) calc(1.2 * var(--base-unit));
  }
}
@media screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__link:hover {
      background-color: #a22041;
  }
}
.p-sustainability-contribution-library-list__icon {
  position: relative;
  display: block;
  width: calc(10 * var(--base-unit));
  height: calc(10 * var(--base-unit));
  transition: background-color 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__icon {
      width: calc(3.9 * var(--base-unit));
      height: calc(3.9 * var(--base-unit));
  }
}
.p-sustainability-contribution-library-list__icon--1 {
  background: #0F2350;
  -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-1.svg) no-repeat center center/contain;
          mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-1.svg) no-repeat center center/contain;
}
.p-sustainability-contribution-library-list__icon--2 {
  background: #0F2350;
  -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-2.svg) no-repeat center center/contain;
          mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-2.svg) no-repeat center center/contain;
}
.p-sustainability-contribution-library-list__icon--3 {
  background: #0F2350;
  -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-3.svg) no-repeat center center/contain;
          mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-3.svg) no-repeat center center/contain;
}
.p-sustainability-contribution-library-list__icon--4 {
  background: #0F2350;
  -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-4.svg) no-repeat center center/contain;
          mask: url(https://www.mitsubishicorp.com/jp/ja/sustainability/assets_r24/images/icon_link_hover-4.svg) no-repeat center center/contain;
}
.p-sustainability-contribution-library-list__txt-wrap {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__txt-wrap {
      width: 100%;
  }
}
.p-sustainability-contribution-library-list__txt-wrap--1::after {
  right: calc(-2.9 * var(--base-unit));
}
.p-sustainability-contribution-library-list__txt-wrap--2::after {
  right: calc(-4 * var(--base-unit));
}
.p-sustainability-contribution-library-list__txt-wrap--3::after {
  right: calc(-2.6 * var(--base-unit));
}
.p-sustainability-contribution-library-list__txt-wrap--4::after {
  right: calc(-3.6 * var(--base-unit));
}
.p-sustainability-contribution-library-list__txt-wrap--4 .p-sustainability-contribution-library-list__txt {
  margin-left: -1em;
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__txt-wrap--4 .p-sustainability-contribution-library-list__txt {
      margin-left: 0;
  }
}
.p-sustainability-contribution-library-list__txt-wrap::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(2.8 * var(--base-unit));
  height: calc(2.8 * var(--base-unit));
  background-color: #666;
  -webkit-mask: url(https://www.mitsubishicorp.com/jp/ja/ir/shareholder/assets_r24/images/icon_arrow.svg) no-repeat center center/contain;
          mask: url(https://www.mitsubishicorp.com/jp/ja/ir/shareholder/assets_r24/images/icon_arrow.svg) no-repeat center center/contain;
  transition: background-color 0.3s ease 0s;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__txt-wrap::after {
      width: calc(2.2 * var(--base-unit));
      height: calc(2.2 * var(--base-unit));
      right: 0 !important;
  }
}
.p-sustainability-contribution-library-list__link:hover .p-sustainability-contribution-library-list__txt-wrap::after {
  background-color: #fff;
}
.p-sustainability-contribution-library-list__txt {
  -moz-column-gap: calc(1.2 * var(--base-unit));
       column-gap: calc(1.2 * var(--base-unit));
  font-size: min(20px, 1.3333333333vw);
  letter-spacing: 0.1em;
  line-height: 1.3;
  transition: color 0.3s ease 0s;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__txt {
      font-size: calc(2 * var(--base-unit));
  }
}
@media screen and (max-width: 767px) {
  .p-sustainability-contribution-library-list__txt {
      display: block;
      font-weight: 500;
      font-size: calc(1.7 * var(--base-unit));
      text-align: left;
  }
}
.p-sustainability-contribution-library-list__txt--s {
  font-size: min(18px, 1.2vw);
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__txt--s {
      font-size: calc(1.8 * var(--base-unit));
  }
}
@media screen and (max-width: 1199px) {
  .p-sustainability-contribution-library-list__txt--s {
      font-size: calc(1.7 * var(--base-unit));
  }
}
@media screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__link:hover .p-sustainability-contribution-library-list__txt {
      color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .p-sustainability-contribution-library-list__txt-wrap--1{
    margin-left: calc(-3.5* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--2{
    margin-left: calc(-4.5* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--3{
    margin-left: calc(-3.5* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--4{
    margin-left: calc(-1* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--1::after {
    right: calc(-3.8* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--2 {
    margin-left: calc(-4.5* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--2 {
    margin-left: calc(-4.5* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--3::after {
    right: calc(-3.9* var(--base-unit));
  }
  .p-sustainability-contribution-library-list__txt-wrap--4::after {
    right: calc(-3.8* var(--base-unit));
  }
}