.free_word_box {
    margin-top: 3%;
    margin-bottom: 3%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 500px;
    /* align-items: center;  */
}

.word {
    min-width: 0;
    flex: 4;
    /* margin: 5px auto; */
    text-align: center;
}


.word input{
    width: 100%;
    position: relative;
}

.region_box{
    flex: 2;
    min-width: 0;
    text-align: center;
    
    
}
.region_box label{
    margin: 0;
    
}
.region{
    width: 70%;
    height: 60%;
    border-radius: 4px;
    right: 10%;
    margin-top: -2%; /* ここを調整してください */
    text-align: center; /* 追加：横方向に中央に配置 */
    
}


.clear_box {
    flex: 2;
    min-width: 0;
    text-align: center;
}

.clear {
    width: 100%;
    height: 60%;
    border: 1px solid #333;
    padding: 1% 2%;
    cursor: pointer;
    background-color: #ffffff;
    color: #100000;
    border-radius: 4px;
    position: relative;
    top: 40%;
}

.tooltip5 {
    flex: 0.7;
    min-width: 0;
    position: relative;
    cursor: pointer;
    display: inline-block;

}



.tooltip5 img {
    width: 80%;
    position: absolute;
    top: 48%;
    left: 7%;
}

.description5 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 100px;
}

.description5:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}

.tooltip5:hover .description5 {
    display: inline-block;
    top: -75px;
    left: -50px;
}