input[type="number"] {
    box-sizing: border-box; /* border-box ボックスモデルを使用 */
    width: 40px; /* 幅を1/5に設定 */
    margin-right: 5px; /* 右側に余白を設定 */
}
input[type="number"]:last-child {
    margin-right: 0; /* 最後の要素には余白を設定しない */
}
.label-input-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #90EE90;
    background-color: #F0FFF0;
    border-radius: 5px;
}
.label-input-group > p{
    flex-direction: column;
}
.label-input-group > p > div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-right: 20px;
    margin-bottom: 20x;
}
.label-input-group > p > div > label {
    margin-right: 5px;
}
.label-input-group > p > div > input {
    width: 50px;
}
.brue-gradient-card {
    background: linear-gradient(135deg, #2e8bf4 0%, #73cafc 200%);
    border: 5px solid #1576e3;
    color: #794016;
}
.red-gradient-card {
    background: linear-gradient(135deg, #ff63a5 0%, #ffbed1 200%);
    border: 5px solid #f7498c;
    color: #794016;
}
.green-gradient-card {
    background: linear-gradient(135deg, #60c715 0%, #a5e94f 200%);
    border: 5px solid #52ae10;
    color: #794016;
}
.white-gradient-card {
    background: linear-gradient(135deg, #e1e0e1 0%, #ffffff 200%);
    border: 5px solid #d6d8d6;
}

.text-color{
    color: #794016;
}

.card-width{
    width: 250px;
}