@charset "utf-8";

/*
各ページ用パーツ
TABLE
*/


/* 診察時間
---------------------------------------------------- */

.tbl_box01 {
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 auto 20px;
    font-size: 1.8rem;
    color: #444444;
}

.tbl_box01 td {
    padding: 15px 0px;
    text-align: center;
}

.tbl_txt01 {
    color: #444444;
}

.tbl_txt_color01 {
    color: #EC8B2D;
}

.td_s01 {
    width: 120px;
}

.tr_c01 {
    border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width:1200px) {
    .tbl_box01 {
        margin: 0 auto 15px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:670px) {
    .tbl_box01 {
        margin: 0 auto 15px;
        font-size: 1.2rem;
    }
    .tbl_box01 td {
        padding: 10px 5px;
    }
    .td_s01 {
        width: inherit;
    }
}


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

.access_data01 {
    margin: 0 0 20px;
    display: flex;
    align-items: flex-start;
    font-size: 1.6rem;
}

.access_data01 dt {
    width: 140px;
    font-weight: 600;
    display: flex;
}

.access_data01 dd {}

@media screen and (max-width:1200px) {
    .access_data01 {
        font-size: 1.4rem;
    }
    .access_data01 dt {
        width: 100%;
        max-width: 140px;
    }
}

@media screen and (max-width:450px) {
    .access_data01 {
        font-size: 1.3rem;
    }
    .access_data01 dt {
        width: 100%;
        max-width: 110px;
    }
}

.access_icon01,
.access_icon02,
.access_icon03,
.access_icon04 {
    display: block;
    width: 22px;
    height: 25px;
    margin: 0 10px;
}

@media screen and (max-width:450px) {
    .access_icon01,
    .access_icon02,
    .access_icon03,
    .access_icon04 {
        display: block;
        width: 20px;
        height: 25px;
        margin: 0 10px 0 0;
    }
}

.access_icon01 {
    background: url('../../assets/img/common/icon_access01.png') no-repeat center;
    background-size: 100% auto;
}

.access_icon02 {
    background: url('../../assets/img/common/icon_access02.png') no-repeat center;
    background-size: 100% auto;
}

.access_icon03 {
    background: url('../../assets/img/common/icon_access03.png') no-repeat center;
    background-size: 100% auto;
}

.access_icon04 {
    background: url('../../assets/img/common/icon_access04.png') no-repeat center;
    background-size: 100% auto;
}