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

@charset "UTF-8";

ul {
    list-style: none;
}


@media screen and (min-width: 768px) {


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

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

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

    #contents_title_text1 p{
        font-size: 2.6vw;
        letter-spacing: 0.1em;
    }


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

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

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

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

    #guide_copy p {
        font-size: 2.0vw;
        color: white;
        padding-left: 5%;
        letter-spacing: 0.5vw;
        line-height: 3.2vw;
        font-weight: 500;
    }


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

    #staff_info {
        width: 100%;;
    }

    .contents_container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        max-width: 1080px;
        max-height: 490px;
    }

    .staff_main, .content_box {
        width: 50%;
    }
    .info_txt {
        width: 80%;
        color: #324c5e;
        margin: auto;
        padding-top: 1%;
            }
    .info_txt_size {
        font-size: 1.8vw;
        line-height: 2em;
    }
    
    .staff_main {
        width: 50%;
    }
    .staff_img_pc {
        max-height: 490px;
        vertical-align: top;
    }
    .staff_img {
        display: none;
    }
    
    .staff_name {
        text-align: right;
        margin-top: 5%;
        margin-top: 5%;
        font-size: 1.9vw;
    }
    .staff_name02 {
        text-align: right;
        margin-top: 5%;
        margin-top: 5%;
        font-size: 1.5vw;
    }

    .name{
        font-size: 2.2vw;
        padding-left: 8%;
    }
    
    .under_line {
        width: 100%;
        font-weight: bold;
        letter-spacing: 0.1em;
        background: linear-gradient(transparent 60%, #ceebff 0%);
    }

    .staff_details {
        background-color: #f1f7fb;
        padding-bottom: 20px;
    }
    
    /*経歴・資格-------------------------------------------------------*/
    
    .contents_container_B {
        width: 100%;
        display: block;
        background-color: #dbf0fa;
        margin: 0 auto;
        padding-top: 5%;
    }
    .content_box {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: flex-start;
        padding-bottom: 5%;
        max-width: 1500px;
    }
    .details_title{
        width: 100%;
    }
    .title_box {
        text-align: left;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .details_icon {
        width: 15%;
        margin-right: 6%;
    }
    .title_box h3 {
        font-size: 2.2vw;
        display: inline-flex;
        color:  #5195ba;
        letter-spacing: 0.2em;
    }

    .details_txt li {
        font-size: 2vw;
        color: #525151;
        letter-spacing: 0.2em;
        margin-bottom: 5px;
        font-weight: 500;
    }
    .details_txt {
        border-left: 3px solid #5195ba;
        padding-left: 5%;
        width: 70%;
    }


    /*--設備-------------------------------------------------*/
    
    .contents_title_sub {
        font-size: 3vw;
        color: #5195ba;
        padding: 10% auto;
        text-align: center;
    }
    
    .border {
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.2em;
    }

    .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: 100%;
        text-align: center;
        font-size: 1.8vw;
        color: #525151;
        margin: 4% auto;
        line-height: 2em;
    }
    
    #setsubi_photos{
        width: 90%;
        margin: auto;
    }
    #setsubi_photos {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .setsubi01 {
        width: 48%;
        margin-bottom: 2%;
    }
    .setsubi02 {
        width: 98%;
        margin-bottom: 2%;
    }
    .setsubi03 {
        width: 32%;
    }

    .offer {
        font-size: 10%;
        text-align: right;
        padding-bottom: 30px;
    }
}


/*--フォントサイズ最大値ーーーーーーーーーーーーーーーーーーー-*/

@media (min-width: 1081px) {
    #guide_copy p { font-size: 30px;}
    .info_txt_size,.setsubi_txt,.details_txt li {
        font-size: 20px;
    }
    .name  {font-size: 27px;}
    .staff_name02 {font-size: 16px;}
    .staff_name {font-size: 19px;
    }
}