@charset "utf-8";
@import "style.css";

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


  ◇◆◇ 手術費用・高額療養費制度 ◇◆◇
  
  
========================================================================================================================*/

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

  料金表
  
----------------------------------------------------------------------------------------------------*/

.iryohiList {
  padding-bottom:1em;
}

.iryohiTbl {
  border-collapse:separate;
  border-spacing:0;
  margin-top:40px;
  font-size:137.5%;
}
  
.iryohiTbl thead th {
  background-color:#91cb6a;
  color:#fff;
  text-align:center;
  border-left:1px solid #add88f;
  border-bottom:3px solid rgba(0,0,0,0.1);
  white-space:nowrap;
  font-weight:normal;
}

.iryohiTbl thead th:first-child { border-radius:4px 0 0 0; border-left:0; }
.iryohiTbl thead th:last-child { border-radius:0 4px 0 0; }

.iryohiTbl th,
.iryohiTbl td {
  text-align:center;
  vertical-align:middle;
  padding:1em 0.75em;
}

.iryohiTbl thead th {
  padding:0.5em;
}

.iryohiTbl tbody th {
  font-weight:normal;
  text-align:left;
}

.iryohiTbl tbody th small {
  display:block;
  font-weight:normal;
  font-size:75.0%;
  line-height:1.4;
  padding-top:0.25em;
}


.iryohiTbl tbody th,
.iryohiTbl tbody td {
  background-color:#fff;
  line-height:1.2;
}

.iryohiTbl tbody td {
  border-left:1px solid #eaeaea;
}

.iryohiTbl tbody tr th:first-child,
.iryohiTbl tbody tr td:first-child { border-left:2px solid #dedede; }
.iryohiTbl tbody tr td:last-child { border-right:2px solid #dedede; }
.iryohiList .iryohiTbl:last-child tbody th,
.iryohiList .iryohiTbl:last-child tbody td { border-bottom:2px solid #dedede; }
.iryohiList .iryohiTbl:last-child tbody th { border-radius:0 0 0 4px; }
.iryohiList .iryohiTbl:last-child tbody td:last-child { border-radius:0 0 4px 0; }

.iryohiTbl thead th,
.iryohiTbl tbody td,
.iryohiTbl tbody th b { font-family:"Rounded Mplus 1c"; font-weight:500; }

@media screen and (min-width:768px) {
  .iryohiList-headline {
    display:none;
  }
  
  .iryohiList .iryohiTbl:not(.iryohiTbl-top) thead {
    display:none;
  }
  
  .iryohiList .iryohiTbl:not(.iryohiTbl-top) {
    margin-top:0;
  }
  
  .iryohiTbl tbody td {
    width:22%;
  }

  .iryohiTbl:not(.iryohiTbl-top) th,
  .iryohiTbl:not(.iryohiTbl-top) td {
    border-top:1px solid #eaeaea;
  }
}

@media screen and (max-width:767px) {
  .iryohiList {
    padding-top:0.25em;
  }
  
  .iryohiList-headline {
    margin-top:1em;
    margin-bottom:0.5em;
    font-family:"Rounded Mplus 1c";
    font-weight:500;
    font-size:137.5%;
    line-height:1.5;
  }
  
  .iryohiList-headline small {
    font-family:"Meiryo","メイリオ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif;
    display:block;
    font-size:68.8%;
  }
  
  .iryohiTbl {
    margin-top:1.75em;
    font-size:118.8%;
    margin-top:0;
  }
  
  .iryohiTbl th,
  .iryohiTbl td {
    padding:0.75em;
  }
  
  .iryohiTbl thead th {
    padding:0.5em;
    width:33.333333%;
  }
  
  .iryohiTbl thead th:first-child,
  .iryohiTbl tbody tr th:first-child {
    display:none;
  }

  .iryohiTbl thead th:first-child + th { border-radius:4px 0 0 0; border-left:0; }
  .iryohiTbl tbody tr th:first-child + td,
  .iryohiTbl tbody tr td:first-child + td { border-left:2px solid #dedede; }
  .iryohiTbl tbody tr:last-child th:first-child + td { border-radius:0 0 0 4px; }
  .iryohiTbl tbody tr:last-child th,
  .iryohiTbl tbody tr:last-child td { border-bottom:2px solid #dedede; }
  .iryohiTbl tbody tr:last-child td:last-child { border-radius:0 0 4px 0; }
}

@media screen and (max-width:500px) {
  .iryohiList {
    padding-top:0;
  }
  
  .iryohiTbl {
    font-size:106.3%;
  }
  
  .iryohiTbl th,
  .iryohiTbl td {
    padding:0.75em 0.5em;
  }
}

@media screen and (max-width:360px) {
  .iryohiTbl {
    font-size:100%;
  }
}


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

  高額療養費制度
  
----------------------------------------------------------------------------------------------------*/

.iryohiSeido-warp {
  margin-bottom:0;
}

.iryohiSeido {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.iryohiSeido-headline h3 {
  font-size:175.0%;
  font-weight:500;
  line-height:1;
}

.iryohiSeido p {
  padding-top:1.5em;
}

.iryohiSeido p .unLine {
  font-size:125.0%;
  margin-right:0.25em;
}

@media screen and (min-width:768px) {
  .iryohiSeido-warp {
    position:relative;
    background-color:#eee;
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(#f5f5f5), to(#eee));
    background:-webkit-radial-gradient(center, circle cover, #f5f5f5 0%, #eee 100%);
    background:-moz-radial-gradient(center, circle cover, #f5f5f5 0, #eee 100%);
    background:-o-radial-gradient(center, circle cover, #f5f5f5 0, #eee 100%);
    background:radial-gradient(#f5f5f5 0, #eee 100%);
  }
  
  .iryohiSeido:before {
    content:"";
    width:100%;
    height:100%;
    background:url(../image/iryohi/photo.png) no-repeat center bottom;
    display:block;
    position:absolute;
    left:0;
    top:0;
  }
  
  .iryohiSeido {
    padding-left:405px;
  }
  
  .iryohiSeido p {
    font-size:93.8%;
  }
}

@media screen and (max-width:767px) {
  .iryohiSeido-warp {
    padding-top:0;
  }

  .iryohiSeido-headline {
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(#f5f5f5), to(#eee));
    background:-webkit-radial-gradient(center, circle cover, #f5f5f5 0%, #eee 100%);
    background:-moz-radial-gradient(center, circle cover, #f5f5f5 0, #eee 100%);
    background:-o-radial-gradient(center, circle cover, #f5f5f5 0, #eee 100%);
    background:radial-gradient(#f5f5f5 0, #eee 100%);
    margin-left:-1em;
    margin-right:-1em;
  }
  
  .iryohiSeido-headline h3 {
    position:relative;
    height:0;
    padding-top:25%;
    font-size:200.0%;
  }
  
  .iryohiSeido-headline h3:before {
    content:"";
    width:100%;
    height:100%;
    background:url(../image/iryohi/photo.png) no-repeat left 10%;
    background-size:105% auto;
    display:block;
    position:absolute;
    left:0;
    top:0;
  }
  
  .iryohiSeido-headline h3 span {
    position:absolute;
    left:62%;
    top:50%;
    margin-top:-0.5em;
    margin-left:-3em;
    text-align:left;
    display:inline-block;
  }

  .iryohiSeido {
    width:100%;
  }
  
  .iryohiSeido p .sp-none { display:none; }
}

@media screen and (max-width:500px) {
  .iryohiSeido-headline h3 {
    font-size:187.5%;
  }
  
  .iryohiSeido p {
    padding-top:1.25em;
  }
}

@media screen and (max-width:360px) {
  .iryohiSeido-headline h3 {
    font-size:175.0%;
  }
}