@layer component {
    /* .p-event-search
    --------------------------------------------- */
    .p-event-search {
        margin-top: 100px;
        margin-bottom: 80px;
        margin-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
        margin-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
        padding: calc(4 * var(--base-unit)) calc(4.2 * var(--base-unit)) calc(5 * var(--base-unit));
        background-color: #F7F7F8;
    }
    @media screen and (max-width: 767px) {
        .p-event-search {
            margin-top: calc(40 * var(--mc--quantity--of-design--horizontal));
            margin-bottom: calc(30 * var(--mc--quantity--of-design--horizontal));
            margin-left: var(--mc-layout--offset--of-outer-left);
            margin-right: var(--mc-layout--offset--of-outer-right);
            padding: calc(3 * var(--base-unit)) calc(1.6 * var(--base-unit));
        }
    }
    .p-event-search__ttl {
        font-size: calc(1.8 * var(--base-unit));
        border-left: calc(0.1 * var(--base-unit)) solid #A7A7A7;
        padding-left: 7px;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__ttl {
            font-size: calc(1.5 * var(--base-unit));
        }
    }
    .p-event-search__radio-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(3 * var(--base-unit));
        gap: calc(2 * var(--base-unit)) calc(1.6 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-event-search__radio-wrap {
            display: block;
            margin-top: var(--base-unit);
        }
    }
    .p-event-search__radio {
        font-size: calc(1.6 * var(--base-unit));
        cursor: pointer;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__radio {
            display: block;
            width: -moz-fit-content;
            width: fit-content;
            font-size: calc(1.4 * var(--base-unit));
        }
        .p-event-search__radio:not(:first-of-type) {
            margin-top: calc(1.3 * var(--base-unit));
        }
    }
    .p-event-search__input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    .p-event-search__radio-txt {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        padding: calc(0.75* var(--base-unit)) calc(4.2* var(--base-unit));
        min-width: calc(11.5* var(--base-unit));
        border: calc(0.1* var(--base-unit)) solid #d5d5d5;
        border-radius: calc(0.5* var(--base-unit));
        background: #fff;
        z-index: 1;
        text-align: center;
        line-height: 1;
        transition: color .3s, background-color .3s, border-color .3s;
        gap: calc(1.3 * var(--base-unit));
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
    }
    .p-event-search__input:checked + .p-event-search__radio-txt {
        border: calc(0.1* var(--base-unit)) solid #A22041;
        background: #A22041;
        color: #fff;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__radio-txt {
            gap: calc(0.7 * var(--base-unit));
        }
    }
    @media print, screen and (min-width: 768px) {
        .p-event-search__radio-txt:hover {
            border: calc(0.1* var(--base-unit)) solid #A22041;
            background: #A22041;
            color: #fff;
            transition: color .3s, background-color .3s, border-color .3s;
        }
    }
    /* .p-event-search__radio-txt::before {
        content: "";
        box-sizing: border-box;
        display: inline-block;
        width: calc(2.2 * var(--base-unit));
        height: calc(2.2 * var(--base-unit));
        border: calc(0.1 * var(--base-unit)) solid #000;
        border-radius: 50%;
    } */
    /* @media screen and (max-width: 767px) {
        .p-event-search__radio-txt::before {
            width: calc(1.8 * var(--base-unit));
            height: calc(1.8 * var(--base-unit));
        }
    } */
    /* .p-event-search__input:focus-visible + .p-event-search__radio-txt::before {
        outline: 2px solid #000;
    } */
    /* .p-event-search__radio-txt::after {
        content: "";
        display: block;
        width: calc(1.2 * var(--base-unit));
        height: calc(1.2 * var(--base-unit));
        opacity: 0;
        background-color: #A22041;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: calc(1.1 * var(--base-unit));
        transform: translate(-50%, -50%);
    } */
    /* @media screen and (max-width: 767px) {
        .p-event-search__radio-txt::after {
            width: calc(1 * var(--base-unit));
            height: calc(1 * var(--base-unit));
            left: calc(0.9 * var(--base-unit));
        }
    } */
    /* .p-event-search__input:checked + .p-event-search__radio-txt::after {
        opacity: 1;
    } */
    .p-event-search__col {
        display: flex;
        -moz-column-gap: 49px;
             column-gap: 49px;
        align-items: center;
        margin-top: calc(5 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-event-search__col {
            display: block;
            margin-top: calc(2.3 * var(--base-unit));
        }
    }
    .p-event-search__form_year {
        width: 183px;
        background: #fff url("https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_magnifier_1.svg") no-repeat 16px center/30px auto;
        position: relative;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__form_year {
            width: 100%;
            margin-top: var(--base-unit);
            margin-bottom: calc(12 * var(--mc--quantity--of-design--horizontal));
            background-size: calc(30 * var(--mc--quantity--of-design--horizontal)) auto;
            background-position: calc(16 * var(--mc--quantity--of-design--horizontal)) center;
        }
    }
    .p-event-search__form_year::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid #000;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 29px;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__form_year::after {
            border-width: calc(8 * var(--mc--quantity--of-design--horizontal)) calc(7 * var(--mc--quantity--of-design--horizontal)) 0;
            right: calc(15 * var(--mc--quantity--of-design--horizontal));
            top: calc(24 * var(--mc--quantity--of-design--horizontal));
        }
    }
    .p-event-search__form_year select {
        width: 100%;
        height: 62px;
        display: grid;
        align-items: center;
        padding: 16px;
        font-size: 16px;
        background: #fff;
        box-sizing: border-box;
        border-radius: 0;
        border: 1px solid #d5d5d5;
        -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
        color: #333333;
    }
    .p-event-search__form_year select::-ms-expand {
        display: none;
    }
    @media screen and (max-width: 767px) {
        .p-event-search__form_year select {
            width: 100%;
            height: calc(54 * var(--mc--quantity--of-design--horizontal));
            padding: calc(16 * var(--mc--quantity--of-design--horizontal));
            font-size: calc(16 * var(--mc--quantity--of-design--horizontal));
        }
    }
    /*  p-ir-event
    --------------------------------------------- */
    .p-ir-event {
        margin-top: 115px;
        margin-bottom: 120px;
        margin-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
        margin-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
    @media screen and (max-width: 767px) {
        .p-ir-event {
            margin-top: calc(40 * var(--mc--quantity--of-design--horizontal));
            margin-bottom: calc(30 * var(--mc--quantity--of-design--horizontal));
            margin-left: var(--mc-layout--offset--of-outer-left);
            margin-right: var(--mc-layout--offset--of-outer-right);
        }
    }

    .c-list1__hit--off {
        border-bottom: solid 1px #D5D5D5;
    }
    .c-list1__hit--off .c-list1__description {
        color: #333;
    }

    .c-fii__img1 img {
        display: block;
        width: 100%;
        height: auto;
      }
    
}
.p-ir-04-01-07--04__notes {
    &:has(> .c-box-badge--01), li {
        display: block;
    }
}