@charset "utf-8";

.common-h1 {
    padding: 2px;
    font-size: 10px;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

textarea {
    max-width: 100%;
}

body.overlay .header-wrap,
body.overlay #main,
body.overlay .footer-inner {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.filter {
    width: 100%;
    height: 100%;
}

.filter::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.filter.-black {
    position: relative;
}

.filter.-black::before {
    background-color: rgba(0, 0, 0, 0.3);
}

/* .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
} */

#wrapper {
    max-width: 100%;
    overflow: hidden;
}

#header {
    background: rgba(0, 0, 0, 0.4);
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

#header:after {
    content: "";
    width: 100%;
    height: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0));
    position: absolute;
    top: 100%;
    left: 0;
}

#header .logo {
    width: 153px;
    position: relative;
}

#header .logo a {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

#header #hnav > ul {
    position: relative;
    z-index: 11;
}

#header #hnav li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 1em;
    font-size: 16px;
    position: relative;
    z-index: 0;
}

#header #hnav li.st a {
    text-decoration: underline;
}

#header #hnav li:last-child a {
    display: inline-block;
    padding: 10px 18px;
    text-align: center;
    border-radius: 0 0 0 10px;
    background: rgba(77, 45, 15, 0.8);
}

#header #hnav li:last-child .n {
    display: block;
    padding: 0 0 9px 0;
    font-size: 10px;
    line-height: 1.2;
    background: url(/import/tenant_1/160.16.87.216/html/images/h-login-under.png) center bottom no-repeat;
}

#header #hnav li:last-child .e {
    display: inline-block;
    padding: 0 0 0 18px;
    line-height: 1.1;
    background: url(/import/tenant_1/160.16.87.216/html/images/login.png) 0 2px no-repeat;
}

/*gnavドロップダウン*/
#header #hnav .dropdown ul {
    display: none;
    width: 230px;
    background: rgba(77, 45, 15, 0.8);
    padding: 10px 0;
    position: absolute;
    z-index: 10;
}

[data-element-id] #header #hnav .dropdown ul {
    display: block;
}

#header #hnav .dropdown:hover ul {
    display: block;
}

#header #hnav .dropdown ul li {
    display: block;
    padding: 0px;
}

#header #hnav .dropdown ul li a {
    display: block;
    padding: 10px 0 10px 1em;
    text-align: left;
    background: none;
}

#footer .footnav {
    width: 50%;
}

#footer .finfo {
    width: 48%;
    max-width: 290px;
}

#footer .finfo .h3 {
    margin-bottom: 35px;
}

#footer .finfo .h3 .w:after {
    padding-top: 24%;
}

#footer .finfo dt {
    margin-bottom: 5px;
    padding: 0 0 8px 0;
    font-size: 14px;
    text-align: center;
    background: url(/import/tenant_1/160.16.87.216/html/images/f-login-ba.png) center bottom no-repeat;
}

#footer .finfo dd a {
    display: block;
    padding: 6px 0 25px 0;
    text-align: center;
    border-radius: 10px;
    background-image: url(/import/tenant_1/160.16.87.216/html/images/foot-mk.png), url(/import/tenant_1/160.16.87.216/html/images/footer-login.png);
    background-repeat: no-repeat;
    background-position: 95% 50%, 5% 50%;
    background-color: #4d2d0f;
}

#footer .finfo dd a .n {
    display: block;
    font-size: 12px;
}

#footer .finfo dd a .e {
    display: block;
    font-weight: bold;
    font-size: 20px;
}

#footer .finfo dl {
    margin-bottom: 20px;
}

#footer .footnav dl {
    width: 48%;
    max-width: 140px;
    padding: 0 0 20px 0;
}

#footer .footnav dt {
    margin-bottom: 2px;
    padding: 2px;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}

#footer .footnav dd {
    padding: 0 0 3px 9px;
    font-size: 12px;
}

#footer .copy {
    font-size: 10px;
    text-align: center;
}

#hnav.fixed {
    background: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50;
}

.mobile-nav-info {
    padding: 15px;
}

.mobile-nav-info .logo {
    width: 300px;
    max-width: 40%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.mobile-nav-info .address {
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

#gnav {
    max-width: 500px;
    display: none;
    padding-bottom: 90px;
    text-align: right;
}

[data-element-id] #gnav {
    max-width: 100%;
}

#gnav p {
    width: 44px;
    height: 44px;
    display: block;
    border: 1px solid #fff;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -44px;
}

#gnav.action p span.n {
    -webkit-transition: ease 0.10s;
    transition: ease 0.10s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#gnav p .n {
    width: 26px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: -9999px;
    background: #1c1d22;
    position: absolute;
    top: 50%;
    left: 8px;
}

#gnav p .n:before {
    content: "";
    width: 26px;
    height: 2px;
    display: block;
    background: #1c1d22;
    position: absolute;
    top: -8px;
    left: 0;
}

#gnav p .n:after {
    content: "";
    width: 26px;
    height: 2px;
    display: block;
    background: #1c1d22;
    position: absolute;
    top: 8px;
    left: 0;
}

#gnav.action p span.n:before,
#gnav.action p span.n:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
}

#gnav ul {
    height: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
}

#gnav ul ul {
    height: auto;
    overflow: auto;
    border-top: 1px solid #eee;
}

#gnav ul ul li:last-child {
    border: none;
}

#gnav ul ul li a {
    background: #eee;
}

#gnav .bt {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

#gnav .bt:before {
    content: "";
    width: 20px;
    height: 3px;
    background: #999;
    position: absolute;
    top: 23px;
    right: 14px;
}

#gnav .bt:after {
    content: "";
    width: 20px;
    height: 3px;
    background: #999;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 23px;
    right: 14px;
}

#gnav .bt.is-parent:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

#gnav .bt+ul {
    display: none;
}

#gnav .toggle {
    width: 42px;
    height: 42px;
    display: block !important;
    background: #170302;
    opacity: 0.8;
    cursor: pointer;
    position: fixed !important;
    top: 0px;
    right: 0px;
    z-index: 251;
}

#gnav .toggle .bar {
    width: 28px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: 9999px;
    background: #fff;
    -webkit-transition: ease 0.40s;
    transition: ease 0.40s;
    position: absolute;
    top: 50%;
    left: 7px;
}

#gnav .toggle .bar:before {
    content: "";
    width: 28px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: -10px;
    left: 0;
}

#gnav .toggle .bar:after {
    content: "";
    width: 28px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
}

#gnav.action .toggle .bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#gnav.action .toggle .bar:after,
#gnav.action .toggle .bar:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
}

#gnav .accordion-body {
    width: 100%;
    height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: height ease 0.1s, opacity ease 0.4s;
    transition: height ease 0.1s, opacity ease 0.4s;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: -10;
}

#gnav.action .accordion-body {
    height: 100vh;
    opacity: 1;
    z-index: 250;
}

#gnav .accordion-inner {
    width: 100%;
    padding: 60px 10px 100px 10px;
}

#gnav li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#gnav ul li a {
    display: block;
    padding: 10px 15px;
    text-align: left;
    border: none;
}

#gnav li:last-child a {
    background: #4d2d0f;
}

.foot-sp,
#gnav {
    display: none;
}

.foot-sp {
    max-width: 500px;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}
    
[data-element-id] .foot-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.foot-sp .tel2 {
    padding: 5px 0;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: #275c84;
}

.foot-sp li {
    width: 50%;
}

.foot-sp li.contact a {
    display: block;
    padding: 5px 0;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: #423733;
}

.foot-sp .access {
    width: 100%;
}
    
.foot-sp .access a {
    background: rgb(23, 55, 79);
    display: block;
    padding: 5px 0;
    text-align: center;
}
    
@media (max-width: 599px) {
  .foot-sp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
  }
}

/*ABテスト*/
.foot-sp .ab-test .a-test a {
  background: #423733;
}

.foot-sp .ab-test .b-test a {
  background: #15171C;
}

.totop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 50;
}

.sns a {
    display: block;
    font-size: 30px;
    color: white;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.icon-instagram::before {
    content: "\f16d";
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
}

.icon-facebook::before {
    content: "\f082";
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
}

.icon-line::before {
    content: "\f3c0";
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
}

.sns-insta-secret {
    display: none;
    position: fixed;
    bottom: 70px;
    right: 5px;
    z-index: 10;
}

.sns-insta-secret a {
    font-size: 50px;
    line-height: 1;
}

.sns-insta-secret a .icon-instagram::before {
    padding: 4px 8px;
    line-height: 1;
    border-radius: 5px;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

@media (max-width: 1024px) {
    #hnav {
        display: none;
    }

    #gnav {
        width: calc(65% - 50px);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #1c1d22;
        -webkit-transition: ease 0.5s;
        transition: ease 0.5s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
    }

    #gnav.action {
        -webkit-box-shadow: -2px 0px 15px -5px #000;
        box-shadow: -2px 0px 15px -5px #000;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .overlay:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        opacity: 0.3;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }

    .sns-insta-secret {
        right: 12px;
    }

    .sns-insta-secret a {
        font-size: 40px;
    }

    .sns-insta-secret a .icon-instagram::before {
        padding: 2px 5px;
    }
}

@media (max-width: 599px) {
    #gnav {
        width: calc(85% - 50px);
    }

    #footer .finfo {
        width: 100%;
        margin: 0 auto;
    }

    #footer .footnav {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .foot-sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
    }

    .foot-sp .tel2 {
        padding: 5px 0;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        background: #275c84;
    }

    .foot-sp li {
        width: 50%;
    }
    
    .foot-sp .contact a {
        display: block;
        padding: 5px 0;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        background: #423733;
    }

    .totop {
        width: 35px;
        height: 35px;
        bottom: 80px;
    }

    .sns-insta-secret {
        bottom: 125px;
        right: 9px;
    }

    .sns-insta-secret a {
        font-size: 30px;
    }
}

/*下層*/

.sub-tit {
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.sub-tit:after {
    content: "";
    display: block;
    padding-top: 30%;
}

.sub-tit .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.sub-tit .h2 {
    width: 100%;
    padding: 0 0 5% 0;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    z-index: 1;
}

.sub-tit .e {
    display: block;
    font-size: 50px;
    line-height: 1.5;
}

@media (max-width: 599px) {
    .sub-tit .e {
        font-size: 40px;
    }

    .sub-tit .h2 {
        font-size: 18px;
    }
}

/*ケア*/

.care1 .h3 {
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
}

.care1 .txt p {
    padding: 0 0 20px 0;
    text-align: center;
}

.care1 .txt {
    padding: 0 0 20px 0;
}

.care1 .h4 {
    margin-bottom: 20px;
    padding: 0 0 25px 0;
    font-size: 18px;
    background: url(/import/tenant_1/160.16.87.216/html/images/h4-titbk.png) 0 bottom no-repeat;
}

.care1 .box {
    max-width: 1000px;
    margin: 0 auto 20px auto;
}

.care1 .box .tbox {
    width: 76%;
    padding: 0 0 0 1em;
}

.care1 .box .tbox p {
    padding: 0 0 10px 0;
}

.care1 .box .img {
    width: 19%;
    padding: 0 0 20px 0;
}

.h3l {
    padding: 0 0 20px 0;
    font-weight: 500;
    font-size: 46px;
    line-height: 120%;
}

.h3l:before {
    content: "";
    width: 2px;
    height: 56px;
    display: block;
    margin: 0 0 5px 0;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.care2 .h3l+p.s {
    padding: 0 0 10px 0;
    font-size: 18px;
}

.care2 p {
    padding: 0 0 20px 0;
}

.care2 .box .altlist {
    max-width: 860px;
    margin-bottom: 50px;
    padding: 25px 5% 20px 0;
    background: #182f42;
    position: relative;
}

.care2 .box:after {
    content: "";
    display: block;
}

.care2 .box:nth-of-type(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.care2 .box:nth-of-type(2n) .altlist {
    padding: 25px 0 20px 5%;
}

.care2 .box .altlist:before {
    content: "";
    width: 50vw;
    background: #182f42;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
}

.care2 .box:nth-of-type(2n) .altlist:before {
    left: 100%;
    right: auto;
}

.care2 .pt {
    padding-bottom: 0;
    font-size: 28px;
    line-height: 1;
}

.care2 .tbox {
    width: 75%;
    padding: 20px 0 0 1em;
}

.care2 .h4 {
    font-size: 18px;
}

.care2 .tbox p {
    padding: 0 0 20px 1em;
}

.care2 .img {
    width: 19.5%;
}

.care3 .box {
    width: 15.5%;
    margin: 0 1.4% 20px 0;
    padding: 10px;
    background: #275c84;
}

.care3 .box:nth-child(6n) {
    margin-right: 0;
}

.care3-1 .box {
    width: 23%;
    margin: 1%;
    padding: 10px;
    background: #275c84;
}

.care3 .h4 .st {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    position: relative;
}

.care3 .h4 .st:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: -10px;
}

.care3 .h4 .st:after {
    content: "";
    width: 9px;
    height: 14px;
    background: url(/import/tenant_1/160.16.87.216/html/images/care/next.png) 0 0 no-repeat;
    position: absolute;
    bottom: -7px;
    left: -21px;
}

.care3 .h4 .t {
    display: block;
}

.care3 .box p {
    padding: 0 0 20px 0;
}

.care3 .box:first-child .h4 .st:after {
    display: none;
}

@media (max-width: 1024px) {
    .h3l {
        font-size: 36px;
    }

    .care1 .box .img {
        width: 40%;
        margin-right: auto;
    }

    .care1 .box .tbox {
        width: 100%;
        padding: 0;
    }

    .care3 .box {
        width: 31%;
        margin-left: 1%;
        margin-right: 1% !important;
    }
}

@media (max-width: 599px) {
    .h3l {
        font-size: 28px;
    }

    .care3 .box {
        width: 48%;
    }
}

.bkr {
    background: url(/import/tenant_1/160.16.87.216/html/images/bkr.png) 0 0 repeat;
}

.care4 .inner {
    padding: 50px 5%;
}

.care4 .h3 {
    margin: 0 0 30px 0;
    font-size: 28px;
}

.care4 dl {
    width: 48%;
    border-bottom: 1px solid #fff;
}

.care4 dt {
    max-width: 75%;
    float: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
}

.care4 dt .s {
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.care4 dd {
    width: 70px;  
    padding: 10px 0 10px 0;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    float: right;    
}

.care4 .imgbox .pic {
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .care4 dl {
        width: 100%;
    }
}


/*home*/
.uk-slideshow::after {
    padding-top: 45%;
}

.home-main {
    margin-bottom: 100px;
    position: relative;
}

.home-main-content {
    width: 100%;
    margin: auto;
    padding: 50px 0;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    z-index: 1;
}

.home-main .t {
    width: 100%;
    font-size: 20px;
    line-height: 160%;
    text-align: right;
}

.home-main .t .e {
    display: block;
    font-size: 44px;
    line-height: 160%;
}

.home-main .next {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -50px;
    left: 50%;
}

.home-main .next:before {
    content: "";
    width: 1px;
    height: 60px;
    display: block;
    margin: 0 auto 8px auto;
    background: #fff;
}

@media (max-width: 1024px) {
    .uk-slideshow::after {
        padding-top: 50%;
    }

    .home-main .t .e {
        font-size: 30px;
    }

    .home-main .t {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .uk-slideshow::after {
        padding-top: 55%;
    }

    .home-main .t {
        font-size: 12px;
    }

    .home-main .t .e {
        font-size: 20px;
    }

    .home-main .inner {
        padding: 20px 0;
    }

    .home-main .next:before {
        height: 30px;
    }
}

.home1 .img .out {
    position: relative;
}

.home1 .img .in {
    width: calc(50vw - 52%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.home1 .img .in:after {
    content: "";
    display: block;
    padding-top: 155%;
}

.home1 .img .in div {
    width: calc(50vw - 19%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.home1 .tbox {
    width: 50%;
    padding: 30px 0 10px 0;
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
    position: relative;
}

.home1 .tbox p {
    padding: 0 0 20px 0;
    font-size: 16px;
}

.home1 .tbox .h3l+p {
    padding: 0 0 30px 0;
    font-size: 18px;
}

.home1 {
    margin-bottom: 90px;
}

.home1 .tbox:before {
    content: "";
}

.home1 .tbox:before {
    content: "";
    width: calc(50vw + 30%);
    background: url(/import/tenant_1/160.16.87.216/html/images/bkr.png) 0 0 repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30%;
    z-index: -1;
}

.mores {
    text-align: right;
}

.mores a {
    display: inline-block;
    padding: 10px 30px;
    font-size: 14px;
    border: 1px solid #fff;
    background: url(/import/tenant_1/160.16.87.216/html/images/foot-mk.png) 95% 50% no-repeat;
}

@media (max-width: 599px) {
    .home1 .img {
        width: 100%;
    }

    .home1 .img .in {
        width: 100%;
    }

    .home1 .img .in div {
        width: 100%;
        position: relative;
    }

    .home1 .tbox {
        width: 70%;
    }

    .home1 .tbox:before {
        width: 100vw;
        left: -40%;
    }
}

.lrp-1 .tbox {
    width: 47%;
}

.lrp-1 .img {
    width: 47%;
    margin: 0 0 20px 0;
}

.h4ob {
    width: 117%;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 18px 0;
    font-size: 28px;
    font-size: 28px;
    text-align: center;
    background: rgba(23, 55, 79, 0.7);
    position: relative;
    z-index: 1;
}

.h4ob.normal {
    background: rgba(80, 129, 70, 0.7);
}

.lrp-1 .flexb:nth-of-type(2n) .h4ob {
    margin-left: -17%;
}

.lrp-1 .tbox p {
    padding: 0 0 20px 0;
}

.lrp-1 .flexb {
    padding-bottom: 50px;
}

@media (max-width: 599px) {
    .h4ob {
        font-size: 20px;
    }

    .lrp-1 .tbox {
        width: 100%;
    }

    .lrp-1 .tbox .h4ob {
        width: 100%;
    }

    .lrp-1 .img {
        width: 100%;
        max-width: 470px;
        margin-left: auto;
        margin-right: auto;
    }
}

.home-access .map {
    width: 60%;
}

.home-access .tbox {
    width: 35%;
}

.home-access .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home-access .img img {
    opacity: 0.2;
}

.home-access .img:before {
    content: "";
    background: url(/import/tenant_1/160.16.87.216/html/images/dot1.png) 0 0 repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.home-access .inner {
    padding: 30px 0;
    position: relative;
    z-index: 2;
}

.home-access .h3 {
    position: relative;
}

.home-access .h3:before {
    content: "";
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: -10px;
}

.home-access .tbox dt {
    float: left;
}

.home-access .tbox dl {
    max-width: 236px;
}

.home-access .tbox dd {
    text-align: right;
}

.home-access .tbox .box+.box {
    padding-top: 20px;
}

.home-access .tbox a {
    color: #68baf5;
    text-decoration: underline;
}

.home-access .map iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 599px) {
    .home-access .map {
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }

    .home-access .tbox {
        width: 94%;
        margin: 0 auto;
    }
}

.home-imgs li {
    overflow: hidden;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
}

.home-imgs li .w {
    width: 131%;
    margin-left: -15%;
    -webkit-transform: skew(15deg);
    transform: skew(15deg);
}

.home2 .bkr {
    padding: 40px 3% 20px 3%;
}

.home2 .bkr .flexb {
    max-width: 884px;
    margin: 0 auto;
}

.home2 .bkr .imgs {
    width: 35%;
    padding: 0 0 20px 0;
}

.home2 .bkr .tbox {
    width: 60%;
}

.home2 .bkr .imgs .img {
    border: 10px solid #fff;
}

.home2 .bkr .h3 {
    padding: 0 0 30px 0;
    font-size: 28px;
    line-height: 120%;
}

.home2 .bkr .h4 {
    margin-bottom: 20px;
    padding: 0 0 0 7px;
    font-size: 18px;
    border-left: 4px solid #fff;
}

.home2 .bkr p {
    padding: 0 0 20px 0;
}

.home2 .bkr .h4w {
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;
}

.home2 .bkr .h4w:before {
    content: "";
    width: 1px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: #fff;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.home2 .bkr .h4w:after {
    content: "";
    width: 1px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: #fff;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.home2 .bkr .imgs dl {
    padding-bottom: 5px;
    text-align: center;
}

.home2 .bkr .imgs dt {
    display: inline-block;
    padding: 0 5px 10px 5px;
}

.home2 .bkr .imgs dd {
    display: inline-block;
    padding: 0 5px 10px 5px;
}

.home2 .bkr .mores {
    padding: 20px 0;
    text-align: center;
}

.home3 .box {
    margin-left: 50px;
    margin-right: 50px;
    padding: 16px;
}

.home3 .box.slick-current {
    display: block;
    background: #275c84;
}

.home3 .img {
    margin-bottom: 10px;
}

.home3 .h4 {
    padding: 0 0 10px 0;
    font-size: 16px;
    text-align: center;
}

.home3 p {
    padding: 0 0 20px 0;
}

.home3 .mores {
    padding: 20px 0;
    text-align: center;
}

.slider {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}

.slider:before {
    content: "";
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#1c1d22), to(transparent));
    background: linear-gradient(to right, #1c1d22, transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.slider:after {
    content: "";
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#1c1d22), to(transparent));
    background: linear-gradient(to left, #1c1d22, transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.home3 .slick-arrow {
    padding: 0;
}

.home3 .prev {
    width: 12px;
    height: 30px;
    background: url(/import/tenant_1/160.16.87.216/html/images/home/hom3-prev.png) 0 0 no-repeat;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 1;
}

.home3 .next {
    width: 12px;
    height: 30px;
    background: url(/import/tenant_1/160.16.87.216/html/images/home/hom3-prev.png) 0 0 no-repeat;
    cursor: pointer;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    position: absolute;
    top: 50%;
    right: 30%;
}

.slide-out {
    position: relative;
}

.slide-out .slide-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -40px;
}

.slide-out .slide-nav li {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    background: #808080;
    cursor: pointer;
}

.slide-out .slide-nav li.st,
.slide-out .slide-nav li:hover {
    background: #fff;
}

@media (max-width: 1024px) {
    .home3 .box {
        margin-left: 10px;
        margin-right: 10px;
    }

    .home3 .prev {
        left: 18%;
    }

    .home3 .next {
        right: 18%;
    }
}

@media (max-width: 599px) {
    .home2 .bkr .imgs {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .home2 .bkr .tbox {
        width: 100%;
    }

    .home3 .prev {
        left: 10%;
    }

    .home3 .next {
        right: 10%;
    }
}

.home-staff .box {
    width: 22%;
    margin: 0 4% 20px 0;
}

.home-staff .box:nth-child(4n) {
    margin-right: 0;
}

.home-staff dt {
    padding: 5px 0;
    text-align: center;
}

.home-staff dd {
    font-weight: bold;
    text-align: center;
}

.home-staff .mores {
    text-align: center;
}

.home-blog {
    width: 40%;
    padding-bottom: 50px;
}

.home-blog dl {
    width: 45%;
}

.home-blog dd {
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
}

.home-news {
    width: 50%;
    padding-bottom: 50px;
}

.home-news dt {
    float: left;
}

.home-news dl {
    padding: 10px 2%;
}

.home-news dl+dl {
    border-top: #797d90 1px dashed;
}

.home-news dd {
    padding: 0 0 0 90px;
}

.home-wraps .mores {
    padding: 20px 0;
    text-align: center;
}

@media (max-width: 599px) {
    .home-staff .box {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }

    .home-news {
        width: 100%;
    }

    .home-blog {
        width: 100%;
    }
}

/*menu*/

.menu1 {
    margin-bottom: 70px;
    padding: 40px 3%;
    border: 1px solid #fff;
    position: relative;
}

.menu1 .flexb {
    max-width: 880px;
    margin: 0 auto;
}

.menu1 .img {
    width: 41%;
    margin-bottom: 20px;
}

.menu1 .tbox {
    width: 56%;
}

.menu1 .h4ob {
    width: 110%;
    margin-bottom: 10px;
}

.menu1 .h4ob .n {
    display: block;
    padding: 5px 0 0 0;
    font-size: 14px;
    line-height: 160%;
}

.menu1 .cost {
    margin-bottom: 5px;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 28px;
    line-height: 160%;
    text-align: right;
    border-bottom: 1px solid #fff;
}

.menu1 p {
    padding: 0 0 20px 0;
}

.menu1:before {
    content: "";
    width: 5%;
    padding-top: 5%;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    position: absolute;
    bottom: -2px;
    left: -2px;
}

.menu1:after {
    content: "";
    width: 5%;
    padding-top: 5%;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    position: absolute;
    top: -2px;
    right: -2px;
}

.menu1 .menuin1 .dt {
    width: 30%;
}

.menu1 .menuin1 dd {
    width: 70%;
}

.menu2 .h3 {
    padding: 0 0 10px 0;
    font-size: 28px;
}

.menu2 p {
    padding: 0 0 10px 0;
}

.menu2 .flexb {
    border-bottom: 1px solid #fff;
}

.menu2 .flexb+.flexb {
    padding-top: 40px;
}

.menu2 .cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.menu2 .cost p {
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 28px;
}

.menu2 {
    padding-bottom: 70px;
}

.menu2 .box+.box {
    margin-top: 32px;
}

.menu2 .box:last-child {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid;
}

@media (max-width: 599px) {
  .menu2 .h3 {
    font-size: 24px;
  }
  
  .menu2 .cost p {
    font-size: 24px;
  }
}

.care4.in {
    padding: 50px 5%;
}

.menu-bnr {
    max-width: 840px;
    margin: 70px auto 0 auto;
}

.menu-bnr a {
    display: block;
    position: relative;
}

.menu-bnr .img {
    background: #ddcada;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.menu-bnr .img img {
    opacity: 0.4;
}

.menu-bnr .t {
    display: block;
    font-size: 30px;
    line-height: 100px;
    text-align: center;
    text-shadow: 0 0 5px #000;
    position: relative;
    z-index: 2;
}

.menu-bnr .more {
    width: 24%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    text-align: right;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, transparent), color-stop(50%, rgba(79, 23, 65, 0.7)));
    background: linear-gradient(to right bottom, transparent 50%, rgba(79, 23, 65, 0.7) 50%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.menu-bnr .more .v {
    width: 95%;
    display: block;
    padding: 0 0 5px 0;
    font-size: 10px;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 599px) {
    .menu1 .img {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .menu1 .tbox {
        width: 100%;
    }

    .menu1 .h4ob {
        width: 100%;
    }

    .menu2 .left {
        width: 100%;
    }
}

/*Body Make */

.body1 .img img {
    opacity: 0.3;
}

.body1 .img:before {
    content: "";
    background: url(/import/tenant_1/160.16.87.216/html/images/dot1.png) 0 0 repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.body2 .flexb .box {
    width: 48%;
    margin-bottom: 30px;
    padding: 20px 2% 30px 2%;
    background: #275c84;
}

.body2 .flexb .img {
    margin-bottom: 20px;
}

.body2 .flexb p {
    padding: 0 0 20px 0;
}

.body2 .flexb .h4 {
    font-size: 18px;
}

.body2 .txt dt {
    padding: 0 0 5px 0;
    font-size: 18px;
}

.body2 .txt {
    padding: 0 0 40px 0;
}

.body2 .flexb {
    padding-bottom: 80px;
}

.body2 .chy {
    padding: 50px 7%;
    background: #182f42;
}

.body2 .chy .h4 {
    margin-bottom: 10px;
    font-size: 18px;
    position: relative;
}

.body2 .chy .h4:before {
    content: "";
    width: 4px;
    height: 1.5em;
    background: #fff;
    position: absolute;
    top: 0;
    left: -12px;
}

.voice-box .h4 {
    margin-bottom: 10px;
    font-size: 18px;
    position: relative;
}

.voice-box .h4:before {
    content: "";
    width: 4px;
    height: 1.5em;
    background: #fff;
    position: absolute;
    top: 0;
    left: -12px;
}

.catch {
    margin-top: 5px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: center;
}

.body2 .chy p {
    padding: 0 0 20px 0;
}

.body2 .chy li {
    padding-left: 1em;
    text-indent: -1em;
}

.h3l .n {
    display: block;
    font-size: 18px;
}

.body3 .wrap {
    max-width: 852px;
}

.body3 .wrap>.flexb {
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url(/import/tenant_1/160.16.87.216/html/images/h4-titbk2.png) 0 bottom no-repeat;
}

.body3 .wrap>.flexb:last-child {
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
    background: none;
}

.body3 .stp {
    width: 166px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.body3 .body {
    width: 77%;
    max-width: calc(100% - 166px);
}

.body3 p {
    padding: 0 0 20px 0;
}

.body3 .tbox {
    width: 55%;
    padding: 30px 0 0 0;
}

.body3 .img {
    width: 36%;
    margin-bottom: 20px;
    padding-right: 5%;
}

.body3 .stp p {
    width: 100%;
    padding: 0 0 20px 0;
    font-size: 18px;
    text-align: center;
}

.body3 .h4 {
    margin-bottom: 5px;
    font-size: 18px;
}

.body3 {
    margin-bottom: 60px;
}

.body3+.body3 {
    padding-top: 40px;
}

@media (max-width: 599px) {
    .body3 .tbox {
        width: 100%;
        padding-top: 0;
    }

    .body3 .img {
        width: 100%;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .body3 .wrap>.flexb {
        background-position: -40px bottom;
    }

    .body3 .stp {
        width: 90px;
    }

    .body3 .body {
        max-width: calc(100% - 90px);
    }
}

/*faq*/
.faq1 {
    max-width: 820px;
    margin: 0 auto;
}

.faq1 .left {
    width: 80px;
}

.faq1 .tbox {
    width: calc(100% - 120px);
}

.faq1 .h4 {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 18px;
}

.faq1 .tbox p {
    padding: 0 0 20px 0;
}

.faq1 .flexb {
    padding-bottom: 20px;
}

.faq1 .left p {
    height: 80px;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #fff;
    position: relative;
}

.faq1 .left .q {
    display: block;
    font-size: 30px;
}

.faq1 .left .n {
    display: block;
    padding: 15px 0 0 0;
    font-size: 36px;
    text-align: right;
}

.faq1 .left p:before {
    content: "";
    width: 1px;
    height: 50px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    left: 40%;
}

.faq1 .tels {
    max-width: 280px;
    display: block;
    margin-bottom: 20px;
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #fff;
}

.faq1 .tels dd {
    font-size: 30px;
    font-style: italic;
}

.faq1 .tels .i {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -15px;
}

.staff1 {
    max-width: 800px;
    margin: 0 auto;
}

.staff1 .tbox {
    width: 53%;
}

.staff1 .img {
    width: 40%;
    margin-bottom: 20px;
}

.staff1 .h4ob {
    margin: 40px 0 20px 0;
    text-align: left;
    position: relative;
}

.staff1 .h4ob:before {
    content: "";
    width: 35px;
    background: rgba(23, 55, 79, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
}

.staff1 .h4ob .s {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
}

.staff1 .h4 {
    padding: 0 0 25px 0;
    font-size: 18px;
}

.staff1 p {
    padding: 0 0 20px 0;
}

.staff1 .flexb {
    margin-bottom: 50px;
}

@media (max-width: 599px) {
    .staff1 .img {
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .staff1 .tbox {
        width: 100%;
    }
}

/*blog*/

.blogwrap #right {
    width: 79%;
}

.blogwrap #side {
    width: 18%;
}

.blogwrap #side dl {
    margin: 70px 0 0 0;
}

.blogwrap #side dt {
    padding: 0 0 30px 0;
    font-size: 28px;
}

.blogwrap #side dd {
    padding: 0 0 0 30px;
}

.blogwrap #side dd+ul {
    margin-top: 0.25em;
    padding-left: 2.5em;
}

.blogwrap #side li {
    padding-top: 5px;
}

.blogwrap #side li a:before,
.bloglist .box li.cat a:before {
    content: "∟";
    display: inline-block;
    margin-right: 3px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.bloglist .box li.cat {
    padding-left: 1em;
}

.bloglist .box {
    width: calc(100% / 3);
    margin-bottom: 20px;
    padding: 18px;
}

.bloglist .img {
    margin-bottom: 10px;
}

.bloglist li {
    font-size: 12px;
}

.bloglist li ul {
    padding-bottom: 5px;
}

.bloglist .h3 a {
    min-height: 70px;
    display: block;
}

.bloglist .box:hover {
    background: #182f42;
}

.pagenav {
    text-align: center;
}

.pagenav li {
    display: inline-block;
    margin: 0 8px 10px 8px;
    font-weight: bold;
    font-size: 22px;
}

.pagenav li a {
    border-bottom: 2px solid #1c1d22;
}

.pagenav li a:hover,
.pagenav li a.st {
    border-color: #ffff;
}

.pagenav li.next a {
    width: 20px;
    height: 22px;
    display: inline-block;
    background: url(/import/tenant_1/160.16.87.216/html/images/page-next.png) center 50% no-repeat;
}

.pagenav li.next a {
    border: none;
}

.pagenav li.prev a {
    width: 20px;
    height: 22px;
    display: inline-block;
    background: url(/import/tenant_1/160.16.87.216/html/images/page-next.png) center 50% no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagenav li.prev a {
    border: none;
}

.pagenav {
    padding: 30px 0;
}

@media (max-width: 1024px) {
    .blogwrap #side {
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
    }

    .blogwrap #right {
        width: 100%;
    }

    .blogwrap #side dl {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .bloglist .box {
        width: 50%;
    }
}

.blogdetail {
    padding-bottom: 100px;
}

.blogdetail .body {
    margin-bottom: 60px;
    padding: 40px 3%;
    background: #182f42;
}

.blogdetail .in {
    max-width: 680px;
    margin: 0 auto;
}

.blogdetail .meta li {
    display: inline-block;
    padding: 0 3em 10px 0;
    font-size: 12px;
}

.blogdetail ul {
    padding-bottom: 10px;
}

.blogdetail .h3 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 180%;
    border-bottom: 1px solid #fff;
}

.blogdetail .txt p {
    padding: 0 0 20px 0;
}

.blogdetail .mores {
    text-align: center;
}

.blogdetail .mores a {
    background: url(/import/tenant_1/160.16.87.216/html/images/back.png) 5% 50% no-repeat;
}

.back a,
.back button {
    background: url(/import/tenant_1/160.16.87.216/html/images/back.png) 5% 50% no-repeat !important;
}

/*contact*/
.contact1 {
    max-width: 720px;
    margin: 0 auto;
}

.contact1 dd {
    width: 67%;
    padding: 25px 0;
}

.contact1 dt {
    width: 33%;
    max-width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.contact1 input,
.contact1 textarea {
    width: 100%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    background: #8e8e91;
}

.contact1 .radio input {
    width: auto;
}

.contact1 dl {
    border-bottom: 1px solid #fff;
}

.contact1 dt {
    width: 100%;
    display: block;
    position: relative;
}

.contact1 dt .h {
    display: inline-block;
    padding: 0px 10px;
    font-size: 12px;
    color: #1c1d22;
    line-height: 130%;
    background: #fff;
    position: absolute;
    top: 3px;
    right: 0;
}

.contact1 .table {
    padding-bottom: 70px;
}

.contact1 .formbtn li {
    text-align: center;
}

.contact1 button {
    display: inline-block;
    padding: 10px 30px;
    font-size: 14px;
    border: 1px solid #fff;
    background: url(/import/tenant_1/160.16.87.216/html/images/foot-mk.png) 95% 50% no-repeat;
    cursor: pointer;
}

@media (max-width: 599px) {
    .contact1 dt {
        width: 100%;
    }

    .contact1 dd {
        width: 100%;
    }

    .contact1 dt .h {
        margin-left: 10px;
        position: relative;
        top: auto;
        right: auto;
    }

    .contact1 dl+dl {
        padding-top: 20px;
    }
}

/*degitallist*/

.degitallist .box {
    width: 28%;
    margin: 0 8% 80px 0;
}

.degitallist .list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.degitallist .list .box:after {
    content: "";
    display: block;
    padding-top: 100%;
}

.degitallist .list .box a {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 5px;
    background: #fff;
    position: relative;
}

.degitallist .box:nth-of-type(3n) {
    margin-right: 0;
}

.degitallist .list .box .img {
    width: 64%;
    display: block;
    margin: 0 auto;
}

.degitallist .box a .w {
    width: 100%;
    display: block;
    display: none;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    z-index: 2;
}

.degitallist .list .box a:hover {
    opacity: 1;
}

.degitallist .box a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(23, 55, 79, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.degitallist .box a:hover .w {
    display: block;
}

.catlist li {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 1.5em 0 20px;
    line-height: 120%;
    background: url(/import/tenant_1/160.16.87.216/html/images/catlist.png) 0 2px no-repeat;
}

.catlist {
    margin-bottom: 50px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #fff;
}

.degitallist .list2 .box .imgs {
    margin-bottom: 10px;
}

.degitallist .list2 .box .imgs .pic {
    display: block;
    padding: 20px;
    background: #fff;
    position: relative;
}

.degitallist .list2 .box dt {
    font-size: 12px;
}

.degitallist .list2 .box dd {
    font-size: 16px;
}

.degitallist .list2 .box {
    width: 22%;
    margin: 0 4% 50px 0;
}

.degitallist .list2 .box:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 1024px) {
    .degitallist .list2 .box .imgs a {
        padding: 10px;
    }
}

@media (max-width: 599px) {
    .degitallist .list2 .box {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }
}

.degi {
    max-width: 772px;
}

.degi .de-main .pg {
    width: 50%;
}

.degi .de-main {
    margin-bottom: 20px;
}

.degi .de-main .pg:nth-of-type(1) {
    padding-right: 1px;
}

.degi .de-main .pg:nth-of-type(2) {
    padding-left: 1px;
    position: relative;
}

.degi .de-main .pg:nth-of-type(2):before {
    content: "";
    width: 34px;
    height: 50px;
    background: url(/import/tenant_1/160.16.87.216/html/images/digital-menu/hasi.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

.degi .degi-nav li:nth-of-type(2) a {
    text-decoration: underline;
}

.degi .degi-nav li:nth-of-type(1):before {
    content: "";
    width: 9px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 3px 0;
    background: url(/import/tenant_1/160.16.87.216/html/images/care/next.png) 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.degi .degi-nav li:nth-of-type(3):after {
    content: "";
    width: 9px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 3px 8px;
    background: url(/import/tenant_1/160.16.87.216/html/images/care/next.png) 0 0 no-repeat;
}

/*Information*/
.info1 .inner {
    max-width: 1000px;
    margin: 0 auto;
}

.info1 .maps {
    width: 42%;
    position: relative;
}

.info1 .maps .in {
    width: calc(50vw - 21%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.info1 .maps .in iframe {
    width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.info1 .tbox .item {
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.info1 .tbox .item .dt {
    width: 31%;
    padding-bottom: 15px;
    padding-right: 1%;
}

.info1 .tbox .item .dd {
    width: 69%;
    padding-bottom: 15px;
}

.info1 .tbox .item .dd .item2 .int {
    width: 17%;
    padding-right: 1%;
}

.info1 .tbox .item .dd .item2 .ind {
    width: 39%;
    padding-right: 1%;
}

.info1 .tbox .item .dd .item2 .ind2 {
    width: 43%;
}

.info1 .tbox .item .dd .span {
    display: block;
}

.litem {
    width: 18%;
    margin: 1%;
}

.info2 .inner .in-in {
    margin: 0 auto;
    padding-left: 9%;
    padding-right: 9%;
}

.info2 .left {
    width: 43%;
    padding-bottom: 30px;
}

.info2 .right {
    width: 48%;
}

.info2 .h3 {
    margin-left: 20px;
    position: relative;
}

.info2 .h3:before {
    content: "";
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: -10px;
}

.info3 .slide-out .slide-nav {
    display: none;
}

@media (max-width: 599px) {
    .info1 .h3l {
        margin-left: 0%;
    }

    .info1 .maps {
        width: 100%;
        height: 250px;
    }

    .info1 .maps .in {
        width: 100%;
    }

    .info1 .tbox {
        width: 100%;
        padding-left: 0;
    }

    .info2 .left,
    .info2 .right {
        width: 100%;
    }
}

/*Recruit*/
.recruit1 .menu1 .h3 {
    font-weight: normal;
    font-size: 28px;
    text-align: center;
}

.recruit1 .rec1in {
    max-width: 680px;
    margin: 0 auto;
}

.recruit1 .rec1in .dt {
    width: 30%;
    padding-bottom: 20px;
    padding-right: 1%;
}

.recruit1 .rec1in .dd {
    width: 70%;
    padding-bottom: 20px;
}

.recruit1 .rec1in .dl {
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.recruit1 .rec1in .mores {
    text-align: center;
}

.recruit1 .rec1in .mores a {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 599px) {

    .recruit1 .rec1in .dt,
    .recruit1 .rec1in .dd {
        width: 100%;
    }
}

/*LadiesMenu*/
.h4br {
    margin-left: 20px;
    position: relative;
}

.h4br:before {
    content: "";
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: -10px;
}

.ladies1 .inner {
    max-width: 800px;
}

.ladies1 .box {
    padding: 40px 50px 70px 50px;
    border: 1px solid #fff;
    position: relative;
}

.ladies1 .box:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    top: -10px;
    left: -10px;
}

.ladies2 .img {
    width: 38%;
}

.ladies2 .tbox {
    width: 62%;
    padding-right: 2%;
}

.ladies2 .tbox {
    margin-top: 80px;
    position: relative;
}

.ladies2 .tbox .in:before {
    content: "";
    width: 300%;
    height: 100%;
    background: rgba(149, 93, 144, 0.7);
    position: absolute;
    right: -40px;
    z-index: 0;
}

.ladies2 .tbox .inpink {
    padding: 40px 0;
    position: relative;
    z-index: 1;
}

.ladies2 .tbox .h3 {
    font-size: 28px;
}

.ladies2 .box:nth-of-type(even) .tbox {
    padding-left: 2%;
    padding-right: 0;
}

.ladies2 .box:nth-of-type(even) .tbox .in:before {
    left: -40px;
    right: auto;
}

.ladies3.body1 .img:before {
    background: url(/import/tenant_1/160.16.87.216/html/images/dot2.png) 0 0 repeat;
}

.ladies3.body1 .img.dot-none:before {
    display: none;
}

.ladies3.body1 .img {
    background-color: #fff;
}

.ladies3.body1 .img img {
    opacity: 0.9;
}

.ladies3.body1 .in {
    max-width: 490px;
    float: right;
}

.ladies3.body1 .h3l:before {
    background: #000;
}

.ladies3.body1 {
    color: #000;
    background-color: #fff;
    position: relative;
}

.ladies3.body1:before {
    content: "";
    width: 100%;
    height: 185px;
    display: block;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(19%, rgba(5, 6, 6, 0)), color-stop(89%, rgba(25, 26, 30, 1)), to(rgba(28, 29, 34, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(5, 6, 6, 0) 19%, rgba(25, 26, 30, 1) 89%, rgba(28, 29, 34, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1c1d22', GradientType=0);
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 5;
    /* IE6-9 */
}

.ladies4.care1 .box {
    width: 46%;
}

.ladies4.care1 .box .tbox {
    width: 100%;
    padding-left: 0;
}

.ladies5 .h3l {
    margin-left: 2%;
}

.ladies6 .box {
    width: 45%;
}

.ladies6 .box-mt-n2 .box:nth-of-type(n + 2),
.ladies6 .box-mt-n3 .box:nth-of-type(n + 3) {
    margin-top: 30px;
}

.ladies6 .box.box-w-100 {
    width: 100%;
}

.ladies6 .box dl {
    width: 100%;
}

.h4bdl {
    padding: 5px 0 5px 10px;
    border-left: 4px #fff solid;
}

.ladies6 .box .in-in .h4 {
    margin-bottom: 5px;
    font-size: 22px;
}

.ladies6 .box .in-in .p {
    padding-bottom: 20px;
    padding-left: 14px;
}

@media (max-width: 1024px) {
    .ladies3.body1:before {
        display: none;
    }
    
    .ladies6 .box .in-in .h4 {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .ladies2 .img {
        width: 80%;
        margin-left: 0;
    }

    .ladies2 .tbox {
        width: 100%;
        margin-top: -50px;
        padding: 20px;
    }

    .ladies6 .box {
        width: 100%;
        padding-bottom: 50px;
    }
    
    .ladies6 .box:nth-of-type(n + 3) {
      margin-top: 0;
    }
}


/*menu-table*/
.menu-table,
.ladies6 .menu-table {
    width: 100%;
}

[data-element-id] .menu-table .up-d-none {
    display: block;
}

.menu-table .table {
    text-align: center;
    margin-top: 10px;
    min-width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
}

.menu-table .table table {
    min-width: 450px;
}

.menu-table .table tr {
    border-bottom: 1px solid #fff;
}

.menu-table .table tbody tr:last-of-type {
    border: none;
}

.menu-table .table tr > * {
    width: calc(100% / 6);  
    border-right: 1px solid #fff;
    padding: 10px 5px;
}

.menu-table .table tr > *:last-of-type {
    border: none;
}

@media (max-width: 599px) {
    .menu-table, .ladies6 .menu-table {
        padding-bottom: 0;
    }
}

/*menu-supplement*/
.menu-supplement ul {
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
}

.menu-supplement ul li+li {
    margin-top: 30px;
}

.menu-supplement ul li .tit {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}


/*Reserve*/
.book1 .tbox:before {
    display: none;
}

.book1 .h3 {
    padding: 0 0 50px 0;
    font-size: 18px;
}

.book1 .tbox {
    width: 60%;
}

.book1 .img {
    width: 33%;
}

.book1 .tbox p {
    font-size: 14px;
}

.book1 .link dl {
    border: 1px solid #fff;
}

.book1 .link {
    max-width: 485px;
}

.book1 .link p a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    border: 1px solid #fff;
    background: url(/import/tenant_1/160.16.87.216/html/images/reserve/more.png) right bottom no-repeat;
}

.book1 .link dl {
    display: block;
    margin-bottom: 20px;
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #fff;
    background: url(/import/tenant_1/160.16.87.216/html/images/reserve/more.png) right bottom no-repeat;
}

.book1 .link dd {
    font-size: 30px;
    font-style: italic;
}

.book1 .link dt {
    font-size: 12px;
}

.book1 .link dd:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 0 5px 0 0;
    background: url(/import/tenant_1/160.16.87.216/html/images/reserve/ic1.png) 0 0 no-repeat;
    background-size: cover;
}

.book1 .link p a .w {
    width: 100%;
    display: block;
    padding: 10px 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.book1 .link p a .w:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    background: url(/import/tenant_1/160.16.87.216/html/images/reserve/ic2.png) 0 0 no-repeat;
    background-size: cover;
}

.book1 {
    margin-bottom: 0;
}

@media (max-width: 599px) {
    .book1 .img {
        width: 100%;
        max-width: 400px;
    }

    .book1 .img .in {
        width: 100%;
    }

    .book1 .img .in div {
        width: 100%;
    }

    .book1 .tbox {
        width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

/*contents*/

.contents1 .tbox ul {
    max-width: 330px;
}

.contents1 .sec2 {
    padding-top: 30px;
}

.contents3 .mores {
    padding-top: 40px;
    text-align: center;
}

/*barbars*/

.barbar .sub-tit .h2 {
    text-align: right;
    text-shadow: 0 0 10px #000;
}

.barbar .sub-tit:after {
    padding-top: 45%;
}


.home1 .tbox .sign {
    margin-bottom: 20px;
    font-size: 12px;
    text-align: right;
}

.barbar1 {
    max-width: 750px;
    padding-bottom: 70px;
}

.barbar1 .yotube {
    margin-bottom: 40px;
    padding-top: 56.25%;
    position: relative;
}

.barbar1 .yotube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.barbar1 .txt {
    position: relative;
}

.barbar1 .txt .logo {
    content: "";
    width: 90%;
    max-width: 630px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
}

.barbar1 .txt .logo .w:after {
    padding-top: 31.5%;
}

.barbar1 .h3 {
    padding: 35px 0;
    font-size: 28px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.barbar1 li {
    padding: 0 0 14px 34px;
    font-size: 16px;
    background: url(/import/tenant_1/160.16.87.216/html/images/barbars/re.png) 0 0 no-repeat;
    position: relative;
    z-index: 1;
}

@media (max-width: 599px) {
    .barbar1 .h3 {
        font-size: 24px;
    }
}

.barbar2 {
    background: #182f42;
}

.barbar2 li {
    width: 23%;
    margin: 0 1% 20px 1%;
}

.barbar2 li a {
    display: block;
    padding: 10px 4%;
    font-size: 16px;
    white-space: nowrap;
    border: 1px solid #fff;
    background: url(/import/tenant_1/160.16.87.216/html/images/foot-mk.png) 95% 50% no-repeat;
}

.barbar2 li a .i {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.barbar2 ul {
    padding-bottom: 30px;
}

@media (max-width: 1024px) {
    .barbar2 li {
        width: 31%;
    }

    .barbar2 li a {
        font-size: 14px;
    }

    .barbar2 li a .i {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 599px) {
    .barbar2 li {
        width: 48%;
    }
}

.barbar3 .box {
    width: 23%;
    margin: 0 1% 20px 1%;
    padding: 20px 0 35px 0;
    position: relative;
}

.barbar3 .box:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: -4.5%;
}

.barbar3 .box:nth-of-type(4n):after {
    display: none;
}

.barbar3 .mores {
    padding: 30px 0;
    text-align: center;
}

.barbar3 .img {
    margin-bottom: 15px;
}

@media (max-width: 599px) {
    .barbar3 .box {
        width: 48%;
    }

    .barbar3 .box:nth-of-type(2n):after {
        display: none;
    }

    .barbar3 .box:after {
        right: -2.5%;
    }
}

.leather {
    padding: 50px;
    position: relative;
}

.leather::before {
    content: "";
    width: 110%;
    height: 100%;
    display: block;
    background-image: url(/import/tenant_1/160.16.87.216/html/images/bkr.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: -5%;
}

.leather-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .leather {
        padding: 40px 30px;
    }
}

@media (max-width: 599px) {
    .leather {
        padding: 30px 15px;
    }
}

.movie {
    width: 100%;
    position: relative;
}

.movie::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.movie-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.movie-item {
    width: 35%;
    margin-right: 5%;
}

.movie-content {
    width: 60%;
    flex-grow: 1;
}

.movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.accordion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.acc-content {
    width: 100%;
}

.acc-btn:hover {
    opacity: 0.6;
    cursor: pointer;
}

.member-btn {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.member-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    padding: 10px;
    font-size: 14px;
    color: white;
    text-align: center;
    outline: 2px solid white;
    border: 1px solid rgba(23, 55, 79, 0.7);
    border-radius: 10px;
    background-color: rgba(23, 55, 79, 0.7);
}

@media (max-width: 1024px) {
    .movie-item {
        width: 40%;
    }

    .movie-content {
        width: 55%;
    }
    
    .box .movie-content .img {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 599px) {
    .movie-item {
        width: 100%;
    }

    .movie-content {
        width: 100%;
        margin-top: 30px;
    }
}

.room-slide {
    margin: 80px 0;
}

.room-slide .uk-slidenav-position {
    height: 100%;
    margin-top: 0 !important;
}

.room-slide .uk-slideshow {
    height: 100% !important;
    overflow: hidden;
    position: relative;
}

.room-slide .uk-slideshow::after {
    content: "";
    display: block;
    padding-top: 45%;
}

.room-slide .uk-slideshow li {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.room-slide .uk-slideshow li>div {
    height: 100% !important;
}

.room-slide .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
}

.room-slide .uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}

.room-slide .uk-dotnav .uk-active>* {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.room-slide .uk-dotnav li a:hover {
    opacity: 1;
}

.room-slide .uk-dotnav-contrast>*>* {
    background: #ccc;
}

.room-slide .uk-dotnav-contrast>.uk-active>* {
    background: #565656;
}

.room-slide .uk-position-bottom {
    bottom: -30px;
}

.room-slide .uk-slideshow {
    height: auto !important;
    overflow: hidden;
    position: relative;
}

.room-slide .uk-slideshow:after {
    content: "";
    display: block;
    padding-top: 45%;
}

.room-slide .uk-slideshow li {
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
}

.room-slide .uk-slideshow li div {
    height: 100% !important;
}

.room-slide .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
}

.room-slide .uk-slider {
    width: calc(100% + 10px) !important;
    min-width: calc(100% + 10px) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
    margin-left: 0 !important;
}

.room-slide .uk-slider li {
    width: calc(100% / 4 + 5px) !important;
    overflow: hidden;
    margin-right: 10px;
    padding-left: 0 !important;
    position: static !important;
}

.room-slide .uk-slider li:hover {
    cursor: pointer;
}

.room-slide .uk-slider li div {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.room-slide .uk-slider li div:before {
    content: "";
    display: block;
    padding-top: 45%;
}

.room-slide .uk-slider li div img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .room-slide {
        margin: 50px 0;
    }

    .uk-slideshow::after {
        padding-top: 60%;
    }

    .about-map-box .box-map {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 50px;
    }
}

@media (max-width: 599px) {
    .uk-slideshow::after {
        padding-top: 70%;
    }

    .room-slide .uk-slideshow:after {
        padding-top: 65%;
    }

    .room-slide .uk-slider {
        width: calc(100% + 5px) !important;
        min-width: calc(100% + 5px) !important;
        margin-top: 5px;
    }

    .room-slide .uk-slider li {
        margin-right: 5px;
    }

    .room-slide .uk-slider li div:before {
        padding-top: 65%;
    }
}

[data-element-id] .slidewrap .list div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
}

[data-element-id] .slidewrap .list div[data-collection-list-content] .box {
    width: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 1%;
}

[data-element-id] .home-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: scroll;
}

[data-element-id] .home-imgs li {
    width: 20%;
}

[data-element-id] .sns-insta-secret {
    display: block;
    position: absolute;
}

[data-element-id] .acc-content {
    padding: 20px;
    border: 2px solid royalblue;
}

[data-element-id] .foot-sp {
    display: flex;
    margin-bottom: 70px;
}


/* 2022.05.11 */

.ladysbeforeafter{
  max-width: 1000px;
  margin: 20px auto 30px;
}

.spainsta01{
  width: 3%;
  margin: 80px auto 90px;
}

.spainsta01 img{
  width: 100%;
}

.smafoinsta{
  display: block;
}


@media (max-width: 599px) {
  
.smafoinsta{
  width: 44px;
  height: 44px;
  display: block;
  position: fixed;
  top: 47px;
  right: 0px;
  z-index: 200;
}

/* .smafoinsta::before {
    content: "\f16d";
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
} */

.smafoinsta a{
  display: block;
    font-size: 30px;
    color: white;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 80%);
}

.smafoinsta02 a{
  font-size: 47px;
}
}