html {
    margin: 0 !important;
}
.clear {
    clear: both;
    font: 0pt/0pt sans-serif;
}
.owl-nav.disabled {
    display: none;
}
img {
    object-fit: cover;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0;
    font-weight: 400;
    list-style: none;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #414141;
    border-left: solid 0px #dedede;
}
::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #dedede;
}
input, textarea, select {
    font-family: 'Noto Sans JP', sans-serif;
}
div#map iframe {
    width: 100% !important;
}



@media screen and (min-width: 970px) {


ul.sns_icon {
	position: absolute;
    z-index: 2;
    right: 1rem;
    top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}ul.sns_icon li {
        background: none !important;
        width: 3.5rem !important;
        top: 0rem !important;
        margin: 0.1rem !important;
}img.instagram {
    width: 3.8rem;
    margin-top: -0.2rem;
}ul.sns_icon li img {
    height: 3.5rem !important;
}



.therapist.--top_pickup {
    position: relative;
    margin: 0 4rem;
}

    ul.schedule_tab {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4rem;
    }
    li.select_tab {
        background: #82c8e9 !important;
        color: #fff !important;
        border: solid 1px #82c8e9 !important;
    }
    ul.schedule_tab li {
        background: #fff;
        border: solid 1px #f1f1f1;
        padding: 1rem 2rem;
        margin: 0 1rem;
        width: 12rem;
        text-align: center;
        cursor: pointer;
        color: #999;
    }
    .content_wrap.disnon {
        display: none;
    }
    .openbtn.spnav.fixed-nav {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background: rgb(0 170 255 / 28%);
    }
    .openbtn.spnav.fixed-nav.active {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background: none;
    }
    div#overlay {
        font-family: 'Noto Serif JP', serif;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        text-align: center;
        display: none;
        background-image: url(../img/top_bg.jpg);
        width: 100%;
        height: 100vh;
        background-position: center center;
        color: #fff;
        padding-top: 24vh;
    }
    #over_class_name {
        font-size: 1.6rem;
        margin-top: 2rem;
    }
    div#over_logo {
        font-size: 2rem;
    }
    div#over_logo span {
        display: block;
        font-size: 7rem;
        line-height: 1;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    div#over_logo2 {
        margin-top: -3rem;
        font-size: 6rem;
        line-height: 1;
        font-weight: 100;
    }
    .bt {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
    }
    .bt_over {
        background: #94baff;
        padding: 0px 0px;
        font-size: 20px;
        width: 300px;
        cursor: pointer;
        margin: 0 20px;
        border-radius: 4px;
        height: 60px;
        line-height: 60px;
    }
    .bt_under a {
        background: #c4daff;
        padding: 0px 0px;
        font-size: 20px;
        width: 300px;
        cursor: pointer;
        margin: 0 20px;
        border-radius: 4px;
        height: 60px;
        line-height: 60px;
        display: block;
        text-decoration: none;
        color: #fff;
    }
    ul.ban_space li {
        margin: 1rem 0;
    }
    /* サンプルTOPCSS */
    div#top_overlay {
        position: fixed;
        z-index: 999999;
        text-align: center;
        width: 100%;
        height: 100vh;
        background-image: url(../img/sample_top_background.jpg);
        top: 0;
        background-position: center;
        background-size: cover;
    }
    div#top_logo {
        width: 18rem;
        margin: 2rem auto;
    }
    ul.top_logo_ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.top_logo_ul li {
        background: rgb(255 255 255 / 80%);
        padding: 2rem;
        margin: 0 1rem;
        box-shadow: 0 0 10px rgb(0 0 0 / 15%);
        border-radius: 0.2rem;
    }
    ul.top_logo_ul li a {
        text-decoration: none;
    }
    .yokohama_nav {
        background: #ffc238;
        padding: 1rem 2rem;
        border-radius: 0.3rem;
        line-height: 1.1;
    }
    .gotanda_nav {
        background: #37b1eb;
        padding: 1rem 2rem;
        border-radius: 0.3rem;
        line-height: 1.1;
    }
    h2.top_overlay_h2 {
        font-family: 'Noto Serif JP', serif;
        color: #000;
        font-weight: bold;
        font-size: 1.8rem;
    }
    p.top_enter_p {
        color: #fff;
        font-weight: 500;
        font-size: 3.4rem;
        letter-spacing: 1rem;
    }
    p.top_enter_p small {
        letter-spacing: 0.2rem;
        display: block;
        font-size: 1.4rem;
        margin-top: 0.5rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300;
    }
    a.yokohama_nav_a {
        font-family: 'Noto Serif JP', serif;
        text-decoration: underline !important;
        margin-top: 1.8rem;
        display: block;
        font-size: 1.8rem;
        color: #ffc238;
    }
    a.gotanda_nav_a {
        font-family: 'Noto Serif JP', serif;
        text-decoration: underline !important;
        margin-top: 1.8rem;
        display: block;
        font-size: 1.8rem;
        color: #37b1eb;
    }
    ul#article {
        margin: 8rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul#article li {
        width: 15.6rem;
        margin: 0.5rem 0.5rem;
        padding: 0.5rem;
        border: solid 1px #dedede;
        height: 35rem;
    }
    h3.blog_list_h3 {
        margin: 0.5rem 0;
        font-size: 1.2rem;
    }
    time.blog_list_time {
        display: block;
        font-size: 1rem;
        color: #999;
        margin-bottom: 1rem;
    }
    p.blog_list_p {
        font-size: 1.1rem;
        line-height: 1.4;
    }
    section#single_page {
        margin: 8rem 20rem;
    }
    h1#single_blog_h1 {
        font-weight: bold;
        font-size: 2.4rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #dedede;
    }
    time.single_time {
        display: block;
        text-align: right;
        font-size: 1rem;
        color: #999;
    }
    article {
        line-height: 2;
        margin: 4rem 0;
    }
    article img {
        width: auto;
        display: block;
        margin: 2rem 0 1rem;
    }
    video {
        height: 50rem;
        width: 100%;
        object-fit: cover;
    }

    div#tiktok {
        margin: 0 10rem 10rem;
    }
    div#tenpo_text {
        margin: 0 10rem 4rem;
        background: #fff;
        padding: 2rem 6rem 5rem;
    }
    div#pickup {
        padding: 6rem 10rem;
        height: 42rem;
    }
    ul.report {
        background: #fff;
        padding: 2rem;
        margin-bottom: 8rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul.report li {
        padding: 1rem;
        width: 25rem;
        margin: 0 0 2rem;
    }
    h3.report_therapist_name {
        text-align: center;
        font-weight: bold;
        padding: 1rem 0;
        background-image: linear-gradient(153deg, rgb(111 214 255), rgb(255 190 252));
        color: #fff;
    }
    div#howto {
        background: #fff;
        padding: 2rem;
    }
    h3#howto_h3 {
        margin: 4rem 0 2rem;
        font-size: 2rem;
        font-weight: bold;
    }
    .how_to_text {
        background: #f1f1f1;
        padding: 3rem;
        margin: 2rem 0;
    }
    p.text_p {
        padding: 1rem 0;
        font-size: 1.4rem;
        line-height: 1.8;
    }
    p.text_p a {
        display: block;
        color: #212121;
    }
    p.text_p a:before {
        content: "\0030fb";
    }
    p.text_p a {
        display: block;
        color: #212121;
        margin: 2rem 0 0;
    }
    .howto_img {
        margin: 2rem 0;
    }
    h3.howto_h3 {
        font-size: 2rem;
        margin: 2rem 0 1rem;
    }
    .howto_bottom {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
    }
    ul.tag {
        margin: 2rem 0;
        text-align: center;
    }
    ul.tag li {
        border: solid 1px #adadad;
        padding: 0.5rem 1rem;
        margin: 0 0.5rem 1rem;
        display: inline-block;
        border-radius: 0.2rem;
    }
    ul.tag li:before {
        content: "\0023";
    }
    h2.howto_h2 {
        font-size: 1.8rem;
        font-weight: bold;
    }
    ul.hotel_list {
        background: #fff;
        padding: 2rem;
        margin-bottom: 2rem;
    }
    ul.hotel_list li a {
        background: #f1f1f1;
        display: block;
        padding: 1rem;
        color: #2983f7;
        text-decoration: none;
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }
    ul.hotel_list li:last-child {
        margin-bottom: -1rem;
    }
    .tel_url {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0.5rem 0;
    }
    span.hotel_tel a {
        display: table;
        margin-right: 1rem;
        background: #fff !important;
        padding: 0 !important;
    }
    span.hotel_url a {
        display: table;
        margin-right: 1rem;
        background: #fff !important;
        padding: 0 !important;
    }
    canvas#background {
        display: none;
    }

    /* font-family: "Noto Sans JP", sans-serif;

/* font-family: 'Noto Serif JP', serif; */
    /*font-family: 'Roboto', sans-serif; */
    /* font-family: 'Noto Serif JP', serif; */
    :root {
        font-size: 1vw;
    }
    body {
        background-image: url(../img/background_img.jpg);
        width: 100%;
        color: #212121;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.2rem;
        line-height: 1.4;
    }
    header {
        font-family: 'Noto Serif JP', serif;
        width: 100%;
        position: relative;
        padding: 1rem 8rem;
        background: #82c8e9;
    }
    div#logo {
        width: 12rem;
        margin: 0 auto;
    }
    h1#header_h1 {
        font-size: 1rem;
        text-align: center;
        color: #fff;
    }
    div#top_tel {
        margin: 0.5rem auto 0;
        font-size: 1.3rem;
    }
    div#top_tel a {
        border-radius: 10rem;
        background: #fff;
        padding: 0.5rem 0 0.4rem;
        width: 24rem;
        text-decoration: none;
        color: #414141;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }
    span.top_tel_icon {
        width: 1.5rem;
        margin-right: 1rem;
    }
    p.top_tel_text {
        font-weight: bold;
    }
    p.top_time {
        color: #fff;
        text-align: center;
        margin-top: 1rem;
    }
    #g-nav.panelactive {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        height: 100vh;
    }
    .circle-bg {
        position: fixed;
        z-index: 3;
        top: 0;
        width: 0rem;
        height: 100vh;
        background: #000000a6;
        right: 0rem;
        transition: all .6s;
    }
    .circle-bg.circleactive {
        transform: scale(50);
        width: 1rem;
    }
    #g-nav-list {
        display: none;
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    nav#header_nav {
        display: none;
    }
    @keyframes gnaviAnime {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .panelactive {
        animation-name: gnaviAnime;
        animation-duration: 1s;
        animation-delay: .2s;
        animation-fill-mode: forwards;
        opacity: 0;
        display: block !important;
        position: fixed;
        right: 5rem;
        padding: 2rem;
        top: 5rem;
        z-index: 99;
    }
    ul#nav_ul li a {
        color: #fff;
    }
    ul#nav_ul li small {
        display: block;
    }
    ul#slide {
        height: 50rem;
        width: 100%;
        overflow: hidden;
    }
    ul#slide li img {
        height: 50rem;
        width: 100%;
        object-fit: cover;
    }
    #header_nav_nav li {
        text-align: center;
        list-style: none;
    }
    #header_nav li a {
        color: #333;
        text-decoration: none;
        padding: 10px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    .openbtn {
        padding: 0 0.5rem;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        position: fixed;
        top: 2rem;
        right: 3rem;
        z-index: 9999;
        cursor: pointer;
        width: 4rem;
        height: 4rem;
    }
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        height: 2px;
        border-radius: 2px;
        background-color: #fff;
        width: 3rem;
    }
    .openbtn span:nth-of-type(1) {
        top: 1rem;
    }
    .openbtn span:nth-of-type(2) {
        top: 1.5rem;
    }
    .openbtn span:nth-of-type(3) {
        top: 2rem;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 2rem;
        right: 0rem;
        transform: translateY(-6px) rotate(-45deg);
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 2rem;
        right: 0rem;
        transform: translateY(-6px) rotate(45deg);
    }
    div#top_news {
        text-align: right;
        color: #fff;
        background: #82c8e9;
        padding: 1rem 0;
        height: 3.8rem;
    }
    #top_news {
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }
    @keyframes slideText {
        from {
            right: -20%;
        }
        to {
            right: 100%;
        }
    }
    .slide-animation {
        position: absolute;
        right: 0;
        animation: slideText 20s linear infinite;
    }
    div#top_content {
        padding: 6rem 10rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    div#left {
        width: 40rem;
        margin-right: 4rem;
    }
    div#right {
        width: 40rem;
    }
    .content_title_h2 {
        color: #b7a273;
        font-family: 'Noto Serif JP', serif;
        font-size: 3rem;
        position: relative;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 3rem;
        text-align: center;
    }
    h2.content_title_h2 small {
        display: block;
        font-size: 1.2rem;
    }
    ul#top_info_ul {
        height: 30rem;
        overflow-y: scroll;
        padding: 1rem;
        background: #fff;
    }
    h3.info_content_h3 {
        font-weight: bold;
    }
    time.info_date {
        padding: 0.5rem 0;
        display: block;
        font-size: 1.1rem;
    }
    ul#top_info_ul li {
        margin-bottom: 4rem;
    }
    div#top_schedule {
        margin: 0 10rem 4rem;
    }
    ul#schedule {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul#schedule li, .pickup_therapist li {
        border-width: 2px;
        margin: 0 0.5rem 1rem;
        position: relative;
        width: 18.7rem;
    }
    ul.schedule {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul.schedule li {
        border-width: 2px;
        margin: 0 0.5rem 1rem;
        position: relative;
        width: 25rem;
    }
.therapist {
    }
    .therapist_img {
        position: relative;
        height: 26rem;
        width: 100%;
        overflow: hidden;
    }
    .therapist_img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 2s;
        opacity: 0;
        object-fit: cover;
        height: 26rem;
    }
    .therapist_img img.active {
        z-index: 1;
        opacity: 1;
    }
    span.new {
        position: absolute;
        color: #fff;
        background: #bb0000;
        padding: 3.2rem 2rem 0.2rem;
        transform: rotate(-46deg);
        left: -3rem;
        top: -2rem;
        font-size: 1rem;
        z-index: 9999;
    }
.schedule_time {
        width: 100%;
        text-align: left;
        padding: 0.5rem;
        position: absolute;
        bottom: 0;
        z-index: 1;
        background: rgb(255 255 255 / 40%);
    }
    ul#schedule li a, .pickup_therapist li a {
        text-decoration: none;
        color: #414141;
    }
    ul.schedule li a {
        text-decoration: none;
        color: #414141;
    }p.therapist_name {
    text-align: center;
}    p.therapist_name b {
        display: block;
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    span.name_block.--age:after {
        content: "\002f";
        padding-left: 0.2rem;
    }
    span.name_block.--height {}
    span.name_block.--3s {
        margin: 0.5rem 0;
        display: block;
    }
    span.end_time:before {
        padding: 0 0.2rem;
        content: "\002d";
    }
    span.start_time:before {
        padding: 0 0.2rem 0 0;
        content: "\0023f1";
    }
    a.more_bt {
        margin: 4rem auto;
        padding: 1rem 2rem;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border-radius: 10rem;
        width: 20rem;
        display: block;
        background: #ff7171;
    }
    div#widget {
        margin: 0 8rem 6rem;
    }
    ul#other_content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 8rem 10rem 8rem;
    }
    ul#other_content li {
        width: 38rem;
    }
    ul.top_blog {
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #e3d9a5, #79691d, #c9c08f) 1 stretch;
        background: #fff;
    }
    ul.top_blog li {
        padding: 1rem;
        border-bottom: 1px dotted #bdb07e;
    }
    ul.top_blog li:last-child {
        padding: 1rem;
        border-bottom: 0px dotted #bdb07e;
        margin-bottom: 0rem;
    }
    .top_blog_text img {
        width: auto;
    }
    ul.top_blog li {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .top_blog_img {
        width: 18rem;
        margin-right: 1rem;
    }
    .top_blog_text {
        width: 52rem;
        position: relative;
    }
    h3.top_blog_h3 {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    p.top_blog_p {
        font-size: 1.1rem;
        margin: 0.5rem 0;
    }
    time.blog_time {
        display: block;
        font-size: 1rem;
    }
    div#qa_space {
        margin: 2rem 0 0;
        padding: 4rem 10rem 8rem;
        background: rgb(201 230 255 / 33%);
    }
    h2.footer_qa_h2 {
        text-align: center;
        font-weight: 500;
        margin: 2rem 0;
        font-family: 'Noto Serif JP', serif;
    }
    p.qa_text {
        text-align: center;
        margin: 2rem;
    }
    ul.qa_ul_top {
        padding: 0 10rem;
        margin: 3rem 0;
    }
    ul.qa_ul_top li {
        margin-bottom: 0.5rem;
    }
    p.qa_text.--last-text {
        margin-bottom: 4rem;
    }
    ul#qa_ul {
        padding: 0 10rem;
    }
    li.li_title {
        display: block !important;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        padding: 1rem 3rem;
        position: relative;
        cursor: pointer;
    }
    li.li_title:before {}
    li.li_title:after {
        content: "\002b";
        position: absolute;
        right: 1rem;
    }
    ul#qa_ul li {
        display: none;
        padding: 2rem;
    }
    .twitter {}
    ul.bottom_ban {
        margin: 0 30rem 6rem;
    }
    ul.bottom_ban li {
        margin-bottom: 1rem;
    }
    footer {
        background: #82c8e9;
        padding: 4rem 14rem;
    }
    ul#footer_nav_ul {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    ul#footer_nav_ul li {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    ul#footer_nav_ul li div {
        padding: 0 1rem;
    }
    ul#footer_nav_ul li a {
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 1.2rem;
        display: block;
    }
    ul#footer_nav_ul li a small {
        font-size: 1rem;
        text-decoration: none;
        color: #fff;
        display: block;
    }
    div#footer_logo_img {
        width: 14rem;
        margin: 4rem auto;
    }
    div#footer_copy {
        text-align: center;
        color: #fff;
        font-family: meiryo;
        font-size: 1rem;
    }
    ul#footer_order {
        position: fixed;
        bottom: 2rem;
        right: 2rem;
    }
    ul#footer_order li {
        width: 6rem;
        height: 6rem;
        padding: 1rem;
        border-radius: 10rem;
        margin-bottom: 0.5rem;
    }
    ul#footer_order li img {
        width: 3rem;
        margin: 0 auto 0.2rem;
    }
    ul#footer_order li a {
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        text-decoration: none;
    }
    li.tel_order {
        background: -moz-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: -webkit-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: linear-gradient(to right, #ccbc9a, #bba169, #ccbc9a);
    }
    li.line_order {
        background: -moz-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: -webkit-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: linear-gradient(to right, #39ae41, #44c74e, #39ae41);
    }
    li.online_order {
        background: -moz-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: -webkit-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: linear-gradient(to right, #86d1ea, #ecadbc, #ddd9fd);
    }
    ul.link_ban {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 30rem 6rem;
        flex-wrap: wrap;
    }
    ul.link_ban li {
        width: 32%;
        margin: 0 0.5% 1rem;
    }
    ol#pankuzu {
        padding: 0.5rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        font-size: 1rem;
    }
    ol#pankuzu li:after {
        content: "\003e";
        padding: 0.5rem;
    }
    ol#pankuzu li:last-child:after {
        content: "";
    }
    ol#pankuzu a {
        text-decoration: none;
        color: #999;
    }
    div#under_content {
        margin: 6rem 10rem;
    }
    p.content_p {
        margin: 4rem 0;
    }
    .system_content {
        padding: 2rem;
        border: solid 1px #dedede;
    }
    h3.system_title_h3 {
        text-align: center;
        color: #fff;
        padding: 1rem;
        background: #82c8e9;
    }
    p.system_text {
        margin: 2rem 0;
    }
    .system_content {
        padding: 2rem;
        border: solid 1px #dedede;
        margin: 0 4rem 4rem;
    }
    ul.system_ul {
        text-align: center;
        margin: 0 8rem;
        font-family: 'Noto Serif JP', serif;
    }
    ul.system_ul li {
        padding: 1rem 0;
        border-bottom: 1px solid #dedede;
    }
    .system_title {
        font-size: 2rem;
    }
    .system_price {
        font-size: 1.6rem;
    }
    span.camp_price {
        color: #ff0000;
    }
    span.camp_price:before {
        content: "\002192";
    }
    span.camp_price small {
        margin: 0 0.2rem;
        font-size: 1.6rem;
    }
    ul#schedule_list {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 4rem;
    }
    ul#schedule_list li a {
        text-decoration: none;
        padding: 0.5rem 3rem;
        margin: 0 0.5rem;
        background: #dedede;
        border-radius: 10rem;
        color: #fff;
    }
    ul#schedule_list li.select a {
        background: #82c8e9 !important;
    }
    div#therapist_pf {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    div#therapist_pf_img {
        width: 30rem;
        margin-right: 4rem;
    }
    div#therapist_pf_text {
        width: 45rem;
    }
    .therapist_pf_img {
        margin-bottom: 1rem;
        height: 44rem;
        overflow: hidden;
        position: relative;
    }
    .therapist_pf_img img {
        width: 100%;
        height: 44rem;
        object-fit: cover;
    }
    ul.therapist_pf_img_thum {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    ul.therapist_pf_img_thum li {
        position: relative;
        width: 100%;
        height: 13rem;
        overflow: hidden;
    }
    ul.therapist_pf_img_thum li img {
        width: 100%;
        height: 13rem;
        object-fit: cover;
    }
    h3.therapist_pf_h3 {
        font-weight: bold;
        font-size: 1.6rem;
    }
    .therapist_pf_detail {
        margin: 1rem 0;
    }
    h3.therapist_pf_detail_title {
        font-weight: bold;
    }
    p.therapist_pf_text_p {
        margin: 1rem 0 2rem;
    }
    div#therapist_pf {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 4rem;
    }
    ul.therapist_schedule {
        margin-bottom: 4rem;
    }
    ul.therapist_schedule li {
        display: flex;
        justify-content: space-between;
        margin: 0 10rem;
        border-bottom: 1px solid;
        padding: 1rem 6rem;
        margin-bottom: 1rem;
        position: relative;
    }
    span.tel_order_span {
        background: -moz-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: -webkit-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: linear-gradient(to right, #ccbc9a, #bba169, #ccbc9a);
        width: 6rem;
    }
    .reserve {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    span.line_order_span {
        background: -moz-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: -webkit-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: linear-gradient(to right, #39ae41, #44c74e, #39ae41);
        width: 6rem;
    }
    span.online_order_span {
        background: -moz-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: -webkit-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: linear-gradient(to right, #86d1ea, #ecadbc, #ddd9fd);
        width: 6rem;
    }
    .reserve span img {
        width: 2rem;
        margin: 0 auto;
    }
    .reserve span {
        padding: 0.5rem 0;
    }
    .reserve span a {
        text-decoration: none;
        color: #fff;
        font-size: 1rem;
    }
    .reserve span p {
        margin-top: 0.5rem;
    }
    video#therapist_movie {
        height: 53rem;
    }
    span.schedule_date_week {
        width: 12rem;
    }
    span.schedule_date {
        width: 12rem;
    }
    span.schedule_start_time {
        width: 15rem;
        text-align: right;
    }
    time.schedule_start_time {
        width: 15rem;
        text-align: right;
    }
    span.schedule_area {
        background: #fff;
        position: absolute;
        left: 1rem;
        font-size: 0.8rem;
        padding: 0.15rem 0.5rem;
        font-weight: bold;
    }
    span.schedule_area_top {
        background: #fff;
        margin-right: 1rem;
        font-size: 0.8rem;
        padding: 0.15rem 0.5rem;
        font-weight: bold;
    }

    .youtube-container {
        position: relative;
        width: 100%;
        /*max-width: 800px;  PC表示時の最大幅 */
        margin: 0 auto;
        margin-bottom: 8rem;
        padding-top: 56.25%;  /*16:9アスペクト比*/

    }

    .youtube-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        padding-left:8rem;
        padding-right:8rem;
    }

}
@media screen and (max-width: 969px) {

ul.sns_icon {
	position: absolute;
    z-index: 2;
    right: 1rem;
    top: 1rem;
    display: flex;
    justify-content: space-between;
	align-items: center;
}ul.sns_icon li {
        background: none !important;
        width: 2.5rem !important;
        top: 0rem !important;
        margin: 0.1rem !important;
}img.instagram {
    width: 2.8rem;
    margin-top: -0.2rem;
}ul.sns_icon li img {
    height: 2.5rem !important;
}




    ul.schedule_tab {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4rem;
    }
    li.select_tab {
        background: #82c8e9 !important;
        color: #fff !important;
        border: solid 1px #82c8e9 !important;
    }
    ul.schedule_tab li {
        background: #fff;
        border: solid 1px #f1f1f1;
        padding: 1rem 1rem;
        margin: 0 0.5rem;
        width: 9rem;
        text-align: center;
        cursor: pointer;
        color: #999;
    }
    .content_wrap.disnon {
        display: none;
    }
    span.schedule_date_week {
        width: 100%;
    }
    span.schedule_date {
        width: 40px;
        margin-right: 1rem;
    }
    span.schedule_start_time {
        width: 25rem;
        text-align: left;
    }
    time.schedule_start_time {
        width: 25rem;
        text-align: left;
    }
    .openbtn.spnav.fixed-nav {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background: rgb(0 170 255 / 28%);
    }
    .pickup_therapist li {
        padding: 0 0.5rem;
    }
    .pickup_therapist .twitter {
        right: 1rem !important;
    }
    video#therapist_movie {
        height: 39rem;
        margin-top: 1rem;
    }
    div#overlay {
        font-family: 'Noto Serif JP', serif;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        text-align: center;
        display: none;
        background-image: url(../img/top_bg.jpg);
        width: 100%;
        height: 100vh;
        background-position: center center;
        color: #fff;
        padding-top: 12vh;
        ;
    }
    #over_class_name {
        font-size: 1.6rem;
        margin-top: 2rem;
    }
    div#over_logo {
        font-size: 2rem;
    }
    div#over_logo span {
        display: block;
        font-size: 7rem;
        line-height: 1;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    div#over_logo2 {
        margin-top: -3rem;
        font-size: 6rem;
        line-height: 1;
        font-weight: 100;
    }
    .bt {
        margin-top: 1rem;
    }
    .bt_over {
        background: #94baff;
        padding: 0px 0px;
        font-size: 1.6rem;
        width: 24rem;
        cursor: pointer;
        border-radius: 4px;
        height: 4rem;
        line-height: 4rem;
        margin: 0 auto 1rem;
    }
    .bt_under a {
        background: #c4daff;
        padding: 0px 0px;
        font-size: 1.6rem;
        width: 24rem;
        cursor: pointer;
        border-radius: 4px;
        height: 4rem;
        line-height: 4rem;
        margin: 0 auto 1rem;
        display: block;
        text-decoration: none;
        color: #fff;
    }
    ul.ban_space li {
        margin: 1rem 0;
    }
    /* サンプルTOPCSS */
    div#top_overlay {
        position: fixed;
        z-index: 999999;
        text-align: center;
        width: 100%;
        height: 100vh;
        background-image: url(../img/sample_top_background.jpg);
        top: 0;
        background-position: center;
        background-size: cover;
    }
    div#top_logo {
        width: 10rem;
        margin: 1rem auto;
    }
    ul.top_logo_ul {}
    ul.top_logo_ul li {
        background: rgb(255 255 255 / 80%);
        padding: 0.8rem;
        margin: 0 3rem;
        box-shadow: 0 0 10px rgb(0 0 0 / 15%);
        border-radius: 0.2rem;
    }
    ul.top_logo_ul li:first-child {
        margin-bottom: 1rem;
    }
    ul.top_logo_ul li a {
        text-decoration: none;
    }
    .yokohama_nav {
        background: #ffc238;
        padding: 1rem;
        border-radius: 0.3rem;
        line-height: 1.1;
    }
    .gotanda_nav {
        background: #37b1eb;
        padding: 1rem;
        border-radius: 0.3rem;
        line-height: 1.1;
    }
    h2.top_overlay_h2 {
        font-family: 'Noto Serif JP', serif;
        color: #000;
        font-weight: bold;
        font-size: 1.6rem;
    }
    p.top_enter_p {
        color: #fff;
        font-weight: 500;
        font-size: 3.6rem;
        letter-spacing: 0.3rem;
    }
    p.top_enter_p small {
        letter-spacing: 0.2rem;
        display: block;
        font-size: 1.6rem;
        margin-top: 0.5rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300;
    }
    a.yokohama_nav_a {
        font-family: 'Noto Serif JP', serif;
        text-decoration: underline !important;
        margin-top: 0.5rem;
        display: block;
        font-size: 1.4rem;
        color: #ffc238;
    }
    a.gotanda_nav_a {
        font-family: 'Noto Serif JP', serif;
        text-decoration: underline !important;
        margin-top: 0.5rem;
        display: block;
        font-size: 1.4rem;
        color: #37b1eb;
    }
    video#therapist_movie {
        height: 39rem;
    }
    h1#header_h1 {
        font-size: 0.9rem;
        text-align: center;
        color: #fff;
    }
    ul#article {
        margin: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul#article li {
        width: 13.5rem;
        margin: 0.5rem 0.2rem;
        padding: 0.5rem;
        border: solid 1px #dedede;
        height: 36rem;
    }
    h3.blog_list_h3 {
        margin: 0.5rem 0;
        font-size: 1.2rem;
    }
    time.blog_list_time {
        display: block;
        font-size: 1rem;
        color: #999;
        margin-bottom: 1rem;
    }
    p.blog_list_p {
        font-size: 1.1rem;
        line-height: 1.4;
    }
    section#single_page {
        margin: 2rem 1rem;
    }
    h1#single_blog_h1 {
        font-weight: bold;
        font-size: 1.6rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #dedede;
    }
    time.single_time {
        display: block;
        text-align: right;
        font-size: 1rem;
        color: #999;
    }
    article {
        line-height: 2;
        margin: 2rem 0;
    }
    article img {
        width: auto;
        display: block;
        margin: 2rem 0 1rem;
    }
    video {
        height: 13rem;
        width: 100%;
        object-fit: cover;
    }


    div#tiktok {
        margin: 0 1rem 10rem;
    }
    div#tenpo_text {
        margin: 0 1rem 4rem;
        background: #fff;
        padding: 2rem 1.5rem 2rem;
    }
    ul.report {
        background: #fff;
        padding: 0rem;
        margin-bottom: 8rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul.report li {
        padding: 0.5rem;
        width: 14.1rem;
        margin: 0 0 2rem;
    }
    h3.report_therapist_name {
        text-align: center;
        font-weight: 500;
        padding: 0.5rem 0;
        background-image: linear-gradient(153deg, rgb(111 214 255), rgb(255 190 252));
        color: #fff;
        font-size: 1rem;
    }
    div#pickup {
        padding: 1rem 1rem;
        height: 30rem;
    }
    div#howto {
        background: #fff;
        padding: 1rem;
    }
    h3#howto_h3 {
        margin: 4rem 0 2rem;
        font-size: 1.6rem;
        font-weight: bold;
    }
    .how_to_text {
        background: #f1f1f1;
        padding: 1rem;
        margin: 2rem 0;
    }
    p.text_p {
        padding: 1rem 0;
        font-size: 1.2rem;
        line-height: 1.8;
    }
    p.text_p a {
        display: block;
        color: #212121;
    }
    p.text_p a:before {
        content: "\0030fb";
    }
    p.text_p a {
        display: block;
        color: #212121;
        margin: 1rem 0 0;
    }
    .howto_img {
        margin: 2rem 0;
    }
    h3.howto_h3 {
        font-size: 1.4rem;
        margin: 2rem 0 1rem;
    }
    .howto_bottom {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
    }
    ul.tag {
        margin: 2rem 0;
        text-align: center;
    }
    ul.tag li {
        border: solid 1px #adadad;
        padding: 0.5rem 1rem;
        margin: 0 0.5rem 1rem;
        display: inline-block;
        border-radius: 0.2rem;
    }
    ul.tag li:before {
        content: "\0023";
    }
    h2.howto_h2 {
        font-size: 1.2rem;
        font-weight: bold;
    }
    ul.hotel_list {
        background: #fff;
        padding: 2rem;
        margin-bottom: 1rem;
    }
    ul.hotel_list li a {
        background: #f1f1f1;
        display: block;
        padding: 1rem;
        color: #2983f7;
        text-decoration: none;
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    ul.hotel_list li:last-child {
        margin-bottom: -1rem;
    }
    .tel_url {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0.5rem 0;
    }
    span.hotel_tel a {
        display: table;
        margin-right: 1rem;
        background: #fff !important;
        padding: 0 !important;
    }
    span.hotel_url a {
        display: table;
        margin-right: 1rem;
        background: #fff !important;
        padding: 0 !important;
    }


    canvas#background {
        display: none;
    }
    /* font-family: "Noto Sans JP", sans-serif;

/* font-family: 'Noto Serif JP', serif; */
    /*font-family: 'Roboto', sans-serif; */
    /* font-family: 'Noto Serif JP', serif; */
    :root {
        font-size: 3.24vw;
    }
    body {
        background-size: 100%;
        background-image: url(../img/background_img.jpg);
        color: #212121;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1rem;
        line-height: 1.4;
        width: 100%;
        width: 100%;
    }
    header {
        font-family: 'Noto Serif JP', serif;
        width: 100%;
        position: relative;
        padding: 0.2rem 1rem;
        background: #82c8e9;
    }
    div#logo {
        width: 8rem;
        margin: 0 auto;
    }
    div#top_tel {
        display: none;
        margin: 2rem auto 0;
        font-size: 1.3rem;
    }
    div#top_tel a {
        border-radius: 10rem;
        background: #dfdfdf;
        padding: 0.5rem 0 0.4rem;
        width: 24rem;
        text-decoration: none;
        color: #414141;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }
    span.top_tel_icon {
        width: 1.5rem;
        margin-right: 1rem;
    }
    p.top_tel_text {
        font-weight: bold;
    }
    p.top_time {
        display: none;
        color: #fff;
        text-align: center;
        margin-top: 1rem;
    }
    #g-nav.panelactive {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        height: 100vh;
    }
    .circle-bg {
        position: fixed;
        z-index: 99;
        top: 0;
        width: 0rem;
        height: 100vh;
        background: #000000a6;
        right: 0rem;
        transition: all .6s;
    }
    .circle-bg.circleactive {
        transform: scale(50);
        width: 1rem;
    }
    #g-nav-list {
        display: none;
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    nav#header_nav {
        display: none;
    }
    @keyframes gnaviAnime {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .panelactive {
        animation-name: gnaviAnime;
        animation-duration: 1s;
        animation-delay: .2s;
        animation-fill-mode: forwards;
        opacity: 0;
        display: block !important;
        position: fixed;
        right: 5rem;
        padding: 2rem;
        top: 5rem;
        z-index: 99;
    }
    ul#nav_ul li a {
        color: #fff;
    }
    ul#nav_ul li small {
        display: block;
    }
    ul#slide {
        height: 15rem;
        width: 100%;
        overflow: hidden;
    }
    ul#slide li img {
        height: 15rem;
        width: 100%;
        object-fit: cover;
    }
    #header_nav_nav li {
        text-align: center;
        list-style: none;
    }
    #header_nav li a {
        color: #333;
        text-decoration: none;
        padding: 10px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
    .openbtn {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        position: fixed;
        top: 2rem;
        right: 1rem;
        z-index: 9999;
        cursor: pointer;
        width: 3rem;
        height: 2rem;
        padding: 0 0.5rem;
    }
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        height: 2px;
        border-radius: 2px;
        background-color: #fff;
        width: 2rem;
    }
    .openbtn.spnav.fixed-nav.active {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        background: none;
    }
    .openbtn span:nth-of-type(1) {
        top: 0.5rem;
    }
    .openbtn span:nth-of-type(2) {
        top: 0.9rem;
    }
    .openbtn span:nth-of-type(3) {
        top: 1.35rem;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 2rem;
        right: 0rem;
        transform: translateY(-6px) rotate(-45deg);
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 2rem;
        right: 0rem;
        transform: translateY(-6px) rotate(45deg);
    }
    div#top_news {
        text-align: right;
        color: #fff;
        background: #82c8e9;
        padding: 0.5rem 0;
        height: 2.4rem;
        font-size: 1rem;
    }
    #top_news {
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }
    @keyframes slideText {
        from {
            right: -20%;
        }
        to {
            right: 100%;
        }
    }
    .slide-animation {
        position: absolute;
        right: 0;
        animation: slideText 20s linear infinite;
    }
    div#top_content {
        padding: 2rem 1rem;
    }
    div#left {}
    div#right {
        margin: 2rem 0;
    }
    .content_title_h2 {
        color: #b7a273;
        font-family: 'Noto Serif JP', serif;
        font-size: 2.2rem;
        position: relative;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 1.5rem;
        text-align: center;
    }
    h2.content_title_h2 small {
        display: block;
        font-size: 0.9rem;
    }
    ul#top_info_ul {
        background: #fff;
        height: 24rem;
        overflow-y: scroll;
        padding: 0 1rem 1rem;
    }
    h3.info_content_h3 {
        font-weight: bold;
    }
    time.info_date {
        padding: 0.5rem 0;
        display: block;
        font-size: 1.1rem;
    }
    ul#top_info_ul li {
        margin-bottom: 4rem;
    }
    div#top_schedule {
        margin: 0 1rem 4rem;
    }
    ul#schedule {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul#schedule li, .pickup_therapist li {
        /*background: #fff;*/
        border-width: 2px;
        margin: 0 0rem 0.5rem;
        position: relative;
        width: 13.8rem;
    }
    ul.schedule {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    ul.schedule li {
        background: #fff;
        border-width: 2px;
        margin: 0 0rem 0.5rem;
        position: relative;
        width: 13.8rem;
    }
    .therapist {}
    .therapist_img {
        position: relative;
        height: 23rem;
        overflow: hidden;
    }
    .therapist_img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 2s;
        opacity: 0;
        object-fit: cover;
        height: 23rem;
    }
    .therapist_img img {
        object-fit: cover;
        height: 23rem;
    }
    .therapist_img img.active {
        z-index: 1;
        opacity: 1;
    }
    span.new {
        z-index: 10;
        position: absolute;
        color: #fff;
        background: #bb0000;
        padding: 3.2rem 2rem 0.2rem;
        transform: rotate(-46deg);
        left: -3rem;
        top: -2rem;
        font-size: 1rem;
    }
    .schedule_time {
        text-align: center;
        font-size: 1rem;
        position: absolute;
        z-index: 10;
        width: 100%;
        bottom: 0;
        overflow: hidden;
    }span.schedule_area_top {
    background: #fff;
    margin-right: 0.5rem;
    font-size: 0.8rem;
    padding: 0.15rem 0.5rem;
    font-weight: bold;
}
    .sche_div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: rgb(255 255 255 / 54%);
    }
    .schedule_time.--pickup {}
    ul#schedule li a, .pickup_therapist li a {
        text-decoration: none;
        color: #414141;
    }
    ul.schedule li a {
        text-decoration: none;
        color: #414141;
    }
    p.therapist_name {
        background: rgb(255 255 255 / 54%);
        padding: 0.5rem 0;
        display: block;
    }
    p.therapist_name b {
        display: block;
        font-size: 1.2rem;
    }
    span.name_block.--age:after {
        content: "\002f";
        padding-left: 0.2rem;
    }
    span.name_block.--height {}
    span.name_block.--3s {
        margin: 0.2rem 0;
        display: block;
    }
    span.end_time:before {
        padding: 0 0.2rem;
        content: "\002d";
    }
    span.start_time:before {
        padding: 0 0.2rem 0 0;
        content: "\0023f1";
    }
    a.more_bt {
        margin: 2rem auto;
        padding: 1rem 2rem;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border-radius: 10rem;
        width: 20rem;
        display: block;
        background: #ff7171;
    }
    div#widget {
        margin: 0 1rem 4rem;
    }
    ul#other_content {
        margin: 4rem 1rem;
    }
    ul#other_content li {}
    ul.top_blog {
        background: #fff;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #e3d9a5, #79691d, #c9c08f) 1 stretch;
        margin-bottom: 2rem;
    }
    ul.top_blog li {
        padding: 1rem;
        border-bottom: 1px dotted #bdb07e;
    }
    ul.top_blog li:last-child {
        padding: 1rem;
        border-bottom: 0px dotted #bdb07e;
        margin-bottom: 0rem;
    }
    .top_blog_text img {
        width: auto;
    }
    ul.top_blog li {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .top_blog_img {
        width: 21rem;
        margin-right: 1rem;
    }
    .top_blog_text {
        width: 49rem;
        position: relative;
    }
    h3.top_blog_h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    p.top_blog_p {
        font-size: 0.9rem;
        margin: 0.5rem 0;
    }
    time.blog_time {
        display: block;
        font-size: 0.8rem;
    }
    div#qa_space {
        margin: 2rem 0 0;
        padding: 2rem 1rem 2rem;
        background: rgb(201 230 255 / 33%);
    }
    h2.footer_qa_h2 {
        text-align: center;
        font-weight: 500;
        margin: 1rem 0;
        font-family: 'Noto Serif JP', serif;
        font-size: 1.2rem;
    }
    p.qa_text {
        text-align: center;
        margin: 2rem 0;
    }
    ul.qa_ul_top {
        padding: 0 0rem;
        margin: 3rem 0;
        font-size: 1rem;
    }
    ul.qa_ul_top li {
        margin-bottom: 0.5rem;
    }
    p.qa_text.--last-text {
        margin-bottom: 4rem;
        text-align: left;
    }
    p.qa_text.--last-text br {
        display: none;
    }
    p.qa_text {
        line-height: 1.6;
        margin-bottom: 4rem;
        text-align: left;
    }
    ul#qa_ul {
        padding: 0 0rem;
    }
    li.li_title {
        display: block !important;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        padding: 1rem 3rem;
        position: relative;
        cursor: pointer;
    }
    li.li_title:before {}
    li.li_title:after {
        content: "\002b";
        position: absolute;
        right: 1rem;
    }
    ul#qa_ul li {
        display: none;
        padding: 2rem;
    }
    .twitter {}
    ul.bottom_ban {
        margin: 0 1rem 2rem;
    }
    ul.bottom_ban li {
        margin-bottom: 1rem;
    }
    footer {
        background: #82c8e9;
        padding: 0rem 0rem 8rem;
    }
    ul#footer_nav_ul li {
        text-align: left;
        border-top: 1px solid rgb(255 255 255 / 32%);
        border-bottom: 1px solid rgb(255 255 255 / 32%);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    ul#footer_nav_ul li:nth-child(2) {
        text-align: left;
        border-top: 0px solid rgb(255 255 255 / 32%);
        border-bottom: 1px solid rgb(255 255 255 / 32%);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    ul#footer_nav_ul li div {
        width: 100%;
        text-align: center;
        padding: 1rem;
    }
    ul#footer_nav_ul li div:nth-child(2) {
        border-right: 1px solid rgb(255 255 255 / 32%);
        border-left: 1px solid rgb(255 255 255 / 32%);
    }
    ul#footer_nav_ul li a {
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 1.1rem;
        display: block;
    }
    ul#footer_nav_ul li a small {
        font-size: 0.8rem;
        text-decoration: none;
        color: #fff;
        display: block;
    }
    div#footer_logo_img {
        width: 10rem;
        margin: 2rem auto;
    }
    div#footer_copy {
        text-align: center;
        color: #fff;
        font-family: meiryo;
        font-size: 0.8rem;
    }
    ul#footer_order {
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        z-index: 9999;
    }
    ul#footer_order li {
        width: 100%;
        padding: 0.5rem;
    }
    ul#footer_order li img {
        width: 2rem;
        margin: 0 auto 0.2rem;
    }
    ul#footer_order li a {
        text-align: center;
        font-size: 0.8rem;
        color: #fff;
        text-decoration: none;
    }
    li.tel_order {
        background: -moz-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: -webkit-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: linear-gradient(to right, #ccbc9a, #bba169, #ccbc9a);
    }
    li.line_order {
        background: -moz-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: -webkit-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: linear-gradient(to right, #39ae41, #44c74e, #39ae41);
    }
    li.online_order {
        background: -moz-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: -webkit-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: linear-gradient(to right, #86d1ea, #ecadbc, #ddd9fd);
    }
    ul.link_ban {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 1rem 2rem;
        flex-wrap: wrap;
    }
    ul.link_ban li {
        width: 32%;
        margin: 0 0.5% 1rem;
    }
    ol#pankuzu {
        padding: 0.5rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        background: #fff;
        font-size: 1rem;
    }
    ol#pankuzu li:after {
        content: "\003e";
        padding: 0.5rem;
    }
    ol#pankuzu li:last-child:after {
        content: "";
    }
    ol#pankuzu a {
        text-decoration: none;
        color: #999;
    }
    div#under_content {
        margin: 3rem 1rem;
    }
    p.content_p {
        margin: 2rem 0;
    }
    .system_content {
        padding: 2rem;
        border: solid 1px #dedede;
    }
    h3.system_title_h3 {
        text-align: center;
        color: #fff;
        padding: 1rem;
        background: #82c8e9;
    }
    p.system_text {
        margin: 2rem 0;
    }
    .system_content {
        padding: 1rem;
        border: solid 1px #dedede;
        margin: 0 0rem 4rem;
    }
    ul.system_ul {
        text-align: center;
        margin: 0 1rem;
        font-family: 'Noto Serif JP', serif;
    }
    ul.system_ul li {
        padding: 1rem 0;
        border-bottom: 1px solid #dedede;
    }
    .system_title {
        font-size: 2rem;
    }
    .system_price {
        font-size: 1.6rem;
    }
    span.camp_price {
        color: #ff0000;
    }
    span.camp_price:before {
        content: "\002192";
    }
    span.camp_price small {
        margin: 0 0.2rem;
        font-size: 1.6rem;
    }
    ul#schedule_list {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 1rem 2rem;
        flex-wrap: wrap;
    }
    ul#schedule_list li a {
        text-decoration: none;
        padding: 0.5rem 1.6rem;
        margin: 0 0.5rem 0.5rem;
        background: #dedede;
        border-radius: 10rem;
        color: #fff;
        display: block;
        font-size: 1rem;
    }
    ul#schedule_list li.select a {
        background: #82c8e9 !important;
    }
    div#therapist_pf_img {
        margin: 0 3rem;
    }
    div#therapist_pf_text {
        margin: 4rem 2rem;
    }
    .therapist_pf_img {
        margin-bottom: 1rem;
        height: 30rem;
        overflow: hidden;
        position: relative;
    }
    .therapist_pf_img img {
        height: 30rem;
        object-fit: cover;
    }
    ul.therapist_pf_img_thum {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    ul.therapist_pf_img_thum li {
        width: 100%;
        height: 10rem;
        overflow: hidden;
    }
    ul.therapist_pf_img_thum li img {
        width: 100%;
        height: 10rem;
        object-fit: cover;
    }
    h3.therapist_pf_h3 {
        font-weight: bold;
        font-size: 1.6rem;
    }
    .therapist_pf_detail {
        margin: 1rem 0;
    }
    h3.therapist_pf_detail_title {
        font-weight: bold;
    }
    p.therapist_pf_text_p {
        margin: 1rem 0 2rem;
    }
    div#therapist_pf {
        margin-bottom: 4rem;
    }
    ul.therapist_schedule {
        margin-bottom: 4rem;
    }
    span.schedule_area {
        background: #fff;
        position: absolute;
        left: 1rem;
        font-size: 0.8rem;
        padding: 0.15rem 0.5rem;
        font-weight: bold;
    }
    ul.therapist_schedule li {
        display: flex;
        justify-content: space-between;
        margin: 0 0rem;
        border-bottom: 1px solid;
        padding: 1rem 5rem;
        margin-bottom: 1rem;
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    span.tel_order_span {
        background: -moz-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: -webkit-linear-gradient(left, #ccbc9a, #bba169, #ccbc9a);
        background: linear-gradient(to right, #ccbc9a, #bba169, #ccbc9a);
        width: 4rem;
    }
    .reserve {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    span.line_order_span {
        background: -moz-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: -webkit-linear-gradient(left, #39ae41, #44c74e, #39ae41);
        background: linear-gradient(to right, #39ae41, #44c74e, #39ae41);
        width: 4rem;
    }
    span.online_order_span {
        background: -moz-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: -webkit-linear-gradient(left, #86d1ea, #ecadbc, #ddd9fd);
        background: linear-gradient(to right, #86d1ea, #ecadbc, #ddd9fd);
        width: 4rem;
    }
    .reserve span img {
        width: 2rem;
        margin: 0 auto;
    }
    .reserve span {
        padding: 0.5rem 0;
        font-size: 0.8rem;
    }
    .reserve span a {
        text-decoration: none;
        color: #fff;
        font-size: 1rem;
    }
    .reserve span p {
        margin-top: 0.5rem;
        font-size: 0.8rem;
    }

    .youtube-container {
        position: relative;
        width: 100%;
        max-width: 800px; /* PC表示時の最大幅 */
        margin: 0 auto;
        margin-bottom: 2rem;
        padding-top: 56.25%;  /*16:9アスペクト比*/
        padding-left:1rem;
        padding-right:1rem;

    }

    .youtube-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        padding-left:1rem;
        padding-right:1rem;
    }

}