.p-about__img1 :where(img, picture),
.p-access__img1 :where(figure) :where(img, picture) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: top;
}

@layer component {
  /* .c-hero */

  @media screen and (max-width: 767px) {
    .c-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w768%402x.webp") 2x,
          url("../webp/index-hero_img_1-w768.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w768.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w1200%402x.webp") 2x,
          url("../webp/index-hero_img_1-w1200.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1200.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w1920%402x.webp") 2x,
          url("../webp/index-hero_img_1-w1920.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media print {
    .c-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w1920%402x.webp") 2x,
          url("../webp/index-hero_img_1-w1920.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media screen and (min-width: 1440px) {
    .c-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w1920%402x.webp") 2x,
          url("../webp/index-hero_img_1-w1920.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1920.jpg") type("image/jpeg"));
    }
  }

  /* .p-about */

  @media screen and (max-width: 767px) {
    .p-about {
      padding-top: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(40 * var(--mc--quantity--of-design--horizontal));
      padding-left: var(--mc-layout--offset--of-outer-left);
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about {
      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));
      position: relative;
      z-index: 0;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about {
      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));
      position: relative;
      z-index: 0;
    }
  }

  @media print {
    .p-about {
      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));
      position: relative;
      z-index: 0;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about {
      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));
      position: relative;
      z-index: 0;
    }
  }


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

    .p-about:has(a:focus),
    .p-about:has(a:hover) {
      color: #FFF;
    }
  }


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

    .p-about:has(a:focus),
    .p-about:has(a:hover) {
      color: #FFF;
    }
  }

  @media print {

    .p-about:has(a:focus),
    .p-about:has(a:hover) {
      color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-about:has(a:focus),
    .p-about:has(a:hover) {
      color: #FFF;
    }
  }

  .p-about .p-about__hd1 {
    margin-bottom: calc(5 * var(--base-unit));
  }

  @media screen and (max-width: 767px) {
    .p-about .p-about__hd1 {
      margin-bottom: revert;
    }
  }

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

    .p-about:has(a:focus) .p-about__hd1::after,
    .p-about:has(a:hover) .p-about__hd1::after {
      color: #FFF;
    }
  }


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

    .p-about:has(a:focus) .p-about__hd1::after,
    .p-about:has(a:hover) .p-about__hd1::after {
      color: #FFF;
    }
  }

  @media print {

    .p-about:has(a:focus) .p-about__hd1::after,
    .p-about:has(a:hover) .p-about__hd1::after {
      color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-about:has(a:focus) .p-about__hd1::after,
    .p-about:has(a:hover) .p-about__hd1::after {
      color: #FFF;
    }
  }


  @media screen and (max-width: 767px) {
    .p-about__list1 :where(li) {
      display: grid;
      grid-template-columns: 1fr calc(120 * var(--mc--quantity--of-design--horizontal));
      position: relative;
      z-index: 0;
    }
  }


  @media screen and (max-width: 767px) {
    .p-about__list1 :where(li:not(:last-child)) {
      margin-bottom: calc(20 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (max-width: 767px) {
    .p-about__hit1 {
      grid-area: 1/1/-1/-1;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__hit1 {
      display: block;
      box-sizing: border-box;
      padding-top: 50px;
      padding-bottom: 50px;
      position: relative;
      z-index: 0;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__hit1 {
      display: block;
      box-sizing: border-box;
      padding-top: 50px;
      padding-bottom: 50px;
      position: relative;
      z-index: 0;
    }
  }

  @media print {
    .p-about__hit1 {
      display: block;
      box-sizing: border-box;
      padding-top: 50px;
      padding-bottom: 50px;
      position: relative;
      z-index: 0;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__hit1 {
      display: block;
      box-sizing: border-box;
      padding-top: 50px;
      padding-bottom: 50px;
      position: relative;
      z-index: 0;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__hit1::after {
      content: "";
      display: block;
      border-bottom: solid 1px rgba(102, 102, 102, 0.6);
      position: absolute;
      inset: 0;
      z-index: -1;
      background-color: rgba(0, 0, 0, 0);
    }
    .p-about__list1 li:first-child .p-about__hit1::after {
      border-top: solid 1px rgba(102, 102, 102, 0.6);
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__hit1::after {
      content: "";
      display: block;
      border-bottom: solid 1px rgba(102, 102, 102, 0.6);
      position: absolute;
      inset: 0;
      z-index: -1;
      background-color: rgba(0, 0, 0, 0);
    }
    .p-about__list1 li:first-child .p-about__hit1::after {
      border-top: solid 1px rgba(102, 102, 102, 0.6);
    }
  }

  @media print {
    .p-about__hit1::after {
      content: "";
      display: block;
      border-bottom: solid 1px rgba(102, 102, 102, 0.6);
      position: absolute;
      inset: 0;
      z-index: -1;
      background-color: rgba(0, 0, 0, 0);
    }
    .p-about__list1 li:first-child .p-about__hit1::after {
      border-top: solid 1px rgba(102, 102, 102, 0.6);
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__hit1::after {
      content: "";
      display: block;
      border-bottom: solid 1px rgba(102, 102, 102, 0.6);
      position: absolute;
      inset: 0;
      z-index: -1;
      background-color: rgba(0, 0, 0, 0);
    }
    .p-about__list1 li:first-child .p-about__hit1::after {
      border-top: solid 1px rgba(102, 102, 102, 0.6);
    }
  }


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

    .p-about__hit1:focus::before,
    .p-about__hit1:hover::before {
      content: "";
      display: block;
      border-radius: 100vw;
      width: 8px;
      height: 8px;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -24px;
      background-color: #BF0C0C;
    }
  }


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

    .p-about__hit1:focus::before,
    .p-about__hit1:hover::before {
      content: "";
      display: block;
      border-radius: 100vw;
      width: 8px;
      height: 8px;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -24px;
      background-color: #BF0C0C;
    }
  }

  @media print {

    .p-about__hit1:focus::before,
    .p-about__hit1:hover::before {
      content: "";
      display: block;
      border-radius: 100vw;
      width: 8px;
      height: 8px;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -24px;
      background-color: #BF0C0C;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-about__hit1:focus::before,
    .p-about__hit1:hover::before {
      content: "";
      display: block;
      border-radius: 100vw;
      width: 8px;
      height: 8px;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -24px;
      background-color: #BF0C0C;
    }
  }


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

    .p-about__hit1:focus::after,
    .p-about__hit1:hover::after {
      border-bottom: solid 4px white;
      left: -50px;
      right: -50px;
      background-color: black;
    }
  }


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

    .p-about__hit1:focus::after,
    .p-about__hit1:hover::after {
      border-bottom: solid 4px white;
      left: -50px;
      right: -50px;
      background-color: black;
    }
  }

  @media print {

    .p-about__hit1:focus::after,
    .p-about__hit1:hover::after {
      border-bottom: solid 4px white;
      left: -50px;
      right: -50px;
      background-color: black;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-about__hit1:focus::after,
    .p-about__hit1:hover::after {
      border-bottom: solid 4px white;
      left: -50px;
      right: -50px;
      background-color: black;
    }
  }

  .p-about__txt1 {
    display: grid;
    align-items: center;
    font-weight: 100;
  }

  @media screen and (max-width: 767px) {
    .p-about__txt1 {
      grid-template-columns: 45vw 1fr;
      column-gap: calc(6 * var(--mc--quantity--of-design--horizontal));
      height: 100%;
      font-weight: 300;
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.12em;
      line-height: calc(2.3* var(--base-unit));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__txt1 {
      grid-template-columns: repeat(2, auto) 1fr;
      grid-auto-flow: column;
      column-gap: 20px;
      font-size: 40px;
      letter-spacing: 0.2em;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__txt1 {
      grid-template-columns: repeat(2, auto) 1fr;
      grid-auto-flow: column;
      column-gap: 20px;
      font-size: 40px;
      letter-spacing: 0.2em;
    }
  }

  @media print {
    .p-about__txt1 {
      grid-template-columns: repeat(2, auto) 1fr;
      grid-auto-flow: column;
      column-gap: 20px;
      font-size: 40px;
      letter-spacing: 0.2em;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__txt1 {
      grid-template-columns: repeat(2, auto) 1fr;
      grid-auto-flow: column;
      column-gap: 20px;
      font-size: 40px;
      letter-spacing: 0.2em;
    }
  }

  .p-about__txt1::before {
    content: "";
    aspect-ratio: 1;
    background-color: #000;
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg") no-repeat center/contain;
  }

  @media screen and (max-width: 767px) {
    .p-about__txt1::before {
      order: 1;
      width: calc(30 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__txt1::before {
      grid-column: 2/3;
      width: 40px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__txt1::before {
      grid-column: 2/3;
      width: 40px;
    }
  }

  @media print {
    .p-about__txt1::before {
      grid-column: 2/3;
      width: 40px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__txt1::before {
      grid-column: 2/3;
      width: 40px;
    }
  }


  @media screen and (max-width: 767px) {
    .p-about__txt1::after {
      display: none;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__txt1::after {
      grid-column: -1/-2;
      font-family: "Neue Helvetica";
      font-weight: 200;
      color: #D5D5D5;
      font-size: 44px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      text-align: right;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__txt1::after {
      grid-column: -1/-2;
      font-family: "Neue Helvetica";
      font-weight: 200;
      color: #D5D5D5;
      font-size: 44px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      text-align: right;
    }
  }

  @media print {
    .p-about__txt1::after {
      grid-column: -1/-2;
      font-family: "Neue Helvetica";
      font-weight: 200;
      color: #D5D5D5;
      font-size: 44px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      text-align: right;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__txt1::after {
      grid-column: -1/-2;
      font-family: "Neue Helvetica";
      font-weight: 200;
      color: #D5D5D5;
      font-size: 44px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      text-align: right;
    }
  }


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

    .p-about:has(a:focus) .p-about__txt1::before,
    .p-about:has(a:hover) .p-about__txt1::before {
      background-color: #FFF;
    }
  }


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

    .p-about:has(a:focus) .p-about__txt1::before,
    .p-about:has(a:hover) .p-about__txt1::before {
      background-color: #FFF;
    }
  }

  @media print {

    .p-about:has(a:focus) .p-about__txt1::before,
    .p-about:has(a:hover) .p-about__txt1::before {
      background-color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-about:has(a:focus) .p-about__txt1::before,
    .p-about:has(a:hover) .p-about__txt1::before {
      background-color: #FFF;
    }
  }


  @media screen and (max-width: 767px) {
    .p-about__img1 {
      grid-area: 1/-2/-1/-1;
      z-index: -1;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__img1 {
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0;
    }

    a:focus+.p-about__img1,
    a:hover+.p-about__img1 {
      opacity: 1;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__img1 {
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0;
    }

    a:focus+.p-about__img1,
    a:hover+.p-about__img1 {
      opacity: 1;
    }
  }

  @media print {
    .p-about__img1 {
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0;
    }

    a:focus+.p-about__img1,
    a:hover+.p-about__img1 {
      opacity: 1;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__img1 {
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: 0;
    }

    a:focus+.p-about__img1,
    a:hover+.p-about__img1 {
      opacity: 1;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about__img1::after {
      content: "";
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5);
      mix-blend-mode: multiply;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-about__img1::after {
      content: "";
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5);
      mix-blend-mode: multiply;
    }
  }

  @media print {
    .p-about__img1::after {
      content: "";
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5);
      mix-blend-mode: multiply;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-about__img1::after {
      content: "";
      display: block;
      position: absolute;
      inset: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.5);
      mix-blend-mode: multiply;
    }
  }

  /* .p-basic */
  .p-basic {
    background-size: cover;
    background-repeat: no-repeat;
  }

  @media screen and (max-width: 767px) {
    .p-basic {
      padding-top: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
      background-image: image-set(url("../webp/index-basic_bg_1-w768%402x.webp") 2x, url("../webp/index-basic_bg_1-w768.webp") type("image/webp"), url("../jpg/index-basic_bg_1-w768.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic {
      padding-top: 80px;
      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-basic {
      padding-top: 80px;
      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-basic {
      padding-top: 80px;
      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-basic {
      padding-top: 80px;
      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-basic {
      background-image: image-set(url("../webp/index-basic_bg_1-w1200%402x.webp") 2x, url("../webp/index-basic_bg_1-w1200.webp") type("image/webp"), url("../jpg/index-basic_bg_1-w1200.jpg") type("image/jpeg"));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic {
      background-image: image-set(url("../webp/index-basic_bg_1-w1920%402x.webp") 2x, url("../webp/index-basic_bg_1-w1920.webp") type("image/webp"), url("../jpg/index-basic_bg_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media print {
    .p-basic {
      background-image: image-set(url("../webp/index-basic_bg_1-w1920%402x.webp") 2x, url("../webp/index-basic_bg_1-w1920.webp") type("image/webp"), url("../jpg/index-basic_bg_1-w1920.jpg") type("image/jpeg"));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic {
      background-image: image-set(url("../webp/index-basic_bg_1-w1920%402x.webp") 2x, url("../webp/index-basic_bg_1-w1920.webp") type("image/webp"), url("../jpg/index-basic_bg_1-w1920.jpg") type("image/jpeg"));
    }
  }

  .p-basic__lst1 {
    display: grid;
  }

  .p-basic__lst1 a {
    display: block;
    width: 100%;
    height: 100%;
  }

  @media screen and (max-width: 767px) {
    .p-basic__lst1 {
      grid-template-columns: 100%;
      row-gap: calc(6 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__lst1 {
      gap: 1px;
      width: 100%;
      background-color: #D5D5D5;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__lst1 {
      gap: 1px;
      width: 100%;
      background-color: #D5D5D5;
    }
  }

  @media print {
    .p-basic__lst1 {
      gap: 1px;
      width: 100%;
      background-color: #D5D5D5;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__lst1 {
      gap: 1px;
      width: 100%;
      background-color: #D5D5D5;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__lst1 {
      grid-template-columns: repeat(2, 1fr);
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__lst1 {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media print {
    .p-basic__lst1 {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__lst1 {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .p-basic__pnl1 {
    display: grid;
    background-color: #FFF;
  }

  @media screen and (max-width: 767px) {
    .p-basic__pnl1 {
      grid-template-columns: calc(48 * var(--mc--quantity--of-design--horizontal)) 1fr;
      align-items: center;
      column-gap: calc(16 * var(--mc--quantity--of-design--horizontal));
      padding: calc(16 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__pnl1 {
      aspect-ratio: 440/250;
      grid-template-rows: repeat(2, auto);
      justify-items: center;
      transition-property: background-color, color;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
      box-sizing: border-box;
      padding: 2em 3em;
      width: 100%;
      height: 100%;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__pnl1 {
      aspect-ratio: 440/250;
      grid-template-rows: repeat(2, auto);
      justify-items: center;
      transition-property: background-color, color;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
      box-sizing: border-box;
      padding: 2em 3em;
      width: 100%;
      height: 100%;
    }
  }

  @media print {
    .p-basic__pnl1 {
      aspect-ratio: 440/250;
      grid-template-rows: repeat(2, auto);
      justify-items: center;
      transition-property: background-color, color;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__pnl1 {
      aspect-ratio: 440/250;
      grid-template-rows: repeat(2, auto);
      justify-items: center;
      transition-property: background-color, color;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }


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

    a:focus .p-basic__pnl1,
    a:hover .p-basic__pnl1 {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #A22041;
      color: #FFF;
    }
  }


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

    a:focus .p-basic__pnl1,
    a:hover .p-basic__pnl1 {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #A22041;
      color: #FFF;
    }
  }

  @media print {

    a:focus .p-basic__pnl1,
    a:hover .p-basic__pnl1 {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #A22041;
      color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {

    a:focus .p-basic__pnl1,
    a:hover .p-basic__pnl1 {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #A22041;
      color: #FFF;
    }
  }

  @media screen and (min-width: 768px) {
    a .p-basic__pnl1 :where(div), a .p-basic__pnl1 :where(div) {
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
    a:focus .p-basic__pnl1 :where(div), a:hover .p-basic__pnl1 :where(div) {
      filter: brightness(0) invert(1);
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__pnl1 :where(div) {
      align-self: end;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__pnl1 :where(div) {
      align-self: end;
    }
  }

  @media print {
    .p-basic__pnl1 :where(div) {
      align-self: end;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__pnl1 :where(div) {
      align-self: end;
    }
  }


  @media screen and (max-width: 767px) {
    .p-basic__pnl1 :where(div) :where(img) {
      width: 100%;
    }
  }

  .p-basic__pnl1 :where(figcaption) {
    display: grid;
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  @media screen and (max-width: 767px) {
    .p-basic__pnl1 :where(figcaption) {
      grid-template-columns: 1fr auto;
      row-gap: calc(6 * var(--mc--quantity--of-design--horizontal));
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
      line-height: 1.4117647059;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__pnl1 :where(figcaption) {
      align-self: start;
      grid-template-columns: repeat(2, auto);
      grid-template-rows: repeat(2, auto);
      align-items: center;
      justify-items: end;
      gap: 12px 10px;
      margin-top: 24px;
      font-size: 18px;
      text-align: center;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__pnl1 :where(figcaption) {
      align-self: start;
      grid-template-columns: repeat(2, auto);
      grid-template-rows: repeat(2, auto);
      align-items: center;
      justify-items: end;
      gap: 12px 10px;
      margin-top: 24px;
      font-size: 18px;
      text-align: center;
    }
  }

  @media print {
    .p-basic__pnl1 :where(figcaption) {
      align-self: start;
      grid-template-columns: repeat(2, auto);
      grid-template-rows: repeat(2, auto);
      align-items: center;
      justify-items: end;
      gap: 12px 10px;
      margin-top: 24px;
      font-size: 18px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__pnl1 :where(figcaption) {
      align-self: start;
      grid-template-columns: repeat(2, auto);
      grid-template-rows: repeat(2, auto);
      align-items: center;
      justify-items: end;
      gap: 12px 10px;
      margin-top: 24px;
      font-size: 18px;
    }
  }

  .p-basic__pnl1 :where(figcaption)::before,
  .p-basic__pnl1 :where(figcaption)::after {
    content: "";
  }

  .p-basic__pnl1 :where(figcaption)::before {
    background-color: #666;
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg") no-repeat center/contain;
  }

  @media screen and (max-width: 767px) {
    .p-basic__pnl1 :where(figcaption)::before {
      grid-area: 1/2/span 2/3;
      align-self: center;
      width: calc(22 * var(--mc--quantity--of-design--horizontal));
      height: calc(22 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__pnl1 :where(figcaption)::before {
      grid-area: 1/2/2/3;
      justify-self: start;
      width: 28px;
      height: 28px;
      transition: background-color 0.2s ease-in;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__pnl1 :where(figcaption)::before {
      grid-area: 1/2/2/3;
      justify-self: start;
      width: 28px;
      height: 28px;
      transition: background-color 0.2s ease-in;
    }
  }

  @media print {
    .p-basic__pnl1 :where(figcaption)::before {
      grid-area: 1/2/2/3;
      justify-self: start;
      width: 28px;
      height: 28px;
      transition: background-color 0.2s ease-in;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__pnl1 :where(figcaption)::before {
      grid-area: 1/2/2/3;
      justify-self: start;
      width: 28px;
      height: 28px;
      transition: background-color 0.2s ease-in;
    }
  }


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

    a:focus .p-basic__pnl1 :where(figcaption)::before,
    a:hover .p-basic__pnl1 :where(figcaption)::before {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #FFF;
    }
  }


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

    a:focus .p-basic__pnl1 :where(figcaption)::before,
    a:hover .p-basic__pnl1 :where(figcaption)::before {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #FFF;
    }
  }

  @media print {

    a:focus .p-basic__pnl1 :where(figcaption)::before,
    a:hover .p-basic__pnl1 :where(figcaption)::before {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {

    a:focus .p-basic__pnl1 :where(figcaption)::before,
    a:hover .p-basic__pnl1 :where(figcaption)::before {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
      background-color: #FFF;
    }
  }

  @media screen and (max-width: 767px) {
    .p-basic__pnl1 :where(figcaption)::after {
      font-size: calc(12 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.07em;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-basic__pnl1 :where(figcaption)::after {
      grid-area: 2/1/3/-1;
      justify-self: center;
      font-size: 16;
      letter-spacing: 0.11em;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-basic__pnl1 :where(figcaption)::after {
      grid-area: 2/1/3/-1;
      justify-self: center;
      font-size: 16;
      letter-spacing: 0.11em;
    }
  }

  @media print {
    .p-basic__pnl1 :where(figcaption)::after {
      grid-area: 2/1/3/-1;
      justify-self: center;
      font-size: 16;
      letter-spacing: 0.11em;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-basic__pnl1 :where(figcaption)::after {
      grid-area: 2/1/3/-1;
      justify-self: center;
      font-size: 16;
      letter-spacing: 0.11em;
    }
  }

  /* .p-overview */
  .p-overview {
    --mc-num-hero-columns: 2;
  }

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

    .p-overview__list1 img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    .p-overview__list1 :where(li:first-child) {
      grid-row: 1/span 2;
    }
  }


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

    .p-overview__list1 img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    .p-overview__list1 :where(li:first-child) {
      grid-row: 1/span 2;
    }
  }

  @media print {
    .p-overview__list1 {
      display: grid;
      grid-template-columns: 2fr repeat(2, 1fr);
      grid-template-rows: 50% 50%;
      height: 100%;
    }

    .p-overview__list1 img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    .p-overview__list1 :where(li:first-child) {
      grid-row: 1/span 2;
    }
  }

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

    .p-overview__list1 img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }

    .p-overview__list1 :where(li:first-child) {
      grid-row: 1/span 2;
    }
  }

  /* .p-project */

  @media screen and (max-width: 767px) {
    .p-project {
      padding-top: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(14 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-project {
      padding-top: 114px;
      padding-bottom: 100px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-project {
      padding-top: 114px;
      padding-bottom: 100px;
    }
  }

  @media print {
    .p-project {
      padding-top: 114px;
      padding-bottom: 100px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-project {
      padding-top: 114px;
      padding-bottom: 100px;
    }
  }


  @media screen and (max-width: 767px) {
    .p-project__ftr1 {
      display: none;
    }
  }


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


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

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

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

  /* .p-explore */

  @media screen and (max-width: 767px) {
    .p-explore {
      padding-top: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(30 * 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 (min-width: 768px) and (max-width: 1199px) {
    .p-explore__ttl1 {
      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-explore__ttl1 {
      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-explore__ttl1 {
      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-explore__ttl1 {
      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-innumbers */
  .p-innumbers {
    background-color: #FAFAFB;
  }

  @media screen and (max-width: 767px) {
    .p-innumbers {
      padding-top: calc(30 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(30 * 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 (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers {
      padding-top: 80px;
      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-innumbers {
      padding-top: 80px;
      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-innumbers {
      padding-top: 80px;
      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-innumbers {
      padding-top: 80px;
      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));
    }
  }

  .p-innumbers__lst1 {
    display: grid;
  }

  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 {
      grid-template-columns: 100%;
      row-gap: calc(30 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 {
      column-gap: var(--mc-layout--gap);
      margin-top: 60px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 {
      column-gap: var(--mc-layout--gap);
      margin-top: 60px;
    }
  }

  @media print {
    .p-innumbers__lst1 {
      column-gap: var(--mc-layout--gap);
      margin-top: 60px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 {
      column-gap: var(--mc-layout--gap);
      margin-top: 60px;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 {
      grid-template-columns: repeat(2, calc(var(--mc-layout--width-column) * 5 + var(--mc-layout--gap) * 4));
      row-gap: 60px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 {
      grid-template-columns: repeat(3, calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3));
    }
  }

  @media print {
    .p-innumbers__lst1 {
      grid-template-columns: repeat(3, calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3));
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 {
      grid-template-columns: repeat(3, calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3));
    }
  }


  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 :where(div) {
      text-align: center;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 :where(div) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr;
      justify-items: center;
      row-gap: 24px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(div) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr;
      justify-items: center;
      row-gap: 24px;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(div) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr;
      justify-items: center;
      row-gap: 24px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(div) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto 1fr;
      justify-items: center;
      row-gap: 24px;
    }
  }


  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 :where(div):nth-child(3) {
      display: none;
    }
  }

  .p-innumbers__lst1 :where(dt) {
    font-weight: 400;
    letter-spacing: 0.1em;
  }

  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 :where(dt) {
      margin-bottom: 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-innumbers__lst1 :where(dt) {
      font-size: 24px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(dt) {
      font-size: 24px;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(dt) {
      font-size: 24px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(dt) {
      font-size: 24px;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 :where(figure) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 1fr auto;
      justify-items: center;
      height: 100%;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(figure) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 1fr auto;
      justify-items: center;
      height: 100%;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(figure) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 1fr auto;
      justify-items: center;
      height: 100%;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(figure) {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 1fr auto;
      justify-items: center;
      height: 100%;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 :where(figure > div) {
      align-self: center;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(figure > div) {
      align-self: center;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(figure > div) {
      align-self: center;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(figure > div) {
      align-self: center;
    }
  }

  .p-innumbers__lst1 :where(figcaption) {
    font-weight: 400;
    letter-spacing: 0.1em;
  }

  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 :where(figcaption) {
      font-size: calc(22 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 :where(figcaption) {
      font-size: 28px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(figcaption) {
      font-size: 28px;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(figcaption) {
      font-size: 28px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(figcaption) {
      font-size: 28px;
    }
  }

  .p-innumbers__lst1 :where(figcaption > b) {
    font-family: "Neue Helvetica";
    font-weight: 400;
    letter-spacing: 0.02em;
  }

  @media screen and (max-width: 767px) {
    .p-innumbers__lst1 :where(figcaption > b) {
      font-size: calc(49 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-innumbers__lst1 :where(figcaption > b) {
      margin-right: 0.125em;
      font-size: 62px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-innumbers__lst1 :where(figcaption > b) {
      margin-right: 0.125em;
      font-size: 62px;
    }
  }

  @media print {
    .p-innumbers__lst1 :where(figcaption > b) {
      margin-right: 0.125em;
      font-size: 62px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-innumbers__lst1 :where(figcaption > b) {
      margin-right: 0.125em;
      font-size: 62px;
    }
  }


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


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


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

  @media print {
    .p-innumbers__trm1 {
      margin-top: 60px;
    }
  }

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

  /* .p-access */

  @media screen and (max-width: 767px) {
    .p-access {
      padding-top: calc(60 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(40 * 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 (min-width: 768px) and (max-width: 1199px) {
    .p-access {
      display: grid;
      grid-template-columns: 1fr calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3);
      column-gap: var(--mc-layout--gap);
      padding-top: 80px;
      padding-bottom: 120px;
      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-access {
      display: grid;
      grid-template-columns: 1fr calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3);
      column-gap: var(--mc-layout--gap);
      padding-top: 80px;
      padding-bottom: 120px;
      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-access {
      display: grid;
      grid-template-columns: 1fr calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3);
      column-gap: var(--mc-layout--gap);
      padding-top: 80px;
      padding-bottom: 120px;
      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-access {
      display: grid;
      grid-template-columns: 1fr calc(var(--mc-layout--width-column) * 4 + var(--mc-layout--gap) * 3);
      column-gap: var(--mc-layout--gap);
      padding-top: 80px;
      padding-bottom: 120px;
      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-access__hd1 {
      grid-column: 1/-1;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__hd1 {
      grid-column: 1/-1;
    }
  }

  @media print {
    .p-access__hd1 {
      grid-column: 1/-1;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__hd1 {
      grid-column: 1/-1;
    }
  }


  @media screen and (max-width: 767px) {
    .p-access__txt1 {
      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-access__txt1 {
      grid-column: 1/-1;
      margin-bottom: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__txt1 {
      grid-column: 1/-1;
      margin-bottom: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }

  @media print {
    .p-access__txt1 {
      grid-column: 1/-1;
      margin-bottom: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__txt1 {
      grid-column: 1/-1;
      margin-bottom: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }


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

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


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


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-access__img1 :where(figcaption) {
      margin-top: 10px;
      font-size: 14px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__img1 :where(figcaption) {
      margin-top: 10px;
      font-size: 14px;
    }
  }

  @media print {
    .p-access__img1 :where(figcaption) {
      margin-top: 10px;
      font-size: 14px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__img1 :where(figcaption) {
      margin-top: 10px;
      font-size: 14px;
    }
  }

  @media screen and (max-width: 767px) {
    .p-access__sct2:not(:last-child) {
      border-bottom: solid 1px #D5D5D5;
      padding-bottom: calc(32 * var(--mc--quantity--of-design--horizontal));
      margin-bottom: calc(32 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-access__sct2:not(:last-child) {
      margin-bottom: 30px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__sct2:not(:last-child) {
      margin-bottom: 30px;
    }
  }

  @media print {
    .p-access__sct2:not(:last-child) {
      margin-bottom: 30px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__sct2:not(:last-child) {
      margin-bottom: 30px;
    }
  }

  .p-access__hd2 {
    font-weight: 700;
  }

  @media screen and (max-width: 767px) {
    .p-access__hd2 {
      margin-bottom: calc(10 * var(--mc--quantity--of-design--horizontal));
      font-size: calc(18 * var(--mc--quantity--of-design--horizontal));
    }
  }


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


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

  @media print {
    .p-access__hd2 {
      margin-bottom: 10px;
      font-size: 20px;
    }
  }

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


  @media screen and (max-width: 767px) {
    .p-access__txt2 {
      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-access__txt2 {
      font-size: 16px;
      line-height: 1.8;
    }
  }


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

  @media print {
    .p-access__txt2 {
      font-size: 16px;
      line-height: 1.8;
    }
  }

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


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


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


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

  @media print {
    .p-access__trm2 {
      margin-top: 10px;
      font-size: 14px;
    }
  }

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


  @media screen and (max-width: 767px) {
    .p-access__txt3 {
      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-access__txt3 {
      margin-top: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__txt3 {
      margin-top: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }

  @media print {
    .p-access__txt3 {
      margin-top: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__txt3 {
      margin-top: 30px;
      font-size: 16px;
      line-height: 1.8;
    }
  }


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


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-access__trm1 {
      grid-column: 1/-1;
      margin-top: 60px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-access__trm1 {
      grid-column: 1/-1;
      margin-top: 60px;
    }
  }

  @media print {
    .p-access__trm1 {
      grid-column: 1/-1;
      margin-top: 60px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-access__trm1 {
      grid-column: 1/-1;
      margin-top: 60px;
    }
  }

  /* .p-pickup */
  .p-pickup {
    --mc-gallery2--color-for-hide: #F7F7F8;
    background-color: #F7F7F8;
  }

  @media screen and (max-width: 767px) {
    .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 (min-width: 768px) and (max-width: 1199px) {
    .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: 1200px) and (max-width: 1439px) {
    .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 (min-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));
    }
  }

}

@layer component {
  .p-access__trm2,
  .p-access__img1 figcaption {
    position: relative;
    width: fit-content;
  }
  .p-access__trm2 a::before,
  .p-access__img1 figcaption::before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: -4px;
    background-color: #333;
    transition: width 0.2s ease-in;
    width: 0;
  }
  .p-access__trm2 a:hover::before,
  .p-access__img1 figcaption:hover::before {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    width: 100%;
  }
}




@layer component {
  @media screen and (min-width: 1200px) {
    .p-basic__lst1--about {
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: repeat(2, 1fr);
    }
    .p-basic__lst1--about li:nth-of-type(1) {
      grid-area: 1 / 1 / 2 / 4;
    }
    .p-basic__lst1--about li:nth-of-type(2) {
      grid-area: 1 / 4 / 2 / 7;
    }
    .p-basic__lst1--about li:nth-of-type(3) {
      grid-area: 2 / 1 / 3 / 3;
    }
    .p-basic__lst1--about li:nth-of-type(4) {
      grid-area: 2 / 3 / 3 / 5;
    }
    .p-basic__lst1--about li:nth-of-type(5) {
      grid-area: 2 / 5 / 3 / 7;
    }

    .p-basic__lst1--about li:nth-of-type(1) .p-basic__pnl1,
    .p-basic__lst1--about li:nth-of-type(2) .p-basic__pnl1 {
      aspect-ratio: 600/250;
    }
    .p-basic__lst1--about li:nth-of-type(3) .p-basic__pnl1,
    .p-basic__lst1--about li:nth-of-type(4) .p-basic__pnl1,
    .p-basic__lst1--about li:nth-of-type(5) .p-basic__pnl1 {
      aspect-ratio: 400/250;
    }
  }

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

  @media screen and (max-width: 767px) {
    .p-about_link1 {
      margin-top: calc(27 * var(--mc--quantity--of-design--horizontal));
    }
  }
  
  @media print, screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about_link1 {
      margin-top: 40px;
    }
  }

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

  .p-about_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-about_link1 :where(a) {
      column-gap: calc(10 * var(--mc--quantity--of-design--horizontal));
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
    }
  }

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

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

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

  @media print, screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about_link1 :where(a)::before,
    .p-about_link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }
  @media screen and (min-width: 1200px) {
    .p-about_link1 :where(a)::before,
    .p-about_link1 :where(a)::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  .p-about_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 print, screen and (min-width: 768px) and (max-width: 1199px) {
    .p-about_link1 :where(a)::before {
      transition-property: background-color;
    }
  }

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

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


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

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

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

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

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

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


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

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

  /*ひと目でわかる*/
  .p-about-glance__wrap {
    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));
    margin-bottom: calc(6.3 * var(--base-unit));
  }
  .p-about-glance__content {
    position: relative;
    margin-top: calc(6.3 * var(--base-unit));
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    .p-about-glance__wrap {
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
    }
    .p-about-glance__content {
        display: none;
    }
  }
  .p-about-glance__content-link {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      position: relative;
  }
  .p-about-glance__content-link::before {
    content: "";
    position: absolute;
    bottom: 18px;
    right: 18px;
    display: block;
    width: calc(3.1 * var(--base-unit));
    height: calc(3.1 * var(--base-unit));
    box-sizing: border-box;
    border-radius: 100vw;
    border: solid 1px #D5D5D5;
    background-color: transparent;
    transition: border-color 0.3s;
  }
  .p-about-glance__content-link::after {
      content: "";
      position: absolute;
      bottom: 18px;
      right: 18px;
      display: block;
      width: calc(1.6 * var(--base-unit));
      height: calc(1.6 * var(--base-unit));
      margin: calc(0.75 * var(--base-unit));
      mask: url(../svg/ico_right.svg) no-repeat center center / contain;
      background-color: #666;
      transition: background-color 0.3s;
  }
  .p-about-glance__wrap .p-panel01 a .p-panel01__img {
    display: block;
  }
  .p-about-glance__wrap .p-panel01__img>img {
    width: 100%;
  }
  @media screen and (min-width: 768px) {
      .p-about-glance__content-link {
          transition: background-color 0.3s, border-color 0.3s, color 0.3s;
      }
      .p-about-glance__content-link:hover {
          color: #FFF;
          background-color: #A22041;
      }
      .p-about-glance__content-link:hover::after {
        background-color: #fff;
          /* filter: brightness(0) invert(1); */
      }
      .p-about-glance__content-link:hover .p-about-glance__content-wrap {
          border-color: #A22041;
      }
      .p-about-glance__content-link:hover::before {
        border-color: #fff;
      }
  }
  .p-about-glance__content-img {
      position: relative;
      max-width: calc(58 * var(--base-unit));
      width: 47.6666666667%;
      background-color: #F7F7F8;
      box-sizing: border-box;
      border: calc(0.4 * var(--base-unit)) solid #D5D5D5;
      will-change: auto;
  }
  .p-about-glance__content-img img {
      width: 100%;
      height: auto;
      -o-object-fit: contain;
        object-fit: contain;
      vertical-align: bottom;
  }
  .p-about-glance__content-img::before, .p-about-glance__content-img::after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translate(100%, -50%);
      z-index: 1;
  }
  .p-about-glance__content-img::before {
      right: 0; /* arrowの位置を調整 */
      border: 30px solid transparent;
      border-left-width: 30px;
      border-left-color: #D5D5D5; /* 矢印の色 */
  }
  .p-about-glance__content-img::after {
      right: 0; /* arrowの位置を調整 */
      border: 30px solid transparent;
      border-left-width: 30px;
      border-left-color: #F7F7F8; /* 矢印の内側の色（背景色） */
      margin-right: calc(0.5 * var(--base-unit)); /* 重なりを微調整 */
  }
  .p-about-glance__content-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 52.5%;
      border: calc(0.4 * var(--base-unit)) solid #D5D5D5;
      border-left: none;
      will-change: auto;
  }
  .p-about-glance__content-txt {
      display: block;
      text-align: center;
      font-size: min(5 * var(--base-unit), 4vw);
      font-weight: 300;
      letter-spacing: 0.2em;
      line-height: 1.6;
  }

  @media print, screen and (768px <= width) {
      .p-about-glance .p-panel01 {
          display: none;
      }
  }

  .p-about-movie__wrap {
    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-about-movie-box a {
    padding: calc(4 * var(--base-unit));
    background-color: #000;
    margin-bottom: calc(6.3 * var(--base-unit));
    transition: background 0.3s ease 0s;
  }
  .p-about-movie-box a:hover {
    background-color: #a22041;
    transition: background 0.3s ease 0s;
  }  
  
  .p-movie01 {
      position: relative;
      z-index: 1;
  }
  .p-about-movie-box .p-movie01>.p-movie01__item {
    width: calc(58.6 * var(--base-unit));
  }
  @media screen and (max-width: 767px) {
    .p-about-movie__wrap {
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
    }
    .p-about-movie-box .p-movie01>.p-movie01__item {
      width: 100%;
    }
    .p-about-movie__wrap .p-about-movie-box a {
      padding: calc(1.6* var(--base-unit));
    }
    .p-about-movie__wrap .p-movie01 {
      margin-top: 0;
    }
  }

  .p-about-movie-box_link-title {
    width: 100%;
    margin: auto;
    margin-top: calc(3* var(--base-unit));
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .p-about-movie-box_link-title {
      font-size: 16px;
      margin-top: calc(2.4* var(--base-unit));
    }
    .p-about-movie-box_link .p-txt01 {
      margin-top: calc(1.6* var(--base-unit));
    }
  }
  .p-about-movie-box_link-title span {
    display: inline-block;
  }
  .p-about-movie-box_link-title span::after {
    content: "";
    background-color: #fff;
    mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg) no-repeat center / contain;
    display: inline-block;
    vertical-align: calc(-0.25* var(--base-unit));
    width: calc(2* var(--base-unit));
    height: calc(2* var(--base-unit));
    margin-left: calc(0.8* var(--base-unit));
  }
  .p-about-movie-box_link-title span::before {
    content: "";
    background-color: #fff;
    mask: url(../svg/ico_video.svg) no-repeat center / contain;
    display: inline-block;
    vertical-align: calc(-1.25* var(--base-unit));
    width: calc(4* var(--base-unit));
    height: calc(4* var(--base-unit));
    margin-right: calc(0.8* var(--base-unit));
  }
  @media screen and (max-width: 767px) {
    .p-about-movie-box_link-title span::before {
      vertical-align: calc(-0.8* var(--base-unit));
      width: calc(2.6* var(--base-unit));
      height: calc(2.6* var(--base-unit));
    }
  }
  .p-txt01 .p-about-movie-box_link-text {
    width: 745px;
  }
  @media screen and (max-width: 767px) {
    .p-txt01 .p-about-movie-box_link-text {
      width: 100%;
    }
  }
  .p-about-movie-box_link a::after {
    background: #fff;
  }
  .p-about-movie-box_link .p-txt01{
    color: #fff;
  }
  .p-movie01__modal-grid img {
    width: 100%;
  }
  .p-about-movie-box .p-movie01__modal-link-icon {
    display: none;
  }

  .p-explore-link {
    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-explore-link .c-panel1__frame.u-hide--tb-pc {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .p-explore-link {
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
    }
    .p-explore-link .c-panel1__frame {
      border-bottom: var(--mc-panel--border--of-text, solid 1px #D5D5D5);
      background-color: var(--mc-panel--background-color--of-text--default, #FFF);
    }
    .p-explore-link .c-panel1__title {
      display: block grid;
      grid-template-columns: auto 1fr;
      grid-auto-flow: column;
      grid-auto-columns: auto;
      align-items: center;
      justify-items: start;
      column-gap: 0.5em;
      box-sizing: border-box;
      /* background-color: #000; */
      /* color: #FFF; */
      line-height: 1.6;
    }
    .p-explore-link .c-panel1__title::after {
      content: "";
      justify-self: end;
      aspect-ratio: 1;
      width: 1em;
      background-color: #000;
      mask: var(--mc-button-url-mark-after, url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg)) no-repeat center / contain;
    }
  }

  @media screen and (max-width: 767px) {
    .p-project__index-link {
      display: block;
      margin-top: 45px;
      margin-bottom: 35px;
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
    }
  }

  .p-explore-link .c-image1 {
    overflow: hidden;
    position: relative;
  }
  .p-explore-link .c-image1:is(picture) {
    display: block;
    width: 100%;
    height: 100%;    
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  .p-explore-link .c-image1 img {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
  }
  .p-explore-link a:hover .c-image1 img {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    scale: 1.1;
  }
  .p-explore-link .c-image1::after,
  .p-explore-link .c-image1::before {
    content: "";
    width: 32px;
    height: 32px;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .p-explore-link .c-image1::before {
    background-color: #666666;
    mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_4.svg) no-repeat center center / contain;
    z-index: 100;
  }
  .p-explore-link .c-image1::after {
    box-sizing: border-box;
    border-radius: 16px;
    border: solid 2px #D5D5D5;
    background-color: #fff;
  }
  .p-explore-link a:hover .c-image1::after {
    border-color: #fff;
    background-color: #A22041;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;

  }
  .p-explore-link a:hover .c-image1::before {
    background-color: #fff;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
  }
  @media screen and (max-width: 767px) { 
    .p-explore-link .c-image1::after,
    .p-explore-link .c-image1::before {
      content: none;
    }
  }

  @media print, screen and (min-width: 768px) {
    .p-about-movie-box .p-movie01__modal-link .p-movie01__item{
      overflow: hidden;
    }
    .p-about-movie-box .p-movie01__modal-link .p-movie01__item img {
        transition-duration: 0.3s;
    }
    .p-about-movie-box .p-movie01__modal-link:hover .p-movie01__item img {
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        scale: 1.1;
    }
  }

  .p-archive-carousel__txt-inner {
      position: relative;
      height: 100%;
  }
  .p-archive-carousel__txt-inner::after {
      position: absolute;
      content: "";
      display: block;
      aspect-ratio: 1;
      width: calc(35 / 606* 100%);
      background: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_3.svg) no-repeat center / contain;
      bottom: 0;
      right: 0;
  }
  .p-archive-carousel__ttl {
    font-size: calc(3.2* var(--base-unit));
    font-size: min(32px, 1.6666666667vw);
    line-height: 1.5625;
  }
  .p-archive-carousel__txt {
    margin-top: calc(2* var(--base-unit));
    font-size: min(16px, 0.8333333333vw);
    line-height: 1.8;
  }
  @media screen and (max-width: 767px) { 
    .p-archive-carousel__ttl {
      font-size: calc(2* var(--base-unit));
    }
    .p-archive-carousel__txt {
      font-size: calc(1.5* var(--base-unit));
    }
    .p-archive-carousel__txt-wrap {
      aspect-ratio: 335 / 306 !important;
    }
    .p-archive-carousel__txt-inner::after {
        width: calc(2* var(--base-unit));
    }
  }
  
  @media print, screen and (min-width: 768px) {
    .c-hero2--business .c-hero2__cover {
      padding: 0 calc(10% + 65px) 0 calc(10% + 65px);
    }
  }

}