@charset "utf-8";

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


  ◇◆◇ 手術を受ける方へ ◇◆◇
  
  
========================================================================================================================*/

.ope_ct {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .ope {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:100px;
  }
  
  .ope_ct {
    width:71.666666%;
    float:right;
  }
}

@media screen and (max-width:640px) {
  .ope {
    padding-top:2rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .ope_ct {
    padding-top:2.5rem;
  }
}


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

  一覧
  
----------------------------------------------------------------------------------------------------*/

.opeBox h3 {
  font-family:"NotoSans";
  font-weight:500;
  background-color:#5798d9;
  color:#fff;
  line-height:1.5;
  padding:0.75em 1em;
}

.opeBox.first { padding-top:0; }

.opeBox .ake1T { padding-top:1rem; }
.opeBox .ake1B { padding-bottom:1rem; }

.opeBox table {
  width:100%;
  border-collapse:collapse;
  border:0;
}

.opeBox table th,
.opeBox table td {
  line-height:1.5;
  padding:1em;
}

.opeBox .tblType01:before,
.opeBox .tblType01:after {
  content:"";
  display:block;
  width:100%;
  height:0.5rem;
}

.opeBox .tblType01 th {
  width:25%;
  background-color:#d7e7f8;
  color:#0a3264;
  text-align:center;
  vertical-align:top;
  border-bottom:2px solid #fff;
  white-space:nowrap;
}

.opeBox .tblType01 td {
  width:75%;
  background-color:#eef5fc;
  text-align:left;
  border-bottom:2px solid #fff;
}

@media print,screen and (min-width:641px) {
  .opeBox {
    padding-top:60px;
  }
  
  .opeBox.last { padding-bottom:40px; }
  
  .opeBox h3 {
    margin-bottom:1.75rem;
  }

  .opeBox .l-listMk { margin-left:1.35rem; }
}

@media screen and (max-width:640px) {
  .opeBox {
    padding-top:2.5rem;
  }
  
  .opeBox.last { padding-bottom:1.5rem; }
  
  .opeBox h3 {
    margin-bottom:1.5rem;
  }

  .opeBox .l-listMk { margin-left:1.25rem; }
}


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

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

@media print,screen and (min-width:641px) {
  .opeBox .photo {
    display:inline-block;
    text-align:center;
    padding-bottom:1rem;
    float:right;
    margin-left:1.5rem;
  }
  
  #cataract .p01 { width:300px; }
  #cataract .p02 { width:200px; }
  #cataract .p03,
  #cataract .p04 { width:250px; }
  
  #glaucoma .p01 { width:300px; }
  #glaucoma .p02 { width:250px; }
}

@media screen and (max-width:640px) {
  .opeBox .photo {
    display:block;
    text-align:center;
    padding-bottom:1.25rem;
  }
  
  #cataract .p01 img { width:400px; }
  #cataract .p02 img { width:200px; }
  #cataract .p03 img { width:100%; }
  #cataract .p04 img { width:300px; }
  
  #glaucoma .p01 img { width:400px; }
  #glaucoma .p02 img { width:250px; }
}