#authors{
    margin-bottom: 48px;

    .explain_text{
        padding-bottom: 50px;
    }

    .authors_card{
        height: 360px;
        background-color: #fff;
        position: relative;
        .authors_card_inner{
            height: 100%;
        }
        .author_img{
            text-align: center;
            padding: 40px 0;
            img{
                display: inline;
                max-width: 60%;
            }
        }
        a{
            display: block;
            height: 100%;
        }
        .author_contents{
            text-align: center;
            .author_name{
                font-weight: bold;
                padding-bottom: 20px;
            }

        }
    }
}

#author_page{
    margin-bottom: 48px;
    .m_secContents.m_secContents--medium .prof_space {
        background-color: #fff;
        margin: 2em 0 5em 0;
        padding: 1em 2em;
        width: 100%;
        align-items: center;
        img{
            max-width: 130px;
            display: inline;
        }
        .prof_left {
            width: auto;
        }
        .prof_right{
            .c{
                display: block;
                padding-bottom: 5px;
            }
            .n{
                font-weight: bold;
                font-size: 20px;
                padding-bottom: 20px;
            }
        }
    }
}

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

    #authors{
        .c_cardListInfo__list--col4{
            li{
                width: 90%;
                margin: 0 auto 6vw;
            }
        }

        .explain_text{
            padding: 0 4vw 4vw;
        }

        .authors_card{
            padding: 4.2666666667vw 5.3333333333vw;
            height: calc(26vw* 1.6);
            width: 100%;
            position: static;
            .authors_card_inner{
                display: flex;
                align-items: center;
            }
            .author_img{
                padding: 0;
                img{
                    max-width: 26vw;
                }
            }
            a{
                width: 100%;
            }
            .author_contents{
                padding-left: 5vw;
                text-align: left;
                .author_name{
                    font-size: clamp(16px,4.8vw,20px);
                }
            }
        }
    }
    #author_page{
        .m_secContents.m_secContents--medium{
            padding-left: 2rem;
            padding-right: 2rem;
            .prof_space {
                width: 100%;
                padding: 1em;
                margin: 2em 0 2em 0;
                img {
                    max-width: 150px;
                    display: inline;
                }
            }
        }
        .prof_right{
            .n{
                font-size: clamp(18px,38.6vw,20px);
                padding-bottom: 5vw;
            }
        }
    }
}