@charset "utf-8";
/* ご挨拶 */
/* 患者さまへ -PATIENTS- */
#wrap {
/* background: #ffffff; */
font-size: 1rem;
}

h2 {
  background-image: url(../patient/img/tit_patient.jpg);
  background-size: cover;
  background-position-x:  100%;
}
.sTit{
  font-size: 1.875rem;
  margin-bottom: 35px;
}
.conBox2 {
background: #ffffff;
width: 100%;
margin: 0 auto;
display: block;
max-width: 1100px;
padding-top: 0;
padding-bottom: 20px;
}
@media screen and (min-width: 1200px) {
.gNav li:nth-child(2) > a{
border-bottom: solid 3px #30adb5;
}

}

.content img.titunder{
  margin-bottom: 60px;
  width: 100%;
}

.patHowto .patPopup{
  width: 100%;
  max-width: 1100px;
    display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
justify-content: space-around;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  font-weight: bolder;
}
.patPopup p {
  display: inline-block;
  width: 26%;
  background: #f8f8f8;
  border: solid 1px #dcdcdc;
  box-sizing: border-box;
  max-width: 250px;
  min-width: 210px;
  margin-bottom: 20px;
  padding: .4rem 0;
  font-size: 1.146rem;
  line-height: 1.3rem;
}
.patPopup p span{
font-size: .8rem;
}
.patCharge h3{
  margin-bottom: 30px;
  margin-top: 75px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.patCharge .patChaTable {
display: table;
width: 100%;
border: solid 1px #f8f8f8; 
margin-bottom: 85px;
}
.patChaTable dl{
  display: table-cell;
text-align: center;
  width: 13.8%;
  border: solid 1px #dcdcdc;
}
.patChaTable dl:nth-of-type(n+2){
border-left: none;
}
.patChaTable dt{
   display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
text-align: center;
  width: 100%;
background: #f8f8f8;
  height: 50px;
  border-bottom: solid 1px #dcdcdc;
 font-size: 1.25rem;
 font-weight: bold;
}
.patChaTable dd{
   display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
text-align: center;
  width: 100%;
  height: auto;
  vertical-align: middle;
 font-size: 1rem;
}

.patCharge .patChaCoution {
  border: solid 1px #dcdcdc;
  margin: 85px auto 50px;
  position: relative;
  padding: 1.5rem; 1rem;
}
.patCharge .patChaCoution p{
  font-size: 1rem
}
.patCharge .patChaCoution .sTit {
/*   border: solid 1px #dcdcdc; */
  background: #ffffff;
  position: absolute;
  top:-25px;
  left:20px;
  display: inline-block;
  width: auto; 
}
.patCharge .patChaCoution .sTit:before {
content: none;  
}
.patCharge .patChaCoution a {
display: block;
  text-align: center;
  background: #f8f8f8;
  font-weight: bolder;
  font-size: 1.375rem;
  padding: 12.8px;
  margin-top: 10px;
}
.patCharge .patChaCoution a span{

  font-size: 2.125rem;
}
.greBrand {
margin-bottom: 40px;
text-align: center;
}
.conBox .greSection {
margin-top: 100px;
}
.conBox .mt0 {
margin-top: 0px;
}

.patProcedure{
  
}
.patProItem{
  border: solid 1px #dcdcdc;
  padding: 20px 10px;
  margin: 0 auto 100px;
  position: relative;
}
.patProItem:after{
  content: "　";
  width: 30px;
  height: 30px;
  border: 5px solid;
  position: absolute;
  border-color:  transparent transparent #6cc3a1 #6cc3a1;
    -webkit-transform: rotate(-135deg);
   -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
  margin: 0 auto;
  left:0;
  right: 0;
  bottom: -60px;
}
.patProItem:last-of-type::after{
  content: none;
}
.patProItem .sTit{
 position: relative;
 left: 126px;
  font-family:"Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;;
}
.patProItem .sTit span{
  position: absolute;
  top: -55px;
  left: -116px;
  color: #ffffff;
  background: #6cc3a1;
  width: 96px;
  height: 96px;
  /*!   display: -webkit-box; /*Android4.3*/
  /*display: -moz-box;*/    /*Firefox21*/
  /*display: -ms-flexbox;*/ /*IE10*/
  /*display: -webkit-flex;*/ /*PC-Safari,iOS8.4*/
/*  display: flex;*/ 
  /*! justify-content:  center; */
  /*! align-items:  center; */
  font-size: 60px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  
  line-height: 96px;
  text-align: center;
}
.patProItem dl{
  padding: 10px;
    display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  background: #f8f8f8;
  margin: 0 10px 10px
}
.patProItem dt{
  width: 220px;
  text-align: right;
  font-weight: bolder;
}
.patProItem dd{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  display: block;
}
.patProItem p{
  margin: 0 10px 10px
}


.greSection + .greSection {
margin-top: 50px;
}
.conBox2 .patAdmit {
margin-top: 0px;
}
.patAdmit h3.mTit {
margin-bottom: 15px;
}
.greSection h4 {
margin-bottom: 20px;
}
.greSection h4.sTit{
  position: relative;
  font-size: 1.875rem;
}

.greSSTit {
font-size: 114%;
font-weight: bold;
margin-bottom: 5px;
}
.greSection .txt {
margin-bottom: 85px;
}
.greList {
text-indent: -1.5em;
padding-left: 1.5em;
}
.greList li {
margin-bottom: 5px;
}
.grePh {
border: solid 2px #cccccc;
}
/* PC ------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
.greTxt {
/*! float: left; */ /*
max-width: calc(100% - 410px);
max-width: -webkit-calc(100% - 410px); */
}
.greKyouju .photo{
float: left;  
clear: both;
 margin: 1rem  0 0 1rem;
width: 200px;
}
  
.conBox .staff02{
margin-top:100px; 
}
.patAdmit .txt:last-of-type {
margin-bottom: 35px;
}
  .greTxt .photo2space{
float: right;  
height: 6rem;
  }
.greTxt .photo2{
float: right;  
clear: both;
  margin: 1rem  0 0 1rem;
}
.grePh {
float: right;
border: solid 2px #cccccc;
}
.grePhList li {
float: left;
width: 48%;
}
.grePhList li + li {
margin-left: 3%;
}
.grePhList li img {
width: 100%;
height: auto;
}
.patPhoto {
margin-bottom: 40px;
}
.patPhoto img {
width: 100%;
} 
  
}

/* スマートフォン ------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
.sTit{
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.greSection + .greSection {
margin-top: 0px;
}
.patCharge h3{
  margin-bottom: 20px;
  margin-top: 45px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.greSection h4.sTit{
  font-size: 1.25rem;
  line-height: 1.2;
  width: 100%;

}
  
  .patProcedure h4.sTit{
  position: static;
  font-size: 1.25rem;
  line-height: 1.2;
  left: 0;
  width: 100%;
  text-align: center;
  word-break: break-all; 
  }
.greKyouju .photo{
 margin: 1rem  0 1rem 0;
/* width: 200px; */
text-align: center;
}
.greBrand {
margin-bottom: 20px;
}
.greBrand img {
width: 100%;
height: auto;
}
.greSection h4 {
margin-bottom: 15px;
}
.grePh img {
width: 100%;
height: auto;
}
.grePhList li + li {
margin-top: 15px;
}
  
  .greTxt .photo2space{
float: right;  
height: 6rem;
  }
.greTxt .photo2{
/* float: right;   */
clear: both;
  margin: 1rem  0 0 1rem;
}
  
.greSection .txt {
margin-bottom: 25px;
}
  
  
  

.content img.titunder{
  margin-bottom: 30px;
  width: 100%;
}

.patHowto .patPopup{
  width: 100%;
  max-width: 1100px;
    display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
justify-content: space-around;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  font-weight: bolder;
}
.patPopup p {
  display: inline-block;
  width: 100%;
  background: #f8f8f8;
  border: solid 1px #dcdcdc;
  box-sizing: border-box;
  max-width: inherit;
  min-width: inherit;
  margin-bottom: 5px;
  padding: .2rem;
  font-size: 1rem;
}
.patPopup p:nth-last-of-type(-n+3) {
  width: inherit;
  max-width: inherit;
}
.patPopup p span{
font-size: .8rem;
}

.patCharge .patChaTable {
display: block;
width: 100%;
border: solid 1px #f8f8f8; 
margin-bottom: 50px;
}
.patChaTable dl{
    display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
text-align: center;
  width: 100%;
  border: solid 1px #dcdcdc;
}
.patChaTable dl:nth-of-type(n+2){
border-left: solid 1px #dcdcdc;
border-top: none;
}
.patChaTable dt{
   display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
text-align: center;
  width: 30%;
background: #f8f8f8;
  height: auto;
  border-bottom:none;
}
.patChaTable dd{
   display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
text-align: center;
  width: 70%;
  height: auto;
  vertical-align: middle;
}
.patChaTable dd br{
display: none;
}

.patCharge .patChaCoution {
  border: solid 1px #dcdcdc;
  margin: 20px auto 50px;
  position: relative;
  padding: 1.5rem; 1rem;
}
.patCharge .patChaCoution .sTit {
/*   border: solid 1px #dcdcdc; */
  background: #ffffff;
  position: absolute;
  top:-15px;
  left:20px;
  display: inline-block;
  width: auto; 
font-size: 1.25rem;
}
.patCharge .patChaCoution .sTit:before {
content: none;  
}
.patCharge .patChaCoution a {
display: block;
  text-align: center;
  background: #f8f8f8;
  font-weight: bolder;
  font-size: 1.38rem;
  padding: 20px 0px;
  margin-top: 10px;
}
.patCharge .patChaCoution a span{
display: block;
  font-size: 1.48rem;
}
  
  
  
  
.patProItem{
  border: solid 1px #dcdcdc;
  padding: 20px 10px;
  margin: 0 auto 50px;
  position: relative;
}
.patProItem:after{
  content: "　";
  width: 15px;
  height: 15px;
  border: 5px solid;
  position: absolute;
  border-color:  transparent transparent #6cc3a1 #6cc3a1;
    -webkit-transform: rotate(-135deg);
 -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
  margin: 0 auto;
  left:0;
  right: 0;
  bottom: -30px;
}
.patProItem:last-of-type::after{
  content: none;
}
.patProItem .sTit{
 position: relative;
 left: 90px;
  width: calc(100% - 90px);
}
.patProItem .sTit span{
  position: static;
  top: 0px;
  left: -80px;
  color: #ffffff;
  background: #6cc3a1;
  width: 50px;
  height: 50px;
    display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  justify-content:  center;
  align-items:  center;
  font-size: 1.5rem;
  
  bottom: 0;
  margin-top: auto;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
}
.patProItem dl{
  padding: 10px;
  display: block;
  background: #f8f8f8;
  margin: 0 10px 10px
}
.patProItem dt{
  width: 100%;
  display: block;
  text-align: left;
  font-weight: bolder;
  margin-bottom: 7px; 
}
.patProItem dd{
    -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.patProItem p{
  margin: 20px 10px 10px;
}
.patPhoto {
margin-bottom: 40px;
}
.patPhoto img {
width: 100%;
}  
  
  
  
}