@charset "utf-8";


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

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

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

.flexb {
    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;
}

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

#gnav {
    display: none;
}

[data-element-id]#gnav {
    display: block;
    border: 3px solid blue;
    position: relative;
}

[data-element-id]#gnav:before {
    content: "Gナビ(モバイル表示)";
    display: block;
    color: #fff;
    background: blue;
}

@media (max-width: 1170px) {
    #gnav.action {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    #gnav {
        width: calc(100%);
        width: 50%;
        height: 100%;
        display: block;
        background: #fff;
        -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;
        z-index: 151;
    }

    #header {
        position: relative;
        z-index: 149;
    }

    #gnav .wrap {
        height: 100%;
        display: block;
        overflow-y: auto;
    }

    #gnav .tl>li:after {
        display: none;
    }

    #gnav .tl>li a {
        display: block;
    }

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

    #gnav.action p.close {
        left: auto;
        right: 0;
    }

    #gnav .tl>li:nth-last-of-type(2):before {
        display: none;
    }

    #gnav .tl>li:last-child {
        display: block;
    }

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

    #gnav p.close .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.close .n:before {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        background: #1c1d22;
        position: absolute;
        top: -8px;
        left: 0;
    }

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

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


    #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 .a {
        display: block !important;
        padding: 10px 15px;
        font-weight: bold;
        text-align: left;
        cursor: pointer;
        position: relative;
    }

    #gnav li ul {
        width: auto;
        visibility: visible;
        padding-top: 0;
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
        position: relative;
        top: auto;
        left: auto;
    }

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

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

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

    #gnav .a+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;
        letter-spacing: 2px;
        border: none;
        border-bottom: 1px solid #ddd;
    }

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

    .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;
    }

    #gnav .logo {
        padding: 5px;
    }

    #gnav .flexc p {
        width: 50%;
        font-size: 14px;
        text-align: center;
    }

    #gnav .flexc p a {
        display: inline-block;
        padding: 5px 0;
    }

    #gnav .flexc p .i {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
    }

    #gnav .rec a {
        max-width: 140px;
        display: block;
        margin: 10px auto;
        margin-left: 10px;
        padding: 4px;
        font-family: "Cutive Mono", monospace;
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        background: #38bdb0;
        position: relative;
    }

    #gnav .rec a:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 9px;
        left: 9px;
    }

    #gnav .rec a:after {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 9px;
        right: 9px;
    }

    #gnav .rec a .w {
        display: block;
        padding: 5px 28px 1px 28px;
        border: 1px solid #fff;
    }

    #gnav .rec a .w:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        bottom: 9px;
        left: 9px;
    }

    #gnav .rec a .w:after {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        bottom: 9px;
        right: 9px;
    }

    #gnav .rec a .i {
        width: 7px;
        height: 14px;
        display: block;
        margin: 0 auto 0 auto;
        background: url(/import/tenant_1/160.16.205.168/html/images/rec_head.png) 0 0 no-repeat;
    }
}

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

#hnav .flex>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-size: 18px;
    letter-spacing: 2px;
    position: relative;
}

#hnav .flex>li+li:before {
    content: "・";
    display: inline-block;
    margin: 0 0.4em;
}

#hnav .flex > li:last-child:before{
 display: none;
} 
#hnav .flex>li:last-child a {
    /*   display: block;
background: #38bdb0;
font-size: 14px;
color: #fff;
font-family: 'Cutive Mono', monospace;
position: relative;
padding: 4px; */
    margin-left: 30px;
}

/* #hnav .flex > li:last-child a:before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 9px;
  left: 9px;
}
#hnav .flex > li:last-child a:after{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 9px;
  right: 9px;
} */
#hnav .flex>li ul {
    width: 250px;
    visibility: hidden;
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.8) content-box;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
}

[data-element-id]#hnav .flex>li ul {
    visibility: visible;
    opacity: 1;
}

[data-element-id]#hnav .flex>li:nth-child(3)>ul {
    left: 160%;
}

[data-element-id]#hnav .flex>li:nth-child(2)>ul {
    left: 10%;
}

#hnav .flex>li:hover ul {
    visibility: visible;
    opacity: 1;
}

#hnav .flex>li ul li {
    font-size: 16px;
}

#hnav .flex>li ul li a {
    display: block;
    padding: 5px;
    text-align: center;
}

#hnav .flex>li .a {
    cursor: pointer;
}

/* #hnav .flex > li:last-child a .w:before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 9px;
  left: 9px;
}
#hnav .flex > li:last-child a .w:after{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 9px;
  right: 9px;
} */
/* #hnav .flex > li:last-child a .w{
  display: block;
  border: 1px solid #fff;
  padding: 5px 28px 1px 28px;
} */
#hnav .flex>li:last-child a .i {
    width: 7px;
    height: 14px;
    display: block;
    margin: 0 auto 0 auto;
    background: url(/import/tenant_1/160.16.205.168/html/images/rec_head.png) 0 0 no-repeat;
}

#header {
    padding: 15px 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

[data-element-id]#header {
    position: absolute;
}

#header.fixed {
    background: rgba(255, 255, 255, 0.8);
}

#hnav {
    padding: 10px 0;
}

.foot-nav {
    padding: 135px 0 12px 0;
    background: url(/import/tenant_1/160.16.205.168/html/images/head-mk.png), url(/upload/tenant_1/9eccb990a248df37dd801d2480918399.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center 40px, center 0;
}

.foot-nav .flexc {
    padding-top: 10px;
}

.foot-nav li {
    padding: 0 0 30px 0;
    font-size: 18px;
}

.foot-nav .inner {
    max-width: 900px;
}

.foot-nav .flexc li {
    padding: 0 7px 10px 0;
}

.foot-nav .flexc li a {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.copy {
    padding: 10px 2.5%;
    font-size: 12px;
    text-align: center;
    background: #c1efeb;
}

.foot-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    position: relative;
}

.foot-cont:after {
    content: "";
    display: block;
    padding-top: 18%;
}

.foot-cont a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
    font-family: "Kiwi Maru", serif;
    font-weight: 500;
    /*   background: #fae9eb; */
    background: rgba(255, 255, 255, 0.5);
    position: relative;
}

.foot-cont .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


[data-element-id].foot-cont .img {
    z-index: 1;
}

[data-element-id].foot-cont .img:before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.foot-cont a:hover {
    opacity: 1;
}

[data-element-id].foot-cont a {
    width: 40%;
    margin: auto;
    background: none;
    z-index: 2;
}

.foot-cont .l {
    width: auto;
    -webkit-transition:all 1s cubic-bezier(0.4, 0, 1, 1);
    /* Chrome 1-25, Safari 3.2+ */
    /* Firefox 4-15 */
    /* Opera 10.50–12.00 */
    transition:all 1s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: perspective(5000) rotateY(0deg);
    transform: perspective(5000) rotateY(0deg);
    -webkit-transform-origin: left 0;
    transform-origin: left 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
}

.foot-cont .l img {
    -o-object-position: right 0;
    object-position: right 0;
}

/* .foot-cont a:hover .l{
  -webkit-transform: perspective(5000) rotateY(-90deg);
  -moz-transform: perspective(5000) rotateY(-90deg);
  transform: perspective(5000) rotateY(-90deg);
} */
.foot-cont a .l.open {
    -webkit-transform: perspective(5000) rotateY(-90deg);
    transform: perspective(5000) rotateY(-90deg);
}

[data-element-id].foot-cont .l {
    -webkit-transform: perspective(5000) rotateY(-90deg);
    transform: perspective(5000) rotateY(-90deg);
}

.foot-cont .r {
    width: auto;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    /* Chrome 1-25, Safari 3.2+ */
    /* Firefox 4-15 */
    /* Opera 10.50–12.00 */
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transform: perspective(5000) rotateY(0deg);
    transform: perspective(5000) rotateY(0deg);
    -webkit-transform-origin: right 0;
    transform-origin: right 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
}

/* .foot-cont a:hover .r{
  -webkit-transform: perspective(5000) rotateY(90deg);
  -moz-transform: perspective(5000) rotateY(90deg);
  transform: perspective(5000) rotateY(90deg);
} */
.foot-cont a .r.open {
    -webkit-transform: perspective(5000) rotateY(90deg);
    transform: perspective(5000) rotateY(90deg);
}

.foot-cont .r img {
    -o-object-position: left 0;
    object-position: left 0;
}

[data-element-id].foot-cont .r {
    -webkit-transform: perspective(5000) rotateY(90deg);
    transform: perspective(5000) rotateY(90deg);
}


.foot-cont .w {
    position: relative;
    z-index: 1;
    display: block;
    background: #38BDB0;
    border-radius: 20px;
    padding: 5px 60px;
    font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: #fff;
}
body.opacity {
  opacity: 0;
  -webkit-transition: 0.8s ease-out;
  transition: 0.8s ease-out;
}

#header .logo a {
    display: block;
    padding-top: 3px;
    position: relative;
}

#header .logo a .i {
    width: 150px;
    height: 68px;
    display: block;
}



.h1-txt {
    max-width: 1180px;
    margin: auto;
    position: relative;
}

.h1-txt .t {
    display: block;
    font-size: 12px;
/*     white-space: nowrap; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


#header .inner {
    max-width: 1180px;
}

.poyopoyo {
    opacity: 1;
    -webkit-animation: poyopoyo 2s ease-out infinite;
    animation: poyopoyo 2s ease-out infinite;
}

@-webkit-keyframes poyopoyo {
    0%,
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    50%,
    70% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes poyopoyo {
    0%,
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    50%,
    70% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@media (max-width: 1170px) {
    #wrapper>.h1-txt {
        display: none;
    }

    h1.h1-txt.clone .t {
        position: static;
    }

    #hnav {
        display: none;
    }

    .foot-cont a {
        padding: 70px 0 10px 0;
    }
}

@media (max-width: 1024px) {
    #header {
        position: absolute;
    }

    #header .logo a .i {
        width: 100px;
        height: 45px;
    }
}

@media (max-width:599px) {
/*     .foot-cont a {
    padding: 30px 0 20px 0;
} */

    .foot-cont .w {
        max-width: 310px;
/*         height: 50px; */
        background-size: contain;
    }

    .foot-cont .w:before {
        width: 6px;
        height: 12px;
        margin-bottom: 0;
        background-size: contain;
    }
}

.slide-nav {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 50;
}

[data-element-id].slide-nav {
    position: absolute;
    top: 970px;
}

.slide-nav li {
    min-height: 80px;
    padding: 14px 20px;
    font-size: 20px;
    letter-spacing: 3px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.slide-nav li:first-child:before {
    content: "";
    border: 1px solid #a24c58;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
}

.slide-nav li:last-child:before {
    content: "";
    /* border: 1px solid #4b6f6c; */
    border: 1px solid #6f411b;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
}

.slide-nav li:first-child {
    color: #6f411b;
    /* background: #f7dbdf; */
    background: #eccea2;
}

.slide-nav li:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4b6f6c;
    background: #bde8e4;
}

.slide-nav li:first-child .t {
    display: block;
}

.slide-nav .i {
    width: 144px;
    height: 144px;
    margin-bottom: 3px;
}

.slide-nav .i:before {
    content: "";
    width: 15px;
    height: 39px;
    background: url(/import/tenant_1/160.16.205.168/html/images/sclo.png) 0 0 no-repeat;
    -webkit-transform: translate(-50%, calc(-50% - 19.5px));
    transform: translate(-50%, calc(-50% - 19.5px));
    -webkit-transform-origin: 50% 36px;
    transform-origin: 50% 36px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.slide-nav .i:after {
    content: "";
    width: 11px;
    height: 60px;
    background: url(/import/tenant_1/160.16.205.168/html/images/lclo.png) 0 0 no-repeat;
    -webkit-transform: translate(-50%, calc(-50% - 30px)) rotate(-120deg);
    transform: translate(-50%, calc(-50% - 30px)) rotate(-120deg);
    -webkit-transform-origin: 50% 56px;
    transform-origin: 50% 56px;
    position: absolute;
    top: 50%;
    left: 50%;
}

@media (max-width: 1024px) {
    .slide-nav {
        display: none;
    }
}

@media (max-width: 599px) {
    .slide-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translate(0);
        transform: translate(0);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .slide-nav li {
        width: 50%;
        min-height: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 10px;
        font-size: 16px;
    }

    .slide-nav .i {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .copy {
        padding-bottom: 70px;
    }

    .foot-nav .foot-nav-list ul {
        width: 31.333%;
    }

    .foot-nav li {
        font-size: 14px;
        height: 70px;
    }
    .foot-nav li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }

    .slide-nav li:first-child .t {
        display: inline-block;
    }
}

.pop {
    width: 90%;
    max-width: 800px;
    display: none;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 182;
}

[data-element-id].pop {
    display: block;
    -webkit-transform: unset;
    transform: unset;
    position: relative;
    top: 0;
    left: 0;
}

.pop.active {
    display: block;
}

.pop dl {
    padding: 20px;
}

.pop dl:first-child {
    background: #ffeee8;
}

.pop dt .i {
    width: 120px;
    height: 73px;
    display: block;
}

.pop dl:nth-of-type(2) {
    background: #f9e8d0;
}

.pop dd {
    font-size: 24px;
}

.pop dd.tel:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url(/import/tenant_1/160.16.205.168/html/images/foot-tel.png) 0 0 no-repeat;
}

.pop dt .e {
    display: inline-block;
    padding: 0 1em 0 0;
}

.pop dt .t {
    display: inline-block;
}

.overlay2: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: 180;
}

.pop .close {
    left: auto;
    right: 0;
}

.pop .close {
    width: 44px;
    height: 44px;
    display: block;
    border: 1px solid #fff;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pop .close .n {
    width: 26px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: -9999px;
    background: #1c1d22;
    -webkit-transition: ease 0.10s;
    transition: ease 0.10s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 8px;
}

.pop .close .n:before {
    content: "";
    width: 26px;
    height: 2px;
    display: block;
    background: #1c1d22;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    left: 0;
}

.to-book a {
    display: inline-block;
    padding: 6px 27px 6px 56px;
    font-size: 16px !important;
    color: #a24c58;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 25px / 50%;
    background: #f7dbdf url(/upload/tenant_1/14e8ca4a0e19fe66d78697a74dc38f10.webp) 15px 50% no-repeat;
}

/*下層共通*/

.sub-tit {
    padding: 140px 0 50px 0;
    background: url(/import/tenant_1/160.16.205.168/html/images/sora2-bk.png) 0 center repeat;
}

.sub-tit:before {
    content: "";
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[data-element-id].sub-tit:before {
    background: none;
    display: none;
}

.sub-tit .h2 {
    font-family: "Cutive Mono", monospace;
    font-size: 58px;
    line-height: 130%;
    text-align: center;
}

.sub-tit .h2 .n {
    display: block;
    font-family: "Kiwi Maru", serif;
    font-size: 16px;
    line-height: 110%;
}

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

    .sub-tit {
        padding-top: 90px;
    }
}

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

/*home*/

.home-main {
    position: relative;
    overflow: hidden;
}

.home-main:before {
    content: "";
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}


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

.home-main .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    padding: 70px 0;
    position: absolute;
    bottom: 0;
    left: 12%;
    z-index: 1;
}

.home-main .inner p {
    padding: 0;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 46px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
    text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
}

[data-element-id] #main {
    padding-top: 100px;
}


#main .uk-slidenav-position {
    width: 100%;
    height: 100%;
    position: relative;
}

#main .uk-slidenav-position:after {
  padding-top: 54%;
  content: '';
  display: block;
}

#main .uk-slideshow {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100% !important;
}


#main .uk-slideshow>li {
/*     opacity: 1; */
    height: 100% !important;
}

#main .uk-slideshow .uk-flex {
  height: 100%;
}
#main .uk-slideshow>li img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}


@media (max-width: 1024px) {
    .home-main .inner p {
        font-size: 36px;
    }

    .home-main .inner {
        padding: 30px 0;
        left: 2%;
    }
}

@media (max-width: 599px) {
    .home-main .inner p {
        font-size: 20px;
    }

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

/* .home-main {
  overflow: hidden;
}

.home-main img {
  width: 100%;
}

.home-main .uk-slidenav-position {
  overflow: hidden;
  position: relative;
}

.home-main .uk-slidenav-position:after {
  content: "";
  display: block;
  padding-top: 50%;
}

.home-main .uk-slideshow {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
}

.home-main .uk-slideshow li {
  height: 100% !important;
}

.home-main .uk-slideshow .uk-flex {
  height: 100%;
}

.home-main .uk-slideshow img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

@media (max-width: 599px) {
  .home-main .uk-slidenav-position:after {
      padding-top: 80%;
  }

  .uk-slideshow li div {
      height: 100%;
  }
}
 */


.home1 {
    background-image: url(/import/tenant_1/160.16.205.168/html/images/bkhome1.png), url(/upload/tenant_1/e716283d6c5e11a447328f48cc747eea.webp);
    background-size: auto, cover;
    background-repeat: no-repeat;
    background-position: right bottom, center 0;
}

.h2h {
    padding: 0 0 45px 0;
    font-family: "Cutive Mono", monospace;
    font-size: 48px;
    text-align: center;
}

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

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

.home1 p.mores-op {
    margin-bottom: 20px;
    padding: 0;
}

.home1 .tit {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c2e9e8;
}

.home1 .tit p {
    font-size: 18px;
    letter-spacing: 2px;
}

.home1 .txt {
    padding-bottom: 70px;
}


.home1 .txt p {
    line-height: 210%;
    letter-spacing: 2px;
}

.mores a {
    width: 210px;
    height: 62px;
    display: inline-block;
    padding: 14px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-bk.png) center 0 no-repeat;
}

.mores {
    text-align: center;
}

.mores a:before {
    content: "";
    width: 12px;
    height: 23px;
    display: block;
    margin: 0 auto 1px auto;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-key.png) 0 0 no-repeat;
}

@media (max-width: 599px) {
    .home1 .txt {
      padding-bottom: 10px;
    }
    .home1 p {
        text-align: left;
    }

    .home1 .mores {
        text-align: center;
    }
    .home1 p.mores-op {
      text-align: center;
    }
}

.home2 {
    background: url(/upload/tenant_1/da68a1594f2fe4d0f770c54eab8a62bd.webp) center 0 no-repeat;
    background-size: cover;
}

.home2 .box {
    width: 45%;
    padding: 49px 0 60px 0;
    background: url(/upload/tenant_1/f2fff9e0e0d8553be5a8e99e0b83c1b5.webp) center 0 no-repeat;
}

.home2 .box .img a {
    overflow: hidden;

    -webkit-clip-path: ellipse(100% 100% at 50% 100%);
    clip-path: ellipse(100% 100% at 50% 100%);
}

.home2 .box .img {
    margin-bottom: 18px;
}

.home2 .box .h3 .t {
    display: inline-block;
    vertical-align: middle;
    margin-top: 50px;
    white-space: nowrap;
}

.home2 .box .h3 .i {
    width: 195px;
    height: 119px;
    display: inline-block;
    vertical-align: middle;
}

.home2 .box .h3 {
    padding: 0 0 10px 0;
}

.home2 .box .cac {
    padding: 0 0 40px 0;
    font-size: 18px;
    text-align: center;
}

.home2 .box .mores-op {
    margin-bottom: 50px;
}

.to-insta a {
    display: inline-block;
    padding: 6px 27px 6px 56px;
    font-size: 16px !important;
    color: #4b6f6c;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 25px / 50%;
    background: #bde8e4 url(/upload/tenant_1/7046698cd37ef6adeb82d81a28544bf2.webp) 15px 50% no-repeat;
}

.home2 .box ul {
    max-width: 380px;
    margin: 0 auto;
}

.home2 .box ul li {
    padding-bottom: 20px;
}

.home2 .h2h {
    padding: 50px 0 10px 0;
}

@media (max-width: 1024px) {
    .home2 .box .h3 .t {
        display: block;
        margin-top: -20px;
        text-align: right;
    }
}

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

    .home2 {
        background: url(/import/tenant_1/160.16.205.168/html/images/salon-bk2.png) 0 0 repeat;
    }
}

.home3 {
    background: url(/upload/tenant_1/ef1f1cc3216e9d6dbbb2ca5958b787c8.webp) 0 center repeat;
}

.home3 .h2h {
    text-align: left;
}

.home3 .menu1 li {
    width: 25%;
}

.home3 .menu1 li:nth-of-type(2n) {
    margin-top: 180px;
}

.home3 .menu1 li .img {
    overflow: hidden;
    border-radius: 50%;
}

.home3 li a:hover {
    opacity: 1;
}

.home3 .menu1 li a {
    display: block;
    position: relative;
}

.home3 .menu1 li .tit {
    width: 206px;
    line-height: 46px;
    letter-spacing: 2px;
    text-align: center;
    background: url(/upload/tenant_1/8c97a28a7c1cf929962b5f65433d60bb.webp) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

.home3 .menu1 li:last-child .tit {
    top: 0;
    bottom: auto;
    left: 40%;
}

.home3 .menu1 {
    padding-bottom: 60px;
}

.home3 .menu2 li {
    width: 47%;
}

.home3 .menu2 li a {
    max-width: 72%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.home3 .menu2 li .img {
    overflow: hidden;
    border-radius: 50%;
}

.home3 .menu2 li .tit {
    width: 468px;
    padding-bottom: 10px;
    line-height: 56px;
    letter-spacing: 2px;
    text-align: center;
    background: url(/upload/tenant_1/894ba8c7a0e9954821c521222cc8747b.webp) 0 0 no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
}

@media (max-width: 1024px) {
    .home3 .menu2 li {
        width: 100%;
        max-width: 468px;
        margin: 0 auto;
    }

    .home3 .menu2 li+li {
        margin-top: 30px;
    }

    .home3 .menu1 li {
        width: 50%;
        max-width: 270px;
    }

    .home3 .menu1 {
        max-width: 540px;
        margin: 0 auto;
    }
}

@media (max-width: 599px) {
    .home3 .menu1 li:last-child .tit {
        left: 0;
    }
}

.bkp {
    background: #fae9eb;
}

.home4 .box {
    width: 23%;
    margin: 0 2.6% 20px 0;
}

.home4 .box:nth-of-type(2n) {
    margin-top: 112px;
}

.home4 .box:nth-of-type(4n) {
    margin-top: 152px;
    margin-right: 0;
}

.home4 .box .img a {
    position: relative;
}

.home4 .box .img a:after {
    padding-top: 153.5%;
}

.home4 .box .img a:before {
    content: "";
    background: url(/import/tenant_1/160.16.205.168/html/images/home/gal-frame.png) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.home4 .box .img {
    margin-bottom: 20px;
}

.home4 .box .ne a {
    display: block;
    padding: 14px 2.5%;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    text-align: center;
    border: 1px solid #fff;
    background: #bde8e4;
    position: relative;
}

.home4 .box .ne a:before {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
}

.home4 .inner {
    background-image: url(/import/tenant_1/160.16.205.168/html/images/home/gal-bklb.png), url(/import/tenant_1/160.16.205.168/html/images/home/galbkrt.png);
    background-repeat: no-repeat;
    background-position: 0 bottom, right top;
}

@media (max-width: 1024px) {
    .home4 .box .ne a {
        font-size: 16px;
    }

    .h2h {
        font-size: 36px;
    }
}

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

.bkw {
    background: url(/import/tenant_1/160.16.205.168/html/images/home/bkw.png) 0 center repeat;
}

.home5 .inner {
    position: relative;
}

.home5 .inner:before {
    content: "";
    width: 100px;
    height: 188px;
    background: url(/import/tenant_1/160.16.205.168/html/images/home/itemimg.png) 0 0 no-repeat;
    position: absolute;
    top: -130px;
    right: 0;
}

.home5 .box {
    width: 24%;
    margin: 0 1.3% 50px 0;
}

[data-element-id].home5 .flexc>div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home5 .box:nth-of-type(4n) {
    margin-top: 46px;
    margin-right: 0;
}

.home5 .box:nth-of-type(4n+1) {
    margin-top: 40px;
}

.home5 .box:nth-of-type(4n+2) {
    margin-top: 97px;
}

.home5 .box .img {
    margin-bottom: 10px;
}

.home5 .box .img {
    overflow: hidden;

    -webkit-clip-path: ellipse(100% 100% at 50% 100%);
    clip-path: ellipse(100% 100% at 50% 100%);
}

.home5 .box dl {
    padding: 5px;
    border: double 4px #c8b192;
    background: #fff;
}

.home5 .box dt {
    padding: 0 0 5px 0;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.home5 .box dt .s {
    display: block;
    font-size: 10px;
    line-height: 120%;
}

.home5 .box dd .s {
    display: inline-block;
    font-size: 10px;
}

.home5 .morest {
    max-width: 770px;
    margin: 100px auto 20px auto;
}

.home5 .morest li {
    width: 42%;
}

.home5 .morest li a {
    display: block;
    padding-bottom: 5px;
    text-align: center;
    border: 1px solid #c8b192;
    border-radius: 10px;
    background: #fff;
}

.home5 .morest li a .i {
    width: 130px;
    height: 79px;
    display: block;
    margin: 5px auto 0 auto;
}

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

    .home5 .morest li {
        width: 48%;
    }
}

.home6 .tit {
    width: 94%;
    max-width: 780px;
    margin: 0 auto -110px auto;
    padding: 30px 3% 20px 3%;
    background: #fff;
    position: relative;
    z-index: 1;
}

.home6 .tit .h2h {
    margin-bottom: 20px;
    padding-bottom: 30px;
    background: url(/upload/tenant_1/3b98fd4c5b5a39abf4dde8232608ff55.webp) center bottom no-repeat;
}

.home6 .tit p {
    padding: 0 0 20px 0;
    font-size: 18px;
    text-align: center;
}

.home6 .mores-op {
    margin-top: -62px;
    text-align: right;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .home6 .tit {
        margin-bottom: -30px;
    }

    .home6 .mores-op {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@media (max-width: 599px) {
    .home6 .img:after {
        padding-top: 60%;
    }

    .home6 .img img {
        -o-object-position: right bottom;
        object-position: right bottom;
    }

    .home6 .mores-op {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.bkw3 {
    background: url(/upload/tenant_1/684f7d76defd286dba611e8c6062d543.webp) center 0 repeat;
}

.home7 .img {
    width: 48%;
    margin-bottom: 20px;
}

.home7 .tbox {
    width: 48%;
}

.home7 .tbox p {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
}

.home7 .tbox .mores-op {
    padding: 30px 0 20px 0;
}

.home-wrap .gps {
    width: 32%;
    margin-bottom: 40px;
    padding: 35px 16px 15px 16px;
    border: 1px solid #eaeaea;
}

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

.home-blog dl {
    width: 53%;
    padding: 0 0 20px 0;
}

.home-blog dt {
    padding: 0 0 5px 0;
    letter-spacing: 2px;
}

.home-blog dd {
    letter-spacing: 2px;
}

.home-wrap .wrap .box {
  box-sizing: content-box;
}

.hmore {
    text-align: center;
}

.hmore a {
    width: 100%;
    max-width: 230px;
    display: inline-block;
    padding: 5px 20px;
    font-size: 18px;
    border: #707070 1px solid;
    border-radius: 20px / 50%;
    background: #fff;
}

.home-wrap .hmore {
    padding: 20px 0;
}

.home-wrap {
    padding-bottom: 60px;
}



.home-news dt {
    padding: 0 0 5px 0;
    letter-spacing: 2px;
}

.home-news dd {
    letter-spacing: 2px;
}

.home-news dl {
    padding: 0 0 20px 0;
}

.home-voice dt {
    padding: 0 0 5px 36px;
    letter-spacing: 2px;
    background: url(/import/tenant_1/160.16.205.168/html/images/home/voice.png) 0 0 no-repeat;
}

.home-voice dd {
    letter-spacing: 2px;
}

.home-voice dd a {
  display: block;
}

.home-voice dd span {
  display: block;
}

.home-voice dl {
    padding: 0 0 20px 0;
}

.mores-op a {
    width: 210px;
    display: inline-block;
    line-height: 62px;
    text-align: center;
    position: relative;
}

.mores-op a:before {
    content: "";
    width: 210px;
    height: 33px;
    /* background: url(/import/tenant_1/160.16.205.168/html/images/mores-up.png) 0 0 no-repeat; */
    background: url(/upload/tenant_1/e6b9b185644b10559b4c6c232556bcf5.webp) 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.mores-op.__dark a:before {
  /* background-color: #C5C5C5;
  background-blend-mode: multiply;
  mask-image: url(/import/tenant_1/160.16.205.168/html/images/mores-up.png);
  -webkit-mask-image: url(/import/tenant_1/160.16.205.168/html/images/mores-up.png);
  background-position: 0px 0px;
  mask-position-x: -0px;
  -webkit-mask-position-x: 0px; */
  background: url(/upload/tenant_1/f81d32d18fc6acd272cc3361bf11002b.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.mores-op a:after {
    content: "";
    width: 210px;
    height: 32px;
    /* background: url(/import/tenant_1/160.16.205.168/html/images/mores-bottom.png) 0 0 no-repeat; */
    background: url(/upload/tenant_1/79cc1fb52d1a6119412a2eb5cd5f4cfb.webp) 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.mores-op.__dark a:after {
  /* background-color: #C5C5C5;
  background-blend-mode: multiply;
  mask-image: url(/import/tenant_1/160.16.205.168/html/images/mores-bottom.png);
  -webkit-mask-image: url(/import/tenant_1/160.16.205.168/html/images/mores-bottom.png);
  background-position: 0px 0px;
  mask-position-x: -0px;
  -webkit-mask-position-x: 0px; */
  background: url(/upload/tenant_1/d8ac4c93aa03c8f767187122d0887f32.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.mores-op a:hover {
    opacity: 1;
}

.mores-op .w {
  opacity: 0;
  visibility: hidden;
}

/* .mores-op::before,
.mores-op::after {
    content: "";
    width: 200vw;
    height: 120vh;
    display: block;
    background-color: #333;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    left: -100vw;
    z-index: 999;
}

.mores-op.open::before,
.mores-op.open::after {
    -webkit-animation-name: PageAnime3;
    animation-name: PageAnime3;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-direction: reverse;
}

.mores-op::before {
    bottom: 50%;
}

.mores-op::after {
    top: 50%;
}

@-webkit-keyframes PageAnime3 {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes PageAnime3 {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
} */

/* ##### テスト ##### */
/* .mores-op {
    position: relative;
}

.mores-op::before,
.mores-op::after {
    content: "";
    width: 300vh;
height: 1px;
    display: block;
    background-color: #333;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    bottom: 50%;
    left: -50vw;
    z-index: 999;
}

.mores-op.open::before {
    height: 150vh;
    -webkit-transition: 1.4s linear;
    transition: 1.4s linear;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-name: btn-animation;
    animation-name: btn-animation;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.mores-op.open::after {
  height: 150vh;
  -webkit-transition: 1.4s linear;
  transition: 1.4s linear;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-name: btn-animation;
  animation-name: btn-animation;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.mores-op::after {
  bottom: unset;
  top: 50%;
}


@-webkit-keyframes btn-animation {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes btn-animation {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
} */

/* ##### テストここまで ##### */

/* .mores-op:before {
  content: "";
  width: 200vw;
  height: 100vh;
  background: #333;
  position: absolute;
  top: 50%;
  transform: scaleY(0);
  left: -100vw;
}


.mores-op.open:before {
  display: block;
  animation-name: PageAnime3;
  animation-duration: 1.4s;
  animation-delay: 1s;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  z-index: 999;
  background-color: blue;
}

@keyframes PageAnime3 {
  0% {
    transform:scaleY(0);
  }

  100% {
    transform:scaleY(1);
  }
} */

/* .mores-op a:hover:before{
  transform: translateY(-20px);
}
.mores-op a:hover:after{
  transform: translateY(20px);
} */

.mores-op.open a:before {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.mores-op.open a:after {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.mores-op {
    text-align: center;
    position: relative;
}

.rec-op a {
    width: 140px;
    height: 52px;
    display: inline-block;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    position: relative;
}

.rec-op a:before {
    content: "";
    width: 140px;
    height: 26px;
    background: url(/upload/tenant_1/6822e0ef9ff1513ebe527ef616721e6b.png) 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.rec-op a:after {
    content: "";
    width: 140px;
    height: 26px;
    background: url(/upload/tenant_1/145d2f0ae1389b8e9c64a5f742c256d7.png) 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.rec-op a:hover {
    opacity: 1;
}


.rec-op.open a:before {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.rec-op.open a:after {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.rec-op {
    text-align: center;
}

.rec-op .w {
  opacity: 0;
  visibility: hidden;
}


/* 
.rec-op::before,
.rec-op::after {
    content: "" !important;
    width: 200vw;
    height: 200vh;
    display: block !important;
    margin: 0 !important;
    background-color: #333;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    left: -100vw;
    z-index: 999;
}

.rec-op.open::before,
.rec-op.open::after {
    -webkit-animation-name: PageAnime4;
    animation-name: PageAnime4;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
animation-direction: reverse;
}

.rec-op::before {
    bottom: 0%;
}

.rec-op::after {
    top: 0%;
}

@-webkit-keyframes PageAnime4 {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes PageAnime4 {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
 */

@media (max-width:1170px) {
    .rec-op a {
        margin: 10px auto;
    }
}

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

    .home7 .tbox {
        width: 100%;
    }

    .home-wrap .gps {
        width: 100%;
    }
    .home-wrap .wrap .box {
      height: auto!important;
    }

    .mores-op a {
        width: 150px;
        height: 45px;
    }

    .mores-op a:before {
        width: 150px;
        height: 24px;
        background-position: center bottom;
    }

    .mores-op a:after {
        width: 150px;
        height: 23px;
        background-position: center bottom;
    }

    .rec-op a {
        width: 150px;
        height: 53px;
    }

    .rec-op a:before {
        width: 150px;
        height: 26px;
    }

    .rec-op a:after {
        width: 150px;
        height: 27px;
    }
}

.home-shop:nth-of-type(1) {
    background: #ffeee8;
}

.home-shop:nth-of-type(2) {
    background: #f9e8d0;
}

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

.home-shop .tbox {
    width: 53%;
}

.home-shop .img {
    width: 45%;
    margin-bottom: 20px;
}

.home-shop .logo .i {
    width: 195px;
    height: 119px;
    display: inline-block;
}

.home-shop:nth-of-type(2) .logo .i {
    width: 160px;
    height: 98px;
}

.home-shop:nth-of-type(2) .logo {
    padding: 0 0 10px 0;
    text-align: center;
}

.home-shop .tbox dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 5px 0;
}

.home-shop .tbox dt {
    padding: 0 0.5em 0 0;
    white-space: nowrap;
    width: 80px;
}

.home-shop .tbox dd {
  width: calc(100% - 80px);
}

.home-shop .tbox dd .s {
    font-size: 12px;
    line-height: 120%;
}

.home-shop .h3 {
    padding: 10px 0 20px 0;
}

.home-shop .h3 .e {
    display: inline-block;
    padding-right: 1em;
    font-size: 20px;
}

.home-shop .h3 .n {
    display: inline-block;
    font-size: 14px;
}

.home-shop .tbox {
    padding-bottom: 15px;
}

.home-shop .img div:before {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 1;
}

.home-shop .maps {
    width: 100%;
    height: 400px;
    margin-top: 20px;
}

.home-shop .maps iframe {
    width: 100%;
    height: 100%;
    /*   object-fit: cover; */
}

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

    .home-shop .tbox {
        width: 100%;
    }
}

.zoom-in-img {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #fff;
    cursor: pointer;
}

.zoom-in-img:hover {
    opacity: 1;
}

.zoom-in-img img {
    width: 100%;
    height: 100%;
}

/*ホバーエフェクト*/
.zoom-in-img img {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.zoom-in-img:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/*コンセプト*/

.concept1 {
    background: #ffeee8 url(/import/tenant_1/160.16.205.168/html/images/concept/conceptbg.png) right bottom no-repeat;
}

.concept1 .inner {
    padding: 50px 0 0 0;
    background-image: url(/import/tenant_1/160.16.205.168/html/images/concept/conceptmk1.png), url(/import/tenant_1/160.16.205.168/html/images/concept/conceptmk2.png);
    background-repeat: no-repeat;
    background-position: 0 0, right bottom;
}

.h3s {
    padding-bottom: 50px;
    font-family: "Cutive Mono", monospace;
    font-size: 46px;
    line-height: 100%;
    text-align: center;
}

.h3s .k {
    display: block;
    font-family: "Kiwi Maru", serif;
    font-size: 16px;
    line-height: 140%;
}

.concept1 .txt {
    max-width: 740px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.concept1 .txt p {
    padding: 0 0 30px 0;
    line-height: 210%;
    letter-spacing: 2px;
    text-align: center;
}

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

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

    .concept1 .txt p {
        text-align: left;
    }
}

.concept2 .inner {
    padding: 40px 2%;
    border: double 5px #c8b192;
    background: #fff;
}

.concept2 .img {
    width: 47%;
    margin-bottom: 20px;
}

.concept2 .tbox {
    width: 49%;
}

.concept2 .tbox p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.concept2 .tbox .sign {
    padding-top: 20px;
    text-align: right;
}

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

    .concept2 .inner {
        padding-left: 4%;
        padding-right: 4%;
    }

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

.concept3 {
    padding-top: 100px;
}

.concept3 .bkwrap {
    border-radius: 50% 50% 0 0 /346px 346px 0 0;
    background: url(/import/tenant_1/160.16.205.168/html/images/concept/concept3bk.png) center 0 repeat;
}

.list1 .tbox,
.list1 .tit div {
    width: 60%;
}

.list1 .img {
    width: 36%;
    margin: 0 0 20px 0;
}

.list1 .tbox,
.list1 .tit:before {
    content: "";
    display: block;
}

.concept3 p,
.list1 p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.list1 .tbox {
    padding: 35px 0 0 0;
}

.list1 .tit .h4 {
    padding: 0 0 0 90px;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 30px;
    position: relative;
}

.list1 .tit .h4 .n {
    font-weight: 500;
    font-size: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

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

.list1 .box {
    padding-bottom: 70px;
}

.concept3 .box2 .h4s {
    text-align: center;
}

.concept3 .box2 .txt {
    max-width: 890px;
    margin: 0 auto;
}

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

@media (max-width: 1024px) {
    .list1 .tit .h4,
    .concept3 .box2 .h4 {
        font-size: 20px;
    }

    .concept3 .bkwrap {
        border-radius: 50% 50% 0 0 /146px 146px 0 0;
    }
}

@media (max-width: 599px) {
    .concept3 .box2 .txt p {
        text-align: left;
    }

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

    .list1 .tbox,
    .list1 .tit div {
        width: 100%;
    }

    .list1 .tit .h4 {
        padding-bottom: 30px;
        padding-left: 80px;
    }

    .list1 .h4,
    .concept3 .box2 .h4 {
        font-size: 22px;
    }

    .list1 .tbox {
        padding-top: 0;
    }
}

/*Cut/Color*/
.bkw1 {
    background: url(/import/tenant_1/160.16.205.168/html/images/foot-bk.png) 0 center repeat;
}

.nayami1 {
    max-width: 810px;
    margin: 0 auto;
}

.h3n {
    margin-bottom: 30px;
    padding: 0 0 50px 0;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    background: url(/import/tenant_1/160.16.205.168/html/images/h3n.png) center bottom no-repeat;
}

.nayami1 .wrap {
    margin-bottom: 30px;
    padding: 40px 5% 20px 5%;
    border: double 5px #c8b192;
    background: #fff;
}

.nayami1 li {
    padding: 0 0 20px 2em;
    font-size: 20px;
    letter-spacing: 2px;
    position: relative;
}

.nayami1 li:before {
    content: "→";
    color: #c8b192;
    position: absolute;
    top: 0;
    left: 0;
}

.cut1 .img {
    width: 43%;
    margin-bottom: 20px;
}

.cut1 .tbox {
    width: 50%;
    padding: 20px 0 0 0;
}

.cut1 p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.mono {
    position: absolute;
}

.cut .inner {
    position: relative;
}

.cut .mono {
    width: 219px;
    height: 215px;
    position: absolute;
    top: 0;
    right: 0;
}

.color .inner {
    position: relative;
}

.color .mono {
    width: 281px;
    height: 234px;
    position: absolute;
    top: 0;
    left: -50px;
}

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

    .cut .mono {
        width: 119px;
        height: 117px;
        top: -20px;
    }

    .color .mono {
        width: 181px;
        height: 151px;
        position: absolute;
    }
}

@media (max-width: 599px) {
    .nayami1 li {
        font-size: 18px;
    }

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

    .cut1 .tbox {
        width: 100%;
        padding-top: 0;
    }

    .cut .inner {
        background-image: none;
    }

    .color .inner {
        padding-bottom: 0;
        background-image: none;
    }

    .color1 {
        padding-bottom: 0;
    }

    .color {
        padding-bottom: 0;
    }
}

/*Siena Hair Resort*/
.sub-tit2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.sub-tit2:after {
    content: "";
    display: block;
    padding-top: 47%;
}

.sub-tit2 .img {
    position: absolute;
    top: 0;
    left: 0;
}

.sub-tit2 .inner {
    position: relative;
    z-index: 1;
}

.sub-tit2 .h2 {
    padding: 140px 0 50px 0;
    font-family: "Cutive Mono", monospace;
    font-size: 58px;
    line-height: 130%;
    text-align: center;
}

.sub-tit2 .img:before {
    content: "";
    width: 100%;
    height: 60%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
}

.bksky {
    background: url(/import/tenant_1/160.16.205.168/html/images/sora-bk.png) center 0 repeat;
}

.shop1 .wrap {
    max-width: 940px;
    margin: -40px auto 0 auto;
    padding: 40px 3% 30px 3%;
    border: double 5px #c8b192;
    background-image: url(/import/tenant_1/160.16.205.168/html/images/siena/sienamk1.png), url(/import/tenant_1/160.16.205.168/html/images/siena/sienamk2.png);
    background-repeat: no-repeat;
    background-position: 0 0, right 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.h4s {
    padding: 0 0 30px 0;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 30px;
}

.shop1 p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.shop1 ul {
    padding: 20px 0;
}

.shop1 ul li {
    line-height: 210%;
    letter-spacing: 2px;
}

.shop1 .imgbox:before {
    content: "";
    display: block;
}

.shop1 .imgbox {
    margin-top: -84px;
    margin-bottom: -56px;
    position: relative;
    z-index: 1;
}

.shop1 .imgbox .img {
    width: 32%;
}

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

    .shop1 .imgbox {
        margin-top: -30px;
    }

    .sub-tit2 .h2 {
        font-size: 40px;
    }
}

@media (max-width: 599px) {
    .shop1 .imgbox .img {
        width: 50%;
        max-width: 320px;
    }

    .sub-tit2 .h2 {
        padding: 80px 0 20px 0;
        font-size: 28px;
    }

    .shop1 li .k {
        display: block;
    }

    .shop1 .imgbox {
        margin-bottom: -36px;
    }
}

.shop3 {
    position: relative;
}

.shop3 li {
    width: 32%;
    margin: 0 2% 20px 0;
}

.shop3 li:nth-of-type(3n+2) {
    margin-top: 20px;
}

.shop3 li:nth-of-type(3n) {
    margin-top: 40px;
    margin-right: 0;
}

.shop3:before {
    content: "";
    width: 100vw;
    height: 114px;
    background: #ffeee8;
    position: absolute;
    top: 0;
    left: 0;
}

.shop3:after {
    content: "";
    width: 100vw;
    height: 114px;
    background: #ffeee8;
    position: absolute;
    top: 0;
    right: 100%;
}

.shop3 li {
    position: relative;
    z-index: 2;
}

.shop4 .home5 {
    width: 78%;
}

.shop4 .tit {
    padding-top: 100px;
}

.shop4 .home5 .box {
    width: 32%;
    margin-top: 0;
    margin-right: 2%;
}

[data-element-id].shop4 .home5 .flex>div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.shop4 .home5 .box:nth-of-type(3n+1) {
    margin-top: 40px;
}

.shop4 .home5 .box:nth-of-type(3n+2) {
    margin-top: 97px;
}

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

    .shop4 .home5 {
        width: 100%;
    }

    .shop4 .home5 .box {
        width: 46%;
        margin-top: 0 !important;
        margin-left: 2%;
        margin-right: 2% !important;
    }
}

.shop5 {
    background: #f1fffa;
    position: relative;
}

.shop5:before {
    content: "";
    width: 50vw;
    background: #f1fffa;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
}

.shop5 .menu1 {
    width: 78%;
    padding: 0 3% 0 0;
}

.shop5 .menu1 .wrap {
    max-width: 700px;
}

.shop5 .menu1 dt {
    float: left;
    font-family: "Kiwi Maru", serif;
}

.shop5 .menu1 dd {
    font-family: "Kiwi Maru", serif;
    text-align: right;
}

.shop5 .menu1 dl {
    padding: 10px;
    border-bottom: 1px solid #b8e2d3;
}

.shop5 .tit {
    padding-top: 140px;
}

.shop5 .wrap {
    margin-bottom: 50px;
}

.shop6 .h4s {
    text-align: center;
}

.shop6 .txt {
    max-width: 890px;
    margin: 0 auto;
}

.shop6 .txt p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
    text-align: center;
}

@media (max-width: 1024px) {
    .shop5 .menu1 dt {
        float: none;
    }
}

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

    .shop5 .menu1 {
        width: 100%;
    }

    .shop6 .txt p {
        text-align: left;
    }
}

.arianna .home-shop:nth-of-type(1) {
    background: #f9e8d0;
}

.arianna .shop5 {
    background-color: #fae9eb;
}

.arianna .shop5:before {
    background-color: #fae9eb;
}

.arianna .shop5 .menu1 dl {
    border-color: #efbeac;
}

.arianna .shop1 {
    background-image: url(/import/tenant_1/160.16.205.168/html/images/arianna/arianna_bk.png);
}

.arianna .shop1 .wrap {
    padding-bottom: 100px;
}

.arianna .shop3:before {
    background: #f9e8d0;
}

.arianna .shop3:after {
    background: #f9e8d0;
}


.nobi a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    text-decoration: none;
    outline: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.nobi a {
    width: 100%;
    height: auto;
}

.nobi a .circle {
    width: 33px;
    height: 33px;
    display: block;
    margin: 0;
    border: 1px solid #222;
    border-radius: 1.625rem;
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
}

.nobi a .circle .icon {
    margin: auto;
    background: #222;
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
}

.nobi a .circle .icon.arrow {
    width: 1.125rem;
    height: 0.125rem;
    background: none;
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0;
}

.nobi a .circle .icon.arrow::before {
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #222;
    border-right: 0.125rem solid #222;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -0.25rem;
    right: 0px;
}

.nobi a .button-text {
    margin: 0 0 0 2em;
    color: #282936;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nobi a:hover {
    opacity: 1;
}

.nobi a:hover .circle {
    width: 100%;
}

.nobi a:hover .circle .icon.arrow {
    background: #222;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

/*staff*/

.staff2 .tbox {
    width: 50%;
}

.staff2 .img {
    width: 48%;
    margin-bottom: 20px;
}

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

.staff2 .yaku {
    padding: 0 0 20px 0;
}

.staff2 .h3 {
    padding: 0 0 20px 0;
    font-size: 30px;
}

.staff2 .h3 .s {
    display: block;
    font-size: 10px;
}

.staff2 .table dt {
    float: left;
    font-family: "Kiwi Maru", serif;
}

.staff2 .table dd {
    font-family: "Kiwi Maru", serif;
    text-align: right;
}

.staff2 .table dl {
    padding: 10px;
    border-bottom: #c8b192 1px solid;
}

.staff2 .messa {
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: #c8b192 1px solid;
}

.staff2 .messa .h4 {
    width: 32%;
    font-family: "Kiwi Maru", serif;
    font-size: 16px;
}

.staff2 .messa .txt {
    width: 65%;
    font-family: "Kiwi Maru", serif;
}

.staff2 .tomore li {
    padding: 0 16px 20px 0;
}

.staff2 .tomore li.nobi {
    padding-top: 8px;
}

.staff2 .tomore li.nobi a {
    width: 16.5em;
    font-size: 18px;
}

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

    .staff2 .tbox {
        width: 100%;
    }

    .staff2 .tomore li.nobi a {
        font-size: 16px;
    }
}

.staff1 {
    background: #fffef3;
}

.staff3 {
    padding: 60px 0 0 0;
}

.staff3 .flex li {
    width: 23%;
    margin: 0 2.6% 30px 0;
}

.staff3 .flex>div {
    width: 100%;
    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;
}

.staff3 .flex li:nth-of-type(4n) {
    margin-right: 0;
}

.staff3 .flex li a:before {
    content: "";
    background: url(/import/tenant_1/160.16.205.168/html/images/home/gal-frame.png) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.staff3 .flex li a:after {
    padding-top: 153.5%;
}

.staff4.flexb .nobi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.staff4.flexb .nobi a {
    width: 8em;
    font-size: 14px;
    letter-spacing: 2px;
}

.back a {
    width: 210px;
    display: inline-block;
    font-size: 20px;
    line-height: 63px;
    text-align: center;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-bk.png) 0 0 no-repeat;
    background-size: cover;
}

.back-02 {
  width: 210px;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.back-02 a, .back-02 button {
  display: block;
  line-height: 63px;
}

.back-02 button {
  border: none;
  width: 100%;
  background-color: inherit;
}

.back-02 a:hover {
  opacity: 1;
}

.back-02 svg {
  position: absolute;
  top: 0;
  left: 0;
}
.back-02 svg rect {
  fill: none;
  stroke: #444444;
  stroke-width: 1;
  stroke-dasharray: 400, 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.back-02:hover svg rect {
  /* stroke: #4274D3; */
  stroke: #444444;
  stroke-width: 3;
  stroke-dasharray: 35, 245;
  stroke-dashoffset: 38;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.staff4.flexb {
    max-width: 650px;
    margin: 40px auto;
}

@media (max-width: 599px) {
    .staff4 .back a {
        width: 120px;
        font-size: 16px;
        line-height: 36px;
    }
    .back-02 {
      width: 120px;
      font-size: 16px;
    }
    .back-02 a, .back-02 button {
      line-height:  40px;
    }
}

/*Gallery*/
.galwrap #left {
    width: 73%;
    padding-top: 0;
}

.galwrap #side {
    width: 23%;
    padding: 45px 0 0 0;
}

.galwrap #left .flex li {
    width: 32%;
    margin: 0 2% 20px 0;
}

.galwrap #left .flex li:nth-of-type(3n) {
    margin-right: 0;
}

.pagenav ul {
    letter-spacing: -5px;
    text-align: center;
}

.pagenav li {
    display: inline-block;
    padding: 0 0.5em 20px 0.5em;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 0;
}

.galwrap #side li a {
    display: block;
    padding: 14px 2.5%;
    font-size: 18px;
    text-align: center;
    text-align: center;
    border: 6px double #fff;
    background: #bde8e4;
    position: relative;
}

.galwrap #side li {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
}

.pagenav {
    padding: 30px 0;
}

.gal1 {
    background-image: url(/import/tenant_1/160.16.205.168/html/images/home/gal-bklb.png), url(/import/tenant_1/160.16.205.168/html/images/home/galbkrt.png), url(/import/tenant_1/160.16.205.168/html/images/home/itemimg.png);
    background-repeat: no-repeat;
    background-position: 0 bottom, right top, right 50%;
}

.gal2 .h4s {
    text-align: center;
}

.gal2 .txt {
    max-width: 890px;
    margin: 0 auto;
}

.gal2 .txt p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
    text-align: center;
}

.gal2 {
    padding-top: 40px;
}

.cate-menu-list {
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

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

    .galwrap #left {
        width: 100%;
    }

    .galwrap #side {
        width: 100%;
    }

    .gal2 .h4s,
    .gal2 .txt p {
        text-align: left;
    }
}

.gal4 .imgs {
    width: 50%;
}

.gal4 .tbox {
    width: 45%;
}

.gal4 .txt p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.gal4 .txt {
    padding-bottom: 30px;
}

.gal4 .h4 {
    padding-bottom: 10px;
    font-family: "Kiwi Maru", serif;
    font-size: 26px;
}

.gal4 .tbox .cat li {
    width: 48%;
    padding: 0 0 10px 0;
}

.gal4 .tbox .cat li a {
    display: block;
    padding: 3px 0;
    font-family: "Kiwi Maru", serif;
    font-size: 20px;
    text-align: center;
    border: 1px solid #c8b192;
    background: #fff;
}

.gal4 .tbox .cat {
    padding: 0 0 40px 0;
}

.gal4 .tbox .tstaff .flexb {
    padding: 3px;
    border: 6px double #c8b192;
    background: #fff;
}

.gal4 .tbox .tstaff .flexb .img {
    width: 25%;
}

.gal4 .tbox .tstaff .flexb .txts {
    width: 73%;
}

.gal4 .tbox .tstaff .flexb .txts .yaku {
    padding: 2px 0 10px 0;
    font-size: 10px;
}

.gal4 .tbox .tstaff .flexb .txts .yaku .n {
    display: block;
    font-size: 12px;
}

.gal4 .tbox .tstaff .flexb .txts .name .s {
    padding: 0 0 10px 0;
    font-size: 10px;
}

.gal4 .tbox .tstaff {
    padding-bottom: 40px;
}

.gal4 .imgs .img {
    margin-bottom: 25px;
}

.gal4 .imgs .zoom-in-img {
    background: none;
}

.gallery-detail .gal1 {
    background-position: 0 bottom, right top, right 80%;
}

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

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

/*item*/

.itembk {
    background: #f9e8d0;
}

.item-tit p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
    text-align: center;
}

.item-tit {
    padding: 0 0 40px 0;
}

.item-nav li {
    width: 15%;
    margin: 0 2% 20px 0;
    border: 1px solid #c8b192;
}

.item-nav li:nth-of-type(6n) {
    margin-right: 0;
}

.item-nav {
    padding-bottom: 45px;
}

.itemlist #left {
    width: 74%;
}

.itemlist #side {
    width: 23%;
}

.itemlist #side li a {
    display: block;
    padding: 5px 0;
    font-size: 18px;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 20px / 50%;
    background: #fff;
}

.itemlist #side li {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
}

.itemlist .box {
    width: 32%;
    margin: 0 2% 30px 0;
}

[data-element-id].itemlist #left>.flex>div {
    width: 100%;
    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;
}

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

.itemlist .box .img {
    margin-bottom: 10px;
}

.itemlist .box .h4 {
    padding: 0 0 10px 0;
    font-family: "Kiwi Maru", serif;
    font-size: 18px;
    line-height: 140%;
}

.itemlist .box p {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
}

.itemlist .box .nobi {
    font-size: 14px;
}

.itemlist .box .nobi a {
    width: 13em;
    letter-spacing: 2px;
}

@media (max-width: 1024px) {
    .itemlist #side {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .itemlist #left {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .item-nav li {
        width: 32%;
    }

    .item-nav li:nth-of-type(3n) {
        margin-right: 0;
    }

    .itemlist .box {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }

    .item-tit .h3n {
        text-align: left;
    }

    .item-tit p {
        text-align: left;
    }
}

.item1 .tbox {
    width: 57%;
}

.item1 .img {
    width: 40%;
    margin: 0 0 20px 0;
}

.item1 .txt p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

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

.item1 .table {
    width: 100%;
    max-width: 460px;
    margin-bottom: 20px;
}

.item1 .tbox .flexb:before {
    content: "";
    display: block;
}

.item1 .table dt {
    float: left;
    font-size: 18px;
    letter-spacing: 2px;
}

.item1 .table dd {
    font-size: 18px;
    letter-spacing: 2px;
    text-align: right;
}

.item1 .table dl {
    padding: 10px;
    border-bottom: #c8b192 1px solid;
}

.item1 {
    padding-bottom: 60px;
}

.item2.itemlist .box {
    width: 23%;
    margin: 0 2.6% 0 0;
}

[data-element-id].itemlist>.flex>div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item2.itemlist .box:nth-of-type(4n) {
    margin-right: 0;
}

@media (max-width: 1024px) {
    .item1 .table dd {
        font-size: 16px;
    }

    .item1 .table dt {
        font-size: 16px;
    }
}

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

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

    .item1 .tbox {
        width: 100%;
    }

    .item1 .table dt {
        float: none;
    }
}

/*voice*/

.vbox {
    margin-bottom: 35px;
    padding: 8px;
    border: 4px double #c8b192;
    background: #fff;
}

.vbox .day {
    padding: 0 0 10px 0;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: right;
}

.vbox .h3 {
    padding: 0 0 5px 45px;
    font-family: "Kiwi Maru", serif;
    font-size: 30px;
    background: url(/import/tenant_1/160.16.205.168/html/images/voice/ic.png) 0 8px no-repeat;
}

.vbox .h3 .s {
    display: inline-block;
    font-size: 18px;
}

.vbox .tit {
    margin-bottom: 20px;
    border-bottom: 1px solid #c8b192;
}

.vbox .nobi {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
}

.vbox .img {
    margin-bottom: 20px;
}

.vbox .nobi a {
    width: 13em;
    font-size: 14px;
}

.vlist .vbox {
    width: 48%;
}

[data-element-id].vlist .flexb>div {
    width: 100%;
    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;
}

.vbox .txt {
    padding: 18px;
    background: #faf7e9;
}

.vbox .txt p {
    padding: 0 0 18px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.voice-d .vbox {
    margin-bottom: 70px;
    padding: 20px 2.5%;
}

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

/*news*/
.newslist .inner {
    max-width: 940px;
}

.newslist .table dl {
    padding: 15px;
    border-bottom: 1px solid #c8b192;
}

.newslist .table dt {
    width: 18%;
    padding-right: 1em;
}

.newslist .table dt+dd {
    width: 18%;
    padding-right: 1em;
}

.newslist .table dd+dd {
    width: 64%;
}

.newslist .table {
    margin-bottom: 30px;
}

.newslist {
    position: relative;
}

.news2 #side {
    max-width: 925px;
    margin: 0 auto 40px auto;
}

.news2 #side .box {
    width: 48%;
    margin-bottom: 25px;
    padding: 25px 4% 5px 4%;
    border: 4px double #c8b192;
    background: rgba(255, 255, 255, 0.5);
}

.news2 #side .box .h3 {
    padding: 0 0 20px 0;
    font-family: "Cutive Mono", monospace;
    font-size: 40px;
    text-align: center;
}

.news2 #side .box.cat li {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
}

.news2 #side .box li {
    padding-bottom: 20px;
    font-size: 18px;
}

[data-element-id].news2 #side .box ul.flexs>div {
    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;
}

.news2 #side .arc li {
    width: 48%;
    letter-spacing: 2px;
    text-align: center;
}


.news3 .h4s {
    text-align: center;
}

.news3 .txt {
    max-width: 890px;
    margin: 0 auto;
}

.news3 .txt p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
    text-align: center;
}

.newslist .img1 {
    width: 109px;
    height: 187px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.newslist .img2 {
    width: 294px;
    height: 155px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.newslist .inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .newslist .img1 {
        width: 80px;
        height: 137px;
        opacity: 0.6;
    }

    .newslist .img2 {
        width: 200px;
        height: 105px;
    }

    .news2 #side .box .h3 {
        font-size: 30px;
    }

    .news2 #side .box li {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .newslist .table dd+dd {
        width: 100%;
    }

    .newslist .table dt {
        width: auto;
        padding-bottom: 10px;
    }

    .newslist .table dt+dd {
        width: auto;
        padding-bottom: 10px;
    }

    .news2 #side .box {
        width: 100%;
    }

    .news3 .h4s {
        text-align: left;
    }

    .news3 .txt p {
        text-align: left;
    }
}

/*blog*/

.bloglist .box {
    width: 22%;
    margin: 0 4% 60px 0;
}

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

[data-element-id].bloglist .flex>div {
    width: 100%;
    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;
}

.bloglist .box .img {
    margin-bottom: 5px;
}

.bloglist .box .img+p {
    letter-spacing: 2px;
    /* text-align: center; */
}

.bloglist .box .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 0 5px 0;
    letter-spacing: 2px;
    white-space: nowrap;
}

.bloglist .box .day .w {
    display: inline-block;
    padding-left: 1em;
}

.bloglist .box .day:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #000;
}

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

    .bloglist+.news2 {
        padding-top: 0;
    }

    .bloglist+.news2 #side {
        margin-bottom: 20px;
    }
}

.blog-d .tit .h4s {
    text-align: center;
    padding: 0 0 30px 0;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-size: 30px;
    border: none;
    margin: 0;
}

.blog-d .tit p {
    text-align: right;
}

.blog-d .tit p.cat {
  margin-bottom: 20px;
}

.blog-d .tit p.day .w {
    display: inline-block;
    position: relative;
}

.blog-d .tit p.day .w:before {
    content: "";
    width: 200px;
    height: 1px;
    background: #222;
    position: absolute;
    top: 50%;
    right: calc(100% + 1em);
}

.blog-d .txt .img {
    max-width: 590px;
    margin: 0 auto 30px auto;
}

.blog-d .txt .p {
    padding: 0 0 25px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.blog-d {
    padding-bottom: 30px;
}
.blog_detail h2 {
    padding: 1rem 2rem;
    border-top: 6px double #000;
    border-bottom: 6px double #000;
    margin-bottom: 30px;
    font-size: 26px;
}

.blog_detail h3 {
    padding: 1rem 2rem;
    border-bottom: 3px solid #000;
    margin-bottom: 20px;
    font-size: 22px;
}

.blog_detail h4 {
    padding: 1rem 2rem;
    border-left: 4px solid #000;
    margin-bottom: 15px;
    font-size: 18px;
}

@media (max-width:1024px) {
  .blog-d .tit .h4s {
    font-size: 24px;
  }
  .blog_detail h2 {
    font-size: 22px;
  }
  
  .blog_detail h3 {
      font-size: 18px;
  }
  
  .blog_detail h4 {
      font-size: 16px;
  }
}

@media (max-width:599px) {
  .blog-d .tit .h4s {
    text-align: left; 
  }
  .blog_detail h2 {
      padding: 0.6rem 1.2rem;
  }
  
  .blog_detail h3 {
      padding: 0.6rem 1.2rem;
  }
  
  .blog_detail h4 {
      padding: 0.6rem 1rem;
  }

}

/*Contact*/

.cont1 .txt p {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
}

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

.cont1 .wrap {
    padding: 30px 4%;
    border: 4px double #c8b192;
    background: #fff;
}

.cont1 .wrap p {
    padding: 0 0 30px 0;
    letter-spacing: 2px;
    text-align: center;
}

.cont1 .wrap p.tel {
    font-family: "Cutive Mono", monospace;
    font-size: 48px;
    white-space: nowrap;
}

.cont1 .wrap p .i {
    width: 121px;
    height: 127px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

@media (max-width: 1024px) {
    .cont1 .wrap p .i {
        width: 80px;
        height: 84px;
    }

    .cont1 .wrap p.tel {
        font-size: 36px;
    }
}

@media (max-width: 599px) {
    .cont1 .wrap p .i {
        width: 60px;
        height: 63px;
        margin-right: 5px;
    }

    .cont1 .wrap p.tel {
        font-size: 30px;
    }

    .cont1 .txt p {
        text-align: left;
    }
}

.cont2 .txt p {
    padding: 0 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
}

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

.cont2 .table {
    padding: 20px 2%;
    border: 4px double #c8b192;
    background: #fff;
}

.cont2 .table dt {
    width: 200px;
    padding: 20px 0 0 0;
    letter-spacing: 2px;
}

.cont2 .table dd {
    width: calc(100% - 200px);
    padding: 16px 0;
}

.size1 {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #f5f5f1;
}

.cont2 .table dl {
    border-bottom: 1px solid #c8b192;
}

.cont2 .table dl:last-child {
    border: none;
}

.cont2 .formbtn #send {
    width: 422px;
    height: 64px;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    border: none;
    background: url(/import/tenant_1/160.16.205.168/html/images/contact/cont-btn.png) 0 0 no-repeat;
}

.cont2 .formbtn #send:before {
    content: "";
    width: 12px;
    height: 23px;
    display: block;
    margin: 0 auto 5px auto;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-key.png) 0 0 no-repeat;
}

.cont2 .formbtn #back {
    width: 422px;
    height: 64px;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    border: none;
    background: url(/import/tenant_1/160.16.205.168/html/images/contact/cont-btn.png) 0 0 no-repeat;
}

.cont2 .formbtn #back:before {
    content: "";
    width: 12px;
    height: 23px;
    display: block;
    margin: 0 auto 5px auto;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-key.png) 0 0 no-repeat;
}

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

.cont2 .formbtn {
    padding: 40px 0;
}

@media (max-width: 1024px) {
    .cont2 .formbtn #send {
        width: 210px;
        background-image: url(/import/tenant_1/160.16.205.168/html/images/open-bk.png);
    }

    .cont2 .formbtn #back {
        width: 210px;
        background-image: url(/import/tenant_1/160.16.205.168/html/images/open-bk.png);
    }
}

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

    .cont2 .table dd {
        width: 100%;
    }

    .cont2 .txt p {
        text-align: left;
    }

/*     .cont2 .formbtn li+li {
    margin-top: 30px;
} */
}

.cont3 .box {
    padding: 0 0 20px 0;
}

.cont3 .box p,
.cont3 .box .h4,
.cont3 .box li {
    letter-spacing: 2px;
}

.cont3 .box li {
    padding-left: 1em;
    text-indent: -1em;
}

/*Recruit*/

.bkb {
    background: url(/import/tenant_1/160.16.205.168/html/images/foot-bk.png) 0 center repeat;
}

.recd1 .table {
    padding: 0 3%;
    background: #ffeee8;
}

.recd1 .h3n {
    font-size: 24px;
}

.recd1 .table dt {
    width: 200px;
    padding: 0 1em 0 0;
}

.recd1 .table dd {
    width: calc(100% - 200px);
}

.recd1 .table dl {
    padding: 16px 0;
    border-bottom: 1px solid #c8b192;
}

.recd1 .table dl:last-child {
    border-bottom: none;
}

.recd2 {
    background: url(/import/tenant_1/160.16.205.168/html/images/bk-rebon.png) center 0 no-repeat;
    background-size: cover;
}

.recd2 .table {
    padding-top: 30px;
    padding-bottom: 50px;
    border: 4px double #c8b192;
    background: #fff;
}

.recd2 .table dl:last-child {
    border-bottom: 1px solid #c8b192;
}

.recd2 .table {
    margin-bottom: 60px;
}

.recdm a {
    width: 100%;
    max-width: 422px;
    height: 64px;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: url(/import/tenant_1/160.16.205.168/html/images/contact/cont-btn.png) 0 0 no-repeat;
}

.recdm a:before {
    content: "";
    width: 12px;
    height: 23px;
    display: block;
    margin: 10px auto 5px auto;
    background: url(/import/tenant_1/160.16.205.168/html/images/open-key.png) 0 0 no-repeat;
}

.recdm {
    text-align: center;
}

.recd2 .recdm {
    padding-bottom: 30px;
}

@media (max-width: 1024px) {
    .recdm a {
        max-width: 210px;
        background-image: url(/import/tenant_1/160.16.205.168/html/images/open-bk.png);
    }
}

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

    .recd1 .table dd {
        width: 100%;
    }
}

.rec1 .inner {
    padding-top: 75px;
    padding-bottom: 50px;
    position: relative;
}

.rec1 .h3s {
    padding-bottom: 0;
}

.rec1 .img {
    width: 24%;
    margin-top: -150px;
    margin-bottom: -90px;
}

.rec1 .img div {
    overflow: hidden;

    -webkit-clip-path: ellipse(100% 100% at 50% 100%);
    clip-path: ellipse(100% 100% at 50% 100%);
}

.rec1 .wrap {
    max-width: 810px;
    margin: 0 auto;
    padding: 50px 3% 30px 3%;
    border: 4px double #c8b192;
    background: #fff;
}

.rec1 .wrap .h4 {
    padding: 0 0 40px 0;
    text-align: center;
}

.rec1 .wrap p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.rec1 .il1 {
    width: 219px;
    height: 215px;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .rec1 .il1 {
        width: 119px;
        height: 117px;
        top: -20px;
    }

    .rec1 .img {
        margin-top: -5%;
        margin-bottom: -6%;
    }
}

.h3n.f4 {
    font-size: 24px;
}

.rec2 {
    background: #ffeee8;
}

.rec3 .wrap {
    max-width: 810px;
    margin: 0 auto;
    padding: 50px 3% 30px 3%;
    border: 4px double #c8b192;
    background: #fff;
    position: relative;
    z-index: 2;
}

.rec3 .out {
    padding: 60px 0 75px 0;
    position: relative;
}

.rec3 .out:after {
    content: "";
    background-image: url(/import/tenant_1/160.16.205.168/html/images/recruit/re-bkf1.png), url(/import/tenant_1/160.16.205.168/html/images/recruit/re-bkf2.png), url(/import/tenant_1/160.16.205.168/html/images/recruit/re-bkf3.png), url(/import/tenant_1/160.16.205.168/html/images/recruit/re-bkf4.png);
    background-repeat: no-repeat;
    background-position: 0 0, right 0, 0 bottom, right bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.rec3 .out:before {
    content: "";
    border-top: #c8b192 1px solid;
    border-bottom: 1px solid #c8b192;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.rec3 .wrap ul {
    width: 48%;
}

.rec3 .wrap li {
    padding: 0 0 20px 2em;
    font-size: 20px;
    letter-spacing: 2px;
    position: relative;
}

.ib {
    display: inline-block;
}

.rec3 .wrap li:before {
    content: "→";
    color: #c8b192;
    position: absolute;
    top: 0;
    left: 0;
}

.rec3 {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .rec3 .wrap li {
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    .rec3 .wrap ul {
        width: 100%;
    }

    .rec3 .h3n {
        text-align: left;
    }

    .rec1 .wrap p {
        letter-spacing: 2px;
    }
}

.rec6 {
    background: url(/import/tenant_1/160.16.205.168/html/images/recruit/bkrec6.png) 0 center repeat;
}

.rec6 .list1 .box:first-child .h .img {
    width: 100%;
    margin-bottom: 40px;
}

.rec6 .list1 .box:first-child .h .tbox {
    width: 100%;
}

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

.rec4 {
    background: url(/import/tenant_1/160.16.205.168/html/images/bk-rebon.png) center 0 no-repeat;
    background-size: cover;
}

.rec4 .img {
    width: 24%;
    margin: 0 0 20px 0;
}

.rec4 .tbox {
    width: 70%;
    padding: 50px 0 0 0;
}

.rec4 .tbox p {
    padding: 0 0 20px 0;
    line-height: 210%;
    letter-spacing: 2px;
}

.rec4 .img div {
    overflow: hidden;

    -webkit-clip-path: ellipse(100% 100% at 50% 100%);
    clip-path: ellipse(100% 100% at 50% 100%);
}

.rec4 .flexb+.flexb {
    padding-top: 60px;
}

@media (max-width: 599px) {
    .rec4 .img {
      width: 100%;
      max-width: 360px;
      margin-left: auto;
      margin-right: auto;
    }
    .rec4 .tbox {
      width: 100%;
        padding-top: 0;
    }
}

.rec2 .mono4 {
    width: 135px;
    height: 161px;
    position: absolute;
    bottom: -40px;
    right: 0;
}

.rec2 .list1 .tbox {
    position: relative;
}

.rec2 .mono3 {
    width: 144px;
    height: 208px;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.rec2 .mono2 {
    width: 123px;
    height: 273px;
    position: absolute;
    top: 0;
    right: 0;
}

.rec2 .inner {
    position: relative;
}

.rec2 .mono1 {
    width: 254px;
    height: 267px;
    position: absolute;
    top: -140px;
    left: 0;
}

@media (max-width: 1024px) {
    .rec2 .mono1 {
        width: 120px;
        height: 126px;
    }

    .rec2 .mono2 {
        width: 80px;
        height: 178px;
    }

    .rec2 .mono3 {
        width: 80px;
        height: 116px;
    }

    .rec2 .mono4 {
        width: 90px;
        height: 107px;
        bottom: -100px;
    }
}

.rec7 .box {
    width: 48%;
    margin-bottom: 40px;
    padding: 20px 2% 15px 2%;
    border: 4px double #c8b192;
    background: #fff;
}

[data-element-id].rec7 .flexb>div {
    width: 100%;
    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;
}

.rec7 .h4 {
    padding: 0 0 20px 0;
    font-family: "Kiwi Maru", serif;
    font-size: 24px;
}

.rec7 dt {
    float: left;
}

.rec7 dd {
    padding: 0 0 0 100px;
}

.rec7 dl {
    padding: 10px 5px;
    border-bottom: 1px solid #c8b192;
}

.rec7 .table {
    margin-bottom: 15px;
}

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

    .rec7 {
        padding: 50px 0;
    }
}

/*Treatment*/

.treatment .mono {
    width: 198px;
    height: 120px;
}

.spa .mono {
    width: 220px;
    height: 244px;
}

@media (max-width: 1024px) {
    .treatment .mono {
        width: 100px;
        height: 61px;
    }

    .spa .mono {
        width: 120px;
        height: 133px;
        left: 0;
    }
}

.galside {
    display: none;
}

@media (max-width: 599px) {
    .galside {
        display: block;
    }

    .galside li {
        padding: 0 0 20px 0;
    }

    .galside li a {
        display: block;
        padding: 14px 2.5%;
        font-size: 18px;
        text-align: center;
        text-align: center;
        border: 6px double #fff;
        background: #bde8e4;
        position: relative;
    }

    .galwrap #side {
        display: none;
    }
}




#analog {
    width: 144px;
    /* height: 144px; */
    height: 190px;
    /* background: url(/import/tenant_1/160.16.205.168/html/images/side-book.png) 0 0 no-repeat; */
    background: url(/upload/tenant_1/613e3b47a9f2428a848d0712f4125c8d.webp) 0 0 no-repeat;
    background-size: contain;
    position: relative;
}

#analog .analog-face {
    position: absolute;
}

#analog div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.analog-line1,
.analog-line2 {
    position: absolute;
    left: 0;
    z-index: 1;
}

.analog-line1 {
    width: 5px;
    height: 3px;
    background: black;
    top: calc(50% - 2px);
}

.analog-line2 {
    width: 3px;
    height: 2px;
    background: black;
    top: calc(50% - 1px);
}

.analog-text {
    font-size: 2em;
    color: black;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
}

.analog-seconds {
    width: 1px;
    border-radius: 5px;
    background-color: #040313;
    position: absolute;
    z-index: 10;
}

.analog-hours {
    width: 15px;
    height: 39px;
    /* background: url(/import/tenant_1/160.16.205.168/html/images/sclo.png) 0 0 no-repeat; */
    /* background: url(/upload/tenant_1/c722921e9b7904b9877f1f929eb45743.webp) 0 0 no-repeat; */
    background: url(/upload/tenant_1/853cc0a8fb0262925edb6eabaa3c653e.png) 0 0 no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transform: translate(-50%, calc(-50% - 19.5px));
    transform: translate(-50%, calc(-50% - 19.5px));
    -webkit-transform-origin: 50% 36px;
    transform-origin: 50% 36px;
    /*   background-color:black ;
width:10px;
position: absolute;
z-index: 8;
border-radius: 5px; */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 8;
}

.analog-minutes {
    width: 11px;
    height: 60px;
    /* background: url(/import/tenant_1/160.16.205.168/html/images/lclo.png) 0 0 no-repeat; */
    /* background: url(/upload/tenant_1/86251d429867cfab5dc7635fa528a9a5.webp) 0 0 no-repeat; */
    background: url(/upload/tenant_1/4bc5f1d99f4a22993411ec9dee906766.png) 0 0 no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transform: translate(-50%, calc(-50% - 30px)) rotate(-120deg);
    transform: translate(-50%, calc(-50% - 30px)) rotate(-120deg);
    -webkit-transform-origin: 50% 56px;
    transform-origin: 50% 56px;
    /*   background-color:black ;
width:10px;
position: absolute;
z-index: 9;
border-radius: 5px; */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}

.analog-center,
.analog-center:after {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
}

.analog-center {
    width: 21px;
    height: 21px;
    background-color: black;
    -webkit-transform: translate(-11px, -11px);
    transform: translate(-11px, -11px);
}

.analog-center:after {
    content: "";
    width: 17px;
    height: 17px;
    background-color: silver;
    -webkit-transform: translate(-9px, -9px);
    transform: translate(-9px, -9px);
}

.fead-clock {
    opacity: 0;
}

.fead-clock.mv {
    opacity: 1;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

/* [data-element-id].fead-clock {
    opacity: 1;
}
 */
@media (max-width:599px) {
    #analog {
        /* width: 40px;
        height: 40px; */
        width: 60px;
        height: 78px;
    }
}

.foot-cont.trans {
    position: relative;
}

.foot-cont.trans:after {
    content: "";
    background: #666;
}


/* #wrapper.action {
    position: relative;
}
#wrapper.action::before {
  content: "";
  width: 100%;
  height: 50%;
  background: #666;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  transition: linear 0.5s;
}


#wrapper.action::after {
  content: "";
  width: 100%;
  height: 50%;
  background: #666;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  transition: linear 0.5s;
} */

#splash {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    position: fixed;
    z-index: -1;
}

/* .appear.close #splash {
    background: #f7dbdf;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999999;
} */

#splash-logo {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}


/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg1,
.splashbg2 {
    display: none;
}

/*上に消えるエリア*/
body .splashbg1 {
    content: "";
    width: 100%;
    height: 100vh;
/*     display: block; */
    background-color: #DCF4FF;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-animation-name: PageAnime;
    animation-name: PageAnime;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    position: fixed;
    bottom: 50%;
    left: 0;
    z-index: 999;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*伸びる背景色の設定*/
}
body .splashbg1:before {
  content: "";
  background: url(/upload/tenant_1/ef1f1cc3216e9d6dbbb2ca5958b787c8.webp) no-repeat;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-position: bottom;
  background-size: 100% auto;
}

body .splashbg1 .img-box {
  z-index: 1000;
  bottom: -0.2%;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  display: inline-block;
  text-align: center;
}
body .splashbg1 .img-box img {
  width: 280px;
}


[data-element-id] body .splashbg1 {
    display: none !important;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg1,
body.appear .splashbg2 {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[data-element-id] body.appear .splashbg1,
[data-element-id] body.appear .splashbg2 {
    display: none !important;
}

[data-element-id].splashbg1,
[data-element-id].splashbg2 {
    height: auto;
    -webkit-animation-name: none;
    animation-name: none;
}

@media (max-width:1024px) {
  body .splashbg1:before {
    background: url(/upload/tenant_1/fa6a020c185dbc4a30742c5802044c4d.png) center center no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }  
}

@media (max-width:599px) {
  body .splashbg1:before {
    background: url(/upload/tenant_1/1b352d35a3c4edfb23d1b469bced6cee.png) center center no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }
}

@-webkit-keyframes PageAnime {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    100% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes PageAnime {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    100% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

/*下に消えるエリア*/
body.appear .splashbg2 {
    content: "";
    width: 100%;
    height: 100vh;
/*     display: block; */
    background-color: #DCF4FF;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-animation-name: PageAnime2;
    animation-name: PageAnime2;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 999;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*伸びる背景色の設定*/
}
body .splashbg2:before {
  content: "";
  background: url(/upload/tenant_1/ef1f1cc3216e9d6dbbb2ca5958b787c8.webp) no-repeat;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-position: top;
  background-size: 100% auto;
  z-index: 1;
}

body .splashbg2 .img-box {
  z-index: 1000;
  top: -0.2%;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  display: inline-block;
  text-align: center;
}
body .splashbg2 .img-box img {
  width: 280px;
}

@media (max-width:1024px) {
  body .splashbg2:before {
    background: url(/upload/tenant_1/fa6a020c185dbc4a30742c5802044c4d.png) no-repeat;
    background-position: top;
    background-size: 100% auto;
  }  
}


@media (max-width:599px) {
  body .splashbg2:before {
    background: url(/upload/tenant_1/1b352d35a3c4edfb23d1b469bced6cee.png) no-repeat;
    background-position: top;
    background-size: 100% auto;
  }
}
@-webkit-keyframes PageAnime2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }

    100% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}

@keyframes PageAnime2 {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }

    100% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}

[data-element-id].splash-area {
    width: 100%;
    height: 100px;
    position: relative;
}

[data-element-id].splash-area:before {
    content: "ページ遷移時のアニメーション";
    width: 100%;
    height: 100px;
    display: block;
    color: #fff;
    background: #666;
}

body .splashbg1 .fuwafuwa-box {
  z-index: 1000;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  display: inline-block;
  text-align: center;
}

.fuwafuwa {
  display: inline-block;
  transition: 1.5s ease-in-out;
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  width: 150px !important;
  margin-bottom: 30px;
}


@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}

.splash-area img {
  display: none;
}


/* DR追記 */

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

  .vbox .h3 .s {
    font-size: 16px;
  }
  .list1 .tit .h4 .n {
    font-size: 50px;
  }
}


.blogBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #a24c58;
    background: #f7dbdf;
}

.blogBtn:before {
    content: "";
    border: 1px solid #a24c58;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
}

.input-confirm-form-back-btn{
  position: relative;
  z-index: 9999;
}

.input-confirm-form-submit-btn{
    position: relative;
  z-index: 9999;
}

/* 20220523追記 */

.sharebox .snsitem a {
    display: block;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.sharebox .facebook {
    background: #1778f2;
}

.sharebox i {
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    padding-right:15px;
}

.sharebox .snsitem {
    width: 31%;
    margin: 1%;
}