@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("../webp/index-hero_img_1-w768%402x-2.webp") 2x,
          url("../webp/index-hero_img_1-w768-2.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w768-2.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("../webp/index-hero_img_1-w1200%402x-2.webp") 2x,
          url("../webp/index-hero_img_1-w1200-2.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1200-2.jpg") type("image/jpeg"));
    }
  }


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

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

  @media screen and (min-width: 1440px) {
    .p-hero {
      --mc-hero--imgset--of-background: image-set(url("../webp/index-hero_img_1-w1920%402x-2.webp") 2x,
          url("../webp/index-hero_img_1-w1920-2.webp") type("image/webp"),
          url("../jpg/index-hero_img_1-w1920-2.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:has(.p-hero__ara2-EurolandTool) {
    width: 486px;
  }

  @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);
    }
    .p-hero__ara2:has(.p-hero__ara2-EurolandTool) {
      width: inherit;
      margin-left: auto;
      margin-right: auto;
    }
  }


  @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 1fr;
      column-gap: var(--mc-layout--gap);
      row-gap: calc(4 * var(--base-unit));
    }
  }


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

  @media print {
    .c-links__panel1 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
      row-gap: calc(4 * var(--base-unit));
    }
  }

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

  .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));
      align-items: center;
    }
  }

  .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;
  }
  .c-links__txt1--long {
    align-items: start;
  }

  @media screen and (max-width: 767px) {
    .c-links__img1 {
      height: min-content;
    }
    .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));
    }
    .c-links__txt1--long {
      align-items: center;
    }
  }


  @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;
    }
  }

  .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 (min-width: 768px) and (max-width: 1199px) {
    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;
    }
  }


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

  @media print {
    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;
    }
  }

  @media screen and (min-width: 1440px) {
    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;
    }
  }


  @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 print, screen and (min-width: 768px) {
    .p-iil__list1 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 24px;
    }
  }

  @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%;
    }
  }


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

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

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

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


  @media print, screen and (min-width: 768px) {
    .p-iil__img3 {
      width: 100px;
    }
  }

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

  .p-iil__hd2 {
    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)) auto;
      margin: auto;
    }
  }

  @media print, screen and (min-width: 768px) {
    .p-iil__hd2 {
      /* margin-top: 20px; */
      font-size: 20px;
      margin: auto 0 auto 20px;
    }
  }

  @media screen and (min-width: 768px){
    .p-iil__hd2:hover,
    .p-iil__list2-link:hover {
      background-size: 100% 1px;
    }
  }

  .p-iil__list1 li a.p-iil__list1--hd {
    display: flex;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 10px;
    /* margin-right: 24px; */
  }
  @media screen and (max-width: 767px) {
    .p-iil__list1 li a.p-iil__list1--hd {
      display: block;
      border-bottom: none;
    }
  }

  .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;
    flex-shrink: 0;
    padding-bottom: 10px; */
    display: inline-block;
    vertical-align: text-bottom;
  }

  @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: 15px 50px;
  }

  @media screen and (max-width: 767px) {
    .p-iil__list2 {
      margin-top: calc(14 * var(--mc--quantity--of-design--horizontal));
      padding-left: calc(24 * 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 print, screen and (min-width: 1200px) {
    .p-iil__list2 {
      margin-top: 20px;
      padding-left: 40px;
      padding-right: 40px;
    }
  }


  @media screen and (min-width: 1200px) {
    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-ttl {
    font-weight: 500;
  }

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

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

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

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

  @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;
    }
  }

  .p-iil__list2 .p-iil__list2-link {
    display: inline;
    font-weight: 500;
    letter-spacing: 0.1em;
  }

  .p-iil__list2-link .p-link01 {
      margin-top: 0;
  }

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

  .p-iil__list2 .p-iil__list2-link--blank:after {
    content: "";
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_newwin_1.svg") no-repeat center center/contain;
    background: #000;
    display: inline-block;
    vertical-align: text-bottom;
  }

  .p-iil__list2 .p-iil__list2-link--col {
    align-items: start;
    flex-direction: column; 
  }

  .p-iil__list2 .p-iil__list2-link--pdf:after {
    content: "";
    mask: url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_pdf_1.svg") no-repeat center center/contain;
    background: #000;
    display: inline-block;
    vertical-align: text-bottom;
  }

  @media screen and (min-width: 768px) {
    .p-iil__list2--hd {
      font-weight: 500;
      font-size: calc(1.6* var(--base-unit));
    }
  }

  /* .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%;
    position: relative;
  }
  .c-fii>a::before {
    content: "";
    position: absolute;
    right: 26.5px;
    bottom: 26px;
    mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg) no-repeat center center / contain;
    background-color: #666;
    width: calc(2 * var(--base-unit));
    aspect-ratio: 1;
    transition: background-color 0.3s;
    z-index: 1;
  }
  .c-fii>a::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 50%;
    width: calc(3.1 * var(--base-unit));
    transition: background-color 0.3s,border 0.3s;
    aspect-ratio: 1;
  }
  .c-fii picture {
    overflow: hidden;
  }
  .c-fii>a img {
    display: block;
    width: 100%;
    height: auto;
    transition: scale 0.3s;
  }
  .c-fii__txt::after {
    content: "";
    mask: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_1.svg) no-repeat center center / contain;
    background: #000;
    width: calc(2 * var(--base-unit));
    display: block;
  }

  @media screen and (max-width: 767px) {
    .c-fii__pc {
      display: none !important;
    }
    .c-fii>a::before,
    .c-fii>a::after {
      display: none;
    }
    .c-fii__txt {
      display: flex;
      justify-content: space-between;
      font-size: calc(1.8 * var(--base-unit));
      padding: calc(1 * var(--base-unit)) calc(1.5 * var(--base-unit));
      line-height: 1.75;
      border-bottom: 1px solid #D5D5D5;
    }
  }

  @media screen and (min-width: 768px){
    .c-fii>a:hover::before  {
        background-color: #fff;
      }

      .c-fii>a:hover::after {
        background-color: #A22041;
        border: 1px solid #A22041;
      }
    }
    .c-fii>a:hover img {
      scale: 1.1;
    }
  }
  
  @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__hd2,
  .p-iil__list2-link {
    position: relative;
    width: fit-content;
    padding-bottom: .15em;
    background: linear-gradient(#333, #333) 0 100%/0 1px no-repeat;
    transition: background-size .4s;
    box-decoration-break: slice; 
    -webkit-box-decoration-break: slice;
  }

}