@charset "utf-8";

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


  ◇◆◇ 診療案内 ◇◆◇
  
  
========================================================================================================================*/

.guide p {
  line-height:2;
}

.guide ul {
  list-style:none;
}

.guide li {
  width:50%;
  box-sizing:border-box;
  float:left;
}

.guide li img {
  border-radius:0.5rem;
}

@media print,screen and (min-width:641px) {
  .guide {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
  }
  
  .guide ul { padding-top:60px; }
  
  .guide li:first-child { padding-right:10px; }
  .guide li:last-child { padding-left:10px; }
}

@media screen and (max-width:640px) {
  .guide {
    padding-top:1.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .guide p { font-size:100%; }
  
  .guide ul { padding-top:2rem; }
  
  .guide li:first-child { padding-right:0.25rem; }
  .guide li:last-child { padding-left:0.25rem; }
}


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

  診療時間
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  #hrs {
    padding-top:80px;
    padding-bottom:80px;
  }

  #hrs .j-responTable {
    width:980px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media screen and (max-width:640px) {
  #hrs {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
}


/*-----------------------------------------------------------------------------------
  備考
-----------------------------------------------------------------------------------*/

.hrs_bikou {
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  padding-top:1.5em;
  display:grid;
  grid-template-columns:8.75em auto;
}

.hrs_bikou dt {
  text-align:center;
  font-weight:bold;
}

.hrs_bikou dt.close span {
  display:inline-block;
  letter-spacing:1em;
  margin-right:-1em;
  position: relative;
}

.hrs_bikou dt.close span:before,
.hrs_bikou dt.close span:after {
  content:"";
  display:inline-block;
  width:0.5em;
  height:1em;
}


/*-----------------------------------------------------------------------------------
  注意点
-----------------------------------------------------------------------------------*/

.hrs_annot {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

.hrs_annot dl {
  box-sizing:border-box;
}

.hrs_annot dt {
  font-family:"NotoSans";
  font-weight:500;
  color:#00919b;
  font-size:137.5%;
  line-height:1.4;
  position:relative;
}

.hrs_annot dt:before {
  content:"";
  margin-bottom:0.75em;
  display:inline-block;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#fff;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}

.hrs_annot dl.no01 dt:before { background-image:url(../../image/icon/hrs_annot_ic01.svg); }
.hrs_annot dl.no02 dt:before { background-image:url(../../image/icon/hrs_annot_ic02.svg); }
.hrs_annot dl.no03 dt:before { background-image:url(../../image/icon/hrs_annot_ic03.svg?v=2); }

.no-svg .hrs_annot dl.no01 dt:before { background-image:url(../../image/icon/hrs_annot_ic01.png); }
.no-svg .hrs_annot dl.no02 dt:before { background-image:url(../../image/icon/hrs_annot_ic02.png); }
.no-svg .hrs_annot dl.no03 dt:before { background-image:url(../../image/icon/hrs_annot_ic03.png?v=2); }

.hrs_annot dd {
  padding-top:1em;
}

.hrs_annot dd p {
  text-align:left;
}

.hrs_annot dl.no01 dd p:first-child { padding-bottom:0.5rem; }

.hrs_annot dl.no03 dt span {
  position:relative;
  z-index:1;
}

@media print,screen and (min-width:641px) {
  .hrs_annot { padding-top:60px; }
  
  .hrs_annot dl {
    width:50%;
    float:left;
    border-left:1px solid #dcdee2;
    padding:1rem 2rem;
  }
  
  .hrs_annot dl:first-child { border-left:0; }

  .hrs_annot dt:before {
    width:100px;
    height:100px;
  }
  
  .hrs_annot dt { padding-top:100px; }
  .hrs_annot dl.no03 dt:before { top:-0.5em; }

  .hrs_annot dl.no03 dt span {
    display:block;
    line-height:1.3;
    margin-top:-1em;
  }
  
  .hrs_annot dd p {
    text-align:center;
  }
}

@media screen and (max-width:640px) {
  .hrs_annot { padding-top:0.5rem; }

  .hrs_annot dl {
    border:1px solid #dcdee2;
    padding:1.5rem 1.25rem;
    margin-top:3.25rem;
    border-radius:0.5rem;
  }

  .hrs_annot dt:before {
    width:130px;
    height:70px;
    top:-55px;
  }
  
  .hrs_annot dl.no01 dt { padding-top:20px; }
  .hrs_annot dl.no02 dt:before { top:-50px; }
  .hrs_annot dl.no02 dt { padding-top:30px; }
  .hrs_annot dl.no03 dt { padding-top:20px; }
  .hrs_annot dl.no03 dt span { display:inline-block; margin-right:0.25em; }
}