@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainImg {
    background-image: url('../img/company/main_img.jpg');
    background-position: center bottom;
}
.tableBox {
    max-width: 723px;
    margin: 0 auto;
    padding-top: 23px;
}
.comTable th {
    width: 24.2%;
}
.comTable td {
    font-size: 1.6rem;
    padding-left: 20px;
}
.linkBox {
    margin: -41px 0 20px;
    position: relative;
    z-index: 1;
}
.linkBox .comLink {
    float: right;
}
#main p {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}
.company {
    padding: 43px 0 31px;
}
.intro {
    background: rgba(32, 107, 167, 0.1);
    padding: 112px 0 151px;
}

.intro__inner {
    max-width: 558px;
    margin: 67px auto 0;
}

.intro__list {
}

.intro__item {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #0b193d;
    position: relative;
    padding: 0 0 0 13px;
}

.intro__item:not(:last-child) {
    margin: 0 0 18px;
}

.intro__item::before {
    content: '';
    width: 3px;
    height: 3px;
    background: #0b193d;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 2px;
}

.intro__item span {
    font-weight: bold;
}

.intro__img {
    text-align: center;
    margin: 49px 0 0;
}
.access {
    padding: 120px 0 0;
}
.map {
    height: 400px;
}

@media all and (max-width: 767px) {
    .mainImg {
        margin-bottom: 41px;
        background-image: url('../img/company/sp_main_img.jpg');
    }
    .tableBox {
        margin-bottom: 45px;
        padding-top: 5px;
    }
    .comTable td {
        padding: 20px 17px 21px;
    }
    .map {
        margin: 0 -20px;
        height: 290px;
    }
    .linkBox {
        margin: -30px 0 29px;
    }
    .linkBox .comLink {
        float: none;
    }
    #main p {
        font-size: 1.3rem;
        line-height: 1.49;
    }

    .company {
        padding: 0;
    }
    .intro {
        padding: 50px 0 70px;
    }

    .intro__inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .intro__item {
        font-size: 1.3rem;
    }

    .intro__item:not(:last-child) {
        margin: 0 0 8px;
    }

    .intro__item::before {
        top: 8px;
    }

    .intro__img {
        margin: 20px 0 0;
    }

    .access {
        padding: 60px 0 0;
    }
}
