@charset "utf-8";

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


  ◇◆◇ ご来院の方へ ◇◆◇
  
  
========================================================================================================================*/

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

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

.forPt-cols2__case {
  background-color:#f4f3f9;
  box-sizing:border-box;
}

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

.forPt-cols2__case__photo img {
  vertical-align:bottom;
}

.forPt ul {
  list-style:none;
  text-align:left;
}

.forPt li {
  padding-left:1.25em;
  margin-top:0.75em;
}

.forPt li:first-child {
  margin-top:0;
}

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

@media print,screen and (min-width:768px) {
  .forPt-cols2 {
    width:1120px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    padding-bottom:50px;
  }
  
  .forPt-cols2__case {
    width:540px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    padding:30px;
  }
  
  .forPt-cols2__case__photo {
    padding-top:20px;
    padding-bottom:20px;
  }
}

@media screen and (max-width:767px) {
  .forPt-cols2 {
    padding:2em 1em;
  }
  
  .forPt-cols2__case {
    padding:1.7em 1.3em ;
    margin-top:1em;
  }
  
  .forPt-cols2 .forPt-cols2__case:first-child {
    margin-top:0;
  }
  
  .forPt-cols2__case__photo {
    padding-top:1em;
    padding-bottom:1em;
  }
  
  .forPt li .sp-none {
    display:none;
  }
}

@media screen and (max-width:500px) {
  .forPt-cols2 {
    padding:1.3em 0.7em;
  }
  
  .forPt-cols2__case {
    padding:1em 1em 1.3em 1em;
    margin-top:0.7em;
  }
  
  .forPt-cols2__case__photo {
    padding-top:0.7em;
    padding-bottom:0.7em;
  }
}


/*-----------------------------------------------------------------------------------
  持ち物
-----------------------------------------------------------------------------------*/

.forPt__bring {
  background-color:#fff;
  display:inline-block;
  color:#826eb4;
  padding:1em;
  margin-top:0.75em;
  margin-bottom:0.25em;
}

.forPt__bring li {
  padding-left:1em;
  margin-top:0;
}

.forPt__bring li:before {
  content:"・";
  color:#826eb4;
  margin-right:0.25em;
  margin-left:-1em;
}


/*-----------------------------------------------------------------------------------
  診察待ちの間に
-----------------------------------------------------------------------------------*/

.forPt-cols1 {
  border-top:1px solid rgba(130,110,180,0.4);
  border-bottom:1px solid rgba(130,110,180,0.4);
  text-align:left;
  box-sizing:border-box;
}
  
.forPt-cols1__photo img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .forPt-cols1 {
    width:1100px;
    min-height:260px;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    position:relative;
  }
  
  .forPt-cols1__photo {
    width:300px;
    height:200px;
    position:absolute;
    right:30px;
    top:30px;
  }

  .forPt-cols1 ul {
    padding-top:0.75em;
  }
}

@media screen and (max-width:767px) {
  .forPt-cols1 {
    margin-left:1em;
    margin-right:1em;
    padding:1.7em 0.3em;
    text-align:center;
  }
  
  .forPt-cols1__photo {
    padding-top:1em;
    padding-bottom:1em;
  }
  
  .forPt-cols1__photo img {
    width:70%;
  }
  
  .forPt-cols1 ul {
    text-align:left;
  }
}

@media screen and (max-width:500px) {
  .forPt-cols1 {
    margin-left:0.7em;
    margin-right:0.7em;
    padding:1.3em 0.3em;
  }
  
  .forPt-cols1__photo {
    padding-top:0.7em;
    padding-bottom:0.7em;
  }
}


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

  明細書の発行について
  
----------------------------------------------------------------------------------------------------*/

.meisai {
  text-align:left;
}

.meisai h5 {
  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;
}

.meisai p {
  border-left:1px solid #d2bd70;
  border-right:1px solid #d2bd70;
  border-bottom:1px solid #d2bd70;
  box-sizing:border-box;
}

@media print,screen and (min-width:768px) {
  .meisai {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    padding-bottom:60px;
  }

  .meisai h5 {
    padding-left:1em;
    padding-right:1em;
  }
  
  .meisai p {
    padding:25px 30px;
  }
}

@media screen and (max-width:767px) {
  .meisai {
    padding:2em 1em;
  }
  
  .meisai h5 {
    font-size:118.8%;
    padding-left:0.7em;
    padding-right:0.7em;
  }
  
  .meisai p {
    padding:1.3em;
  }
}

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