@charset "UTF-8";
/********************************************************************************

page-access.css　アクセス

********************************************************************************/

/*============================================================
 セクション Google Map
*============================================================*/
#page-access #sec-map .map iframe {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
#page-access #sec-map .block p {
    padding-left: 24px;
    position: relative;
}
#page-access #sec-map .block p.address {
    margin-bottom: 16px;
}
#page-access #sec-map .block p.address::before {
    content: "";
    position: absolute;
    background: url(../images/top/icon-access.svg) no-repeat center center / contain;
    width: 18px;
    height: 20px;
    top: 7px;
    left: 0;
}
#page-access #sec-map .parts-btn {
    width: 221px;
}

/*============================================================
 セクション 診療時間
*============================================================*/
#page-access #sec-schedule .basic-block {
    gap: 5%;
    align-items: flex-end;
}
#page-access #sec-schedule .basic-block .image {
    width: 60%;
    height: fit-content;
}
#page-access #sec-schedule .basic-block .image img {
    margin-bottom: 0;
}
#page-access #sec-schedule .basic-block .info {
    width: 34%;
    margin-bottom: 0;
}
#page-access #sec-schedule .basic-block .info .schedule {
    margin-bottom: 16px;
}
#page-access #sec-schedule .basic-block .info .tel > * img {
    margin-bottom: 0;
}
#page-access #sec-schedule .basic-block .info .tel .number {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
#page-access #sec-schedule .basic-block .info .tel .number .text {
    font-size: 10px;
    text-align: right;
    line-height: 1.2;
    letter-spacing: 0.08em;
}
#page-access #sec-schedule {
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1128px) {
    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
    セクション 診療時間
    *============================================================*/
    #page-access #sec-schedule .basic-block {
        gap: 32px;
        align-items: flex-end;
    }
    #page-access #sec-schedule .basic-block .image {
        width: 100%;
    }
    #page-access #sec-schedule .basic-block .info {
        width: 100%;
    }
    #page-access #sec-schedule .basic-block .info .schedule {
        text-align: center;
        margin-bottom: 32px;
    }
    #page-access #sec-schedule .parts-btn{
        margin: 0 auto;
        width: 227px;
    }


}
