@charset "utf-8";
/* Detail */
.detail{border-radius: 10px; background: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); padding: min(4vw,50px); margin-bottom: 90px;}
.detail .outer{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-bottom: min(4vw,50px);}
.detail .img{max-width: 300px; width: 27.5%; border-radius: 10px; overflow: hidden; line-height: 1;}
.detail .inner{width: 68%;}
.detail .name{font-weight: bold; font-size: 2.6rem; line-height: 1;}
.detail .name span{font-size: 1.385em; line-height: 1;}
.detail .pos{font-weight: bold; font-size: 2rem; margin-top: 5px;}
.detail .info{margin-top: 20px; font-size: 1.6rem;}

@media screen and (max-width: 768px){
    .detail{padding: 30px 20px; margin-bottom: 60px;}
    .detail .outer{margin-bottom: 20px;}
    .detail .img{width: 70%; margin: 0 auto 15px;}
    .detail .inner{width: 100%;}
    .detail .name{font-size: 1.8rem; text-align: center;}
    .detail .pos{font-size: 1.6rem; margin-top: 10px;}
    .detail .info{font-size: 1.4rem;}
}

/* Article */
.article{padding-bottom: 60px;}

@media screen and (max-width: 768px){
    .article{padding-bottom: 40px;}
}

/* Publish */
.publish-list{padding-bottom: 20px;}