body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

input:read-only,
textarea:read-only {
  background-color: #eee;
}

.form-section__container {
  margin : 30px auto;
  padding: 1vw;
}

.form-section__table th {
  font-weight: normal;
  text-align : left;
}

.form-field__label-required {
  color    : red;
  font-size: small;
}

.claim-list .jexcel>tbody>tr>td.readonly {
  color: #333;
}
.claim-detail .jexcel>tbody>tr>td.readonly {
  color: #666;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;   /* 横スクロールを許可 */
  -webkit-overflow-scrolling: touch; /* スマホでスムーズスクロール */
}

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  min-width: 100%; /* コンテンツが狭い場合も崩れないように任意指定可 */
}

.table-wrap th,
.table-wrap td {
  white-space: nowrap; /* セル内で折り返さない（可変幅を維持） */
}