@charset "utf-8";

/* ==================================================================

    clinic.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */
section p.text + *{
    margin-top: 48px;
    
    @media (max-width : 767px) {
        margin-top: 24px;
    }
}

section > .container > section + section,
main > section section + section{
    margin-top: 62px;
    
    @media (max-width : 767px) {
        margin-top: 42px;
    }
}

/* --------------------------------
■ #staff
-------------------------------- */
#staff{
    .doctor{
        .doctor_about {
            gap:0 64px;
            margin-bottom: 57px;
            
            figure {
                flex-shrink: 0;
                width: min(54% , 525px);
            }
            
            .txt_area {
                flex-grow: 1;
                @media (max-width : 767px) {
                    margin-top: 24px;
                }
                
                .title.lv3 {
                    margin-bottom: 50px;
                }
                .title.lv4 {
                    margin-bottom: 50px;
                    
                    @media (max-width : 767px) {
                        margin-bottom: 24px;
                    }
                }
                .title.lv4 small {
                    display: block;
                    font-size: 1.4rem;
                    letter-spacing: 0.06em;
                }
                .title.lv4 span {
                    font-size: 1.4rem;
                    padding-left: 13px;
                }
                
            }
        }
    
        .doctor_history {
            padding: 73px 57px;
            
            @media (max-width : 767px) {
                padding: 4vw 4vw;
            }
            
            .txt_area + .txt_area {
                padding-top: 30px;
            }
            .txt_area .title.lv4 {
                font-size: 2.4rem;
                margin-bottom: 22px;
            }
        .txt_area {
            
            ul{
                font-size: 1.5rem;
                letter-spacing: 0.02em;
                line-height: 1.5;
            
                @media (max-width : 767px) {
                    font-size: 1.4rem;
                }
                
                > li + li{
                    margin-top: 4px;
                }
            }
            
            dl {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                font-size: 1.5rem;
                letter-spacing: 0.02em;
                line-height: 1.5;

                @media (max-width : 767px) {
                    font-size: 1.4rem;
                }

                dt {
                    width: 6em;
                }
                dd {
                    width: calc( 100% - 7em);
                }
            }
        }
    }
    
}




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

    /* --------------------------------
    ■共通
    -------------------------------- */

}