@charset "UTF-8";
/* CSS Document */
@media (min-width: 671px) {
  .page-visual-title.vt-acne.vt-82 {
    /*background-image: url("../../images/mv/mv-082-pc.jpg");*/
    background-position-x: right;
  }
}
@media (max-width: 670px) {
  .page-main-copy.page-17.page-82 {
    background-image: url("../../images/mv/mv-082-sp.jpg");
  }
  .page-main-copy.page-17.page-82 p {
    display: block;
    left: 15px;
    bottom: 0px;
  }
  .hl-case01 {
    height: 770px;
  }
  .hl-case02 {
    height: 600px;
  }
}
span.smallsmall {
  font-size: 12px;
  font-family: sans-serif;
  font-weight: 500;
}
th.th_w01.center-must {
  text-align: center;
}
p.arrow-parts span.caution.txt-left {
  display: block;
  margin-bottom: 0.5em;
}


@media (min-width: 769px) {
  .readmore-content.mobile {
    height: unset;
    overflow: hidden;
  }
  .readmore-content.mobile::before {
    background: none;
  }
  label.readmore-label.mobile {
    display: table;
    /* bottom: 9px; */
  }
    .readmore-content.mobile.hl-case01 {
    height: 770px;
  }
  .readmore-content.mobile.hl-case02 {
    height: 600px;
  }
  .readmore-content.mobile.case-box {
    overflow: hidden;
}
.readmore-check:checked ~ .readmore-content {
    height: auto;
}
.readmore-content.mobile::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 100px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}
  .readmore.case-sec .readmore-label {
    width: 100%;
  }
  .readmore.case-sec .readmore-label:before {
    content: 'この症例の治療内容を詳しく見る';
  }
  .readmore.case-sec .readmore-check:checked ~ .readmore-label:before {
    content: '閉じる';
  }
}