@charset "utf-8";

/*====================================================================================================

  ご予約について

====================================================================================================*/

.yoyaku-tel {
  background-color:#fff;
}

.uketsuke {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:1.5em;
  margin-bottom:1.5em;
}

.uketsuke dt,
.uketsuke dd {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  line-height:1.5;
  padding:0.6em 1em;
}

.uketsuke dt {
  width:12em;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:#fde869;
}

.uketsuke dd {
  width:-webkit-calc(100% - 12em);
  width:calc(100% - 12em);
  background-color:#fdf3d0;
}

.uketsukeList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  text-align:left;
}

.uketsukeList li:not(:last-child):after {
  content:"、";
}

.yoyaku-tel .tel a {
  text-decoration:none;
}

@media print,screen and (min-width:641px) {
  .annai {
    padding-bottom:72px;
  }
  
  .yoyaku-tel {
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    padding:48px;
    border-radius:10px;
  }
  
  .uketsuke dt .sp-view {
    display:none;
  }
  
  .uketsuke dd {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
}

@media screen and (max-width:640px) {
  .annai {
    text-align:left;
    padding-bottom:2.5em;
  }
  
  .yoyaku-tel {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .yoyaku-tel .tel {
    padding-top:0.2em;
    font-size:1.4em;
  }
  
  .uketsuke dt {
    width:7em;
  }

  .uketsuke dd {
    width:-webkit-calc(100% - 7em);
    width:calc(100% - 7em);
  }
  
  .yoyaku-txt {
    text-align:left;
  }
}

@media screen and (max-width:400px) {
  .uketsuke dt {
    width:6em;
  }

  .uketsuke dd {
    width:-webkit-calc(100% - 6em);
    width:calc(100% - 6em);
  }
  
  .uketsukeList li {
    white-space:nowrap;
  }
}


/*----------------------------------------------------------------------------------------------------

  診療カレンダー
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .cal-wrap {
    padding-top:96px;
    padding-bottom:104px;
  }
  
  .cal-cnt {
    max-width:960px;
    padding-top:64px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media screen and (max-width:640px) {
  .cal-wrap {
    padding-top:3em;
    padding-bottom:3.5em;
  }
  
  .cal-cnt {
    padding-top:2em;
  }
}


/*----------------------------------------------------------------------------------------------------

  診察開始時間について・初診の方へ
  
----------------------------------------------------------------------------------------------------*/

.guide-col {
  position:relative;
  background-color:#fff;
  border-radius:10px;
}

.guide-hdline {
  font-weight:500;
  padding-top:1.6em;
  background:url(../../image/circle_dot_green.svg) no-repeat center top;
  background-size:3.8em auto;
  position:relative;
  display:inline-block;
  margin-top:-0.6em;
  z-index:1;
}

.guide-hdline:before {
  content:"";
  width:100%;
  height:1.4em;
  display:block;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  margin-bottom:0.2em;
}

.shinryojikan .guide-hdline:before {
  background-image:url(../../image/icon/clock.svg);
}

.shoshin .guide-hdline:before {
  background-image:url(../../image/icon/mrecords.svg);
}
  
.guide-cols .inner p {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .guide-cols {
    padding-bottom:96px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  .guide-cols {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .guide-col {
    width:-webkit-calc(50% - 20px);
    width:calc(50% - 20px);
  }
  
  .guide-col .inner {
    padding:20px 40px 50px 40px;
  }
}

@media screen and (max-width:640px) {
  .guide-cols {
    padding-bottom:2.5em;
  }
  
  .guide-col .inner {
    padding:0.75em 1.6em 2em 1.6em;
  }
}


/*--------------------------------------------------------------------------------
  初診の方へ
--------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .shoshin .btn {
    padding-top:2em;
    padding-bottom:0.5em;
  }
}

@media screen and (max-width:640px) {
  .shoshin {
    margin-top:3.5em;
  }
  
  .shoshin .btn {
    padding-top:1.5em;
    padding-bottom:0.5em;
  }
}