@charset "utf-8";
/* -----------------------------------------------------------
    企業情報
-------------------------------------------------------------- */
.sec-ttl{
    margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
    .sec-ttl{
        margin: 0 0 30px;
    }
}

/* -----------------------------------------------------------
    会社概要
-------------------------------------------------------------- */
.company-area{
    margin: 0 auto;
    /* padding: 80px 0 0; */
    text-align: center;
}

.company-area .overview-area{
    padding: 80px 0;
    background-color: #fff;
    border-radius: 0 0 160px 0;
}

.company-area .overview-area .table{
    width: 1000px;
    margin: 0 auto;
}

.company-area .overview-area .table a.tel{
    color: var(--cmnblack);
    font-size: 1.6rem;
    font-weight: 600;
}

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

    .company-area .overview-area{
        padding: 40px 20px;
    border-radius: 0 0 40px 0;
    }

    .company-area .overview-area .access-btn{
        margin: 10px 0 0;
    }
}


/* -----------------------------------------------------------
    アクセス
-------------------------------------------------------------- */

.company-area .access-area{
    padding: 80px 0;
    background-color: var(--gray2);
    margin: 0 auto 160px;
    border-radius: 160px 0 0 0;
    position: relative;
}

.company-area .access-area::before{
    position: absolute;
    content: "";
    background: var(--gray2);
    width: 150px;
    height: 150px;
    right: 0;
    top: -150px;
    z-index: -1;
}

.company-area .access-area iframe{
    width: 1000px;
}

@media screen and (max-width: 768px) {
    .company-area .access-area{
        padding: 40px 20px 40px;
        border-radius: 40px 0 0 0;
        margin: 0 auto 60px;

    }

    .company-area .access-area iframe{
        width: 100%;
        height: 200px;
    }
}