<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (min-width: 751px) {
	.ubx-on-img.doctor { width: 100%; border: none; display: flex ; }
	.ubx-on-img.doctor .ucontent { position: relative; background: no-repeat; width: 50%; display: flex ; flex-direction: column; justify-content: center; }
    .anchor_link_list li:hover{opacity: .7}
    .wp-pagenavi a:hover,
    .pagination a:hover {
        opacity: .8
    }

    #topic_path a:hover {
        text-decoration: underline
    }

    .ulist-toc a:hover {
        opacity: .7;
        color: var(--color-tertiary)
    }

    .utoc-ul a:hover {
        opacity: .7;
        color: var(--color-tertiary)
    }

    .ubtn-all a:not(.nohv):hover {
        background-color: var(--color-tertiary);
        background-image: url(../images/arrow-st2-w.svg);
        color: #fff
    }

    .ubtn .ubtn-send a:hover,
    .ubtn .ubtn-send span:hover,
    .ubtn .ubtn-send input:hover {
        background-color: var(--color-tertiary);
        background-image: url(../images/arrow-st2-w.svg);
        color: #fff
    }

    .ubtn .ubtn-cancel a:hover,
    .ubtn .ubtn-cancel input:hover {
        background-color: var(--color-tertiary);
        background-image: url(../images/arrow-st2-left-w.svg);
        color: #fff
    }

    .postcode:hover {
        background-color: #fff;
        color: var(--color-tertiary)
    }

    .ulink.nohv {
        text-decoration: underline
    }

    .ulist-btn .ubtn-end a:hover {
        background-color: var(--color-tertiary)
    }

    .ucate-item a:hover {
        border-color: var(--color-tertiary);
        background-color: var(--color-tertiary);
        background-image: url(../images/arrow-st2-w.svg);
        color: #fff
    }

    .upagi-btn a:hover {
        border-color: var(--color-tertiary);
        background-color: var(--color-tertiary);
        color: #fff
    }

    .upagi-btn a.prev:hover {
        background-image: url(../images/arrow-st2-left-w.svg)
    }

    .upagi-btn a.next:hover {
        background-image: url(../images/arrow-st2-w.svg)
    }

    .lightbox-img a:hover,
    .ugallery li a:hover,
    .ucase-related .slick-arrow:hover {
        opacity: .7
    }

    .ucase-related .item {
        transition: all .3s ease
    }

    .ucase-related .item:hover {
        opacity: .8
    }

    .uvoice-item .item-url:hover {
        opacity: .7
    }

    .uvoice-related .item a:hover,
    .uvoice-related .slick-arrow:hover,
    .gallery-main .slick-arrow:hover,
    .gallery-thumb .slick-arrow:hover {
        opacity: .7
    }

    .uevent-list .item:hover {
        opacity: .7
    }

    .uevent-gallery .gallery-thumb .item:hover {
        opacity: .7
    }

    .uevent-gallery .gallery-thumb .item:hover:after {
        opacity: 0;
        visibility: hidden
    }

    .upoint {
        padding: 0 20px
    }

    .upoint .upoint-item {
        width: calc((100% - 86px)/2)
    }

    .upoint .upoint-item:nth-child(2) {
        margin-top: 0
    }

    .subdivision-slider-sub .slick-slide .subdivision-slider-item:hover {
        opacity: 1
    }

    .ucircle {
        padding: 0 20px
    }

    .ucircle .ucircle-item {
        width: calc((100% - 86px)/2)
    }

    .ucircle .ucircle-item:nth-child(2) {
        margin-top: 0
    }

    .uinfo-item a:hover,
    .usub-list li .content:hover,
    .ucase-list .item:hover,
    .usub-gallery .gallery-thumb .item:hover {
        opacity: .7
    }

    .kasika-yoyakupage-card-container {
        flex-flow: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 40px !important;
        margin: 0 !important;
        justify-content: flex-start !important
    }

    .kasika-yoyakupage-card {
        gap: 0 !important;
        display: block !important;
        width: calc(33.3333333333% - 26.6666666667px) !important
    }

    .kasika-yoyakupage-card&gt;a {
        width: 100% !important
    }

    .kasika-yoyakupage-card-content {
        flex: unset !important;
        padding: 15px !important
    }

    .kasika-yoyakupage-info-table-th-booking-day,
    .kasika-yoyakupage-info-table-td-booking-day {
        font-size: 15px !important
    }
    .no-link .ubtn-end a:hover {
        background-color: #4C565E !important;
    }
    .uimg-list .col2 .item h6 {
        margin-bottom: -20px;
    }
    .ubtn.ubtn-download .ubtn-item a:hover {
        background-image: none;
    }

    .ucheck_2col{display: flex;flex-wrap: wrap;}
    .ucheck_2col ul{width: 50%;}
    .ulist-btn .ubtn-end.min a{padding-right: 20px;}
    .ulist-btn .ubtn-end.min2 a{padding-right: 30px;}
    .under.concept .ulist-btn .ubtn-end a,.under.features .ulist-btn .ubtn-end a,.under.flow .ulist-btn:not(.ulist-btn-mid) .ubtn-end a{font-size: 13px;background-size: 20px auto;}
    .uevent-list .item{width: calc((100% - 60px) / 3);margin: 0 30px 30px 0}
    .uevent-list .item:nth-child(3n+3){margin-right: 0}
    .under main .img_main a:hover img{opacity: 0.7}
    .list_map .common-col:nth-child(3n+3){margin-right: 0}
}
@media screen and (min-width: 751px)and (max-width: 1680px) {
    .ucase-list .item .para .info {
        padding: 4px 4px
    }
}

@media screen and (min-width: 751px)and (max-width: 1400px) {

    .ucase-related,
    .uvoice-related,
    .uevent-gallery,
    .usub-gallery {
        margin-left: 80px;
        margin-right: 80px
    }
}
/* 20250901 add */
@media screen and (min-width: 1px) and (max-width: 750px) {
   
}
@media screen and (min-width: 1px)and (max-width: 750px) {

    .uflex-full .ucontent{width: 100%;max-width: initial;}

    .anchor_link_list{grid-template-columns: repeat(1,1fr);}
    .anchor_link_list li a .num{font-size: 20px;}
    .anchor_link_list li a .txt{font-size: 14px}

    .image-l,
    .image-r {
        float: none;
        text-align: center;
        margin: 0 0 20px
    }

    section {
        margin-bottom: 50px
    }

    .readmore-default-editor:not(:last-child) {
        margin-bottom: 50px
    }

    .readmore-default-editor .post-thumbnail:not(:last-child) {
        margin-bottom: 20px
    }

    .readmore-default-editor .utable-toc tr:first-child td {
        padding-top: 15px
    }

    .readmore-default-editor .utable-toc td {
        font-size: 18px;
        padding: 15px 10px 20px
    }

    .readmore-default-editor .utoc-ul li:not(:last-child) {
        margin-bottom: 10px
    }

    .readmore-default-editor .utoc-ul li a {
        font-size: 16px;
        padding-left: 12px
    }

    #bodyunder .readmore-default-editor .utoc-ul li a {
        font-size: 14px;
    }

    .readmore-default-editor .utoc-ul li a::before {
        top: 10px
    }

    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .umain {
        margin-bottom: 60px
    }

    .umain .usub-h2 {
        font-size: 16px
    }

    .umain h2 {
        font-size: 26px
    }

    .umain h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .umain .uttl-h3 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .umain h4 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .umain .uttl-h4 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .umain h5 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .umain h6 {
        font-size: 16px;
        margin-bottom: 15px
    }

    .full_bg,
    #top_info {
        min-height: 300px
    }

    #topic_path {
        padding: 20px 0 40px
    }

    #topic_path li {
        --spc: 8px
    }

    .uflex-first {
        flex-direction: column;
        gap: 0
    }

    .uflex-first:not(:last-child) {
        margin-bottom: 20px
    }

    .uflex-first.reverse {
        flex-direction: column
    }

    .uflex-first .uimage {
        margin-bottom: 20px;
        align-self: center
    }

    .uToc {
        padding: 15px 10px
    }

    .uToc .uttl {
        font-size: 18px;
        margin-bottom: 15px
    }

    .ulist-toc a {
        font-size: 16px;
        padding-left: 12px
    }

    .ulist-toc a::before {
        top: 8px
    }

    .uflex-full {
        align-items: flex-start;
        flex-direction: column;
        gap: 0
    }

    .uflex-full.reverse {
        flex-direction: column
    }

    .uflex-full.reverse .uimage {
        margin-right: 0
    }

    .uflex-full .uimage {
        margin-left: 0;
        margin-bottom: 20px;
        align-self: center
    }

    .uflex-multi {
        align-items: flex-start;
        flex-direction: column;
        gap: 0
    }

    .uflex-multi.reverse {
        flex-direction: column
    }

    .uflex-multi .uls-image {
        align-self: center;
        margin-bottom: 20px
    }

    .uflex-multi .uimage:not(:last-child) {
        margin-bottom: 15px
    }

    .ubtn-all {
        text-align: center
    }

    .ubtn-all a {
        min-height: 44px;
        min-width: 270px;
        background-size: 20px auto;
        background-position: center right 5px;
        font-size: 14px;
        padding: 6px 30px 4px
    }

    .unote {
        font-size: 12px;
        font-family: var(--font-serif);
        margin-bottom: 3px
    }

    .ubtn {
        margin-top: 20px;
        flex-direction: column;
        gap: 0
    }

    .ubtn-item:not(:last-child) {
        margin-bottom: 10px
    }

    .utable {
        margin-bottom: 20px
    }

    .utable:last-child {
        margin-bottom: 0
    }

    .utable.uContact td p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .utable.uContact th,
    .utable.uContact td {
        padding: 15px 15px 15px 15px
    }

    .utable th,
    .utable td {
        padding: 15px 35px 15px 10px
    }

    .utable th {
        position: relative;
        font-size: 16px
    }

    .utable td {
        font-size: 14px
    }

    .utable.tbl-block th,
    .utable.tbl-block td {
        display: block;
        width: 100%
    }

    .utable.tbl-block td {
        border-top: none
    }

    .utable.tbl-block tr:not(:last-child) td {
        border-bottom: none
    }

    .tbl-scroll {
        overflow-y: auto
    }

    .tbl-scroll:not(:last-child) {
        margin-bottom: 20px
    }

    .tbl-scroll .utable {
        min-width: 750px
    }

    .uframe {
        padding: 15px 15px
    }

    .uframe:not(:last-child) {
        margin-bottom: 20px
    }

    .uiframe {
        width: 100%;
        max-width: 600px;
        height: 300px;
        aspect-ratio: unset
    }

    .uiframe:not(:last-child) {
        margin-bottom: 20px
    }

    .ulist:not(:last-child),
    #content ul:not([class]):not(:last-child) {
        margin-bottom: 20px
    }

    .ulist li,
    #content ul:not([class]) li {
        font-size: 16px;
        padding-left: 16px
    }

    .ulist li::before,
    #content ul:not([class]) li::before {
        top: 12px
    }

    .olist:not(:last-child),
    #content ol:not([class]):not(:last-child) {
        margin-bottom: 20px
    }

    .olist li,
    #content ol:not([class]) li {
        font-size: 16px
    }

    .require {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px
    }

    .require.any {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px
    }

    .ubtn .ubtn-send a,
    .ubtn .ubtn-send span,
    .ubtn .ubtn-send input,
    .ubtn .ubtn-cancel input {
        min-height: 44px;
        min-width: 270px;
        background-size: 20px auto;
        background-position: center right 5px;
        font-size: 16px;
        padding: 6px 30px 4px
    }

    .ubx-on-img {
        display: flex;
        flex-direction: column-reverse;
        padding: 10px
    }

    .ubx-on-img:not(:last-child) {
        margin-bottom: 20px
    }

    .ubx-on-img .ucontent {
        position: unset;
        padding-bottom: 15px
    }

    .ubx-on-img .usologan {
        font-size: 22px;
        margin-bottom: 5px
    }

    .ubx-on-img .uname-director {
        font-size: 16px
    }

    .ulist-staff .uitem {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto
    }

    .ulist-staff .uitem:not(:last-child) {
        margin-bottom: 25px
    }

    .ulist-staff .uflex-item {
        flex-direction: column
    }

    .ulist-staff .uflex-item.reverse {
        flex-direction: column
    }

    .ulist-staff .uimg {
        text-align: center;
        border-left: 0 !important;
        border-right: 0 !important
    }

    .ulist-staff .ucontent {
        padding: 10px
    }

    .ulist-staff .uname {
        font-size: 20px;
        margin-bottom: 10px
    }

    .ulist-staff .uwr-info:not(:last-child) {
        margin-bottom: 10px
    }

    .ulist-staff .uwr-info .uinfo {
        font-size: 16px
    }

    .ulist-staff .umessenger-item {
        padding: 10px
    }

    .ulist-staff .umessenger-item .uttl {
        font-size: 16px
    }

    .ulist-btn {
        margin: 0 auto;
        flex-direction: column;
        gap: 0;
        max-width: 280px
    }

    .ulist-btn.col4 .ubtn-end,
    .ulist-btn.col3 .ubtn-end {
        width: 100%
    }

    .ulist-btn .ubtn-end {
        width: 100%;
        height: 100%
    }

    .ulist-btn .ubtn-end:not(:last-child) {
        margin-bottom: 10px
    }

    .ulist-btn .ubtn-end a {
        min-height: 50px;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ucate {
        gap: 10px
    }

    .ucate:not(:last-child) {
        margin-bottom: 30px
    }

    .ucate.col4 .ucate-item {
        width: fit-content
    }

    .ucate-item.hidden {
        display: none
    }

    .ucate-item a {
        min-height: 55px;
        width: 270px;
        background-size: 20px auto;
        background-position: center right 5px;
        font-size: 18px;
        padding: 6px 30px 4px
    }

    .upagi-btn {
        flex-direction: column;
        align-items: center;
        gap: 10px
    }

    .upagi-btn li {
        width: 100%;
        text-align: center
    }

    .upagi-btn li.hidden {
        display: none
    }

    .upagi-btn a {
        padding: 6px 5px 4px;
        font-size: min(4vw, 18px);
        min-height: 55px;
        width: 270px
    }

    .upagi-btn a.next,
    .upagi-btn a.prev {
        background-size: 20px auto;
        background-position: center right 5px
    }

    .upagi-btn a.prev {
        padding: 6px 30px 4px;
        background-position: center left 5px
    }

    .upagi-btn a.next {
        padding: 6px 30px 4px;
        background-position: center right 5px
    }

    .ugrid {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .ugrid-title {
        font-size: min(5.25vw, 18px)
    }

    .lightbox-img a {
        max-width: 350px
    }


    .lightbox-img.col2 {
        flex-direction: column;
        align-items: center;
        max-height: unset;
        gap: 0;
    }

    .lightbox-img.col2&gt;a {
        width: 100%;
        max-width: 350px;
    }

    .lightbox-img.col2&gt;a img {
        /* max-height: 400px; */
    }

    .lightbox-img.col2&gt;a:not(:last-child) {
        margin-bottom: 25px
    }

    .ugallery {
        grid-template-columns: repeat(2, 1fr)
    }

    .ubg {
        padding: 50px 0
    }

    .point-title {
        flex-direction: column
    }

    .point-num {
        margin-right: 0
    }

    .ubtn-contact a {
        padding: 20px 10px;
        width: 395px;
        min-height: 160px
    }

    .ubtn-contact a .title {
        margin-bottom: 5px;
        font-size: 20px
    }

    .ubtn-contact a .num {
        margin-bottom: 5px;
        padding-left: 38px;
        font-size: 40px;
        background-size: 30px auto;
        background-position-y: 59%
    }

    .ubtn-contact a .sub {
        font-size: min(4vw, 14px)
    }

    .ucase-category {
        font-size: 16px
    }

    .ucase-list {
        flex-direction: column;
        gap: 0;
        margin-bottom: 20px
    }

    .ucase-list .item {
        width: 100%;
        max-width: 460px;
        margin-left: auto;
        margin-right: auto
    }

    .ucase-list .item:not(:last-child) {
        margin-bottom: 25px
    }

    .ucase-list .item .link {
        font-size: 14px
    }

    .ucase-list .item .img {
        margin-bottom: 10px
    }

    .ucase-list .item .txt {
        margin-bottom: 8px;
        height: unset
    }

    .ucase-list .item .para {
        flex-direction: column;
        align-items: flex-start
    }

    .ucase-list .item .para .num {
        font-size: 14px;
        padding: 4px 4px;
        letter-spacing: .05em;
    }

    .ucase-list .item .para .info {
        font-size: 14px;
        padding: 0 4px;
        letter-spacing: .05em;
    }

    .ucase-list .item .para .slogan {
        margin-left: 0;
        max-width: 100px
    }

    .ucase-related {
        margin-left: 20px;
        margin-right: 20px
    }

    .ucase-related .slick-slide {
        margin: 0 10px
    }

    .ucase-related .slick-list {
        margin: 0 -10px
    }

    .ucase-related .slick-next {
        right: -28px;
        width: 20px;
        height: 30px
    }

    .ucase-related .slick-next::after {
        border-left: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .ucase-related .slick-prev {
        left: -28px;
        width: 20px;
        height: 30px
    }

    .ucase-related .slick-prev::after {
        border-right: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .uvoice-item:not(:last-child) {
        margin-bottom: 20px
    }

    .uvoice-item .item-img {
        margin-right: 15px;
        width: max(min(35%, 240px), 120px)
    }

    .uvoice-item .item-title {
        font-size: max(min(4vw, 18px), 16px)
    }

    .uvoice-faq.faq-01 {
        flex-direction: column
    }

    .uvoice-faq.faq-01 .faq-img {
        text-align: center;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        /* aspect-ratio: 550/400; */
        min-height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    .uvoice-faq.faq-01 .faq-img a {
        /* position: absolute; */
        /* top: 0; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
        width: calc(50% - 5px);
        margin-bottom: 0;
        margin-right: 10px;
    }

    .uvoice-faq.faq-01 .faq-img a:last-child {
        margin-right: 0;
    }

    .uvoice-faq.faq-01 .faq-img img {
        object-fit: contain;
        height: 100%
    }

    .uvoice-faq.faq-01 .faq-list {
        width: 100%
    }

    .uvoice-faq.faq-01 .faq-item:not(:last-child) {
        margin-bottom: 20px
    }

    .uvoice-faq.faq-01 .faq-item .sym {
        width: 35px;
        height: 35px;
        font-size: 22px
    }

    .uvoice-faq.faq-01 .faq-question {
        align-items: center
    }

    .uvoice-faq.faq-01 .faq-question .txt {
        margin-top: 4px;
        font-size: 18px
    }

    .uvoice-faq.faq-02 .faq-item {
        flex-direction: column-reverse !important
    }

    .uvoice-faq.faq-02 .faq-img {
        margin-bottom: 10px;
        width: 100%
    }

    .uvoice-faq.faq-02 .faq-content {
        width: 100%
    }

    .uvoice-faq.faq-02 .faq-question {
        margin-bottom: 5px;
        font-size: 18px
    }

    .uvoice-related {
        margin-left: 20px;
        margin-right: 20px
    }

    .uvoice-related .slick-slide {
        margin: 0 10px
    }

    .uvoice-related .slick-list {
        margin: 0 -10px
    }

    .uvoice-related .slick-next {
        right: -28px;
        width: 20px;
        height: 30px
    }

    .uvoice-related .slick-next::after {
        border-left: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .uvoice-related .slick-prev {
        left: -28px;
        width: 20px;
        height: 30px
    }

    .uvoice-related .slick-prev::after {
        border-right: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .uvoice-related .item a .title {
        font-size: 18px
    }

    .uevent-category {
        font-size: 16px
    }

    .uevent-list .item .img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .uevent-list .item .content {
        width: 100%
    }

    .uevent-list .item .grp .ttl {
        font-size: 16px;
        min-width: 106px;
        padding: 2px 5px 1px;
        margin-right: 5px
    }
    .uevent-list .item .grp .time-end{min-width: 50px;margin-left: 0;margin: 0;}

    .uevent-list .item .grp .val {
        font-size: 16px
    }

    .uevent-list .item .date .val {
        letter-spacing: .02em
    }

    .uevent-list .item .info {
        margin-bottom: 0
    }

    .uevent-list .item .txt {
        margin-bottom: 15px
    }
    .uevent-list .item .ttl{font-size: 18px}

    .uevent-list .item .txt p {
        font-size: 14px
    }

    .uevent-list .item .btn-all-st2 {
        text-align: center
    }

    .uevent-list .flex-item {
        justify-content: center;
        flex-direction: column
    }

    .uevent-gallery {
        margin-left: 20px;
        margin-right: 20px
    }

    .uevent-gallery .gallery-main .slick-list {
        margin: 0 -10px
    }

    .uevent-gallery .gallery-main .slick-next {
        right: -28px;
        width: 20px;
        height: 30px
    }

    .uevent-gallery .gallery-main .slick-next::after {
        border-left: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .uevent-gallery .gallery-main .slick-prev {
        left: -28px;
        width: 20px;
        height: 30px
    }

    .uevent-gallery .gallery-main .slick-prev::after {
        border-right: solid 20px var(--color-tertiary);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .uinfo-item {
        padding: 0
    }

    .uinfo-item a {
        flex-wrap: wrap
    }

    .uinfo-item .date {
        margin-right: 15px
    }

    .uinfo-item .cate {
        margin-right: 0;
        font-size: 16px;
        min-width: 140px
    }

    .uinfo-item .title {
        margin-top: 8px;
        width: 100%;
        font-size: 16px
    }

    .btn-prev-next a {
        font-size: 16px;
        padding: 6px 20px 4px
    }

    .btn-prev-next .prevPage a {
        background-size: 20px auto;
        background-position: center left 5px
    }

    .uinfo-slider {
        overflow: hidden;
        width: calc(100% - 40px)
    }

    .checkbox-row2 {
        margin-bottom: 0
    }

    .checkbox-row2 .wpcf7-list-item {
        display: inline-block;
        width: auto;
        margin-bottom: 10px;
        margin-left: 0
    }

    .checkbox-row2 .wpcf7-list-item:last-child {
        margin-block: 0
    }

    .checkbox-row2 .wpcf7-list-item label {
        display: flex;
        align-items: flex-start
    }

    .checkbox-row2 .wpcf7-list-item input {
        position: relative;
        top: 7px;
        margin-right: 5px
    }

    .uflex-row {
        flex-direction: column;
        align-items: flex-start
    }

    .uflex-row .uttl-contact {
        width: 100%;
        margin-bottom: 10px !important
    }

    .uflex-row .uttl-contact br {
        display: none
    }

    .ulist-address .uflex-row:not(:last-child) {
        margin-bottom: 20px
    }

    .uttl-contact {
        width: fit-content !important
    }

    .uttl-contact&gt;span:not(.require) {
        text-align: left
    }

    .require.any {
        margin-left: 10px;
        float: right
    }

    .uflex-row .uttl-contact {
        position: relative
    }

    .uflex-row .require.any {
        transform: unset;
        top: 3px;
        right: -45px
    }

    .sec-subdivision-under .ls-land .item {
        max-width: 100%
    }

    .ustep .ustep-num {
        width: 80px;
        font-size: 20px
    }

    .ustep .ustep-ttl {
        font-size: 18px;
        padding: 8px 14px 10px
    }

    .ustep .ustep-cnt {
        display: block;
        padding: 15px
    }

    .ustep .ustep-img {
        text-align: center;
        margin-bottom: 30px
    }

    .ustep .ustep-desc {
        padding: 0
    }

    .ucircle .ucircle-item {
        margin-top: 30px
    }

    .ucircle .ucircle-head {
        margin-bottom: 10px
    }

    .ucircle .ucircle-num {
        font-size: 38px;
        width: 64px;
        height: 64px;
        margin: 0
    }

    .ucircle .ucircle-num::before {
        inset: -8px
    }

    .ucircle .ucircle-num::after {
        top: 10px;
        left: 10px
    }

    .ucircle .ucircle-tt {
        font-size: 18px
    }

    .usub-list {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .usub-list li {
        flex-direction: column
    }

    .usub-list li .img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px !important
    }

    .usub-list li .img a {
        max-width: none;
        width: 100%;
        height: 100%
    }

    .usub-list li .content {
        width: 100%;
        flex-direction: column
    }

    .usub-list li .content .ttl {
        margin-bottom: 10px;
        font-size: 18px
    }

    .usub-gallery {
        margin-left: 0;
        margin-right: 0
    }
    .usub-gallery .gallery-main .lightbox-img .caption{font-size: 14px}

    .usub-gallery .gallery-main .slick-list {
        margin: 0 -10px
    }

    .usub-gallery .gallery-main .slick-next {
        right: 0px;
        width: 20px;
        height: 30px
    }

    .usub-gallery .gallery-main .slick-next::after {
        border-left: solid 20px rgb(29,28,44,80%);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .usub-gallery .gallery-main .slick-prev {
        left: 0px;
        width: 20px;
        height: 30px
    }

    .usub-gallery .gallery-main .slick-prev::after {
        border-right: solid 20px rgb(29,28,44,80%);
        border-top: solid 15px rgba(0, 0, 0, 0);
        border-bottom: solid 15px rgba(0, 0, 0, 0)
    }

    .usub-gallery .gallery-thumb .slick-track {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px
    }

    .ugallery.col4 {
        grid-template-columns: repeat(2, 1fr)
    }

    .usub-sumary {
        font-size: 35px
    }
    .usub-sumary .txt-price{font-size: 35%;margin-right: -15px;}

    .usub-sumary .bold {
        font-size: 20px
    }
    .tb_scroll{overflow: scroll;}
    .ls-tax-sub {
        width: 800px;
    }
    .tb_note{margin-bottom: 10px;}
    .tb_note .f_sm{font-size: 80%}

    .ls-tax-sub .item {
        width: 100%;
        /*flex-direction: column*/
    }

    .ls-tax-sub .item:not(:last-child) .txt {
        border-bottom: 0 !important
    }

    .ls-tax-sub .item .ttl {
        width: 180px;
    }
    .ls-tax-sub .item:first-child .ttl{border-bottom: none}

    .ls-tax-sub .item .txt {
        width: 100%;
        border-right: 1px solid #ccc !important
    }

    input[type=date] {
        width: 100%
    }

    .ucheck li {
        font-size: 16px;
        background-position-y: 2px
    }

    .uspes-ds1 {
        padding: 20px 0
    }

    .uspes-ds1 .bubble-circle {
        width: 120px;
        height: auto;
        aspect-ratio: 1/1
    }

    .uspes-ds1 .bubble-circle::before {
        left: -32px;
        bottom: 30px;
        width: 40px
    }

    .uspes-ds1 .bubble-circle p {
        font-size: 16px
    }

    .uspes-ds1 .uds1-group {
        flex-direction: column;
        gap: 0;
        margin-bottom: 40px
    }

    .uspes-ds1 .uds1-group .item {
        gap: 0;
        justify-content: space-between;
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .uspes-ds1 .uds1-group .item:nth-child(2) {
        right: -3px
    }

    .uspes-ds1 .uds1-group .item:not(:last-child) {
        margin-bottom: 30px
    }

    .uspes-ds1 .uds1-group .item .bubble {
        text-align: center;
        width: 120px;
        font-size: 16px
    }

    .uspes-ds1 .uds1-group .item .txt {
        font-size: 14px
    }

    .uspes-ds1 .uds1-group .wr-item {
        width: 130px;
        height: auto;
        aspect-ratio: 1/1;
        flex-shrink: 0
    }

    .uspes-ds1 .uds1-group .wr-item:not(:last-child) {
        margin-right: 15px
    }

    .uspes-ds1 .uds1-group .wr-item.wr-item-bod::before {
        border-width: 2px;
        width: calc(100% + 15px);
        height: calc(100% + 15px)
    }

    .uspes-ds1 .uds1-group-st2 {
        align-items: center;
        flex-direction: column;
        gap: 0
    }

    .uspes-ds1 .uds1-group-st2 .item {
        width: 100%;
        max-width: 300px
    }

    .uspes-ds1 .uds1-group-st2 .item:not(:last-child) {
        margin-bottom: 40px
    }

    .uspes-ds1 .uds1-group-st2 .item .sym {
        font-size: 30px;
        margin-top: -28px;
        margin-bottom: 10px
    }

    .uspes-ds1 .uds1-group-st2 .item .tit {
        font-size: 18px
    }

    .uspes-ds1 .uds1-group-st2 .item .txt {
        font-size: 16px
    }

    .uspes-ds1 .uds1-group-st2 .item-bod .group {
        margin-right: 0;
        flex-direction: column;
    }

    .uspes-ds1 .uds1-group-st2 .item-bod .group .bubble-circle {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px
    }

    .uspes-ds1 .uds1-group-st2 .item-bod .group .bubble-circle::before {
        border-bottom: unset;
        border-right: 15px solid rgba(0, 0, 0, 0);
        border-left: 15px solid rgba(0, 0, 0, 0);
        border-top: 78px solid var(--color-quaternary);
        right: calc(50% - 20px);
        transform: translateX(50%) rotate(-28deg);
        top: calc(100% - 20px)
    }

    .uspes-ds1 .uds1-group-st2 .item-bod .tit-cus {
        font-size: 18px;
        line-height: 1.6em;
        margin-top: -42px
    }

    .uspes-ds2 {}

    .uspes-ds2 .img {
        margin: 0 0
    }

    .uspes-ds2 .uds2-flex {
        padding: 0;
        flex-direction: column;
        position: static
    }

    .uspes-ds2 .uds2-flex .item {
        width: 100%
    }

    .uspes-ds2 .uds2-flex .item:not(:last-child) {
        margin-bottom: 15px
    }

    .uspes-ds2 .wr-item {
        max-width: 100%;
        padding: 0;
    }

    .uspes-ds2 .wr-item.ic-specs::before {
        content: none
    }

    .uspes-ds2 .wr-item.special {
        flex-direction: column
    }

    .uspes-ds2 .wr-item .wr-txt {
        max-width: 100%
    }

    .uspes-ds2 .wr-item .uspecs-camera {
        margin-right: 0;
        width: 100px;
        height: 100px
    }

    .uspes-ds2 .wr-item .sym {
        top: 0;
        margin-bottom: 5px;
        font-size: 26px
    }

    .uspes-ds2 .wr-item .tit {
        font-size: 16px
    }

    .uspes-ds2 .wr-item .txt {
        font-size: 14px
    }

    .uspec {
        flex-direction: column
    }

    .uspec .uspec-img {
        margin-right: 0;
        margin-bottom: 24px
    }

    .uspec .uspec-item {
        flex-direction: column;
        max-width: 560px;
        position: relative
    }

    .uspec .uspec-say {
        width: 100px;
        height: 100px;
        font-size: 14px;
        margin: 37px 0 0
    }

    .uspec .uspec-say::before {
        top: -34px;
        bottom: unset;
        left: 0;
        transform: rotate(72deg);
        border-right-width: 60px
    }

    .uspec-tbl {
        --bd: 3px
    }

    .uspec-tbl th,
    .uspec-tbl td {
        padding: 10px 5px;
        font-size: min(3.75vw, 14px)
    }

    .uspec-tbl .uspec-org {
        font-size: min(5vw, 19px)
    }

    .kasika-yoyakupage-card-container {
        width: 100% !important;
        gap: 0 !important;
        justify-content: flex-start !important
    }

    .kasika-yoyakupage-card {
        flex-direction: column;
        margin-bottom: 20px;
        gap: 0 !important
    }

    .kasika-yoyakupage-card&gt;a {
        width: 100% !important;
        margin-bottom: 10px
    }

    .kasika-yoyakupage-info-table-th-booking-day,
    .kasika-yoyakupage-info-table-td-booking-day {
        font-size: 14px !important
    }

    .uevent-gallery .gallery-main .lightbox-img a.ucsimg {
        width: max(65vw, 400px);
        height: max(65vw, 300px);
    }

    .uvoice-list.ucsstyle {
        max-width: 400px;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

    .uvoice-list.ucsstyle .uvoice-item {
        width: 100%;
        margin: 0 auto 15px !important;
    }

    .uvoice-list.ucsstyle .uvoice-item:nth-child(3n+3),
    .uvoice-list.ucsstyle .uvoice-item:last-child {
        margin-right: auto;
    }

    .uvoice-list.ucsstyle .uvoice-item:last-child {
        margin-bottom: 0 !important;
    }
    .no-link .ubtn-end a {
        font-size: 16px;
    }
    .no-link {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .no-link .ubtn-end {
        max-width: 290px;
    }
    .uimg-list .col2 {
        flex-direction: column;

    }
    .uimg-list .col2 .uimg {        
        justify-content: center;
    }
    .uimg.col5 {
        flex-direction: column;
        align-items: center;
    }
    .uimg.col2 {
        gap: 30px;
        flex-direction: column;
        max-width: 400px;
        margin: 0 auto;
    }
    .txt-note {
        font-size: 12px;
    }

    .ubanner {
        flex-direction: column;
        align-items: center;
    }
    .ubanner .item:not(:last-child) {
        margin-bottom: 30px;
    }
    .ubanner .ttl {
        font-size: 22px;
        padding: 5px 10px;
    }
    .ubanner .desc {
        padding: 10px;
    }
    .ubanner .desc p {
        font-size: min(4.375vw, 16px);
        letter-spacing: 0;
    }
    .ubanner .item {
        width: 420px;
    }
    .group.d-flex {
        flex-direction: column;
        gap: 20px;
    }
    .group .w50 {
        width: 100%;
    }
    .group .item.w50 input {
        width: 100%;
    }
    .group .item.w50 p {
        gap: 10px;
    }
    .group .item.w50 p:last-child {
        flex-grow: 1;
    }
    .group .item.w50 .d-flex {
        gap: 10px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .group-planed .item select {
        width: 100%;
    }
    .group-planed .item p {
        flex-direction: column;
    }
    .uContact2 .wpcf7-list-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .uContact2 .wpcf7-list-item input {
        position: relative;
        top: 2px;
    }
    .uContact th[rowspan] {
        border-bottom: 0;
    }
    .uContact .wpcf7-list-item label {
        display: flex;
        align-items: flex-start;
    }
    .uContact .wpcf7-list-item label input {
        margin-right: 5px;
        top: 6px;
    }
    .uContact .wpcf7-list-item label .wpcf7-list-item-label {
        display: block;
    }
    .group.d-flex {
        flex-direction: column;
    }
    .flex-center {
        align-items: flex-start;
    }
    
    .group.d-flex .w50 {
        width: 100%;
    }
    .page-post-type h2 {
        font-size: 20px;
        margin-bottom: 15px !important;
    }
    .page-post-type h3 {
        font-size: 18px;
        margin-bottom: 15px !important;
    }
    .page-post-type h4 {
        font-size: 16px;
        margin-bottom: 15px !important;
    }
    .page-post-type h5 {
        font-size: 14px;
        margin-bottom: 15px !important;
    }
    .ubtn.ubtn-download .ubtn-item a {
        max-width: 290px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0;
    }
    .ubtn.ubtn-download .ubtn-item a::before {
        height: 180px;
    }
    .drop425 {
        display: block;
    }
    .utable-toc tr:first-child td {
        padding-bottom: 15px !important;
    }
    .event_mg_btn {margin: 40px 0 !important;}
    .ucheck_2col .ucheck:not(:last-child){margin-bottom: 10px;}
    .under main .u_bg{padding: 40px 0;margin-bottom: 50px}
.ubx-on-img.doctor { border: none; padding: 0; }
.ubx-on-img.doctor .ucontent { background: transparent; }
 .cmn-sec-concept.sec-concept .ls-concept.last .item .content .btn-all-st2 {
        text-align: center;
    }
    .cmn-sec-case-txt {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .list_map .common-col{width: calc((100% - 20px) / 2);margin: 0 20px 20px 0;}
    .list_map .common-col:nth-child(2n+2){margin-right: 0}
}

@media screen and (min-width: 425px)and (max-width: 750px) {
    .drop425 {
        display: none;
    }
}

@media screen and (min-width: 475px)and (max-width: 750px) {
    .kasika-yoyakupage-card-container {
        flex-direction: row !important;
        flex-wrap: wrap !important
    }

    .kasika-yoyakupage-card {
        width: calc(50% - 5px) !important
    }

    .kasika-yoyakupage-card:nth-child(2n+1) {
        margin-right: 10px
    }
    .uimg.col5 {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 530px;
        margin: 0 auto;
    }    
    .uimg.col5 .item {
        width: calc((100% / 2) - 8px);
        max-width: 100%;
    }

    .anchor_link_list{grid-template-columns: repeat(2,1fr);}
}

@media screen and (min-width: 525px)and (max-width: 750px) {
    .ugallery {
        grid-template-columns: repeat(3, 1fr)
    }

    .uvoice-faq.faq-01 .faq-img {
        /* aspect-ratio: 400/600 */
    }

    .ugrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px
    }

    .ugrid-title {
        font-size: min(2.65vw, 18px)
    }

    .usub-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px
    }

    .usub-gallery .gallery-thumb .slick-track {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px
    }

    .ulist-btn {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        max-width: none
    }

    .ulist-btn .ubtn-end {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 640px)and (max-width: 750px) {
    .uevent-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        grid-column-gap: 30px
    }

    .ugallery.col4 {
        grid-template-columns: repeat(4, 1fr)
    }
}
@media screen and (max-width: 440px) {
    .uevent-list{flex-direction: column;flex-wrap: initial;}
    .list_map .common-col{width: 100%;margin: 0 0px 20px 0;}
}
@media screen and (max-width: 360px){
   .ubtn-all a{font-size: 4vw;padding: 6px 35px 4px 23px;} 
	.ubx-on-img .usologan { font-size: 19px; }
}

@-moz-document url-prefix() {}

/* 20250722 add */
@media screen and (max-width: 750px) {
    .cmn-h1-title {
        font-size: 26px;
    }
    .cmn-sec-concept.sec-concept .btn-all {
        text-align: center;
        padding-right: 0px;
        margin: 20px auto;
    }
    .cmn-sec-voice .uvoice-list.ucsstyle {
        margin-bottom: 40px;
    }
    .cmn-info-area {
        display: block;
    }
    .cmn-info-area img {
        width: 100%;
    }
    .cmn-info-text-wrap {
        width: 100%;
    }
    .cmn-info-text-wrap .bx-h3-all {
        margin-bottom: 40px;
        text-align: center;
    }
    .cmn-info-text-wrap .bx-h3-all::before {
        left: 0px;
    }
    .cmn-info-text-wrap .bx-h3-all::after {
        position: relative;
        right: unset;
        bottom: -10px;
    }
    .cmn-info-text-wrap .bx-h3-all .en-h3-all {
        font-size: 26px;
    }
    .cmn-info-text-wrap .bx-h3-all .h3-all {
        font-size: 24px;
    }
    .cmn-info-text-wrap .cmn-info-text {
        text-align: center;
    }
    .cmn-area-text {
        font-size: 42px;
        text-align: center;
    }
    .cmn-sec-info::before {
        height: 50%;
        top: 15%;
    }

    .usub-gallery .gallery-main .lightbox-img a{aspect-ratio: 3 / 2.4;}
    .usub-gallery .gallery-thumb .item{aspect-ratio: 150 / 128;}
    .under main .tt_header{flex-direction: column;align-items: flex-start;}
}
@media screen and (max-width: 320px) {
    .usub-gallery .gallery-main .lightbox-img .caption{font-size: 3.8vw}
}

@media screen and (min-width: 751px) {
    .cmn-sec-info {
        margin-top: 200px;
    }

    .cmn-sec-info::before {
        top: -100px;
    }
}</pre></body></html>