.table_wrap{
    margin: 3rem auto;
    padding: 0 2rem;
    overflow-x:scroll;
}

tr:hover{
    background-color: #ebedef;
}
th{
    font-size: clamp(10px,1vw,15px);
    font-weight: bold;
    text-align: left;
}
th.plan-id{
    width: 10%;
}
th.plan-name{
    width: 20%;
}
th.description{
    width: 50%;
}
th.is-active{
    width: 20%;
}
td{
    font-size: clamp(8px,1vw,13px);
}

/* 検索バー */
.form-group{
    margin: 1rem auto;
    width: 40%;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}