/* 自費診察 */
.jihi {
  height: auto;
}

.jihi .text {
  font-size: 21px;
}
/* 保険診察 */

.hoken {
  height: auto;
}

.hokensize {
  height: 400px;
}

img {
  width: 600px;
  height: 400px;
}

.denkibari {
  width: initial;
  height: initial;
  margin-left: 54px;
}

/* 価格表のデザイン↓ */

/* bootstrapのpaddingを消す */
.block {
  padding: initial;
}

.cp_pricetable1 {
  text-align: center;
  color: #444444;
  width: 1200px;
}
.cp_pricetable1 .block {
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.cp_pricetable1 .block ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/**** blockのhover ****/
.cp_pricetable1 .block:hover {
  /* position: relative; */
  z-index: 100;
  transition-delay: 0s;
  -webkit-transform: translate(-2px, -2px);
  transform: translate(-2px, -2px);
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);
}
.cp_pricetable1 .block:hover .header1,
.cp_pricetable1 .block:hover .header2,
.cp_pricetable1 .block:hover .style1,
.cp_pricetable1 .block:hover .style2,
.cp_pricetable1 .block:hover .footer1,
.cp_pricetable1 .block:hover .footer2 {
  padding: 0.5em;
}
/* --- メニュー名ブロック ---  */
.cp_pricetable1 .block .header1 {
  width: 100%;
  padding: 0.5em;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #131874;
}
/* --- 価格ブロック ---  */
.cp_pricetable1 .block .header2 {
  width: 100%;
  padding: 0.5em;
  border-top: 1px solid #131874;
  background: #a9bce2;
}
/* --- 詳細 ---  */
.cp_pricetable1 .block .style1,
.cp_pricetable1 .block .style2,
.cp_pricetable1 .block .footer1,
.cp_pricetable1 .block .footer2 {
  width: 100%;
  padding: 0.5em;
}
.cp_pricetable1 .block .footer1,
.cp_pricetable1 .block .footer2 {
  padding: 0.5em;
}
.cp_pricetable1 .block .style1,
.cp_pricetable1 .block .footer1 {
  background-color: #e8effc;
}
.cp_pricetable1 .block .style2,
.cp_pricetable1 .block .footer2 {
  background-color: #d7e3fc;
}
.cp_pricetable1 .block .style1,
.cp_pricetable1 .block .style2 {
  border-bottom: 1px dotted #ffffff;
}
/* 価格表のデザイン↑ */

/* レスポンシブ */

@media screen and (max-width: 768px) {
  .cp_pricetable1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  h5 {
    text-align: center;
  }

  .denkibari {
    margin: initial;
  }
}