@charset "UTF-8";

.about {
    padding: 100px 0;
}

.sec_ttl {
    font-size: 50px;
    margin-bottom: 50px;
    text-align: left;
}

.about_table {
    width: 100%;
}

.about_table tbody tr {
    border-bottom: solid 1px #B7B7B7;
}

.about_table tbody tr th {
    padding: 17px 15px;
    border-bottom: solid 2px #036EB8;
    width: 112px;
    vertical-align: middle;
}

.about_table tbody tr td {
    padding: 17px 30px;
}

.about_table tbody tr td .contact {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #314D98;
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    width: 330px;
}

.about_table tbody tr td .contact::before {
    content: "";
    width: 16px;
    height: 11px;
    background: url(/img/cmn/icon-mail.png) no-repeat center;
    background-size: cover;
    color: #fff;
}

.about_table tbody tr td .contact:hover {
    opacity: .8;
}


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

    .about {
        padding: 50px 0;
    }

    .sec_ttl {
        font-size: 30px;
        margin-bottom: 30px;
    }
    

    .about_table tbody tr {
        display: flex;
        flex-flow: column;
        margin-bottom: 20px;
    }

    .about_table tbody tr th {
        width: 100%;
    }

    .about_table tbody tr th,
    .about_table tbody tr td {
        padding: 10px 15px;
    }

    .about_table tbody tr td .contact {
        width: 100%;
        font-size: 15px;
        margin-top: 5px;
    }
}