.success{
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    background-color: #28a745;
}
.fail{
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    background-color: #dc3545;
}
/* 確認ページでテーブルを囲むデザイン */
.closing{
    max-width: 70%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    padding-top: 20px;
}
/* 一覧ページのテーブルボーダー */
tbody tr{
    border-bottom: 1px solid #eeeeee;
}
tbody tr:last-child{
    border-bottom: 0;
}

.preparated {
    position: relative;
  }

  @media screen and (max-width: 1024px) {
    .preparated {
        padding-right: 5px;
        text-align: right;
      }
    .preparated::before {
        left: -4px;
        bottom: -5px;
    }
  }

.on768{
    display: none;
}
@media screen and (max-width:768px){
    .on768{
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .container, .container-md, .container-sm {
        max-width: 750px;
    }
}

@media screen and (max-width: 1024px) {
    .col-md-16 {
      flex: 0 0 90.666667%;
      max-width: 66.6666666667%;
    }
  }