/* --------------------------------------
online-consultation
-------------------------------------- */
/*$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;
*/
/*@import "mixins/deprecate";
*/
/*@import "mixins/grid-framework";
@import "mixins/grid";
*/
/*@import "../../wp/wp-content/themes/wp-bootstrap-starter/common/css/scss/org";
*/
.sub-title {
  color: #9e0000;
  font-size: 16px;
  position: relative; }
  @media (max-width: 991.98px) {
    .sub-title {
      text-align: center;
      margin: 0 auto 0 auto; } }
  .sub-title:before {
    background: #c21b23;
    display: block;
    height: 1px;
    content: "";
    position: absolute;
    left: -50%;
    top: 10px;
    bottom: 0;
    width: 50%; }
    @media (max-width: 991.98px) {
      .sub-title:before {
        display: none; } }

.title {
  font-size: 34px;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 3px;
  margin: 0 auto 30px auto; }
  @media (max-width: 991.98px) {
    .title {
      font-size: 30px;
      margin: 0 auto 30px auto;
      text-align: center; } }

section {
  max-width: 900px;
  margin: auto; }

.bg-EFEFEF {
  background: #EFEFEF; }

.bg-F3F3F3 {
  background: #F3F3F3; }

.tit {
  font-size: 16px; }
  @media (max-width: 991.98px) {
    .tit {
      font-size: 15px; } }
  @media screen and (max-width: 320px) {
    .tit {
      font-size: 14px; } }

.ex {
  font-size: 14px; }

.alert {
  border-radius: 0; }
  @media (max-width: 991.98px) {
    .alert {
      display: block;
      margin: auto;
      text-align: center; } }

.alert.bg-EFEFEF {
  display: inline-block; }
  @media (max-width: 991.98px) {
    .alert.bg-EFEFEF {
      display: block;
      margin: auto;
      text-align: center; } }

.tel {
  font-size: 40px; }
  @media (max-width: 991.98px) {
    .tel {
      font-size: 40px;
      display: block;
      text-align: center; } }

.require-label {
  background: #9E0000;
  font-size: 11px;
  letter-spacing: 2px;
  display: inline-block;
  color: #FFF;
  padding: 5px;
  white-space: nowrap;
  margin-right: 20px; }

.form-eria {
  border-bottom: 1px solid #ccc;
  padding: 30px 0; }

.custom-select {
  border-radius: 0;
  background: #F3F3F3 url("../img/arrow.png") no-repeat right 0.75rem center/10px 7px;
  height: 50px; }

.datepicker {
  background: #F3F3F3 url("../img/cl.png") no-repeat right 0.75rem center/16px 16px !important; }

.form-control {
  background: #F3F3F3;
  border-radius: 0;
  height: 50px; }
  .form-control.date {
    padding: 0;
    text-indent: 5px;
    padding-right: 10px;
    line-height: 50px; }

.form-control.is-valid, .was-validated .form-control:valid {
  background: #FFF; }

.form-control.is-valid, .was-validated .form-control:valid {
  padding-right: 15px; }

a, area, button, [role="button"], input:not([type=range]),
label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

::placeholder {
  color: #A4A4A4 !important; }

.form-control:disabled, .form-control[readonly] {
  background: #F3F3F3 !important;
  opacity: 1; }

ul.list {
  padding: 0;
  margin: 0; }
  ul.list li {
    padding-left: 14px;
    text-indent: -14px;
    font-size: 11.8px; }

.btn-gray.btn-secondary {
  background: #AAA !important;
  letter-spacing: .08rem;
  border-radius: 0;
  text-align: center;
  font-size: 14px;
  padding: 15px;
  font-weight: bold;
  border: 1px solid #AAA; }
  .btn-gray.btn-secondary:hover {
    opacity: .75; }

.btn-green.btn-success {
  background: #1E771D !important;
  letter-spacing: .08rem;
  border-radius: 0;
  text-align: center;
  font-size: 14px;
  padding: 15px;
  font-weight: bold; }

.btn-link {
  text-decoration: underline;
  color: #0072FF;
  font-size: 12px; }

.parentFormfm01 {
  position: absolute;
  bottom: 0 !important;
  left: 0 !important;
  top: 100% !important; }

.formErrorContent {
  font-size: 12px;
  color: #9E0000;
  padding-bottom: 5px; }
  @media (max-width: 991.98px) {
    .formErrorContent {
      padding-left: 10px; } }