@charset "UTF-8";

/* CSS Document */
.author-content h1 {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    margin-bottom: 8px;
}

.author-content p.author-sort {
    text-align: right;
}

.author-content .author-list {
    display: flex;
    flex-wrap: wrap;
    gap: 3.3%;
    padding-top: 40px;
}
.author-list-wrap{
    margin-bottom: 80px;
}

.author-link {
    /* max-width: 142px; */
    width: 17.3%;
    margin-bottom: 30px;
}

.author-link a {
    position: relative;
}

.author-link p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
    padding: 0;
}

.author-link-img {
    background: #ddd;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    margin: 0 auto 14px;
    overflow: hidden;
    position: relative;
}

.author-link-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* 中央表示 */
    display: block;
    /* 余計な隙間を消す */
}

.author-link a::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 130px;
    height: 130px;
    border: 1px solid #727272;
    border-radius: 50%;
    transform: translateX(-50%);
}








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

    .author-link-img {
        width: 84px;
        height: 84px;
    }

    .author-link a::before {
        width: 95px;
        height: 95px;
        top: -6px;
    }
}


@media screen and (max-width:767px) {
    .author-link {
        width: 29.6%;
    }

    .author-content .author-list {
        gap: 5.6%;
    }

    .author-link p {
        font-size: 12px;
    }

    .author-content h1 {
        font-size: 22px;
    }


    .author-content .article-pagenation a.prev,
    .author-content .article-pagenation a.next {
        margin: 0;
    }

    .author-link-img {
        width: 24vw;
        height: 24vw;
    }

    .author-link a::before {
        width: 26vw;
        height: 26vw;
        top: -1.1vw;
        left: 13.3vw;
    }
    .author-link-img-wrap {
    width: 24vw;
    height: 24vw;
    border: 1px solid #727272;
    padding: 3px;
    box-sizing: content-box;
    margin: 0 auto;
    margin-bottom: 14px;
    border-radius: 50%;
}

.author-link a::before {
    display: none;
}
}

.author-link p.occupation {
    font-size: 12px;
    margin-top: 8px;
    color: #727272;
}