@media screen and (min-width: 751px) {
  .wp-pagenavi a:hover, .pagination a: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
  }
  .u_slider .slick-prev:hover, .u_slider .slick-next:hover {
    background: #FFC1CD;
  }
  .list_news li a:hover {
    opacity: .8;
    color: var(--color-primary)
  }
}
@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%;
  }
  .utbl th, .utbl td, .mailform th, .mailform td {
    padding: 10px
  }
  .utbl th, .mailform th {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }
  .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 h2 {
    font-size: min(6.5vw, 26px)
  }
  .under h2 br {
    display: block
  }
  .under h3 {
    font-size: 24px;
    margin-bottom: 20px
  }
  .under h4 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 5px 20px 5px 10px;
    background-size: 23px auto, auto;
    background-position: right 10px center, 0 0;
    line-height: 1.4em;
  }
  .under h4.spec_tit {
    font-size: 24px;
  }
  .under h5 {
    margin-bottom: 20px;
    font-size: 20px
  }
  .under h6 {
    font-size: 18px;
    margin-bottom: 20px
  }
  .under .cont_tit6 {
    padding: 30px 0;
  }
  .inner {
    width: 100%;
    padding: 0 3%
  }
  .under header {
    padding-bottom: 10px;
  }
  .under #top_info {
    background-size: cover;
    padding: 0;
    width: calc(100% - 10px);
    border-radius: 0 0 50px 0;
    border-width: 2px;
  }
  .under #top_info .inner {
    height: 300px;
    padding: 100px 20px 20px
  }
  .under #top_info .u_main_info {
    max-width: 94%;
    min-height: unset;
    padding: 15px 10px 15px;
  }
  .under #top_info .tit_slug {
    font-size: 18px
  }
  #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%
  }
  .frame01 {
    padding: 20px;
  }
  .frame02 {
    padding: 30px;
  }
  .frame02:before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  .title-frame {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .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 {
    padding-left: 20px;
  }
  .content_box ul li::before {
    top: 7px;
  }
  .list_news li {
    width: calc((100% - 20px)/2);
  }
  .list_news li a .img {
    height: 26vw
  }
  .list_news li a .cate_date i:last-child {
    font-size: 12px
  }
  .list_qa dt {
    font-size: 20px;
    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 {
    margin-bottom: 20px
  }
  .access_dl .list_btn {
    flex-direction: column
  }
  .access_dl .list_btn p:not(:last-child) {
    margin: 0 0 20px
  }
  .u_map {
    height: 250px
  }
  .u_slider .slick-prev {
    left: -5px;
  }
  .u_slider .slick-next {
    right: -5px;
  }
  .u_slider .slick-prev:hover, .u_slider .slick-next:hover {
    background: var(--color-secondary);
  }
  /*===================================*/
  .access_info {
    flex-direction: column;
    gap: 20px;
  }
  .access_info .cont_line, .clinic_doctor {
    flex-direction: column;
    align-items: center;
  }
  .clinic_doctor {}
  .clinic_doctor dt {
    padding: 0 10px;
    margin: 0 auto 30px;
  }
  .clinic_doctor dt span {
    left: 0;
    bottom: -10px;
    width: auto;
    height: auto;
    padding: 10px 20px;
  }
  .clinic_doctor dd {
    padding: 20px;
    line-height: 1.8em;
    min-height: inherit;
    margin: 0;
  }
  .list_3col {
    flex-direction: column;
    gap: 30px 0;
  }
  .list_3col li {
    width: 100%;
    border-width: 5px;
  }
  .list_3col li:not(:last-child)::after {
    background: url("../images/arrow_d_01.png") no-repeat 0 0 / 100%;
    transform: translateX(-50%);
    bottom: -35px;
    top: unset;
    right: unset;
    left: 50%;
  }
}
@media screen and (max-width: 460px) {
  .list_news {
    flex-direction: column;
    align-items: center
  }
  .list_news li {
    width: 100%;
    max-width: 350px;
  }
  .list_news li a .img {
    height: 48vw
  }
}
@-moz-document url-prefix() {} /*# sourceMappingURL=under_responsive.css.map */