@charset "utf-8";
/*
----------------------------------------
750
----------------------------------------
*/
@media screen and (max-width: 750px) {

    /* layout */
    html {
        font-size: 50%;
        margin-top: 0 !important;
    }

    body {
        min-width: 0;
    }

    #contents {
        width: 100% !important;
    }

    .wrapper {
        width: 100%;
        min-width: initial;
        background: var(--color-white);
    }

    #container {
        overflow: hidden;
        padding-top: 0;
    }

    #container .inner {
        max-width: none;
        padding: 0 6.5vw;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    html.active,
    body.active {
        overflow: hidden;
    }

    .bg-fixed {
        position: fixed;
        width: 100%;
        min-height: 100%;
        height: auto;
    }

    .flex {
        display: block;
    }

    .flex .box.pic img {
        width: 100%;
        height: auto;
    }

    .flex .box.pic,
    .flex .box.txt,
    .flex.reverce .box.pic {
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }

    /* form */
    /* header */
    #header.is-fixed {
        min-width: 0;
    }

    #header.is-fixed {
        position: absolute;
    }

    .header-top {
        padding: 6px 3%;
    }

    #header .sp-nav {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #header .logo {
        width: 125px;
        margin: 0 auto 0 0;
    }

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

    #header .overlay {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 100vh;
        background: rgba(0, 0, 0, 0);
        z-index: -99999;
        visibility: hidden;
        opacity: 0;
        transition: all 0.4s;
    }

    #header.nav-open .overlay {
        visibility: visible;
        opacity: 1;
        background: rgba(0, 0, 0, 0.8);
        z-index: 999999999;
    }

    /* sp-btn */
    #sp-btn {
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 50%;
        box-sizing: border-box;
        margin: 0 !important;
        text-align: center;
        z-index: 9999999999;
        position: fixed;
        right: 0;
        top: 0;
    }

    #sp-btn.fixed,
    #sp-btn.active.fixed-open {
        position: fixed;
        top: 6px;
        right: 10px;
    }

    button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
    }

    #sp-btn-a::after {
        position: absolute;
        left: -5px;
        bottom: -11px;
        display: block;
        width: 100%;
        font-size: 1.2rem;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
    }

    #sp-btn:hover {
        cursor: pointer;
    }

    #sp-btn #sp-btn-a,
    #sp-btn #sp-btn-a span {
        display: inline-block;
        box-sizing: border-box;
        transition: all 0.5s;
    }

    #sp-btn #sp-btn-a {
        position: relative;
        width: 34px;
        height: 33px;
    }

    #sp-btn #sp-btn-a span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        border-radius: 2rem;
        background: var(--color-white);
    }

    #sp-btn #sp-btn-a span:nth-of-type(1) {
        top: 4px;
    }

    #sp-btn #sp-btn-a span:nth-of-type(2) {
        top: 15px;
    }

    #sp-btn #sp-btn-a span:nth-of-type(3) {
        bottom: 5px;
    }

    #sp-btn.active #sp-btn-a span {
        background: var(--color-white);
    }

    #sp-btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-45deg);
        transform: translateY(11px) rotate(-45deg);
    }

    #sp-btn.active span:nth-of-type(2) {
        opacity: 0;
    }

    #sp-btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }

    /* add home */
    #sp-btn #sp-btn-a span {
        height: 1px;
        background: var(--color-accent-dark);
    }

    #sp-btn #sp-btn-a {
        height: 27px;
    }

    #sp-btn {
        right: 3.5vw;
        top: 3vw;
    }

    #sp-btn.active #sp-btn-a span {
        background: var(--color-white);
    }

    #sp-btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }

    #sp-btn #sp-btn-a span:nth-of-type(1) {
        top: 3px;
    }

    #sp-btn #sp-btn-a span:nth-of-type(2) {
        top: 13px;
    }

    #sp-btn #sp-btn-a span:nth-of-type(3) {
        bottom: 3px;
    }

    /* g-anv */
    #g-nav {
        z-index: 999999999;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -200%;
        transition: all 1s;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        padding: 0;
        background: var(--color-accent-dark);
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    #g-nav.active {
        left: 0;
        transition: all 0.3s;
    }

    #g-nav li {
        font-size: 2rem;
        padding: 15px 10px;
    }

    #g-nav li:last-child {
        padding: 15px 10px;
    }

    #g-nav .more-btn-contact {
        margin-top: 30px;
    }

    #g-nav .more-btn-contact a {
        font-size: 1.6rem;
        padding: 1.3em 0.8em;
        min-width: 185px;
    }

    .nav-pc .btn-contact {
        margin: 0;
    }

    .nav-pc .btn-contact a {
        font-size: 1.8rem;
        padding: 10px 2.5rem;
    }

    /*
---------------------------------------
footer
---------------------------------------
*/
    footer {
        position: relative;
        background: #000;
    }

    .footer-top {
        padding: 2rem 0 0;
    }

    .footer-top,
    .footer-top {
        padding: 0;
    }

    .footer-top iframe {
        width: 100%;
        height: 275px;
    }

    .footer-top iframe,
    .footer-top iframe {
        display: none;
    }

    .footer-top .link-list-wrap {
        display: none;
    }

    .footer-logo {
        padding: 0 0 2rem;
        width: 172px;
    }

    .totop {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 100;
        display: block;
    }

    .totop img {
        width: 70px;
        height: 70px;
    }

    .totop a {
        display: block;
    }

    /*
---------------------------------------
heading
---------------------------------------
*/
    .heading-01 {
        font-size: 3.5rem;
    }

    .heading-02 {
        font-size: 3.5rem;
    }

    .heading-03 {
        font-size: 2.4rem;
        padding: 0 0 3rem;
    }

    .heading-03:before {
        width: 40px;
        height: 1px;
        transform: translateY(-6px);
        margin: 0 1rem 0 0;
    }

    /*
---------------------------------------
top
---------------------------------------
*/
    .mv {
        padding: 60px 3% 70px;
        height: 90vh;
    }

    .mv-inner {
        width: 100%;
    }

    .mv .bg li.bg-04 .bg-img {
        background-position: right 20% center;
    }

    .mv__textarea {
        width: 100%;
    }

    .mv-ttl-03 {
        width: 350px;
        height: auto;
    }

    .mv__news {
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        padding: 0 3%;
    }

    .mv__news a:after {
        right: 3%;
    }

    .mv__news .date {
        padding: 0 1rem 0 0;
        letter-spacing: 0;
    }

    .search-sec,
    .search-sec.search-sec-last {
        padding: 0;
    }

    .search-wrap {
        background: #000;
        height: auto;
        display: block;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .search-ttl {
        height: auto;
        line-height: 2;
        padding: 1rem 5%;
    }

    .search-form {
        height: auto;
        padding: 2rem 5%;
    }

    .search-form-data-item {
        height: auto;
        justify-content: flex-start;
        align-items: stretch;
    }

    /*.type .ui-selectmenu-button.ui-button {
    width: 100%;
}*/
    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.6rem;
        padding: 10px 1em 10px 0.4em !important;
    }

    .date .ui-selectmenu-button.ui-button {
        width: 100%;
        border-right: 1px solid var(--color-white) !important;
    }

    .daynum .ui-selectmenu-button.ui-button,
    .num .ui-selectmenu-button.ui-button {
        width: 100%;
    }

    .ui-menu {
        height: 180px;
    }

    .search-form .date {
        width: 50%;
    }

    .search-form .daynum {
        width: 25%;
    }

    .search-form .num {
        width: 25%;
    }

    .ui-button {
        height: 40px;
    }

    .ui-selectmenu-text {
        font-size: 1.6rem;
    }

    .ui-selectmenu-button.ui-button {
        font-size: 1.7rem;
    }

    .submit-btn-wrap {
        padding: 2rem 0 0;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .submit-btn-wrap .submit-btn-item {
        font-size: 1.6rem;
        padding: 1.2rem 6rem;
    }

    #ui-datepicker-div {
        width: 100%;
        left: 0 !important;
        font-size: 1.6rem;
        z-index: 99 !important;
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: 0.4em 0.2em !important;
    }

    .ui-corner-all {
        border-right: 1px solid var(--color-white) !important;
    }

    select {
        background: #0f0f0f url(../js/jquery-ui/images/ui-icons_tri.png) right 10px top 50% no-repeat !important;
        border: 1px solid var(--color-white) !important;
        border-image: none;
        color: var(--color-white);
        font-size: 1.7rem;
        font-family: "游ゴシック", "游ゴシック Medium", "Yu Gothic Medium",
            "游ゴシック体", YuGothic, "Helvetica Neue", sans-serif !important;
        padding: 0.8rem 1.7rem !important;
        width: 100%;
        height: 100%;
    }

    .undecided {
        padding: 1em 0 1em 2rem;
    }

    .search-wrap label {
        font-size: 1.6rem;
    }

    #home .about {
        padding: 5rem 0;
    }

    #home .about .about-img {
        position: static;
        transform: none;
    }

    #home .about .img {
        position: static;
        line-height: 0;
    }

    #home .about .img img {
        width: 100%;
        height: auto;
    }

    #home .about .box {
        width: 100%;
        padding: 1.5rem 0 0;
        border: none;
    }

    #home .about-ttl {
        font-size: 3rem;
        padding: 0 0 1.5rem;
    }

    #home .about-desc {
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        padding: 0 0 2rem;
    }

    #home .about-txt {
        font-size: 1.6rem;
    }

    .access {
        padding: 5rem 0;
    }

    .access .ttl {
        font-size: 4rem;
    }

    .access iframe {
        width: 100%;
        height: 275px;
        position: static;
        margin-top: 5rem;
    }

    .access .route-box {
        padding: 2rem 0 0;
    }

    #home .news-list {
        padding: 5rem 0 2rem;
        margin: 0;
        display: block;
    }

    #home .news-list-item {
        width: 100%;
        padding: 0 0 15px;
    }

    #home .news-list-item a {
        display: -ms-flexbox;
        display: flex;
        padding: 1.5rem;
    }

    #home .news-list-item .cat-list {
        position: static;
        padding: 0 0 1rem;
    }

    #home .news-list-item .figure-wrap {
        position: static;
        width: 40%;
    }

    #home .news-list-item figure {
        height: 100px;
    }

    #home .news-list-item img {
        height: 100px;
    }

    #home .news-list-item .txt-cont {
        padding: 0 0 0 1.5rem;
        width: 60%;
    }

    #home .news-list-item .news-ttl {
        font-size: 1.6rem;
        padding: 0 0 1rem;
    }

    /*
---------------------------------------
page-common
---------------------------------------
*/
    .page.wrapper {
        padding-top: 50px;
    }

    .page #header {
        min-width: 0;
    }

    #breadcrumbs {
        font-size: 1.4rem;
        padding: 1rem 0;
    }

    #breadcrumbs .arrow {
        padding: 0 0.2rem;
    }

    .page-mv {
        padding: 2rem 0 0;
    }

    .page-mv .mv-desc {
        padding: 1.5rem 0 0;
    }

    /*
---------------------------------------
#room-ac
---------------------------------------
*/
    .style-list {
        padding: 3rem 0 5rem;
    }

    .style-item {
        padding: 8rem 0 0;
    }

    .style-item li .room-txt {
        bottom: 0rem;
    }

    .style-item li .room-type span {
        font-size: 1.5rem;
    }

    .style-item li .room-ttl span {
        line-height: 1.3;
        padding: 3px 2.2rem;
        font-size: 1.8rem;
    }

    .style-ttl {
        font-size: 3rem;
        padding: 0 0 3rem;
    }

    .style-ttl:before {
        width: 30px;
        margin: 0 1rem 0 0;
        transform: translateY(-7px);
    }

    .simply-scroll-list {
        height: 163px;
    }

    .simply-scroll-list li {
        list-style: none !important;
        float: left;
        height: 163px;
        margin: 0;
        padding: 0 1.5rem;
        width: 250px;
        box-sizing: content-box;
    }

    .simply-scroll-list li .img {
        width: 250px;
    }

    .simply-scroll-list li img {
        height: auto;
    }

    .price {
        padding: 2rem 0 5rem;
    }

    .price-tbl-sp {
        margin: 0 0 3rem;
        background: var(--color-white);
    }

    .price-tbl-sp:nth-of-type(5) {
        margin: 0;
    }

    .txt-tax {
        margin: 0 0 3rem;
    }

    .price-tbl-sp th,
    .price-tbl-sp td {
        font-size: 1.8rem;
        border-bottom: 1px solid #707070;
        border-right: 1px solid #707070;
    }

    .price-tbl-sp thead th {
        background: #f0f0f0;
        text-align: center;
        padding: 1rem;
        border-top: 1px solid #707070;
        border-bottom: 2px solid #707070;
        border-left: 1px solid #707070;
        font-size: 2rem;
    }

    .price-tbl-sp tbody th {
        border-left: 1px solid #707070;
        padding: 1rem;
        vertical-align: middle;
        width: 44%;
    }

    .price-tbl-sp tbody th span,
    .price-tbl-sp tbody td span {
        display: block;
        font-size: 1.6rem;
        padding: 1rem 0 0;
    }

    .price-tbl-sp tbody td {
        text-align: right;
        padding: 1rem;
        vertical-align: middle;
        border-left: 2px solid #707070;
    }

    /*
---------------------------------------
service
---------------------------------------
*/
    .service-nav .inner {
        padding: 0 5%;
    }

    .service-nav {
        padding: 3rem 0 5rem;
    }

    .service-nav ul {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1.5fr;
    }

    .service-nav ul li {
        padding: 1rem 0;
        /* width: 50%; */
    }

    .service-nav .nav-en {
        font-size: 2.5rem;
        line-height: 1;
        padding: 0 0 0.5rem 0;
    }

    .price {
        padding: 3.5rem 0 0;
    }

    ul#tabs-list {
        padding: 0 6.5vw;
        flex-wrap: wrap;
    }

    ul#tabs-list li {
        font-size: 2rem;
        position: relative;
        width: 25%;
        line-height: 1.2;
    }

    ul#tabs-list li label.panel-label {
        padding: 8px 0 10px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    ul#tabs-list li label.panel-label:hover {
        padding-top: 8px;
    }

    #container #panels .container {
        padding: 2rem 6.5vw 0;
    }

    .room-service {
        padding: 6rem 0 0;
    }

    .room-service .service-name {
        font-size: 2.2rem;
    }

    .price .btn-01 {
        padding: 0 0 2.5rem;
    }

    .price .search-sec {
        padding: 2.5rem 0 5rem;
        background: var(--color-white);
    }

    .room-service .heading-03 {
        padding: 0 0 3rem;
    }

    .room-service .box-col2 {
        display: block;
    }

    .room-service .box-col2 img {
        width: 100%;
        height: auto;
    }

    .room-service .box-col2 figure {
        max-width: 100%;
        overflow: hidden;
    }

    .room-service .box-col2 .txt-box,
    .room-service .box-col2.box-col2-r .txt-box {
        width: 100%;
        padding: 20px 6.5vw;
    }

    .room-service .box-bgcol .bg-area {
        width: 100%;
        height: 177px;
    }

    .room-service .box-bgcol .txt-box,
    .room-service .box-bgcol.box-05 .txt-box {
        width: 100%;
        margin: 0;
        background: var(--color-white);
        padding: 20px 6.5vw;
    }

    .room-service .box-05-txt {
        width: 100%;
        margin: 0;
        background: var(--color-white);
        padding: 0;
    }

    .room-service .box-bgcol.box-05 .txt-box {
        display: block;
    }

    .room-service .item-list li:before {
        width: 10px;
    }

    .room-service .box-01 {
        padding: 0 0 3rem;
    }

    .room-service .box-02 {
        padding: 0 0 3rem;
    }

    .room-service .box-03 {
        padding: 0 0 3rem;
    }

    .room-service .box-04 {
        padding: 0 0 3rem;
    }

    .room-service .box-05 {
        padding: 0 0 3rem;
    }

    .food {
        padding: 0 0 2rem;
    }

    .food .box-wrap-01 {
        margin: 0;
        padding: 0;
    }

    .food .box-wrap {
        width: 100%;
        padding: 0 6.5vw 5rem;
    }

    .food .food-ttl {
        font-size: 3.6rem;
        border-bottom: 10px solid #691b25;
        margin: 0 0 15px;
    }

    .food .box-wrap-01 .food-ttl span,
    .food .box-wrap-02 .food-ttl span {
        text-align: left;
        padding: 0;
    }

    .food .box {
        display: block;
        margin: 0;
    }

    .food .box-wrap-01 .box,
    .food .box-wrap-02 .box {
        margin: 0;
        padding: 0;
    }

    .food .slick-slider {
        width: 100%;
        height: auto;
    }

    .food .txt-box,
    .food .box-wrap-02 .txt-box {
        width: 100%;
        padding: 0;
    }

    .food .food-txt {
        padding: 4.5rem 0 2.5rem;
    }

    .member {
        padding: 0 0 3rem;
    }

    .member .desc {
        padding: 1rem 0 3rem;
    }

    .member .heading-03 {
        padding: 0;
    }

    .member .card-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .member .card-list li {
        width: 75%;
        padding: 0 5px 3rem;
    }

    .member .card-list li img {
        width: 100%;
    }

    .member .box {
        padding: 3rem 0 0;
    }

    /*
---------------------------------------
#company
---------------------------------------
*/
    .tbl-01 th {
        width: 24%;
        padding: 15px 0 10px 15px;
        font-size: 1.6rem;
    }

    .tbl-01 td {
        width: 76%;
        padding: 15px 0 10px 15px;
    }

    .outline {
        padding: 5rem 0 1rem;
    }

    #company .privacy {
        padding: 7rem 0 0;
    }

    #company .privacy .heading-03 {
        padding: 0 0 3rem;
    }

    #company .privacy .privay-list li {
        padding: 0 0 3rem;
    }

    #company .greeting {
        padding: 6rem 0 2rem;
    }

    #company .greeting .box {
        display: block;
    }

    #company .greeting .ttl {
        font-size: 4rem;
        padding: 0 0 2rem;
    }

    #company .greeting figure {
        width: 100%;
    }

    #company .greeting .txt {
        padding: 2rem 0 0;
    }

    #company .access {
        padding: 5rem 0 7rem;
    }

    /*
----------------------------------------
blog
----------------------------------------
*/
    #container.post-wrap #contents > .flex {
        padding: 0 3%;
    }

    #container.post-wrap #contents #post-main {
        width: 100%;
        margin: 12px auto;
    }

    #sidebar {
        width: 100% !important;
        padding: 5rem 0 0;
    }

    .side-menu a {
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .side-menu > ul > li {
        font-size: 1.6rem;
    }

    .side-menu > ul > li figure {
        margin: 0 10px 0 0;
        width: 35%;
        padding: 0;
    }

    .side-menu a figure + div {
        width: 65%;
    }

    .side-menu .txt {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .side-menu .metadata {
        font-size: 1.4rem;
    }

    /* post */
    #contents .post {
        padding: 20px 0;
        margin-bottom: 0;
    }

    .post .flex {
        display: flex;
    }

    .post .flex > .thumb {
        width: 35%;
        padding: 0;
    }

    .post .flex > .thumb + .post-header {
        width: 65%;
        padding-left: 10px;
    }

    .post .flex > .txt p {
        margin-bottom: 10px;
    }

    .post-contents p.more {
        margin: 0;
    }

    .post .more {
        padding: 10px 0 0;
    }

    .post .more a {
        text-align: center;
    }

    .post-nav {
        flex-direction: column;
        margin: 20px 0;
    }

    .post-nav a img,
    .post-nav .back-link {
        display: none;
    }

    .post-nav .prev,
    .post-nav .next {
        width: 100%;
    }

    .post-nav .prev a,
    .post-nav .next a {
        box-sizing: border-box;
        background: #fafafa;
        padding: 10px 3rem;
        margin: 5px 0;
    }

    .post-nav .prev a:before {
        left: 5px;
    }

    .post-nav .next a:before {
        right: 5px;
    }

    #contents .post .post-header h1,
    #contents .post .post-header h1 a {
        font-size: 1.8rem;
    }

    .post-contents h1,
    .post-contents h2 {
        font-size: 2rem;
    }

    .post-contents h3 {
        font-size: 1.8rem;
    }

    .post-contents .aligncenter {
        display: block;
        margin: 0 auto 1rem;
    }

    .post-contents .alignright {
        float: none;
        margin: 0 auto 1rem;
    }

    .post-contents .alignleft {
        float: none;
        margin: 0 auto 1rem;
    }

    .post-contents img[class*="wp-image-"],
    .post-contents img[class*="attachment-"] {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    /*
----------------------------------------
faq
----------------------------------------
*/
    .sec-faq .heading-01 {
        margin-bottom: 5rem;
    }

    .sec-faq dl dt {
        padding: 0 0rem 1rem 8rem;
        position: relative;
        line-height: 1.5;
    }

    .sec-faq dl dd {
        padding: 0 0rem 3rem 8rem;
        margin-bottom: 40px;
        position: relative;
        line-height: 1.5;
    }

    .sec-faq dl .num {
        padding: 2px 1rem;
        position: absolute;
        left: 0;
    }

    .sec-faq dl em {
        padding-left: 0;
        margin: 0 0 0 -8rem;
        line-height: 2;
    }

    /*
---------------------------------------
reserve banner
---------------------------------------
*/
    .reserve__bnr {
        padding: 3rem 0 8rem;
    }

    .reserve__bnr .box-reserve .box-inner {
        display: block;
    }

    .reserve__bnr .box-reserve figure {
        width: 100%;
        height: auto;
    }

    .reserve__bnr .box-reserve .txt-box {
        padding: 3rem 2rem 5rem;
    }

    .reserve__bnr .box-reserve .heading-02 {
        margin-bottom: 3.5rem;
    }

    .reserve__bnr .box-reserve .txt {
        line-height: 2;
    }

    .reserve__bnr .box-reserve .btn-01 {
        position: absolute;
        bottom: -29px;
        right: 0;
        left: 0;
    }

    /*
---------------------------------------
.search-sec_wide
---------------------------------------
*/
    .search-sec_wide {
        padding: 5rem 0 5rem;
        background: var(--color-white);
    }

    .search-sec_wide .search-wrap_01 .search-form {
        height: auto;
        padding: 5vw;
        margin-right: 7vw;
        margin-left: 7vw;
    }

    .search-sec_wide .submit-btn-wrap {
        padding: 3vw 0 0;
    }

    .search-sec_wide .submit-btn-wrap .submit-btn,
    .search-sec_wide .submit-btn-wrap .submit-btn-item,
    .search-sec_sp .submit-btn-wrap .submit-btn-item {
        width: 100%;
        font-size: 5.4vw;
        padding: 1.5rem 2.5rem;
    }

    .search-sec_wide .search-wrap_01__txtbox {
        padding: 6vw 0;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 52vw;
        transform: translateY(0);
    }

    .search-sec_wide .heading-02 {
        padding: 0 7vw;
    }

    .search-sec_wide .heading-02:before {
        right: 0;
        left: 0;
        margin: 0 auto -1rem;
        width: 6.5rem;
    }

    .search-sec_wide .search-wrap_01__txt {
        line-height: 2;
        padding: 0 7vw 2.5rem;
    }

    .search-sec_wide .slide__list {
        padding-bottom: 0.5rem;
    }

    .search-sec_wide .slide__item img {
        margin: 0 0.25rem;
        width: auto;
        height: 165px;
    }

    /*客室設備*/
    .facility .heading-03 {
        padding-bottom: 3rem;
    }

    .facility .facility__list {
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 7rem;
    }

    .facility .facility__item {
        width: calc(25% - 0.75rem);
    }

    .facility .facility__item:not(:last-child) {
        margin-right: 0;
    }

    .facility .facility__item:not(:nth-child(4n)) {
        margin-right: 1rem;
    }

    /* Instagram */
    #sb_instagram #sbi_images {
        padding: 2px !important;
    }

    /*
---------------------------------------
add renewal
---------------------------------------
*/
    .heading-box .ttl {
        font-size: 2rem;
        font-size: 5.34vw;
        height: auto;
    }

    .heading-box .ttl i {
        text-align: center;
        margin: 0 0 0.1em;
    }

    .heading-box .flex {
        display: block;
    }

    .heading-box .ttl span.txt-02 {}

    .search-wrap_02 {
        width: 88vw;
        margin: 0 auto;
    }

    .search-wrap_02 .inner {
        max-width: none;
        padding: 8.5vw 7.5vw !important;
    }

    .search-wrap_02 .inner .box {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 0;
    }

    .search-wrap_02 .inner .box .btn-03 {
        margin-top: 7%;
    }

    .btn-03 a,
    .btn-03 span {
        width: 100%;
        font-size: 1.4rem;
        font-size: 3.73vw;
    }

    .heading-04,
    .heading-05 {
        font-size: 3.2rem;
        font-size: 8.55vw;
        letter-spacing: .05em;
    }

    .heading-06 {
        font-size: 3.73vw;
    }

    .heading-06 .en {
        font-size: 3vw;
    }

    #home p,
    #home li,
    #home dd,
    #home dt {
        font-size: 1.4rem;
        font-size: 3.73vw;
        line-height: 1.75;
    }

    #header .logo {
        line-height: 1;
        position: fixed;
        left: 6.5vw;
        top: 6vw;
        width: 40vw;
    }

    #header .logo img {
        width: 100%;
    }

    footer {
        background: var(--color-accent-light);
    }

    .footer-contents {
        padding: 10vw 6.5vw;
    }

    footer .menu-list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 5vw auto;
    }

    footer .menu-list li {
        font-size: 1.6rem;
        font-size: 4.26vw;
        width: 50%;
        padding: 1em 0;
    }

    footer .copy {
        text-align: center;
        font-size: .8rem;
        font-size: 2.13vw;
        margin-top: 3em;
        letter-spacing: .05em;
    }

    #container {
        padding: 0 0 25vw;
    }

    #home .mv__news-wrap {
        overflow-x: inherit;
        padding: 0 0 20vw;
        background: url(../img/top/bg-sp@2x.png) repeat-y center;
        background-size: 100% auto;
    }

    #home .mv__news-wrap .before {
        left: 0;
        width: 100%;
        bottom: inherit;
        top: 0;
        height: 100%;
    }

    #home .news-wrap .slide-news-item .date {
        font-size: 1.6rem;
        font-size: 4.26vw;
    }

    #home .news-wrap .slide-news-item .cat,
    #home .news-wrap .slide-news-item .news-ttl {
        font-size: 1.4rem;
        font-size: 3.73vw;
    }

    #home .mv__01 {
        padding: 0;
        margin: 0 auto 20vw;
    }

    #home .mv__01 .inner {
        margin: 0 auto;
        padding: 0;
    }

    #home .mv__01 .flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #home .figure-box-wrap {
        width: 68vw;
        max-width: 800px;
        height: 100vh;
        min-height: 216.5vw;
        padding: 0;
    }

    /*
    #home .heading-box {
        margin: 12vw 7vw 0;
        width: 18vw;
        height: auto;
        padding: 33.3vw 6vw;
        z-index: 5;
        position: relative;
    }*/
    #home .mv__news-wrap .heading-box {
        margin: 0 7vw 0;
        width: 18vw;
        height: 100vh;
        min-height: 216.5vw;
        padding: 0 6vw;
        z-index: 5;
        position: relative;
    }

    #home .mv__news-wrap .heading-box:before {
        top: 17.2%;
    }

    #home .mv__news-wrap .heading-box:after {
        bottom: 16%;
    }

    #home .mv__news-wrap .heading-box .ttl {
        height: 100%;
    }

    #home .mv__news-wrap .heading-box .ttl span.txt-01.flex.content-start {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        maring: 0;
        height: 47%;
        padding-bottom: 0.7em;
    }

    #home .mv__news-wrap .heading-box .ttl span.txt-02.flex.content-end {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        maring: 0;
        height: 53%;
        padding-top: 0.7em;
    }

    #home .figure-box.box_01:before {
        content: "";
        width: 100vw;
        height: 92%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--color-white);
        z-index: 1;
    }

    #home .figure-box {
        width: 100%;
        max-width: 100%;
        height: 50%;
        display: block;
    }

    #home .figure-box img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        position: relative;
        z-index: 3;
    }

    #home .mv__news-box {
        display: none;
    }

    #home .concept-wrap {
        padding: 19vw 0 0;
        /* background: url(../img/top/bg-sp@2x.png) repeat-y center; */
        /* background-size: 100% auto; */
    }

    #home .concept-wrap:before {
        content: "";
        width: 100%;
        height: 100%;
        /* background: url(../img/top/bg-concept-wrap_sp@2x.png) no-repeat 0 6.2vw; */
        /* background-size: 100% auto; */
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    #home .concept-wrap .box-inner {
        width: 100%;
    }

    #home .concept-wrap .inner {
        padding: 0 6%;
        position: relative;
        z-index: 3;
    }

    #home .concept-wrap .ttl {
        margin: 0 0 .37em;
    }

    #home .concept-wrap p {
        font-size: 1.4rem;
        font-size: 3.73vw;
        line-height: 2.9;
        margin: 0 0 2.8em;
        letter-spacing: .038em;
    }

    #home .concept-wrap .img-concept-01 {
        position: relative;
        left: 0;
        bottom: inherit;
        width: 86vw;
        margin: 17vw 0 -15vw;
    }

    #home .concept-wrap .img-concept-02 {
        position: relative;
        left: 49vw;
        bottom: inherit;
        width: 51vw;
    }

    #home .rooms-wrap {
        padding: 0 0 36vw;
    }

    #home .rooms-wrap .inner {
        padding: 0 0 0 6%;
    }

    #home .rooms-wrap .img-rooms-01 {
        left: 0;
        width: 50vw;
        bottom: inherit;
        top: 47vw;
        height: auto;
        z-index: 1;
    }

    #home .rooms-wrap .flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    #home .rooms-wrap .heading-box {
        width: 28vw;
        height: auto;
        padding: 25.5vw 6vw 18.5vw;
        margin: 5vw 11.5% -12.5vw 0;
        z-index: 3;
    }

    #home .rooms-wrap .heading-box .en {
        margin-top: -1.7em;
    }

    #home .rooms-wrap .heading-box .ttl span.txt-01 {
        margin-top: -.5em;
    }

    #home .rooms-wrap .heading-box .ttl span.txt-02 {
        margin-top: 1em;
    }

    #home .rooms-wrap .rooms-slider-wrap {
        height: auto;
        position: relative;
        z-index: 2;
    }

    #home .rooms-wrap .rooms-slider .slick-dots {
        bottom: -25px;
    }

    #home .rooms-wrap .rooms-slider .slick-dots li {
        width: 9.2vw;
        margin: 0 0 0 2.5vw;
    }

    #home .service-wrap {
        padding: 35vw 0;
    }

    #home .service-wrap:before {
        top: 52.5vw;
    }

    #home .service-wrap .inner {
        padding: 0 6.5vw;
    }

    #home .service-wrap .box {
        width: 100%;
    }

    #home .service-wrap .img-service-01 {
        position: relative;
        right: inherit;
        left: 25vw;
        top: inherit;
        width: 75vw;
        margin: 7vw 0 -10vw;
    }

    #home .service-wrap .img-service-02 {
        position: relative;
        right: inherit;
        left: 12vw;
        top: inherit;
        width: 38vw;
        margin: 0;
    }

    #home .service-wrap .img-service-03 {
        top: -9.5vw;
        width: 70vw;
    }

    #home .news-wrap .before {
        width: 100%;
        height: 50%;
        top: inherit;
        bottom: 0;
        right: 0;
    }

    #home .news-wrap .inner {
        padding-left: 6.5vw;
    }

    #home .news-wrap .slide-news .slick-list {
        padding-left: 0 !important;
    }

    #home .news-wrap .slide-news {
        margin-right: 0;
    }

    #home .news-wrap .slide-news-item {
        width: inherit;
        padding-right: 5vw;
    }

    #home .heading-box_news .btn-news {
        text-align: right;
    }

    #home .news-wrap {
        padding: 0 0 15vw;
    }

    #home .instagram-wrap {
        padding: 20vw 0;
    }

    #home .instagram-wrap .inner {
        padding: 0 5.8vw;
    }

    #home .instagram-wrap #sb_instagram #sbi_images .sbi_item {
        width: 50% !important;
    }

    #home .access-wrap:before {
        top: 38vw;
    }

    #home .access-wrap .inner {
        padding: 0;
    }

    #home .access-wrap .box {
        padding: 0 6.5vw 15vw;
        width: 100%;
    }

    #home .access-wrap .box-01 {
        margin-right: auto;
    }

    #home .access-wrap .box-02 {
        padding: 0 6.5vw;
        margin: 10vw auto;
    }

    #home .access-wrap .map-box {
        position: relative;
        width: 100%;
        height: 70vw;
    }

    #home .access-wrap .route-list-box {
        width: 100%;
        margin: 0 auto 12vw;
    }

    #home .access-wrap .route-list-box ol li {
        font-size: 3.73vw;
        line-height: 1.75;
    }
}

/*/750*/
@media screen and (min-height: 880px) and (max-width: 750px) {

    #home .figure-box-wrap,
    #home .mv__news-wrap .heading-box {
        height: 95vh;
        min-height: inherit;
    }
}