@charset "UTF-8";
/********************************************************************************************************************************
 * bootstrap上書き
 ********************************************************************************************************************************/
.input-form, .input-form-lg, .input-form-md, .input-form-sm, .input-form-xs {
  border-radius: 4px !important;
  width: 100%;
}

@media screen and (max-width: 575px) {
  .input-form, .input-form-lg, .input-form-md, .input-form-sm, .input-form-xs {
    border-radius: 6px !important;
  }
}

.input-form {
  max-width: 100%;
}

.input-form-lg {
  max-width: 290px !important;
}

@media screen and (max-width: 575px) {
  .input-form-lg {
    max-width: 100% !important;
  }
}

.input-form-md {
  max-width: 236px !important;
}

@media screen and (max-width: 575px) {
  .input-form-md {
    max-width: 88.71473% !important;
  }
}

.input-form-sm {
  max-width: 190px !important;
}

@media screen and (max-width: 575px) {
  .input-form-sm {
    max-width: 40.75235% !important;
  }
}

.input-form-xs {
  max-width: 128px !important;
}

@media screen and (max-width: 575px) {
  .input-form-xs {
    max-width: 40.75235% !important;
  }
}

.form-control {
  border: 2px solid #c0c0c0;
  border-radius: 4px;
  height: 44px;
  font-size: 14px;
}

.form-control::-webkit-input-placeholder {
  color: #D6D2D4 !important;
}

.form-control:-ms-input-placeholder {
  color: #D6D2D4 !important;
}

.form-control::-ms-input-placeholder {
  color: #D6D2D4 !important;
}

.form-control::placeholder {
  color: #D6D2D4 !important;
}

.form-control:focus {
  background-color: #f8f7f8;
  border-width: 2px;
}

.form-control[aria-invalid='true'] {
  -webkit-box-shadow: 0 0 0 2px #c40c42;
          box-shadow: 0 0 0 2px #c40c42;
}

.form-control[aria-invalid='true'] + .focus_effect {
  background-color: transparent;
}

.form-control[aria-invalid='true']:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #c40c42;
          box-shadow: 0 0 0 2px #c40c42;
  border-width: 2px;
}

/*取扱注意*/
@media screen and (max-width: 575px) {
  .container {
    padding-right: 8px;
    padding-left: 8px;
  }
}

@media screen and (min-width: 576px) {
  /* 980px固定幅にする場合 */
  body {
    min-width: 1010px;
  }
  .container {
    max-width: none;
    /* 980px + 15px*2 */
    width: 1010px;
  }
  /* .row {
    margin-right: -12px;
    margin-left:  -12px;
  } */
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
}
/*# sourceMappingURL=bootstrap_overwrite.css.map */