@charset "UTF-8";
@layer component {
    .p-individual__container {
        /* padding-bottom: calc(10 * var(--base-unit)); */
    }
    @media screen and (max-width: 767px) {
        .p-individual__container {
            /* padding-bottom: calc(4 * var(--base-unit)); */
        }
    }
    .p-individual__head {
        position: relative;
        background-color: #F7F7F8;
        width: 100%;
        box-sizing: border-box;
    }
    @media screen and (max-width: 1200px) {
        .p-individual__head {
            background-size: cover;
        }
    }
    @media print, screen and (min-width: 768px) {
        .p-individual__head {
            min-height: calc(27 * var(--base-unit));
            max-height: calc(37.6 * var(--base-unit));
        }
    }
    @media screen and (max-width: 767px) {
        .p-individual__head {
            padding: 3vw;
        }
    }
    .p-individual__bg {
        margin-inline: auto;
        max-width: calc(192 * var(--base-unit));
        width: 100%;
        height: 100%;
    }
    .p-individual__bg img {
        width: 100%;
        height: auto;
        min-height: calc(27 * var(--base-unit));
        -o-object-fit: cover;
           object-fit: cover;
    }
    @media screen and (max-width: 767px) {
        .p-individual__bg img {
            min-height: auto;
        }
    }
    .p-individual__head-inner {
        width: var(--new-contents-width);
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-inline: auto;
        max-width: calc(170 * var(--base-unit));
        transform: translateY(-2%);
    }
    .p-individual__head-inner .p-pagetitle1 {
        width: -moz-fit-content;
        width: fit-content;
    }
    @media screen and (max-width: 1200px) {
        .p-individual__head-inner {
            margin-inline: auto;
        }
    }
    @media screen and (max-width: 767px) {
        .p-individual__head-inner {
            justify-content: flex-start;
            padding-inline: 5vw;
        }
    }
    .p-individual__img {
        position: relative;
        width: clamp(320px, 28.43vw, 546px);
        box-sizing: border-box;
        transform: translateY(7%);
    }
    .p-individual__img img {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
    }
    @media screen and (max-width: 767px) {
        .p-individual__img {
            display: none;
        }
    }
    /* .p-individual__body { */
    .p-individual-about,
    .p-individual-strength,
    .p-individual-business-models,
    .p-individual-touchpoints,
    .p-individual-findmc,
    .p-individual-ourbusiness,
    .p-individual-shareholder-rp,
    .p-individual-financial-data,
    .p-individual-more,
    .p-ir_access-ranking {
        margin-inline: auto;
        max-width: calc(120 * var(--base-unit));
        width: var(--width-contents);
    }
    /* ---------------------------------------------
    *	p-individual-about
    --------------------------------------------- */
    .p-individual-about {
        color: #333;
    }
    .p-individual-about-read {
        margin-top: calc(3 * var(--base-unit));
    }
    .p-individual-about-read__txt {
        color: #3c3c3c;
        font-size: calc(1.6 * var(--base-unit));
        line-height: 1.8;
        letter-spacing: 0.03em;
    }
    .p-individual-about__list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: calc(2.6 * var(--base-unit));
        margin-top: calc(4 * var(--base-unit));
    }
    .p-individual-about__list--col {
        flex-direction: column;
        column-gap: calc(3 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-individual-about-read {
            display: none;
        }
        .p-individual-about__list {
            flex-direction: column;
            gap: calc(1.6 * var(--base-unit));
            margin-top: calc(2.5 * var(--base-unit));
        }
    }    
    .p-individual-about__item {
        position: relative;
        width: 50%;
        box-sizing: border-box;
    }    
    @media screen and (min-width: 768px) {
        .p-individual-about__item--1 {
            transition: transform 0.3s ease 0s;
        }
        .p-individual-about__item--1:hover .p-individual-about__img img {
            transform: scale(1.1);
        }
        .p-individual-about__item--2 {
            transition: transform 0.3s ease 0s;
        }
        .p-individual-about__item--2:hover .p-individual-about__img img {
            transform: scale(1.1);
        }
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__item {
            width: 100%;
            /* max-height: calc(10.5 * var(--base-unit)); */
        }
        .p-individual-about__item--2{
            margin-bottom: calc(.5 * var(--base-unit));
        }
    }
    .p-individual-about__txt-wrap {
        width: 100%;
    }
    .p-individual-about__item-ttl {
        display: block;
        text-align: center;
        font-size: min(1.6 * var(--base-unit), 1.8vw);
        font-weight: 500;
        letter-spacing: 0.2em;
        line-height: 1.5;
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__item-ttl {
            font-size: calc(1.5 * var(--base-unit));
            letter-spacing: 0.12em;
        }
    }
    .p-individual-about__item-txt {
        display: block;
        margin-top: calc(1.1 * var(--base-unit));
        text-align: center;
        font-size: min(1.4 * var(--base-unit), 1.5vw);
        letter-spacing: 0.05em;
        line-height: 1.7857142857;
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__item-txt {
            text-align: left;
            font-size: calc(1 * var(--base-unit));
            letter-spacing: 0.01em;
            line-height: 1.6;
        }
    }
    .p-individual-about__link {
        height: 100%;
    }
    .p-individual-about__item--1 .p-individual-about__link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(80 / 1200 * 100vw);
        box-sizing: border-box;
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__item--1 .p-individual-about__link {
            gap: calc(5 / 375 * 100vw);
        }
    }
    .p-individual-about__item--2 .p-individual-about__link {
        display: block;
        width: 100%;
    }

    .p-individual-about__item--1 .p-individual-about__img,
    .p-individual-about__item--2 .p-individual-about__img {
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    .p-individual-about__item--2 .p-individual-about__img{
        margin-bottom: calc(1.1 * var(--base-unit));
    }
    .p-individual-about__item--1 .p-individual-about__img img,
    .p-individual-about__item--2 .p-individual-about__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        transition: 0.3s ease 0s;
    }
    .p-individual-about__item--2 .p-individual-about__img::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: calc(6 * var(--base-unit));
        height: calc(6 * var(--base-unit));
        background: url(https://www.mitsubishicorp.com/jp/en/ir/individual/assets_r24/images/ico_btn.png) 0/contain no-repeat;
    }
    .p-individual-about__item-caption {
        /* position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(calc(100% + 1 * var(--base-unit))); */
        font-size: calc(1.4 * var(--base-unit));
        letter-spacing: 0.04em;
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__item--1 .p-individual-about__img{
            margin-bottom: calc(1.1 * var(--base-unit));
        }
        .p-individual-about__item-caption {
            font-size: calc(1.3 * var(--base-unit));
            /* bottom: calc(-0.3 * var(--base-unit)); */
        }
    }
    .p-individual-about__content {
        position: relative;
        margin-top: calc(6.3 * var(--base-unit));
        width: 100%;
    }
    @media screen and (max-width: 767px) {
        .p-individual-about__content {
            display: none;
        }
    }
    
    .p-individual-about__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-individual-about__content-img img {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
        vertical-align: bottom;
    }
    .p-individual-about__content-img::before, .p-individual-about__content-img::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translate(100%, -50%);
        z-index: 1;
    }
    .p-individual-about__content-img::before {
        right: 0;
        border: 30px solid transparent;
        border-left-width: 30px;
        border-left-color: #D5D5D5;
    }
    .p-individual-about__content-img::after {
        right: 0;
        border: 30px solid transparent;
        border-left-width: 30px;
        border-left-color: #F7F7F8;
        margin-right: calc(0.5 * var(--base-unit));
    }
    .p-individual-about__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-individual-about__content-txt {
        display: block;
        text-align: center;
        font-size: min(5 * var(--base-unit), 4.6vw);
        font-weight: 300;
        letter-spacing: 0.3em;
        line-height: 1.6;
    }
    .p-individual-about__content-txt-sub {
        display: block;
        margin-top: calc(2.5 * var(--base-unit));
        text-align: center;
        font-size: calc(1.6 * var(--base-unit));
        letter-spacing: 0.3em;
        font-weight: 500;
    }
    @media print, screen and (min-width: 768px) {
        .p-individual-about .p-panel01 {
            display: none;
        }
    }

  /* p-individual-about__item-arrow　 */
  .p-individual-about__item-arrow {
    display: inline grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto;
    align-items: center;
    /* color: #0f2350; */
    color: #666666;
    letter-spacing: 0.1em;
    position: absolute;
    bottom: 20px;
    right: calc(2* var(--base-unit));
  } 

  .p-individual-about__item-arrow::before,
  .p-individual-about__item-arrow::after {
    content: "";
    grid-area: 1/1/2/2;
  }

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

    .p-individual-about__item-arrow {
        display: none;
    }
  }


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

    .p-individual-about__item-arrow::before,
    .p-individual-about__item-arrow::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-individual-about__item-arrow::before,
    .p-individual-about__item-arrow::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  @media print {

    .p-individual-about__item-arrow::before,
    .p-individual-about__item-arrow::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

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

    .p-individual-about__item-arrow::before,
    .p-individual-about__item-arrow::after {
      width: 32px;
      height: 32px;
      transition-duration: 0.2s;
      transition-timing-function: ease-in;
    }
  }

  .p-individual-about__item-arrow::before {
    background-color: #666666;
    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-individual-about__item-arrow::before {
      transition-property: background-color;
    }
  }


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

  @media print {
    .p-individual-about__item-arrow::before {
      transition-property: background-color;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-individual-about__item-arrow::before {
      transition-property: background-color;
    }
  }

  .p-individual-about__item-arrow::after {
    box-sizing: border-box;
    border-radius: 100vw;
    border: solid 2px #D5D5D5;
    background-color: #fff; 
  }

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

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

  @media print {
    .p-individual-about__item-arrow::after {
      transition-property: background-color, border-color;
    }
  }

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

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


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    a:hover .p-individual-about__item-arrow {
      color: #a22041;
    }
    .c-fii__panel1 a:hover .c-fii__img1 img {
        transform: scale(1.1);
        transition: 0.3s ease 0s;
    }
  }

  @media print {
    a:hover .p-individual-about__item-arrow {
      color: #a22041;
    }
    .c-fii__panel1 a:hover .c-fii__img1 img {
        transform: scale(1.1);
        transition: 0.3s ease 0s;
    }
  }

  @media screen and (min-width: 1440px) {
    a:hover .p-individual-about__item-arrow {
      color: #a22041;
    }
    .c-fii__panel1 a:hover .c-fii__img1 img {
        transform: scale(1.1);
        transition: 0.3s ease 0s;
    }
  }


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

    a:hover .p-individual-about__item-arrow::before,
    a:hover .p-individual-about__item-arrow::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


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

    a:hover .p-individual-about__item-arrow::before,
    a:hover .p-individual-about__item-arrow::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

  @media print {

    a:hover .p-individual-about__item-arrow::before,
    a:hover .p-individual-about__item-arrow::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }

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

    a:hover .p-individual-about__item-arrow::before,
    a:hover .p-individual-about__item-arrow::after {
      transition-duration: 0.3s;
      transition-timing-function: ease-out;
    }
  }


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


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

  @media print {
    a:hover .p-individual-about__item-arrow::before {
      background-color: #FFF;
    }
  }

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


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


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

  @media print {
    a:hover .p-individual-about__item-arrow::after {
      border-color: #ffffff;
      background-color: #a22041;
    }
  }

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

    /* ---------------------------------------------
    *   p-individual-financial-data
    --------------------------------------------- */
    /* .p-individual-financial-data {
        margin: calc(10 * var(--base-unit)) calc(50% - 50vw) 0;
        padding-block: calc(8 * var(--base-unit));
        background-color: #F7F7F8;
    } */
    @media screen and (max-width: 767px) {
        .p-individual-financial-data {
            margin-top: calc(2 * var(--base-unit));
            /* padding-block: calc(3 * var(--base-unit)) calc(4 * var(--base-unit)); */
        }
    }
    .p-individual-financial-data__list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: calc(2.4 * var(--base-unit));
        margin: calc(4 * var(--base-unit)) auto 0;
        width: var(--width-contents);
        max-width: calc(120 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-individual-financial-data__list {
            grid-template-columns: 1fr;
            gap: calc(1 * var(--base-unit));
            width: var(--width-contents);
        }
    }
    .p-individual-financial-data__item {
        display: flex;
        align-items: center;
        padding: calc(3 * var(--base-unit));
        width: 100%;
        max-height: calc(22 * var(--base-unit));
        background-color: #FFF;
        border: 1px solid #D5D5D5;
        box-sizing: border-box;
    }
    /* .p-individual-financial-data__item:nth-of-type(1) .p-link-img01 a {
        padding: 1.56vw;
    } */
    @media screen and (max-width: 767px) {
        .p-individual-financial-data__item:nth-of-type(1) .p-link-img01 a {
            padding: 4vw 4vw 4vw 0;
        }
    }
    /* .p-individual-financial-data__item:nth-of-type(2) .p-link-img01 a {
        padding: 1.56vw;
    } */
    @media screen and (max-width: 767px) {
        .p-individual-financial-data__item:nth-of-type(2) .p-link-img01 a {
            padding: 4vw 4vw 4vw 0;
        }
    }
    @media screen and (max-width: 767px) {
        .p-individual-financial-data__item {
            padding: calc(2 * var(--base-unit));
            width: 100%;
        }
    }
    .p-individual-financial-data__link {
        flex-shrink: 0;
        display: grid;
        place-items: center;
        width: 30.303030303%;
    }
    .p-individual-financial-data__link img {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
    }
    @media screen and (min-width: 768px) {
        .p-individual-financial-data__link {
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
        }
        .p-individual-financial-data__link:hover ~ .p-link-img01 .p-link-img01__inner-txt {
            color: #a22041;
        }
        .p-individual-financial-data__link:hover ~ .p-link-img01 .p-link-img01__inner-txt::before, .p-individual-financial-data__link:hover ~ .p-link-img01 .p-link-img01__inner-txt::after {
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
        }
        .p-individual-financial-data__link:hover ~ .p-link-img01 .p-link-img01__inner-txt::before {
            background-color: #FFF;
        }
        .p-individual-financial-data__link:hover ~ .p-link-img01 .p-link-img01__inner-txt::after {
            border-color: #a22041;
            background-color: #a22041;
        }
    }
    @media screen and (max-width: 767px) {
        .p-individual-financial-data__link {
            width: 37.2881355932%;
        }
    }
    .p-individual-financial-data .p-link-img01 .p-link-img01__inner-txt {
        line-height: 1.2941176471;
    }
    /* ---------------------------------------------
    *   p-individual-more
    --------------------------------------------- */
    .p-individual-more .c-links {
       background: none;
       padding: unset;
       margin-top: 50px;
    }
    .p-individual-more .c-links .c-links__panel1{
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 40px;
    }
    @media screen and (max-width: 767px) {
        .p-individual-more .c-links {
            margin-top: 20px;
            border-top: none;
        }
        .p-individual-more .c-links .c-links__panel1{
            grid-template-columns: 1fr;
            row-gap: calc(20* var(--mc--quantity--of-design--horizontal));
        }
    }

    @media screen and (max-width: 767px) {
        .c-links__txt1_s {
            grid-template-columns: min-content auto;
        }
    }


    /* ---------------------------------------------
    *   p-individual-more
    --------------------------------------------- */
    .p-ir_access-ranking {
        margin-top: calc(6* var(--base-unit));
    }

    .p-link01__list-ranking li {
        display: flex;
    }

    .p-link01__list-ranking li a {
        height: fit-content;
    }

    .p-ir_access-ranking__li-rank {
        padding: 0 38px 0 15px;
        font-size: 20px;
        min-width: fit-content;
    }
    @media screen and (max-width: 767px) {
        .p-link01__list-ranking li {
            display: block;
        }
        .p-ir_access-ranking__li-rank {
            display: block;
            padding: 0;
            font-size: calc(1.5* var(--base-unit));
        }
    }
    @media print, screen and (min-width: 768px) {
        .p-ir_access-ranking .p-link01__list {
            grid-template-rows: repeat(3, auto);
        }
        .p-ir_access-ranking .p-link01__list li:nth-child(1) {
            grid-column: 1;
            grid-row: 1;
        }
        .p-ir_access-ranking .p-link01__list li:nth-child(2) {
            grid-column: 1;
            grid-row: 2;
        }
        .p-ir_access-ranking .p-link01__list li:nth-child(3) {
            grid-column: 1;
            grid-row: 3;
        }
        .p-ir_access-ranking .p-link01__list li:nth-child(4) {
            grid-column: 2;
            grid-row: 1;
            border-top: calc(0.1* var(--base-unit)) solid #d5d5d5;
        }
        .p-ir_access-ranking .p-link01__list li:nth-child(5) {
            grid-column: 2;
            grid-row: 2;
        }

        .p-ir_access-ranking .p-link01.p-link01--col2 .p-link01__list>li:nth-child(2) {
            border-top: none;
        }
    }

    @media print, screen and (min-width: 768px) {
        .p-ir_access-ranking {
            position: relative;
        }
        .p-txt01_access-ranking {
            font-size: 12px;
            position: absolute;
            bottom: 30px;
            right: 0;
            width: fit-content;
        }
    }
    @media screen and (max-width: 767px) {
        .p-txt01_access-ranking {
            text-align: right;
            font-size: 14px;
        }
    }
    
    .p-individual__body .p-hd02 small,
    .p-individual__body .p-hd03 small {
        width: var(--width-contents);
        margin-top: calc(1.5* var(--base-unit));
        display: block;
        font-size: calc(1.6* var(--base-unit));
        font-weight: 400;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #333;
    }

    .p-individual_sec {
        padding-top: calc(4* var(--base-unit));
        margin-top: calc(4* var(--base-unit));
    }
    .p-individual_sec:has(.p-individual-ourbusiness),
    .p-individual_sec:has(.p-individual-shareholder-rp) {
        padding-top: 0;
    }
    @media screen and (max-width: 767px) {
        .p-individual_sec:has(.p-individual-ourbusiness),
        .p-individual_sec:has(.p-individual-shareholder-rp) {
            padding-top: calc(4* var(--base-unit));
        }
    }
    .p-individual_sec:last-of-type {
        margin-bottom: 0;
        padding-bottom: 100px;
    }
    @media screen and (max-width: 767px) {
        .p-individual_sec {
            padding-top: calc(2* var(--base-unit));
            margin-top: calc(2* var(--base-unit));
        }
        .p-individual_sec:last-of-type {
            padding-bottom: 40px;
        }
    }
    .p-individual_sec--gray {
        /* margin: calc(10 * var(--base-unit)) calc(50% - 50vw) 0; */
        padding-block: calc(4 * var(--base-unit));
        background-color: #F7F7F8;
    }
    @media screen and (max-width: 767px) {
        .p-individual_sec--gray {
            /* padding-block: calc(4 * var(--base-unit)); */
            padding-top: calc(2* var(--base-unit));
            padding-bottom: calc(2* var(--base-unit));
        }
        /* .p-individual_sec--gray:last-of-type {
            padding-bottom: calc(2* var(--base-unit));
        } */
    }
    .p-individual_sec .p-hd02,
    .p-individual_sec--gray .p-hd02,
    .p-individual_sec .p-hd03 {
        margin-top: 0;
    }

    .p-individual__body .p-img01>.p-img01__item {
        width: 100%;
    }

    .p-individual-touchpoints .p-img-link {
        padding: calc(5 * var(--base-unit));
        padding-bottom: 0;
    }
    @media screen and (max-width: 767px) {
        .p-individual-touchpoints .p-img-link {
            padding: calc(1 * var(--base-unit));
        }
    }
    .p-img-link__item {
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    .p-img-link__item a {
        display: block;
        position: relative;
    }
    .p-img-link__item a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 0.3s ease 0s;
    }
    .p-img-link__item a:hover img {
        transform: scale(1.1);
    }

    /* ---------------------------------------------
    *   p-individual-ourbusiness
    --------------------------------------------- */
    :root {
        --color-es: #2AAAB9;
        --color-mr: #EE7859;
        --color-fi: #2C7AC1;
        --color-ps: #39B8EF;
        --color-ms: #E77B9E;
        --color-ui: #FBBC27;
        --color-mo: #42A55A;
        --color-slc: #7061A4;
    }

    .p-individual-ourbusiness__img-area {
        margin-top: calc(2 * var(--base-unit));
    }
    .p-individual-ourbusiness__buttons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .business-btn {
        height: 76px;
        padding: calc(.8 * var(--base-unit));
        font-size: 18px;
        border: none;
    }
    @media screen and (max-width: 767px) {
        .p-individual-ourbusiness__buttons {
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(4, 1fr);
        }
        .business-btn {
            height: 56px;
        }
        .business-btn {
            padding: calc(.8 * var(--base-unit));
            font-size: 14px;
        }
    }
    .business-btn {
        color: #fff;
        transition: .3s;
    }
    #business-btn1 {
        background-color: var(--color-es);
    }
    #business-btn1.business-btn.active {
        border: 1px solid var(--color-es);
        color: var(--color-es);
        background-color: #fff;
    }
    #business-btn2 {
        background-color: var(--color-ms);
    }
    #business-btn2.business-btn.active {
        border: 1px solid var(--color-ms);
        background-color: #fff;
        color: var(--color-ms);
    }
    #business-btn3 {
        background-color: var(--color-mr);
    }
    #business-btn3.business-btn.active {
        border: 1px solid var(--color-mr);
        background-color: #fff;
        color: var(--color-mr);
    }
    #business-btn4 {
        background-color: var(--color-ui);
    }
    #business-btn4.business-btn.active {
        border: 1px solid var(--color-ui);
        background-color: #fff;
        color: var(--color-ui);
    }
    #business-btn5 {
        background-color: var(--color-mo);
    }
    #business-btn5.business-btn.active {
        border: 1px solid var(--color-mo);
        background-color: #fff;
        color: var(--color-mo);
    }
    #business-btn6 {
        background-color: var(--color-fi);
    }
    #business-btn6.business-btn.active {
        border: 1px solid var(--color-fi);
        background-color: #fff;
        color: var(--color-fi);
    }
    #business-btn7 {
        background-color: var(--color-slc);
    }
    #business-btn7.business-btn.active {
        border: 1px solid var(--color-slc);
        background-color: #fff;
        color: var(--color-slc);
    }
    #business-btn8 {
        background-color: var(--color-ps);
    }
    #business-btn8.business-btn.active {
        border: 1px solid var(--color-ps);
        background-color: #fff;
        color: var(--color-ps);
    }
    .business-btn:hover {
        opacity: 0.5;
        transition: color .3s, background-color 0.3s, border-color 0.3s, opacity .3s;
    }
    .p-individual-ourbusiness__contents {
        margin-top: calc(5 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-individual-ourbusiness__contents {
            margin-top: calc(2 * var(--base-unit));
        }
    }
    .business-content {
        width: 100%;
    }
    .business-content figure {
        padding: 20px;
        background-color: #d9d9d9;
    }
    @media screen and (max-width: 767px) {
        .business-content figure {
            padding: 10px;
        }
    }
    .business-content figure img {
        width: 100%;
    }
    .business-content .p-txt01 {
        padding: 0 40px;
        width: fit-content;
    }
    @media screen and (max-width: 767px) {
        .business-content .p-txt01 {
            padding: 0;
        }
    }
    .under-line_red {
        background: linear-gradient(transparent 50%, #ffd1d1 0%);
    }
    @media screen and (min-width: 768px) {
        .p-individual-strength-msg {
            display: grid;
            place-content: center;
        }
    }

    .business-btn {
        display: flex;
        position: relative;
        gap: 10px;
        font-family: inherit;
        cursor: pointer;
    }
    @media screen and (max-width: 767px) {
        .business-btn {
            gap: 5px;
        }
    }
    .business-btn .business-btn__text {
        margin: auto 0;
        text-align: left;
        width: fit-content;
    }
    .business-btn::before {
    content: "";
    width: calc(4* var(--base-unit));
    height: calc(4* var(--base-unit));
    margin: auto 0;
    }
    @media screen and (max-width: 767px) {
        .business-btn::before {
            width: calc(3* var(--base-unit));
            height: calc(3* var(--base-unit));
        }
    }
    #business-btn1.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_ee.svg) center / contain no-repeat;
    }
    #business-btn2.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_ms.svg) center / contain no-repeat;
    }
    #business-btn3.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_mr.svg) center / contain no-repeat;
    }
    #business-btn4.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_ui.svg) center / contain no-repeat;
    }
    #business-btn5.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_m.svg) center / contain no-repeat;
    }
    #business-btn6.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_fi.svg) center / contain no-repeat;
    }
    #business-btn7.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_slc.svg) center / contain no-repeat;
    }
    #business-btn8.business-btn::before {
        background: url(https://www.mitsubishicorp.com/jp/ja/about/project/assets_r24/images/icon_group_ps.svg) center / contain no-repeat;
    }
    @media screen and (max-width: 767px) {
        #business-btn4 .business-btn__text {
            font-size: 12px;
        }
    }

    @media screen and (min-width: 768px) {
        .p-individual-touchpoints .p-individual-about__item-arrow::before,
        .p-individual-touchpoints .p-individual-about__item-arrow::after {
            width: 100px;
            height: 100px;
        }
    }
    
    .business-content .p-txt01 {
        margin-top: 0;
        padding: 0;
        text-align: right;
        width: 100%;
    }
}