/* ---------------------------------------------
 know_article_14_15_16 add
--------------------------------------------- */
img {
    flex-shrink: 0;
}

#entrybody .profile {
    display: flex;
}

#entrybody .profile__img {
    width: 20%;
    height: 20%;
    padding: 50px 30px 0 0;
}

@media only screen and (max-width: 640px) {
    #entrybody .profile {
        flex-direction: column;
    }
    #entrybody .profile__img {
        margin: 2rem auto 0;
        width: 70%;
        height: 70%;
        padding: 0;
    }
}

.p > span.annotation {
    font-size: 1.2rem;
    margin-left: 0.5rem;
    font-weight: 600;
}

.h4 > span.annotation {
    font-size: 1.4rem;
    margin-left: 1.2rem;
    font-weight: 600;
}

.refernce > .h4 {
    font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
    .refernce > .h4 {
        font-size: 1.6rem;
    }
}

.refernce > .p {
    font-size: 1.2rem;
}

#main .contents ul.list li > p.p {
    text-indent: 0;
    margin-top: 20px;
}

.img__graph {
    width: 70%;
    margin: 0 auto;
}

.img__graph img {
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .img__graph {
        width: 100%;
    }
}