/*--PC------------------------------------------------------------*/

@charset "UTF-8";

ul {
    list-style: none;
}

/* 767px以下に適用されるCSS（SP用） */

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


    /*-TOPTITLE-*/
    #contents_title {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 8%;
        background-color: #f1f7fb;
        width: 100%;
    }

    #contents_title_text {
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #contents_title_text_box {
        display: flex;
        justify-content: center;
        height: 5vw;
        align-items: center;
        color: #142e7a;
        font-weight: 600;
    }

    #contents_title_text1 p {
        font-size: 5vw;
    }

    #contents_title_text2 p {
        font-size: 4vw;
    }

    hr {
        width: 16%;
        border: solid 2px #009dff;
        text-align: center;
        margin: auto;
    }

    /*-head------------------------------------------------*/

    #clinicgide_img {
        background-image: url("../img/sp_page_title_02.png");
        background-size: cover;
        width: 100%;
        height: 120px;
        display: flex;
        align-items: center;
        background-position: center;
    }

     #guide_copy {
        background-color: #90c3e0;
        height: 60%;
        padding-left: 10px;
        width: 55%;
        display: flex;
        align-items: center;
    }


    #guide_copy p {
        font-size: 2.8vw;
        color: white;
        padding-left: 4%;
        line-height: 4.6vw;
        letter-spacing: 0.3vw;
        font-weight: 500;
        white-space: nowrap;
    }


    /*-修正
    #guide_copy {
        background-color: #90c3e0;
        height: 60%;
        padding: 20px 10px;
        width: 65%;
        display: flex;
        align-items: center;
    }

    #guide_copy p {
        font-size: 2.2vw;
        color: white;
        padding-left: 25%;
        letter-spacing: 0.1em;
        font-weight: 500;
    }
-*/


    /*-contents------------------------------------------------*/

    .contents_container {
        width: 100%;
        display: block;
        justify-content: center;
        align-items: center;
    }

    .contents_container_B {
        width: 100%;
        display: block;
        background-color: #dbf0fa;
        padding: 5% 0 5%;
    }

    .staff_main,
    .content_box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .info_txt {
        width: 80%;
        color: #324c5e;
        margin: auto;
        padding: 7% 5%;
    }

    .info_txt_size {
        font-size: 3.5vw;
        line-height: 2em;
    }

    .staff_main {
        width: 100%;
    }

    .staff_main img {
        width: 100%;
    }

    .staff_img_pc {
        display: none;
    }

    .staff_name {
        font-weight: bold;
        margin: 5% auto 0;
        font-size: 3.2vw;
        font-weight: bold;
        height: 30px;
        padding: 0;
        text-align: center;
        letter-spacing: 0.1em;
    }

    .staff_name02 {
        font-weight: bold;
        margin: 5% auto 0;
        font-size: 2.8vw;
        font-weight: bold;
        height: 30px;
        padding: 0;
        text-align: center;
        letter-spacing: 0.1em
    }

    .under_line {
        width: 100%;
        background: linear-gradient(transparent 60%, #ceebff 0%);
    }

    .name {
        font-size: 4vw;
        padding-left: 2.5%;
    }

    .staff_details {
        background-color: #f1f7fb;
        padding-bottom: 20px;

    }

    /*経歴・資格-------------------------------------------------------*/


    .content_box {
        display: block;
        width: 70%;
        margin: auto;

    }

    .details_title {
        width: 100%;
    }

    .title_box {
        display: flex;
        align-items: center;
        margin-bottom: 2%;
    }

    .details_icon {
        height: 5vw;
        margin-right: 8px;
    }

    .title_box h3 {
        font-size: 4vw;
        display: inline;
        color: #5195ba;
        letter-spacing: 0.2m;
    }

    .details_txt li {
        font-size: 3.5vw;
        color: #525151;
        letter-spacing: 0.05em;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .ask {
        display: inline-block;
        margin-top: 1%;
    }

    .details_txt {
        border-left: 2.5px solid #5195ba;
        padding-left: 5%;
        margin-left: 7%;
    }

    /*--設備-------------------------------------------------*/

    .contents_title_sub {
        font-size: 4vw;
        color: #5195ba;
        text-align: center;
        letter-spacing: 0.2em;
    }

    .border {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .border:before,
    .border:after {
        border-top: 1px solid;
        content: "";
        width: 4em;
        /* 線の長さ */
        letter-spacing: 0.2em;
        margin: 0 2%;
    }



    #setsubi_intro {
        padding: 6%;
    }

    .setsubi_txt {
        width: 80%;
        text-align: center;
        font-size: 3.5vw;
        color: #525151;
        margin: 4% auto;
        line-height: 2em;
    }

    #setsubi_photos {
        width: 80%;
        margin: auto;
    }

    #setsubi_photos {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .setsubi01 {
        display: flex;
        align-items: flex-start;
        width: 48%;
        margin-bottom: 2%;
    }

    .setsubi02 {
        display: flex;
        align-items: flex-start;
        width: 98%;
        margin-bottom: 2%;
    }

    .setsubi03 {
        display: flex;
        align-items: flex-start;
        width: 32%;
    }

    .offer {
        font-size: 10%;
        text-align: right;
        padding: 20px 0;
        letter-spacing: 0.2em;
    }
}