@charset "utf-8";

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


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

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

  写真
  
----------------------------------------------------------------------------------------------------*/

.photo ul {
  list-style:none;
}

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

.photo li img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .photo ul {
    width:840px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    padding-bottom:40px;
  }
  
  .photo li {
    padding:0 10px;
  }
}

@media screen and (max-width:767px) {
  .photo {
    overflow:hidden;
  }
  
  .photo ul {
    padding:2em 1em 1.5em 1em;
    margin-left:-1%;
    margin-right:-1%;
  }
  
  .photo li {
    padding:0 1%;
  }
}

@media screen and (max-width:500px) {
  .photo ul {
    padding:1.5em 0.7em 1em 0.7em;
  }
}


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

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

.hrs {
  text-align:left;
}

.hrsTbl tbody th small { display:inline-block; }
.hrsTbl .am th small { margin-right:1.25em; }
.hrsTbl .pm th small { margin-right:0.75em; }


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

.hero__guide__hrsInfo {
  text-align:left;
  list-style:none;
  margin-top:0.75em;
}

.hero__guide__hrsInfo li:before {
  content:"※";
  display:inline-block;
  margin-right:0.25em;
}

@media print,screen and (min-width:768px) {
  .hrs {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    min-width:600px;
  }
}

@media screen and (max-width:767px) {
  .hrs {
    padding-left:1em;
    padding-right:1em;
  }
  
  .hrs .hrsTbl tbody th {
    width:42%;
  }
}

@media screen and (max-width:500px) {
  .hrs {
    padding-left:0.7em;
    padding-right:0.7em;
  }
}

@media screen and (max-width:420px) {
  .hrsTbl tbody th small {
    display:block;
    margin-right:0 !important;
  }
  
  .hrs .hrsTbl tbody th {
    width:38%;
  }
}


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

  保険外診療・健康診断
  
----------------------------------------------------------------------------------------------------*/

.otmtc-cols2__col h3 {
  text-align:center;
  background-color:#d2bd70;
  color:#fff;
  font-family:"NotoSerif";
  font-weight:300;
  line-height:1.4;
  padding-top:0.6em;
  padding-bottom:0.7em;
}

.otmtc-cols2__col__block {
  background-color:#faf7ee;
  padding:30px;
  text-align:left;
}

.otmtc ul {
  list-style:none;
  text-align:left;
  margin-top:1.25em;
}

.otmtc ul:first-child {
  margin-top:0;
}

.otmtc li {
  padding-left:1.25em;
}

.otmtc li:before {
  content:"●";
  font-size:75.0%;
  color:#d2bd70;
  display:inline-block;
  margin-right:0.5em;
  margin-left:-1.5em;
}

.otmtc ul + p {
  padding-top:0.25em;
}

@media print,screen and (min-width:768px) {
  .otmtc-cols2__col h3 {
    padding-left:1em;
    padding-right:1em;
  }
  
  .otmtc-cols2 {
    width:1120px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
  }
  
  .otmtc-cols2__col {
    width:540px;
    float:left;
    margin-left:10px;
    margin-right:10px;
  }
}

@media screen and (max-width:767px) {
  .otmtc-cols2__col h3 {
    padding-top:0.5em;
    padding-bottom:0.6em;
    padding-left:0.7em;
    padding-right:0.7em;
  }
  
  .otmtc-cols2 {
    padding:2em 1em 0 1em;
  }
  
  .otmtc-cols2__col {
    margin-top:2em;
  }
  
  .otmtc-cols2 .otmtc-cols2__col:first-child {
    margin-top:0;
  }
  
  .otmtc-cols2__col__block {
    padding:1.7em 1.3em;
  }

  .otmtc ul {
    margin-top:1em;
  }
}

@media screen and (max-width:500px) {
  .otmtc-cols2__col h3 {
    font-size:125.0%;
  }
  
  .otmtc-cols2 {
    padding:1.3em 0.7em 0 0.7em;
  }
  
  .otmtc-cols2__col {
    margin-top:1.5em;
  }
  
  .otmtc-cols2__col__block {
    padding:1em 1em 1.3em 1em;
  }
}


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

  診療内容
  
----------------------------------------------------------------------------------------------------*/

.mtc__block {
  background-color:#f4f3f9;
  text-align:left;
  box-sizing:border-box;
}

.mtc__block h3 {
  font-family:"NotoSerif";
  font-weight:300;
  line-height:1.4;
  color:#826eb4;
}

.mtc__block__cp {
  display:inline-block;
  border-top:1px solid rgba(130,110,180,0.3);
  border-bottom:1px solid rgba(130,110,180,0.3);
  padding-top:0.4em;
  padding-bottom:0.4em;
  margin-top:1em;
  margin-bottom:0.3em;
  line-height:1.4;
  color:#826eb4;
  text-align:center;
}

.mtc__block__photo img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .mtc {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:30px;
    padding-bottom:60px;
  }
  
  .mtc__block {
    min-height:260px;
    margin-top:20px;
    padding:25px 30px;
    position:relative;
  }
  
  .mtc__block__photo {
    width:300px;
    height:200px;
    position:absolute;
    right:30px;
    top:30px;
  }

  .mtc__block p:not(.mtc__block__cp) {
    padding-top:0.75em;
    padding-right:330px;
  }
}

@media screen and (max-width:767px) {
  .mtc {
    padding-top:1em;
    padding-bottom:2em;
  }
  
  .mtc__block {
    padding:1.7em 1.3em;
    margin-left:1em;
    margin-right:1em;
    margin-top:1em;
    text-align:center;
  }
  
  .mtc__block__photo {
    padding-top:1em;
    padding-bottom:1em;
  }
  
  .mtc__block__photo img {
    width:70%;
  }
  
  .mtc__block p:not(.mtc__block__cp) {
    text-align:left;
  }
}

@media screen and (max-width:500px) {
  .mtc {
    padding-bottom:1.5em;
  }
  
  .mtc__block {
    padding:1.3em 1em;
    margin-left:0.7em;
    margin-right:0.7em;
    margin-top:0.7em;
  }
  
  .mtc__block__photo {
    padding-top:0.7em;
    padding-bottom:0.7em;
  }
}

.annotation{
	text-indent: -1em;
	margin-left: 1em;
}

.annotation::before{
	content:"※";
}