/* l-main */
.l-main {
    overflow: hidden;
}

/* header */
.l-header .l-nav.is-show {
    overflow: auto;
    background: #fff;
    height: calc(100vh - 56px);
}

.l-headerLink__list > a.-blog {
    background: #41278B;
}

/* company/outline */
.p-outlineOverview__groupList {
    column-count: 2;
    column-gap: 14px;
}

@media screen and (min-width: 1024px) {
    .p-outlineOverview__groupList {
        column-count: 3;
    }
}

/* l-navList__newtab icon */
.ic-newtab {
    position: relative;
    display: inline-block;
    margin-left: 6px;
    width: 12px;
    height: 15px;
    transition-duration: .3s;
}

.ic-newtab:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 10px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    left: 0;
    bottom: 0;
}

.ic-newtab:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 11px;
    border: 2px solid #000;
    top: 0;
    right: 0;
}

a:hover .ic-newtab {
    opacity: 0.8;
}

/* footer */
.l-footer .l-navList {
    justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
    .l-footer__flex img {
        flex-shrink: 0;
    }

    .l-footer .l-navList {
        width: auto;
    }
}

/* display flex */
.hop-d-flex {
    display: flex;
}

.--gap-2 {
    gap: 20px;
}

@media screen and (max-width: 575px) {
    .--sm-column {
        flex-direction: column;
    }
}

@media screen and (min-width: 576px) {
    .--ju-con-md-bw {
        justify-content: space-between;
    } 

    .--al-ite-md-end {
        align-items: flex-end;
    } 
}