.text_box{
    border:inset 0.2em gray;
    width:25rem;
    color:black;
    text-align:center;
    margin:1rem;
}


.text_box a{
    color:black;
}
.text_line{
    width:95%;
}

.text_name{
    font-size:1.2rem;
    font-weight:bold;
font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}

.text_name:hover{
    background:orange;
}
.text_back{
    width:1px;
    display:block;
    background:blue;
}
.text_name:hover + .text_back{
    width:300px;
    transition:3s;
}

.text_name_long{
    font-size:1.1rem;
    text-align:left;
    font-weight:bold;
font-family: 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif
}
.text_name_long:hover{
    background:orange;
}