@charset "UTF-8";

/*---------------------------
通所リハビリテーション
---------------------------*/

/*メイン画像*/
.maini_area {
    max-width: 100%;
    margin: 0 auto;
}

.maini_area img {
    max-width: 100%;
}

.maini_area div {
    margin: 0 auto;
    position: relative;
}

.maini_area div p {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    max-width: 90%;
    z-index: 1;
    background: rgba(32, 111, 152, 0.8);
    color: #fff;
    font-size: 25px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    -webkit-transform: translate(-50%, -45%) rotate(.028deg);
    -ms-transform: translate(-50%, -45%) rotate(.028deg);
    transform: translate(-50%, -45%) rotate(.028deg);
}

/*パンくず*/
.pan {
    width: 100%;
    background: #e4f9fd;
}

.pan ul {
    width: 95%;
    margin: 0 auto;
    display: flex;
    padding: 10px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.pan ul li {
    margin-right: 10px;
    font-size: 12px;
}

.pan ul li a {
    display: block;
    color: #206f98;
}

.pan ul li a span {
    text-decoration: underline;
}

.pan ul li a i {
    margin-left: 10px;
    color: #222;
}

/* 通所リハビリテーション内容 */
#riha_Wrap {
    display: block;
    padding: 0 0 60px;
    margin: 0 auto;
}

.head_Txt {
    max-width: 1000px;
    width: 90%;
    padding: 0 0 60px;
    margin: 0 auto;
}

.head_Txt p {
    color: #222;
    font-size: 16px;
    line-height: 1.7;
}
.head_Txt img { width: 100%;}
.riha_point {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.riha_point dt {
    padding: 0 0 5px;
    color: #206f98;
    font-size: 20px;
}

.riha_point dd {
    padding: 0 0 30px 1.5em;
    font-size: 16px;
    line-height: 1.8;
    box-sizing: border-box;
    color: #222;
}

.riha_schedule {
    position: relative;
    padding: 0 0 30px;
}

.pos_Img {
    position: absolute;
    top: 50%;
    left: 73%;
    max-width: 465px;
    width: 28vw;
    transform: translateY(-50%);
}

.riha_img {
    display: none;
}

.riha_schedule h4 {
    display: block;
    max-width: 1000px;
    width: 100%;
    padding: 17px 25px 15px;
    margin: 30px auto 20px;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}

.riha_schedule h4 span {
    display: inline-block;
    width: 1em;
}

.time_schedule li {
    max-width: 1000px;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    border-bottom: 1px dotted #ddd;
}

.time_schedule li:first-child {
    padding-top: 0;
}

.time_schedule dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 16px;
}

.time_schedule dt {
    width: 10%;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.time_schedule dt p {
    color: #5B5B5B;
    line-height: 1;
}

.time_schedule dt figure {
    max-width: 79px;
    width: 80%;
    padding: 0 0 2px;
    margin: 0 auto;
}

.time_schedule dd {
    width: 90%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.time_schedule dd p {
    line-height: 1.8;
}

.time_schedule dd span {
    display: inline-block;
    padding: 2px 15px;
    color: #fff;
    background-color: #3c94b2;
    border-radius: 3px;
    box-sizing: border-box;
}

.riha_schedule img {
    width: 100%;
}

.riha_info p {
    font-size: 16px;
    line-height: 2;
}

.riha_info p span {
    display: inline-block;
    width: 1em;
}

.riha_info a {
    text-decoration: underline;
    transition: .3s;
}

.riha_info a:hover {
    text-decoration: none;
}

.riha_info .tel_Link {
    pointer-events: none;
    text-decoration: none;
}

.riha_info .notes {
    font-size: 14px;
}

.tb {
    display: none;
}

/*---------------------------
小児科ページ
---------------------------*/
#syounika_Wrap {
    display: block;
    padding: 0 0 60px;
    margin: 0 auto;
}

.syounika_head,
.syounika_section {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.syounika_head {
    padding: 50px 0 45px;
}

.syounika_head h2 {
    position: relative;
    display: block;
    padding: 0 0 25px;
    margin: 0;
    color: #206f98;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    z-index: 1;
}

.syounika_lead {
    color: #222;
    font-size: 17px;
    line-height: 2;
}

.syounika_lead strong {
    color: #206f98;
}

.syounika_section {
    padding: 0 0 45px;
}

.syounika_section h4 {
    display: block;
    width: 100%;
    padding: 17px 25px 15px;
    margin: 0 auto 25px;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}

.syounika_section p {
    color: #222;
    font-size: 16px;
    line-height: 1.9;
}

.syounika_cards {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.syounika_card {
    width: calc((100% - 48px) / 3);
    padding: 25px 24px 28px;
    background: #f4fbfd;
    border: 1px solid #d4edf4;
    border-radius: 14px;
    box-sizing: border-box;
}

.syounika_card h5 {
    padding: 0 0 12px;
    color: #206f98;
    font-size: 19px;
}

.syounika_card p {
    font-size: 15px;
    line-height: 1.8;
}

.syounika_noteBox {
    padding: 22px 26px;
    background: #e4f9fd;
    border-radius: 12px;
    box-sizing: border-box;
}

.syounika_vaccineLists {
    display: flex;
    gap: 35px;
    padding: 25px 0 0;
}

.syounika_vaccineLists div {
    width: 50%;
}

.syounika_vaccineLists h5,
.syounika_listBlock h5 {
    padding: 0 0 12px;
    color: #206f98;
    font-size: 18px;
}

.syounika_vaccineLists ul,
.syounika_listBlock ul {
    padding: 0 0 0 1.2em;
}

.syounika_vaccineLists li,
.syounika_listBlock li {
    padding: 0 0 7px;
    color: #222;
    font-size: 16px;
    line-height: 1.6;
}

.syounika_warning {
    margin: 20px 0 0;
    padding: 18px 22px;
    background: #fff8e8;
    border: 1px solid #f0d9a8;
    border-radius: 10px;
    box-sizing: border-box;
}

.syounika_inspectionList {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px 0 0;
}

.syounika_inspectionList li {
    padding: 8px 16px;
    color: #206f98;
    background: #f4fbfd;
    border: 1px solid #d4edf4;
    border-radius: 20px;
    font-size: 15px;
}

.syounika_schedule {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 15px;
}

.syounika_schedule th,
.syounika_schedule td {
    padding: 10px 8px;
    border: 1px solid #d4edf4;
}

.syounika_schedule th {
    background: #206f98;
    color: #fff;
    font-weight: 600;
}

.syounika_schedule td {
    background: #fff;
}

/*---------------------------
PC・TABのみ
---------------------------*/
@media only screen and (min-width: 767px) {}

/*---------------------------
Tab
---------------------------*/
@media screen and (max-width: 1090px) {
    .pos_Img {
        display: none;
    }

    .riha_img {
        display: block;
        width: 100%;
        padding: 15px 0 0;
        margin: 0 auto;
    }

    .riha_img .tb {
        display: block;
    }
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 767px) {

    /*メイン画像*/
    .maini_area {
        background: none;
    }

    .maini_area div p {
        padding: 20px 0;
        font-size: 20px;
        width: 280px;
    }

    /* 通所リハビリテーション内容 */
    #riha_Wrap {
        padding: 0 0 50px;
    }

    .head_Txt {
        padding: 30px 0 50px;
    }

    .head_Txt p {
        font-size: 15px;
    }

    .riha_point {
        padding: 0 0 20px;
        width: 95%;
    }

    .riha_point dt {
        font-size: 18px;
        line-height: 1.5;
    }

    .riha_point dd {
        padding: 0 0 20px 0;
        font-size: 15px;
    }

    .head_Txt {
        width: 95%;
    }

    .riha_schedule {
        padding: 0 0 60px;
    }

    .riha_schedule h4 {
        padding: 10px 0;
        color: #5B5B5B;
        line-height: 1.5;
        text-align: center;
    }

    .riha_schedule h4 span {
        display: none;
    }

    .time_schedule dl {
        flex-direction: column;
        font-size: 15px;
    }

    .time_schedule dt {
        width: 100%;
        padding-bottom: 10px;
        font-size: 16px;
    }

    .time_schedule dd {
        width: 100%;
    }

    .time_schedule dd p {
        line-height: 1.6;
    }

    .time_schedule dd span {
        padding: 0 15px;
    }

    .pos_Img {
        display: none;
    }

    .riha_img {
        display: block;
        width: 100%;
        padding: 15px 0 0;
        margin: 0 auto;
    }

    .riha_img .tb {
        display: none;
    }

    .riha_info h4 {
        padding: 10px 0;
        color: #5B5B5B;
        line-height: 1.5;
        text-align: center;
    }

    .riha_info p {
        font-size: 15px;
        line-height: 1.8;
        text-align: center;
    }

    .riha_info p i {
        display: none;
    }

    .riha_info p span {
        display: none;
    }

    .riha_info a {
        display: block;
        width: 90%;
        padding: 10px;
        margin: 10px auto 0;
        color: #fff;
        background-color: #7b7b7b;
        border-radius: 10px;
        text-decoration: none;
        box-sizing: border-box;
        transition: .3s;
    }

    .riha_info a:hover {
        text-decoration: none;
    }

    .riha_info .tel_Link {
        pointer-events: unset;
    }

    .riha_info .notes {
        padding: 20px 0 0;
        font-size: 13px;
        line-height: 1.5;
        text-align: left;
    }
    /* 小児科ページ */
    #syounika_Wrap {
        padding: 0 0 50px;
    }

    .syounika_head,
    .syounika_section {
        width: 95%;
    }

    .syounika_head {
        padding: 30px 0 35px;
    }

    .syounika_head h2 {
        padding: 0 0 18px;
        font-size: 23px;
        line-height: 1.4;
    }

    .syounika_lead {
        font-size: 15px;
        line-height: 1.8;
    }

    .syounika_section {
        padding: 0 0 38px;
    }

    .syounika_section h4 {
        padding: 10px 0;
        color: #5B5B5B;
        line-height: 1.5;
    }

    .syounika_section p {
        font-size: 15px;
        line-height: 1.8;
    }

    .syounika_cards {
        display: block;
    }

    .syounika_card {
        width: 100%;
        padding: 20px 18px 22px;
        margin: 0 0 15px;
    }

    .syounika_vaccineLists {
        display: block;
    }

    .syounika_vaccineLists div {
        width: 100%;
        padding: 0 0 20px;
    }

    .syounika_vaccineLists li,
    .syounika_listBlock li {
        font-size: 15px;
    }

    .syounika_warning {
        padding: 16px;
    }

    .syounika_inspectionList {
        gap: 8px;
    }

    .syounika_inspectionList li {
        padding: 7px 13px;
        font-size: 14px;
    }
}