@media only screen and (max-width:768px) {
  .under #mainContent {
    padding-bottom: 50px
  }

  .under .key {
    margin-top: 0;
    height: 300px
  }

  .under .key .key_text {
    padding: 10px
  }

  .under .key .key_text h2 {
    font-size: var(--ttl_size)
  }

  .under {
    --h3: 24px;
    --h4: 22px
  }

  .under h3 {
    font-size: calc(var(--ttl_size) - 2px)
  }

  .under h4 {
    font-size: calc(var(--ttl_size) - 4px)
  }

  .under h5 {
    margin-bottom: 15px;
    font-size: calc(var(--ttl_size) - 6px)
  }

  .under h6 {
    margin-bottom: 10px;
    font-size: calc(var(--ttl_size) - 8px)
  }
}


@media screen and (min-width:1900px){
    .under .key{min-width: 1920px;left: 50%;transform: translateX(-50%);position: relative;}
}

@media screen and (min-width: 769px) and (max-width: 1560px) {
   .under .doctor_box2 .box_img{width: 25%;}
   .under .doctor_box2 .content{width: 75%;}
   .under.page-interview .key{height: 500px;}
}


@media screen and (min-width: 769px) and (max-width: 1024px) {
   .under .list01.col2{display: block;}
      .under .doctor_box2 .box_img{width: 35%;}
   .under .doctor_box2 .content{width: 65%;}
}




@media only screen and (max-width:768px) {

  .under .entry>section,
  .under .inner>section {
    margin-top: 50px
  }

  .under .entry>section:first-child,
  .under .inner>section:first-child {
    margin-top: 60px
  }

  .under .toc_list li {
    width: 100%;
    max-width: 100%
  }

  .under .imgBox.rowImg .image_l,
  .under .imgBox.rowImg .image_r {
    display: table;
    float: none;
    width: auto;
    margin: 0 auto 20px;
    text-align: center;
    max-width: none
  }

  .under .imgBox.rowImg .image_l:nth-child(n),
  .under .imgBox.rowImg .image_r:nth-child(n) {
    max-width: none
  }

  .under .imgBox.rowImg .txt_l,
  .under .imgBox.rowImg .txt_r {
    float: none;
    width: auto
  }

  .under .imgBox.rowImg.large .image_l,
  .under .imgBox.rowImg.large .image_r {
    max-width: none
  }

  .under .imgBox.rowImg.large .txt_l,
  .under .imgBox.rowImg.large .txt_r {
    width: auto
  }

  .under .imgBox.colImg .item:not(:last-of-type) {
    margin-bottom: 30px
  }

  .under .imgBox.colImg figure {
    margin-bottom: 15px
  }

  .under .imgBox.colImg .text {
    font-size: 14px
  }

  .under .imgBox.colImg2 .item,
  .under .imgBox.colImg3 .item {
    width: 100%
  }

  .under .imgBox.colImg2 picture,
  .under .imgBox.colImg3 picture {
    height: auto;
    min-height: 200px
  }

  .under .imgBox.colImg2 img,
  .under .imgBox.colImg3 img {
    max-height: 500px
  }

  .under .acf_block h3 {
    margin-bottom: 0
  }

  .under .acf_block .text_h3 {
    margin: 25px 0 0
  }

  .under .acf_block .text_h4 {
    margin: 20px 0 0
  }

  .under .acf_block .text_h5 {
    margin: 15px 0 0
  }
   .contact-form-style01 .contact-table dl:first-child{border-top: 1px solid #222222;}
  .contact-form-style01 .contact-table dt,.contact-form-style01 .contact-table dd{padding: 10px 1.5rem;}
  @supports (-webkit-touch-callout:none) {
    .under .clinic_tbl02 {}

    .under .clinic_tbl02 td {
      border-top-width: 0
    }
  }

  @media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
      .under .clinic_tbl02 {}

      .under .clinic_tbl02 td {
        border-top-width: 0
      }
    }
  }

  .under .clinic_tbl02 th:first-child {
    width: 200px
  }

  .under table.rollTable {
    width: 768px
  }

  @supports (-webkit-touch-callout:none) {
    .under table.tbl_style01 {}

    .under table.tbl_style01 tr:last-child td,
    .under table.tbl_style01 tr:last-child th {
      border-bottom-width: 1.4px
    }
  }

  @media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
      .under table.tbl_style01 {}

      .under table.tbl_style01 tr:last-child td,
      .under table.tbl_style01 tr:last-child th {
        border-bottom-width: 1.4px
      }
    }
  }

  .under table.resTable {
    display: block
  }

  .under table.resTable tbody,
  .under table.resTable td,
  .under table.resTable th,
  .under table.resTable tr {
    display: block
  }

  .under table.resTable td:not(:last-child) {
    border-bottom: 0
  }

  .under table.resTable.tbl_style01.colHead tr th {
    border: 1px solid var(--main-color);
    border-bottom: none
  }

  .under table.resTable.tbl_style01.colHead tr:not(:first-child) th {
    border-top: none
  }

  .under table.resTable.tbl_style02.colHead th {
    border-bottom: none
  }

  .under table.resTable.tbl_style02.colHead tr:not(:last-child) td {
    border-bottom: none
  }

  .under .tbl_note {
    display: block
  }

  .under ul.list01 li {
    font-size: 14px
  }

  .under ul.list01.mcol-2 li {
    width: 100%;
    padding-bottom: 9px;
    padding-right: 0
  }

  .under .doctor_box {
    padding: 0vw
  }

  .under .doctor_box .doctor_name {
    bottom: 5vw;
    right: 3.5vw;
    font-size: 4vw;
    padding: 3vw 2vw
  }

  .under.page-interview {
        counter-reset:count
    }

    .under.page-interview .key {
        height: 500px;
        max-height: 100vw
    }

    .under.page-interview .key .key_text {
        padding: 10px 0px 0;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center
    }

    .under.page-interview .key .inner {
        align-items: flex-end;
        padding-bottom: 3%
    }

    .under.page-interview .key .inner:before {
        right: 50%;
        width: 350px;
        transform: translateX(50%);
        max-width: 70%;
        background-position: bottom center
    }

    .under.page-interview .key .catch {
        border-radius: var(--border-radius);
        font-size: min(0.625em,2.2vw);
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        min-width: auto
    }

    .under.page-interview .key .catch .idx_en,.under.page-interview .key .catch .name,.under.page-interview .key .catch h2 {
        margin-left: auto;
        margin-right: auto
    }

    .under.page-interview .key .catch h2,.under.page-interview .key .catch p {
        text-align: center
    }

    .interview_content,.interview_img {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .interview_content {
        max-width: 600px;
        margin: 0 auto
    }

    .interview_img {
        margin-bottom: 35px
    }

    .interview_img:before {
        content: counter(count,decimal-leading-zero);
        counter-increment: count
    }

    .interview_img:before {
        left: 20px;
        font-size: 70px
    }

    .interview_box {
        margin-bottom: 50px
    }

    .interview_box.box_left .interview_content {
        margin-left: auto
    }

    .interview_box.box_right .interview_content {
        margin-right: auto
    }

  .under .key .key_text{padding-top: 12%;}
  .under .key .key_text h2{font-size:2.6rem;}
  .under h3{font-size:2.4rem;margin-bottom: 3rem;}
  .under h4{font-size:2.2rem;margin-bottom: 2rem;padding: 1rem 1.5rem;}
  .under h5{font-size:2rem;margin-bottom: 2rem;}
  .under h6{font-size:1.8rem;margin-bottom: 2rem;}

  .under .toc_list{grid-template-columns: repeat(1,1fr);gap: 0;padding:1.5rem;}
  .under .toc_list li:nth-of-type(2){border-top: 0.1rem solid #9ece97;}
  .under .toc_list li a{padding: 1rem 0 1rem 3rem;}
  .under .list01 li{padding-left: 2rem;margin-bottom: 0.5rem;}
  .under .list01 li::before{top:1rem}
  .under .frame01{padding:3rem 1.5rem}
  .under .step_box{padding: 5rem 0;}
  .under .step_list .step_item{padding:2rem 1.5rem;}
  .under .step_list .step_item::before{font-size: 5rem;top: -3rem;}
  .under .step_list .step_item .dt h4,.under .step_list .step_item .dt h5{font-size: 2.2rem;padding-bottom: 0.5rem;margin-bottom: 1.5rem;}
  .under .step_list .step_item .dt h5{font-size: 2rem;}
  .under .step_list .step_item:not(:last-child){margin-bottom: 3rem;}
  .under .step_list .step_item:not(:last-child)::after{width: 2rem;height: 1.1rem;bottom: -1rem;left: calc(50% - 1rem);}
  .under main .box_map iframe{height: 29.9rem;}
  table th, table td{padding: 1rem ;}
  .under .u_tt1{font-size: 1.8rem;line-height: 1.6;}
  .u_cta{gap: 2rem;}
  .u_cta > p a{font-size: 16px;width: 220px;height: 50px;}
  .u_cta .tel a{font-size:22px;}
  .u_cta .tel a:before,.u_cta .webm a::before{width: 24px;}

  .u_doctor_doctor{padding: 1.5rem 2rem;}
  .u_doctor_doctor .name .lg{font-size: 2rem;margin-bottom: 5px;}
  .u_doctor_doctor .name .sm{font-size: 1.2rem;}

  .under .toc_list li a::before{width: 16px;height: 16px;}
  .under .toc_list li a::after{width: 5px;height: 7px;left: 9px;}
  .under .faq_box .accBtn, .under .faq_box .content{ padding: 1rem 2rem 0 6.5rem; font-size: clamp(14px, 4vw, 1.6rem)}
  .under .faq_box:has(.rotate) .content{padding-bottom: 1.5rem;}
  .under .faq_box .accBtn h4::before, .under .faq_box .content:after { width: 4rem; height: 4rem; font-size: 2.4rem; padding-bottom: 0 }
  .under .faq_box .accBtn h4::before{left: -5rem;}
  .under .faq_box .content:after{left: 1.5rem;}

  .under .faq_box .accBtn h4{font-size: 1.8rem;}
  .under .faq_box .accBtn{padding-right:4rem;}
  .under .faq_box .accBtn.rotate{padding-bottom: 1.5rem;}
  .under .faq_box .accBtn:after, .under .faq_box .accBtn:before{right: 15px;top: calc(50% + 5px);}
  .under .faq_box > h3{margin-top:5rem;}
  .contact-form-style01 .button.thanks_btn a,
  .contact-form-style01 .input_btn input[type=button],
  .contact-form-style01 .input_btn input[type=submit]{font-size: 1.6rem;width:25rem;height: 5.5rem;}
  .under .sitemap>ul>li .title,.under .sitemap>ul>li.menu-item-object-custom:last-child a{font-size: 2.4rem;}
  .under .sitemap>ul>li li a{font-size: 14px;padding: 1rem 1rem 1rem 3rem;}
  .under.page-feature .secH4 .point{font-size: 18px;}
  .under .faq_box .accContainer:has(.accBtn:not(.rotate)){padding-bottom: 0.1rem;}
  .under .btn2 a{width: 30rem;padding: 1rem ;}
  .under .box_img{margin-left: auto;margin-right: auto;}

  /* TABLE SCROLL */
  .under .tb_scroll{overflow:scroll;}
  .under .tb_scroll:not(:last-child){margin-bottom: 1rem;}
  .under .tb_scroll table{width:800px;}
  .under .tb_note{margin-bottom: 1rem;color: #999;font-size: 12px;}

    .under.page-interview .key .name .bot{font-size: 25px;}
    .under.page-interview .key .name .bot .en{font-size: 12px;}
    .under.page-interview .key .catch h2{font-size: 26px;}

}


@media only screen and (max-width:768px) {
  .under .blog_post_button {
    margin-top: 50px
  }

  .under .clinic_tbl01 th {
    width: 150px;
    text-align: left
  }
}


@media only screen and (max-width: 480px) {
    .under.page-interview .key .inner {
        padding:0px 10px 5%
    }

}

@media only screen and (max-width:430px) {
  .under .clinic_tbl01 th {
    width: 120px;
    text-align: left
  }

  .under .sitemap>ul>li li a {
    padding-left: 40px
  }

  .under .sitemap>ul>li li a:before {
    left: 15px
  }
}

@media only screen and (max-width:425px) {

  .under .access_box_img01 .block:nth-child(2n) .big,
  .under .access_box_img02 .block:nth-child(2n) .big {
    order: 0
  }

  .under .access_box_img01 .block .big,
  .under .access_box_img01 .block .small,
  .under .access_box_img02 .block .big,
  .under .access_box_img02 .block .small {
    width: 100%
  }
}

@media only screen and (max-width:375px) {

  .under .imgBox.colImg2 .item,
  .under .imgBox.colImg3 .item {
    width: 100%
  }
}

@media only screen and (max-width:768px) {
  .under.page-interview {
    counter-reset: count
  }

  .interview_catch {
    margin-top: 0;
    margin-bottom: 50px
  }

  .interview_catch p {
    font-size: 18px;
    line-height: 1.4
  }

  .interview_content,
  .interview_img {
    display: table;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
  }

  .interview_img {
    margin-bottom: 35px
  }

  .interview_img:before {
    content: counter(count, decimal-leading-zero);
    counter-increment: count
  }

  .interview_img:before {
    left: 20px;
    font-size: 70px
  }

  .interview_box {
    margin-bottom: 50px
  }

  .interview_box.box_left .interview_content {
    margin-left: auto
  }

  .interview_box.box_right .interview_content {
    margin-right: auto
  }
}

/*# sourceMappingURL=under_sp.css.map */