@charset "utf-8";


/* ==================================================================
	doctor.css
	
=================================================================== */

/* --------------------------------
   □ accent
-------------------------------- */ 
.contents main .accent .mv {
    background: url(../../images/doctor/mv_bg.jpg) center / cover;
}

.contents main#lower .accent .title:before {   
    background: url(../../images/doctor/icon.svg) no-repeat;
}

/* --------------------------------
   □ 共通
-------------------------------- */ 
.contents main > section {
    padding: 90px 0;
    margin-bottom: 0;
}

.txtArea p {
    line-height: 2;
}

/* --------------------------------
   □  director
--------------------------------*/
#director {
    padding-top: 0;
    text-align: left;
}
.doctor figure {
    border-radius: 12px;
    overflow: hidden;
    width: 40.14%;
}
.doctor .txtArea {
    text-align: left;
    width: 54.80%;
}
.doctor .txtArea h3 {
    font-size: 100%;
    display: block;
    margin-bottom: 30px;
}
    .doctor .txtArea h3 .name {
        font-size: 200%;
        font-weight: bold;
        letter-spacing: 0.1em;
        display: block;
        padding-top: 20px;
    }
    .doctor .txtArea h3 .name .en {
        font-size: 43.75%;
        padding-left: 20px;
    }
#director .history {
    align-items: flex-start;
    padding-top: 60px;
}
    #director .history >* {
        width: 48.69%;
    }
#director .history ul.listdot.firstChild {
    margin-bottom: 30px;
}
    #director .history ul.listdot > li {
        font-size: 100%;
        padding-left: 1em;
        letter-spacing: 0.1em;
    }
        #director .history ul.listdot > li:before {
            top: 0.9em;
        }
    #director .history .career ul > li {
        font-size: 100%;
        letter-spacing: 0.1em;
        margin-bottom: 16px;
    }
    #director .history .career ul > li dl >* {
        display: inline-block;
    }
    #director .history .career ul > li dt {
        font-weight: 700;    
        padding-right: 24px;
    }

/* --------------------------------
   □  hd
--------------------------------*/
#hd figure {
    width: 31.59%;
}
#hd .txtArea {
    width: 63.35%;
}

/* --------------------------------
   □  staff
--------------------------------*/


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

    .contents main > section {
        padding: 70px 0;
    }

    /* --------------------------------
       □  director
    -------------------------------- */ 
    #director .history {
        padding-top: 0;
    }
    #director .history ul.listdot > li,
    #director .history .career ul > li {
        font-size: 93.75%;
        text-align: left;
    }
        #director .history ul.listdot > li:before {
            top: 0.6em;
        }
        #director .history .career ul > li:last-child {
            margin-bottom: 0;
        }
    #director .history ul.listdot > li {
        line-height: 1.5;
    }
    #director .history .career ul > li dl {
        display: flex;
    }
        #director .history .career ul > li dl dt {
            width: 65px;
            padding-right: 10px;
        }
        #director .history .career ul > li dl dd {
            width: calc(100% - 65px);
        }

    .doctor figure{
        margin-bottom: 30px;
    /*  margin: 0 -4% 30px;
        border-radius: 0; */
    }
        .doctor figure img {
            width: 100%;
        }
    .doctor .txtArea {
        margin-bottom: 30px;
    }
        .doctor .txtArea h3 .name {
            font-size: 156.25%;
            padding-top: 15px;
        }
        .doctor .txtArea h3 .name .en {
            font-size: 52%;
            padding-left: 10px;
        }
    #doc1 .flexbox {
        display: flex;
        flex-direction: column-reverse;
    }
    #doc1 .txtArea {
        margin-bottom: 0;
    }

}