/* タブレットサイズ
*****************************************************/
@media only screen and (max-width: 744px) {
  .pcDisp_lp { display: none; }
  .spDisp_lp { display: block; }

  /* .main-body-in.lp .breadcrumbs .breadcrumbs-in { margin-top: 5px; } */
  .main-body-in.lp .breadcrumbs .breadcrumbs-in li:last-child { display: inline-block; }
  .wrapper { min-width: 100%; width: 100%; }
  .hv-detail { margin: 0 20px; padding: 26px 0 40px; max-width: 100%; }
  .hv-detail > section { line-height: 1.5; }

  section .inner { padding: 0 10px 25px 10px; }
    section .inner p { padding-bottom: 20px; }
    section .inner p.sm { font-size: 10px; padding-bottom: 25px; }

  /* Section Area */
  .sec-ttl { font-size: 18px; line-height: 1.7; margin-bottom: 28px; padding: 5px; }
    .sec-ttl.nopad { font-size: 17px; padding: 10px 0; }
    .sec-ttl:after {
      bottom: -10px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #2f70a8;
    }
  .sec-subttl { font-size: 18px; margin-bottom: 15px; padding: 10px; }

  /* Section Banner */
  .sec-bnr { margin-top: 20px; padding: 0; }

  /* Section Whatis */
  .sec-whatis-col-subttl { font-size: 18px; padding-bottom: 23px; }
  .sec-whatis-col-spImg { line-height: 0; margin: 0 auto 20px; text-align: center; }
    html:not(:target) .sec-whatis-col-spImg img { margin: 0 auto; max-width: 200px; width: 80%; }
  .sec-whatis-col-txt,
  .sec-whatis-col-img { float: none; margin-right: 0; width: 100%; }
  .sec-whatis-col-list { padding-bottom: 15px; }
    .sec-whatis-col-list li { font-size: 15px; margin-bottom: 10px; margin-left: 0; }
    .sec-whatis-col-list li:after {
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 20px solid transparent;
    }

  /* Section Handveins */
  .sec-handveins-img { margin: 0 auto; }
    .sec-handveins-img img { margin: 0 auto; }
  
    .show-treatment { font-size: 12px; }
    .show-treatment > div:first-child { font-size: 12px; }    
    .show-treatment-txt1 { font-size: 14px; min-width: 90px; }
    .show-treatment-txt2 { font-size: 14px; }

  /* Section Treatrec */
  section.sec-treatrec .inner { padding-bottom: 0; }
  .sec-treatrec:after { content: ''; }
  .sec-treatrec-list { padding-bottom: 20px; padding-left: 0; }
    .sec-treatrec-list li { font-size: 18px; }
    .sec-treatrec-list li:before { top: 0; }
  .sec-treatrec-spImg { line-height: 0; padding-bottom: 25px; }

  /* Section Causes */
  .sec-causes-list li { background-image: none; clear: both; display: block; float: none; margin-bottom: 8px; margin-left: 0; margin-right: 0; overflow: hidden; padding: 0; width: 100%; }
  .sec-causes-list li:last-child { margin-bottom: 0; }
  .sec-causes-list li .sec-causes-step td {
      border-bottom-left-radius: 0;
      -moz-border-bottom-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -moz-border-bottom-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
  }
  .sec-causes-step tr { display: table; width: 100%; }
    .sec-causes-step th,
    .sec-causes-step td { background-color: #2f70a8; display: table-cell; width: auto; }
    .sec-causes-step th { font-size: 18px; padding: 0; vertical-align: middle; width: 106px; }
    .sec-causes-step td {
      font-size: 14px; padding: 2px 2px 2px 0; vertical-align: middle; width: calc(100% - 95px);
      border-bottom-left-radius: 0;
      -moz-border-bottom-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
    }
      .sec-causes-step td div {
        background-color: #FFF; font-size: 16px; min-height: 77px; padding: 15px 10px;
        border-top-right-radius: 20px;
        -moz-border-top-right-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -moz-border-bottom-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
      }
      .sec-collagenlift-img.img-center {
        margin-bottom: 30px;
    }

  /* Section Treatsteps */
  .sec-treatsteps .inner { margin: 5px 5px 15px 5px; padding: 40px 10px 20px; width: auto; }
    .sec-ttl-nobg { font-size: 18px; padding-bottom: 35px; padding-right: 107px; text-align: left; }
      .sec-ttl-nobg img { left: auto; right: 0; top: -10px; }
    .sec-subttl-bg { font-size: 18px; margin-bottom: 20px; }
      .sec-subttl-bg span { height: 30px; line-height: 30px; margin-right: 10px; width: 30px; }
    .sec-treatsteps-img img { margin: 0 auto; }
    .sec-treatsteps-box { margin-bottom: 0px; }
      .sec-treatsteps-pad { margin: 5px; padding: 10px 4px 25px; }
      .sec-treatsteps-ttl { font-size: 21px; line-height: 1.8; padding-bottom: 20px; text-align: center; }
      .sec-treatsteps-list li { font-size: 16px; padding-bottom: 15px; }
    .sec-treatsteps-bd { margin: 50px auto 30px; padding: 35px 10px 20px; }
      .sec-treatsteps-float { font-size: 18px; max-width: 224px; width: auto; }
        html:not(:target) .sec-treatsteps-con img { display: block; margin: 0 auto 20px; max-width: 90%; position: static; transform: none; }
      .sec-treatsteps-con .con-txt { width: 100%; }

  /* Section Combi */
  .sec-combi-img img { margin: 0 auto; }

  /* Section Pain */
  .sec-pain-box { text-align: right; }
    .sec-pain-boxup { position: relative; }
    .sec-pain-txt { margin: 0 auto 20px; min-height: 94px; padding-bottom: 0 !important; padding-right: 135px; }
    .sec-pain-box img { bottom: auto; top: 50%; transform: translate(0,-50%); left: auto; right: 0; width: 120px; }
    .sec-pain-box ul { display: block; width: 100%; }
    .sec-pain-box ul li { display: block; }
    .sec-pain-box ul li .sec-pain-subttl { font-size: 16px; display: block; padding: 5px 10px; width: 100%; }
    .sec-pain-box ul li p {  display: block; padding: 15px 10px; width: 100%; }

  /* Section Points */
  .sec-points-box { width: 100%; margin-bottom: 30px; }
    .sec-points-box:last-child { margin-bottom: 0; }
    .sec-points-box:nth-child(1), .sec-points-box:nth-child(3) { float: none; }
    .sec-points-box:nth-child(3) p { padding-bottom: 0; }
    .sec-points-ttl { font-size: 18px; display: inline-block; vertical-align: middle; width: calc(100% - 130px); }
      .sec-points-ttl:before { height: 24px; top: 1px; width: 3px; }
    .sec-points-box img { width: 120px; vertical-align: middle; margin: 0; }
    .sec-points-box p { clear: both; display: block; margin-top: 15px; }

  /* Section Case */
  .sec-case-imgs { margin: 30px 0 10px; text-align: center; flex-direction: column; align-items: center; }
    .sec-case-imgs li { margin-bottom: 10px; max-width: 470px; width: 100%; }
    .sec-case-imgs li figure { padding: 5px; }
    .sec-case-imgs li:nth-child(even) { float: none; }
    .sec-case-btn { padding: 10px; min-height: 0; width: 100%; max-width: 470px; margin-bottom: 30px;  }
      .sec-case-btn span { font-size: 18px; }
      .sec-case-btn span:before { right: -28px; }
    .sec-case-effect { display: block; }
      .sec-case-ttl { width: 100%; font-size: 16px; padding: 2px 10px; display: block; }
      .sec-case-effect ul { width: 100%; padding: 15px; display: block; }
      .sec-case-effect ul li { padding-left: 10px; }
      .sec-case-effect ul li:before { position: absolute; top: 9px; left: 0; }

  /* Section Treatflow */
  .sec-treatflow-boxes { margin-top: 30px; }
    .sec-treatflow-box { margin-bottom: 18px; }
    .sec-treatflow-box img { width: 120px; margin-right: 10px; }
    .sec-treatflow-txt { width: 100%; }
      .sec-treatflow-txt p { width: calc(100% - 130px); display: inline-block; vertical-align: top; }
    .sec-treatflow-ttl { font-size: 18px; margin-bottom: 20px; }
      .sec-treatflow-ttl span { font-size: 18px; height: 30px; margin-right: 6px; width: 30px; }

  /* Section Cost */
  .sec-cost-box { padding: 30px 5px 10px; 
    /* margin-bottom: 30px;  */
  }
    .sec-cost-box ul { margin-bottom: 20px; }
      .sec-cost-box ul li { font-size: 14px; padding: 7px 10px; width: 48%; }
      .sec-cost-box ul li:nth-child(2) { width: 52%; }
    .sec-cost-tbl { font-size: 12px; margin-bottom: 0px; }
      .sec-cost-tbl tr th, .sec-cost-tbl tr td { padding: 5px; }
			.sec-cost-tbl tr th:first-child { width: 48%; }
			/*.sec-cost-tbl tr th:nth-child(2) { width: 15%; }*/
      .sec-cost-tbl tr td { padding: 10px 5px; }
      .sec-cost-tbl tr td:first-child { font-size: 13px; }
      .sec-cost-tbl tr td small { font-size: 10px; }
    .sec-cost-boxlow { border-width: 5px; padding: 22px 10px 25px; }
      .sec-cost-ttl { font-size: 18px; line-height: 1.7; margin-bottom: 19px; }
        html:not(:target) .sec-cost-boxlow img { display: block; margin: 0 auto 15px; max-width: 80%; }
      .sec-cost-boxlow p { display: block; width: 100%; }


      .show-all { padding: 10px 10px; margin: 10px auto 25px; }
      .show-all button { margin-top: 70px; }
      .show-all label:before { background: linear-gradient(rgba(255,255,255,.0) 20%,rgba(255,255,255,1) 85%); }
      .show-treatment > div:first-child .show-treatment-txt1 { font-size: 15px; }
      .show-treatment-txt1.no-text { display: none; }
      .show-treatment > div > div + div { margin-left: 0 }
      .show-all.noBd {
        margin: 10px auto 10px;
    }
    .sec-treatsteps-box.no {
      margin-bottom: 30px;
  }
}