.article h3.lawyer-name{
    border: none;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', sans-serif;
    font-weight: normal;
    font-size: 1.8rem;
    padding-left: 0px;
    margin-top: 40px;
    margin-bottom: 10px;
    position: relative;
}
.article h3.lawyer-name::after{
    content: 'Attorney at Law';
    position: absolute;
    top: -26px;
    left: 0;
    font-size: 2rem;
    color: var(--main-color);
    /* opacity: .3; */
}
.image_and_career{
    display: flex;
    justify-content: left;
    margin-bottom: 30px;
}
.image_and_career .profile-image{
    width: 200px;
    margin-right: 20px;
}
.image_and_career .career{
    flex-grow: 1;
}
.image_and_career .career h4{
    margin-bottom: 10px;
}
.image_and_career .career table tr{
    background-color: inherit;
}
.image_and_career .career table tr td{
    border: none;
    font-size: .9rem;
    padding-top: 0px;
    padding-bottom: 0px;
}
.image_and_career .career table tr td:first-child{
	width: 6em;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    /*必要ならばここにコードを書く*/
  }
  
  /*834px以下*/
  @media screen and (max-width: 834px){
    /*必要ならばここにコードを書く*/
  }
  
  /*480px以下*/
  @media screen and (max-width: 480px){
    .article h3.lawyer-name{
        font-size: 1.5rem;
    }
    .article h3.lawyer-name::after{
        content: 'Attorney at Law';
        position: absolute;
        top: -20px;
        left: 0;
        font-size: 1.8rem;
        color: var(--main-color);
        /* opacity: .3; */
    }
    .image_and_career .career table tr td{
        font-size: .8rem;
    }
  }