@charset "UTF-8";

/* メインビュー画像設定 */
#doctor .mainv::after {
    background: url(../images/dr/mainv_pc.jpg) no-repeat center center /cover;
}

.m-40 {
    margin-bottom: 40px;
}

.introduction {
    margin-bottom: 60px;
}
.introduction p:not(:last-of-type) {
    margin-bottom: 20px;
}

.flex-area .flex-right {
    width: 30%;
}
.flex-area .flex-left {
    width: 65%;
}

.career-history {
    display: flex;
    flex-flow: wrap;
}
.career-history dt {
    width: 20%;
    text-align: center;
}
.career-history dd {
    width: 80%;
}
.career-history dt, .career-history dd {
    padding: 8px 4px;
    border-bottom: 1px solid #90CDE3;
}

/* タブレット */
@media (max-width: 1024px) {
    .introduction {
        margin-bottom: 6vw;
    }
    .photo02 {
        width: 46%;
        margin-left: auto;
    }
    .flex-area .flex-right {
        width: 100%;
    }
    .flex-area .flex-left {
        width: 100%;
    }
}
/* スマートフォン */
@media (max-width: 750px) {
    .m-40 {
        margin-bottom: 8vw;
    }
    .introduction {
        margin-bottom: 8vw;
    }
    .introduction p:not(:last-of-type) {
        margin-bottom: 8vw;
    }
    .career-history dt {
        width: 17%;
    }
    .career-history dd {
        width: 83%;
    }
    .career-history dt, .career-history dd {
        padding: 4px;
    }
    .photo02 {
        width: 64%;
    }
}