@media screen and (min-width: 751px) {
  .wp-pagenavi a:hover, .pagination a:hover,.column_slide .slider-nav .slick-slide:hover,.under .form_search button:hover {
    opacity: .8
  }
  #topic-path ul a:hover {
    text-decoration: none;
    color: var(--color-orange);
    border-color: var(--color-orange)
  }
  .txt-link:hover {
    text-decoration: none
  }
  .txt-link.no-hover:hover {
    text-decoration: underline
  }
  .tbl-note {
    display: none
  }
  .list_news li a:hover {
    opacity: .8;
    color: var(--color-primary)
  }
    
}
@media screen and (min-width: 751px)and (max-width: 1300px) {
  .under #content .inner, #topic-path, .under #top_info .inner {
    padding-left: 15px;
    padding-right: 15px
  }
}
@media screen and (min-width: 1px)and (max-width: 750px) {
  .image-l, .image-r {
    float: none;
    text-align: center;
    margin: 0 0 25px !important
  }
  section {
    margin-bottom: 50px
  }
  .utbl, .mailform {
    width: 100%;
    margin: 0 0 30px
  }
  .utbl th, .utbl td, .mailform th, .mailform td {
    padding: 10px
  }
  .utbl th, .mailform th {
    padding-left: 0;
    padding-right: 0
  }
  .tbl-block, .mailform {
    display: block
  }
  .tbl-block thead, .tbl-block tbody, .tbl-block tr, .tbl-block td, .tbl-block th, .mailform thead, .mailform tbody, .mailform tr, .mailform td, .mailform th {
    display: block;
    width: 100% !important
  }
  .tbl-block th, .mailform th {
    border-bottom: none
  }
  .tbl-block tr:not(:last-child) td, .mailform tr:not(:last-child) td {
    border-bottom: none
  }
  .tbl-scroll {
    overflow: auto
  }
  .tbl-scroll table {
    min-width: 749px
  }
  .tbl-note {
    font-size: 13px;
    opacity: .5
  }
  .under footer {
    margin-top: 0
  }
  .tbl-note {
    font-size: 12px;
    opacity: .6;
    margin-bottom: 5px
  }
  #content {
    padding: 0 0 50px;
    width: 100%
  }
  .under .title02 {
    font-size: min(6.5vw, 26px)
  }
  .under .title02 br {
    display: block
  }
  .under .title03 {
    font-size: 22px;
    margin-bottom: 30px;
      padding-bottom: 10px;
  }
 .under .title03 span {
    font-size: 16px
  }
  .under .title04 {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 5px 15px
  }
  .under .title05 {
    margin-bottom: 20px;
    font-size: 20px
  }
  h6 {
    font-size: 18px;
    margin-bottom: 20px
  }
  .inner {
    width: 100%;
    padding: 0 3%
  }
  #content .txt_big {
    font-size: 20px
  }
  .under #top_info {
    
    padding: 0
  }
  .under #top_info .inner {
    height: 200px;
    padding: 80px 20px 20px
  }
  .under #top_info .title02 {
    font-size: 26px
  }
  .under #top_info .tit_slug {
    font-size: 20px
  }
  #topic-path {
    padding: 30px 0
  }
  #topic-path ul li {
    margin-bottom: 5px
  }
  .ulist li {
    margin-bottom: 10px;
    padding-left: 20px
  }
  .ulist li:before {
    top: 7px
  }
  .ulist.list_2col {
    flex-direction: column
  }
  .ulist.list_2col li {
    width: 100%
  }
  .ulist.arrow_ic li:before {
    top: 8px
  }
  .ulist.number li {
    padding-left: 32px
  }
  .ulist.number li:before {
    height: 22px;
    width: 22px;
    font-size: 14px
  }
  .frame01 {
    padding: 20px;
    border-width: 5px
  }
  .frame01.ustep {
    margin-bottom: 70px
  }
  .frame01.ustep:before {
    bottom: -54px
  }
  .frame02 {
    padding: 60px 20px
  }
  .title-frame {
    font-size: 20px
  }
  .u_cont_tt3 {
    padding: 0
  }
  .float01, .float02 {
    display: block;
    width: 100%
  }
  .clinic_list {
    flex-direction: column;
    align-items: center
  }
  .content_box p, .content_box ul li, .content_box ol li, .content_box ::marker {
    font-size: 14px
  }
  .content_box ul li::before {
    top: 4px;
    width: 14px
  }
  .content_box img.alignright, .content_box img.alignleft {
    float: none;
    margin: 0 auto 25px;
    display: block
  }
  .content_box blockquote p {
    font-size: 16px
  }
  .list_news li {
    width: calc((100% - 20px)/2);
    margin: 5px
  }
  .list_news li a .img {
    height: 26vw
  }
  .list_news li a .cate_date i:last-child {
    font-size: 12px
  }
  .u_box_staff {
    flex-direction: column;
    padding: 0
  }
  .list_qa dt {
    font-size: 18px;
    min-height: 66px;
    padding-left: 60px
  }
  .list_qa dd {
    padding-left: 60px
  }
  .list_qa dt span, .list_qa dd span {
    width: 40px;
    height: 40px;
    left: 10px;
    font-size: 22px
  }
  .list_col {
    flex-direction: column;
    align-items: center
  }
  .list_col dl {
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px
  }
  .list_col dl:last-child {
    margin-bottom: 0
  }
  .list_col.color dl {
    max-width: 100%;
    padding: 0
  }
  .list_be_af {
    flex-direction: column;
    align-items: center
  }
  .list_be_af li {
    width: 100%;
    max-width: 450px;
    margin: 0 0 60px
  }
  .list_be_af li:after {
    left: 47%;
    transform: rotate(90deg) translateX(-50%);
    right: auto;
    top: auto;
    bottom: -65px;
    width: 30px;
    height: 40px
  }
  .list_be_af li:last-child {
    margin: 0
  }
  .title_case {
    font-size: 32px
  }
  .clinic_info {
    flex-direction: column
  }
  .clinic_info dl {
    width: 100%;
    margin-bottom: 20px
  }
  .clinic_info dl:last-child {
    margin-bottom: 0
  }
  .list_img01 {
    justify-content: center
  }
  .list_img01 li {
    width: calc(50% - 10px);
    margin: 5px
  }
  .clinic_name {
    font-size: 22px;
    padding: 5px 20px
  }
  .access_dl {
    flex-direction: column
  }
  .access_dl dt {
    text-align: center;
    margin-bottom: 20px;
    max-width: 300px
  }
  .access_dl .list_btn {
    flex-direction: column
  }
  .access_dl .list_btn p {
    max-width: 300px
  }
  .access_dl .list_btn p:not(:last-child) {
    margin: 0 0 20px
  }
  .u_map {
    height: 250px
  }
    .box-flex {
        flex-direction: column;
        gap: 30px !important;
    }
    .column_slide,.column_info {
        width: 100%;
    }
    .column_slide .slick-slide {
        height: 64vw;
    }
    .column_slide .slider-nav .slick-slide {
        height: 12vw;
        width: 12vw !important;
    }
    
    .list_news li a .title,.list_news li a .txt {
        display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
    }
}
@media screen and (max-width: 460px) {
  .list_news {
    flex-direction: column;
    align-items: center
  }
  .list_news li {
    width: 100%;
    max-width: 350px;
    margin: 10px 0
  }
  .list_news li a .img {
    height: 48vw
  }
}
@-moz-document url-prefix() {}