@charset "utf-8";

/* ----------------------- */

.page-company .company-outline{
    margin-top: 22.5rem;
}

.page-company .company-outline .base-table{
    margin-top: 4.5rem;
}

.page-company .company-map{
    height: 30rem;
    margin-top: 3rem;
}

.page-company .company-map iframe{
    height: 100%;
}

.page-company .company-map{
    width: 58.5rem;
    margin-bottom: 2rem;
}

.page-company .company-group div{
    margin-bottom: 1rem;
}

.page-company .company-outline .btn{
    width: 21rem;
    height: 4.5rem;
    position: relative;
    margin: 0;
}

.page-company .company-outline .btn span{
    font-size: 1.6rem;
    height: 4.1rem;
    line-height: 4.5rem;
    text-align: left;
    padding-left: 3.6rem;
    font-family: MPLUS-Eb;
}

.page-company .company-outline .btn a:after{
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 0.7rem;
    background: url("../images/about/arrow.png") no-repeat center bottom / 100% auto;
    position: absolute;
    top: 46%;
    right: 1.8rem;
    transform: translate(0, -50%);
    pointer-events: none;
}

.page-company .company-outline iframe{
    width: 100%;
}

.theme-dark .page-company .btn .a-external span:after{
    background: url("../images/ic-external.png") no-repeat center bottom / 100% auto;
}

.theme-dark .page-company .company-group .a-external:after{
    background: url("../images/ic-external-dark.png") no-repeat center bottom / 100% auto;
}


@media (max-width: 1024px) {
    
    .page-company .page-object-sticker{
        width: 42%;
        position: absolute;
        top: 0;
        right: 0;
        margin: 14.6rem -3.563% 0 0;
        z-index: -1;
    }

    .page-company .company-map{
        width: 100%;
        height: 38rem;
        margin-bottom: 2.8rem;
    }

    .page-company .company-outline .btn{
        width: 28rem;
        height: 7rem;
    }

    .page-company .company-outline .btn a{
        border-radius: 3.5rem;
    }

    .page-company .company-outline .btn a span{
        font-size: 2.2rem;
        height: 6.6rem;
        border-radius: 3.5rem;
        line-height: 7rem;
        padding-left: 4.5rem;
    }

    .page-company .company-outline .btn a:after{
        width: 4rem;
        height: 0.9rem;
        top: 48%;
        right: 1.5rem;
    }
    
}