@charset "UTF-8";
/*==========================================
  article
--------------------------------------------

  202605_Ph4.5
  /article/detail/article.html

--------------------------------------------*/

.anchorlink{
    margin-top: -70px;
    padding-top: 70px;
    display: block;
}
@media (min-width: 600px) {
    .anchorlink{
        margin-top: -90px;
        padding-top: 90px;
    }
}
.Q-linkList > li > a:before{
    content:"Q" !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 500;
    line-height: 1;
    color: #1FA389 !important;
    font-size: 19px;
    margin-top: 3px;
    margin-left: -1px;
}
@media (min-width: 600px){
    .p-article_qa__content{
        display: flex;
        gap:1em;
    }
    .p-article_qa__content-txt{
        width : -webkit-calc((100% - 45% ) - 1em);
        width : calc((100% - 45% ) - 1em) ;
    }
    .p-article_qa__content-img{
        width: 45% !important;
    }
}
.p-hero_article .c-course_view__period{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px;
    justify-content: flex-end;
    align-items: center;
}
.p-hero_article .c-course_view__period dt{
    font-weight: bold;
}

/* 
    202605_Ph4.5 
   author-profile
--------------------------------------------*/
.author-profile__block{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 10px;
}

.author-profile-company{
    display: flex;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    padding-bottom:10px;
    line-height: 1.4em;
    border-bottom: 1px solid #D4D4D4;
}

.author-profile__box{
    display: flex;
    align-items: center;
    gap: 15px;
}
    .author-profile-pic{
        width: 90px;
        height: 90px;
        aspect-ratio: 1/1;
        border-radius: 100%;
        overflow: hidden;
        flex-shrink: 0;
    }

    .author-profile__unit{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .author-profile-name{
        font-size: 18px;
        font-weight: bold;
    }
    .author-profile-tag{
        overflow: hidden;
    }
    .author-profile-tag dt{
        color:#1FA389;
        font-size: 14px;
        font-weight: bold;
        line-height: 100%;
        float: left;
        clear: left;
        padding: 8px 0 0;
    }
        .author-profile-tag dt:after{
            content: "：";
        }
    .author-profile-tag dd{
        font-size: 14px;
        font-weight: 500;
        line-height: 100%;
        overflow: hidden;
        padding: 8px 0 0;
    }
 
@media (min-width: 600px) {
.author-profile__block{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 10px;
}

.author-profile-company{
    font-size: 24px;
}

.author-profile__box{
    gap: 30px;
}
    .author-profile-name{
        font-size: 20px;
    }

    .author-profile-tag{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0 10px;
    }
    .author-profile-tag dt{
        font-size: 16px;
    }
        .author-profile-tag dd + dt{
            padding-left: 20px;
        }
    .author-profile-tag dd{
        font-size: 16px;
    }
 }
