@layer component {
    .p-sustainability-library__container {
        margin: calc(4 * var(--base-unit)) auto 0;
        width: var(--width-contents);
    }
    @media screen and (max-width: 767px) {
        .p-sustainability-library__container {
            margin-top: calc(2 * var(--base-unit));
        }
    }
    .p-sustainability-library .p-hd02 + .p-btn04,
    .p-sustainability-library .p-hd02 + .p-panel01,
    .p-sustainability-library .p-hd02 + .p-sustainability-library__container {
        margin-top: calc(4 * var(--base-unit)) !important;
    }
    @media screen and (max-width: 767px) {
        .p-sustainability-library .p-hd02 + .p-btn04,
        .p-sustainability-library .p-hd02 + .p-panel01,
        .p-sustainability-library .p-hd02 + .p-sustainability-library__container {
            margin-top: calc(3 * var(--base-unit)) !important;
        }
    }
    .p-sustainability-library .p-hd02 + .p-txt01 {
        margin-top: calc(4 * var(--base-unit)) !important;
    }
    @media screen and (max-width: 767px) {
        .p-sustainability-library .p-hd02 + .p-txt01 {
            margin-top: calc(2 * var(--base-unit)) !important;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
        .p-panel01.p-panel01--col3 .p-panel01__list {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    .p-panel01__img--movie {
        position: relative;
    }
    .p-panel01__img--movie::before {
        content: "";
        display: block;
        width: calc(6 * var(--base-unit));
        height: calc(6 * var(--base-unit));
        background: url(https://www.mitsubishicorp.com/jp/en/sustainability/contribution/library/assets_r24/images/icon_play.svg) no-repeat center/contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .p-panel01__txt--pdf::after {
        background-image: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_pdf_1.svg);
    }
    .p-panel01__txt--movie {
        padding-right: calc(3 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-panel01__txt--movie {
            padding-right: calc(1.6 * var(--base-unit));
        }
    }
    .p-panel01__txt--movie::after {
        content: none;
    }
    .c-list1__description--icon {
        display: block;
    }
    .c-list1__description--icon img {
        vertical-align: middle;
    }
    .p-gallery2--col1 .p-gallery2__items {
        display: block;
    }
    .p-gallery2--col1 .p-gallery2__items > li:nth-child(n+4) {
        display: none;
    }
    .p-gallery2--active.p-gallery2--col1 .p-gallery2__items > li:nth-child(n+4) {
        display: block;
    }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
        .p-gallery2--col1 .p-gallery2__items > li:nth-child(n+3) {
            display: none;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
        .p-gallery2--active.p-gallery2--col1 .p-gallery2__items > li:nth-child(n+3) {
            display: block;
        }
    }
    @media print, screen and (min-width: 768px) {
        .p-gallery2--col1 .p-gallery2__terminal {
            margin-top: calc(1.5 * var(--base-unit));
            padding-top: 0;
        }
    }
    @media screen and (max-width: 767px) {
        .p-gallery2--col1 .p-gallery2__terminal {
            margin-top: calc(-10.5 * var(--base-unit));
        }
        .p-gallery2--active.p-gallery2--col1 .p-gallery2__terminal {
            margin-top: 0;
        }
    }
    @media screen and (max-width: 767px) {
        .p-link-img01 {
            margin-top: calc(1.5 * var(--base-unit));
        }
        .p-link-img01 a {
            background: #fff;
            border-bottom: calc(0.1 * var(--base-unit)) solid #d5d5d5;
            transition: background-color 0.3s ease 0s, border-bottom-color 0.3s ease 0s;
        }
    }
    @media screen and (max-width: 767px) {
        .p-link-img01__inner-txt {
            width: 100%;
            padding: calc(1.15 * var(--base-unit)) calc(4.4 * var(--base-unit)) calc(1.15 * var(--base-unit)) calc(1.6 * var(--base-unit));
            min-height: calc(5.4 * var(--base-unit));
            color: #333;
            font-size: calc(1.8 * var(--base-unit));
            font-weight: 500;
            line-height: 1.7777777778;
            letter-spacing: 0.1em;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            position: relative;
            transition: color 0.3s ease 0s;
        }
    }
    @media screen and (min-width: 768px) {
        .p-link-img01 a:hover .p-link-img01__inner-txt {
            color: #a22041;
        }
    }
    @media screen and (max-width: 767px) {
        .p-link-img01__inner-txt::after {
            content: "";
            display: block;
            width: calc(2 * var(--base-unit));
            height: calc(2 * var(--base-unit));
            position: absolute;
            right: calc(1.2 * var(--base-unit));
            top: 0;
            bottom: 0;
            margin: auto 0;
            background: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_arrow_7.svg) no-repeat center center/contain;
            border: none;
            border-radius: 0;
            background-color: transparent;
            transition: filter 0.3s ease 0s;
            filter: brightness(0) invert(0);
        }
    }
    @media screen and (min-width: 768px) {
        .p-link-img01 a:hover .p-link-img01__inner-txt::after {
            background-color: #a22041;
        }
    }
    @media screen and (max-width: 767px) {
        .p-link-img01 a:hover .p-link-img01__inner-txt::after {
            background-color: unset;
        }
        .p-link-img01 a:hover .p-link-img01__inner-txt{
            color: initial;
        }
    }
    @media screen and (max-width: 767px) {
        .p-link-img01__inner-txt::before {
            content: none;
        }
    }
}