html {
  font-size: calc(10px + 0.4vw) ;
} 

body {
  -webkit-text-size-adjust: 100%;
}

.form-control.is-invalid, .was-validated .form-control:invalid
,.form-control.is-valid, .was-validated .form-control:valid {
  background: none;
  padding-right: 0px;
}

.form-select.is-invalid, .was-validated .form-select:invalid
,.form-select.is-valid, .was-validated .form-select:valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
  }
  
.container-fluid {
  max-width: 1000px;
}

.input-group {
  width: 100%;
}

.input-group .long {
  min-width: 3.5rem;
}

.input-group .short {
  min-width: 1.5rem;
}

.inline-border {
  padding:5px;
  border: solid #dee2e6 1px;
  border-radius: 5px;
}

.ime-off{
  ime-mode: disabled;
}

.index-l{
  font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
  background: #f0f0f0;
  font-weight: bold;
  font-size: 3.5rem;
  color: #000000;
}

.index-m,td.index-m,.index-m2{
  font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
  font-weight: bold;
  background: #f0f0f0;
  color: #000000;
}

.index-m {
  margin-top: 1rem;
  padding: 5px;
}

.index-m2 {
  margin-top: 1rem;
  padding: 5px;
  font-size: 1.2rem;
}


#resultview {
  width:50%;
  height:10%;
  padding:5%;
  margin:5%;
  background: #f0f0f0;
  border-radius: 5px;
  font-family: "Gothic MB101 Heavy", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
  font-weight: bold;
  color: #000000;

}

/* ロゴ */
header {
  position: relative;
  z-index: 9000;
  background-color: #00507e;
}

.header-top .header-logo {
  left: 0;
  z-index: 3;
}

.header-logo {
  display: block;
  margin: 0px;
  width: 235px;
  padding: 31px 28px 32px;
}

.cls-1, .header-logo-image .logo-icon {
  fill: #ffffff;
}