/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/client/styles/main.scss ***!
  \**************************************************************************************************************************************************/
@charset "UTF-8";
html {
  font-size: 80%;
}

html .invalid-feedback {
  font-size: 100%;
}

.manual-menu .dropdown-item.active,
.manual-menu .dropdown-item:active {
  background-color: #3d5268;
  color: #333;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}
table.simulation-table {
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  line-height: 1.5;
  font-size: 12px;
  padding: 5px;
  margin: 5px auto;
}
table.simulation-table td.main {
  vertical-align: top;
}
table.simulation-table div.image-area {
  border: 3px solid #bbb;
  min-width: 400px;
  height: 690px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
table.simulation-table .jobno,
table.simulation-table .concept-title {
  font-size: 14px;
}
table.simulation-table .jobno {
  text-align: right;
}
table.simulation-table div.explain {
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
}
table.simulation-table div.title {
  font-size: 14px;
  width: 200px;
  margin: 5px;
  padding: 5px 8px;
  display: inline-block;
  color: white;
  background-color: #333;
}
table.simulation-table hr.dashed {
  border-top: 3px dashed #bbb;
  border-bottom: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}
table.simulation-table img {
  max-height: 690px;
  max-width: 400px;
}

table.result-table.norm tr td:not(:first-child) {
  width: 75px;
}
table.result-table.norm tr td:first-child {
  width: 100px;
}

table.correct-table {
  font-size: 12px;
  border-collapse: collapse;
}
table.correct-table th,
table.correct-table td {
  border: 1px solid #bbb;
  padding: 2px;
  text-align: center;
}
table.correct-table th {
  background-color: #ddd;
}
table.correct-table td {
  background-color: white;
}

table.result-table {
  font-size: 12px;
  border-collapse: collapse;
}
table.result-table td.label-area,
table.result-table td.goal,
table.result-table td.total {
  background-color: #ddd;
}
table.result-table th,
table.result-table td {
  border: 1px solid #bbb;
  padding: 2px;
}
table.result-table tr:first-child th:first-child {
  border: 0px;
  background-color: white;
}
table.result-table th {
  background-color: #ddd;
}
table.result-table tr td:not(:first-child) {
  width: 100px;
}
table.result-table tr td:first-child {
  width: 155px;
}
table.result-table th,
table.result-table td {
  text-align: center;
}
table.result-table th.subtitle {
  text-align: left;
}
table.result-table td.minus {
  color: red;
}
table.result-table .originality, table.result-table .strategy__originality {
  background-color: #c00000 !important;
  color: white;
}
table.result-table .action-standard {
  background-color: #c00000 !important;
  color: white;
}
table.result-table tr.action-standard td {
  background-color: #c00000;
  color: white;
}
table.result-table tr.action-standard td.none-value {
  border: 0px;
  background-color: white;
}
table.result-table td.trial {
  background-color: #FBC2A4 !important;
}
table.result-table td.repeat {
  background-color: #FEE6AA !important;
}
table.result-table td.localOther {
  background-color: #CDF1BA !important;
}
table.result-table td.inbound {
  background-color: #C1D4F4 !important;
}
table.result-table tr td.reason-area {
  width: 500px;
}
table.result-table .form-control {
  height: auto !important;
  padding: 1px;
}
table.result-table input.form-control {
  font-size: 12px;
}
table.result-table textarea.form-control {
  font-size: 11px;
  resize: none;
  overflow: hidden;
}
table.result-table input.form-control {
  text-align: center;
}
table.result-table textarea.form-control {
  letter-spacing: -0.1px;
}

table.wrap-table {
  width: 100%;
}
table.wrap-table table.result-table {
  width: 100%;
}
table.wrap-table td.table-area table {
  margin: 13px 0;
}

table.sub-table td.title-area {
  padding: 0px 7px 0px 4px;
  text-align: center;
}

table.simulation {
  margin-top: 3px;
}

span.small-font {
  font-size: 9px;
}

div.simulation-container {
  font-weight: 400;
  color: #495057;
  line-height: 1.5;
  font-size: 12px;
  padding: 5px 5px 0px 5px;
  margin: 5px auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.simulation-container .row {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 1px;
}
div.simulation-container .column {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1px;
}
div.simulation-container .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.simulation-container .item .content-left {
  text-align: left;
  width: 100%;
}
div.simulation-container .item .content-right {
  text-align: right;
  width: 100%;
}
div.simulation-container .item.concept-title {
  flex: 2;
  text-align: left;
}
div.simulation-container .item.jobno {
  flex: 1;
  text-align: right;
}
div.simulation-container .item.main {
  flex: 1;
  max-width: 400px;
}
div.simulation-container .item.main .image-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 3px solid #bbb;
}
div.simulation-container .item.main .image-area img {
  object-fit: contain; /* 画像のアスペクト比を保つ */
}
div.simulation-container .item.title-area {
  flex: 1;
  max-width: 30px;
  background-color: #404040;
  color: white;
  margin-right: 5px;
  margin-left: 5px;
  display: flex;
}
div.simulation-container .item.title-area .rotate-label {
  rotate: -90deg;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap; /* テキストが折り返されないようにする */
  word-spacing: 10px;
}
div.simulation-container .item.graph-area {
  flex: 1;
  text-align: left;
}
div.simulation-container .item.separator {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
}
div.simulation-container .jobno,
div.simulation-container .concept-title {
  font-size: 14px;
}
div.simulation-container .jobno {
  text-align: right;
}
div.simulation-container div.explain {
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
}
div.simulation-container div.title {
  font-size: 14px;
  width: 200px;
  margin: 5px;
  padding: 5px 8px;
  display: inline-block;
  color: white;
  background-color: #333;
}
div.simulation-container hr.dashed {
  border-top: 3px dashed #bbb;
  border-bottom: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}
div.simulation-container img {
  max-height: 690px;
  max-width: 100%;
}

/*# sourceMappingURL=main.css.map*/