/***************** index.html *****************/
/* #region ======= header ======= */
header{
    background-color: #29BC55;
    color: #ffffff;
    padding: 20px 10px;
}

header h1{
    font-size: 1.8rem;
    font-weight: bold;
}
 /* #endregion */

/* #region ======= No入力フォーム ======= */
#No_input{
   padding: 30px 0;
   background-color: #ffffff;
}

#No_input h1{
font-size: 1.5rem;
margin-bottom: 15px;
}

/* 配車入力エリア */
#No_input .haisya_area textarea {
    width: 100%;
    height: 300px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    resize: vertical;       /* サイズ変更を無効化 */
    overflow: auto;     /* スクロールバー表示 */
    margin-top: 20px;
  }

  /* コピーボタン */
  #No_input .Copy_area{
    margin-top: 20px;
    /* padding: 15px 20px 30px 20px;
    border-radius: 25px;
    background-color: #90AED9;
    display: inline-block; */
  }
  #No_input .Copy_area button{
    width: 130px;
    height: 40px;
    font-size: 1.1rem;
  }
  #No_input .Copy_area p{
    margin-bottom: 5px;
    /* color: #ffffff; */
    font-weight: bold;
  }


/* データ一覧 */
  #No_input .data_list table {
    border-collapse: collapse;
    width: 100%;
    margin: auto;

    margin-top: 20px;
  }
  #No_input .data_list th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
    word-wrap: break-word;
    text-align: left;
  }
  #No_input .data_list  th {
    background-color: #f2f2f2;
    text-align: center;
  }

/* No入力エリア */
.no_input_area {
    margin-top: 20px;
    text-align: center;
}

.process-btn {
    background-color: #29BC55;
    color: white;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s;
}

.process-btn:hover {
    background-color: #228f44;
}

/* スマホサイズのスタイル */
@media screen and (max-width: 768px) {
    
}
/* #endregion */