/*************共通要素***********/
#header {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 180;
    width: 100%;
}
 #header .inner {
        max-width: 1160px;
 }
 
h1 .black {
    display: none;
}

.ma-top {
    margin-top: 150px;
}

.ma-top60 {
    margin-top: 60px;
}

.-ma-top {
    margin-top: -150px;
}

#footer {
    position: relative;
    margin-top: 70px;
}

#footer .bg {
    position: absolute;
    top: 0;
    width: 100%;
}

#footer .bg img {
    width: 100%;

}

.foot-in {
    position: relative;
    z-index: 1;
    padding: 70px 0 60px;
}

.foot-in .logo {
    text-align: center;
}

.foot-nav {
    padding-top: 50px;
}
.foot-nav li{
  width: 15%;
    margin-right: 1%;
    padding-bottom: 5px;
}
.foot-nav li:nth-child(6n){
  margin-right: 0;
}
.foot-nav li a {
    font-family: 'EB Garamond', serif;
    color: #222222;
    font-weight: 500;
    display: block;
}

.foot-nav .reserve {
	border: 1px solid #222222;
	padding: 5px 10px !important;

}

.copy {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #222;
    padding-bottom: 50px;
}

.totop {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 10;
    color: #49bda0;
    display: none;
    text-shadow: 1px 1px 3px #ffffff;
}

.totop:hover {
    cursor: pointer;
}

.totop img {
    display: block;
    text-align: center;
    margin: 0 auto 10px;
}

.fa-line:before,
.fa-twitter-square:before,
.fa-instagram:before {
    font-size: 35px;
    color: #222;
}

.foot-nav .sns {
    display: flex;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.foot-nav .sns li {
        display: inline-block;
    padding: 0 10px;
    width: auto;
    margin: 0 1%;
}

@media (max-width: 1024px) {
    #header .inner {
        padding: 10px 0;
    }

    #header {
        position: relative;
        opacity: 1;
        background: rgba(0, 0, 0, 0.7);
    }

    h1 {
        width: 100%;
        text-align: center;
    }

    .foot-nav .flex li {
        width: 22%;
    margin-right: 3%;
    padding-bottom: 10px;
    }
.foot-nav li:nth-child(4n){
  margin-right: 0;
}
    .ma-top {
        margin-top: 100px;
    }

    .-ma-top {
        margin-top: -70px;
    }
    #main{
      z-index: 0;
      position: relative;
    }

}

@media (max-width: 599px) {
    .ma-top {
        margin-top: 50px;
    }

    .-ma-top {
        margin-top: 0;
    }

    h1 img {
        width: 30%;
    }

    .foot-nav .flex li {
        width: 47%;
    }
.foot-nav li:nth-child(2n){
  margin-right: 0;
}
    .totop {
        width: 15%;
        bottom: 7%;
    }

    .copy {
        padding-bottom: 100px;
    }
}

/*************下層共通***********/
#header.subtit {
     background: #fff;
 }

#header.subtit h1 .black {
    display: block;
}

#header.subtit h1 .white {
    display: none;
}

#header.subtit #gnav li a {
    color: #222;
    text-align: center;
}
#gnav li.reserve a {
    text-align: center;
}
#gnav li.reserve.shop a {
    font-size: 12px;
    padding: 10px 5px;
    text-align: center;
}
#gnav li.reserve { 
  min-width: 120px;
}
#gnav li.inst a .icon:after {
    font-family: "Font Awesome 5 Brands";
    content: "\f16d";
    font-size: 12px;
    color: #ffffff;
    vertical-align: bottom;
    padding-right: 1.5%;
    margin-left: 3.5%;
}
#header.subtit #gnav.action li a,
#header.subtit #gnav.action li.contact a {
    color: #fff
}

#header.subtit #gnav li.contact a {
    color: #49bda0;
}

#gnav li .txt01 {
    display: block;
    font-size: 10px;
    text-align: center;
}
.breadcrumbs {
    background: #49bda0;
}

.breadcrumbs .inner {
    padding: 2px 0;
}

.breadcrumbs li {
    display: inline-block;
    color: #fff;
}

.breadcrumbs li a {
    color: #fff;
}

.breadcrumbs li:not(:first-of-type):before {
    content: ">";
    color: #fff;
    padding: 0 5px;
}

.main-img .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    z-index: 1;
    font-size: 32px;
    letter-spacing: 3px;
    font-size: 32px;
    letter-spacing: 3px;
}

.main-img .title .small {
    font-size: 14px;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
}

.main-img.subtit-repe {
    z-index: -1;
}
.main-img .pic .uk-slidenav-position {
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.main-img .pic .uk-slidenav-position:after {
    padding-top: 48%;
    content: '';
    display: block;
}

.main-img .pic .uk-slideshow {
    position: absolute;
    top: 0;
}
.page {
    text-align: center;
}

.page ul {
    display: inline-block;
}

.page li {
    display: inline-block;
    vertical-align: middle;
}

.page li a {
    font-size: 18px;
    padding: 0 7px;
    display: block;
}
.page li .now{
  background: #49bda0;
    color: #fff;
    padding: 5px 10px;
}
.page li a img {
    vertical-align: baseline;
}
@media (max-width: 599px) {
    .main-img .title {
        font-size: 28px;
        width: 96%;
    }

    .page.ma-top60 {
        margin-top: 0;
    }
    #gnav li.reserve { 
  min-width: none;
}
}

    .gallery01 {
      font-size: 18px;
    color: #222;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
    }

/*************mainimg***********/
.main-img {
    position: relative;
}

.main-img .logo {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    z-index: 1;
}

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

    .main-img .logo img {
        width: 20%;
    }
}

/*************top***********/
.home-concept {
    position: relative;
    padding: 70px 0;
    margin-top: 25px;
    margin-bottom: 60px;
}

.home-concept:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/top/concept-right.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 294px;
    background-size: contain;
}

.home-concept:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/top/concept-left.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38%;
    height: 294px;
    background-size: contain;
}

.home-concept .title {
    padding: 50px 0 30px;
    text-align: center;
}

.home-concept .txt {
    text-align: center;
}

.home-concept .more {
    margin-right: 100px;
}



.home-spa .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-top: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.home-spa .pic {
    width: 30%;
    position: relative;
}

.home-spa .pic:before {
    content: "";
    border: 1px solid #49bda0;
    width: 40px;
    position: absolute;
    top: -10px;
    right: 0;
    margin: auto;
}

.home-spa .pic:after {
    content: "";
    border: 1px solid #49bda0;
    width: 40px;
    position: absolute;
    bottom: -10px;
    left: 0;
    margin: auto;
}

.home-spa .pic .trimming103 {
    position: relative;
}

.home-spa .pic .trimming103 .trimmingInner:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/top/sankaku-left.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 28%;
    height: 310px;
    background-size: cover;
    z-index: 1;
}

.home-spa .pic .trimming103 .trimmingInner:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/top/sankaku-right.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 28%;
    height: 310px;
    background-size: cover;
    z-index: 1;
}

.home-spa .txt-box {
    width: 65%;
    margin: auto 0;
}

.home-spa .title {
    padding-bottom: 30px;
}

.home-spa .more {
    margin-left: 0;
}

.home-capsule .flexb {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}

.reserve00 {
  margin-top: 100px;
}

.home-reserve {
  width: 160px;
  margin: auto;
}

.home-reserve p {
  font-size: 25px;
  text-align: center !important;
  background: #49bda0;
  
}

.home-reserve a {
	display: block;
	color: #fff;
	padding: 5px 20px;
	font-family: 'EB Garamond', serif;
	position: relative !important;
}

.home-reserve a:before {
	content: "";
	width: 40px;
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	margin: auto;
}

.home-gallery h2 {
    padding-bottom: 70px;
}

.home-gallery li {
    width: 15%;
    cursor: pointer;
}
.home-gallery li a{
  display: block
}
.home-news {
    margin-bottom: 70px;
}

.home-news dl:first-of-type {
    margin-top: 50px;
}

.home-news dl {
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-news dl a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.home-news dt {
    color: #49bda0;
    width: 20%;
    text-align: center;
}



.home-news dd {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.home-banner{
  position: relative;
  overflow: hidden;
  width: 100%;
}
.home-banner:before{
  content: "";
  display: block;
  padding-top: 24%;
}
.home-banner img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.home-blog a {
    display: block;
}

.home-blog h2 {
    margin-bottom: 60px;
}

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

.home-blog dd:first-of-type {
    color: #49bda0;
    text-align: center;
    padding: 10px 0;
}

.home-staff h2 {
    margin-bottom: 60px;
}

.home-staff .in {
    position: relative;
}

.home-staff .in .flexb {
    position: inherit;
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.home-staff .in .pic {
    width: 26%;
    margin-top: -5%;
    overflow: hidden;
}

.home-staff .in .txt-box {
    width: calc(100% - 10%);
    margin: auto 0 auto auto;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-staff .in .txt-box .name {
    font-size: 24px;
    color: #fff;
    letter-spacing: 10px;
}

.home-staff .in .txt-box .name .small {
    font-size: 16px;
    letter-spacing: 3px;
    margin-left: 40px;
    color: #fff;
}

.home-staff .in .txt-box .yaku {
    color: #fff;
    padding: 26px 0 40px 0;
    letter-spacing: 3px;
}

.home-staff .in .txt-box .txt {
    color: #fff;
    line-height: 180%;
    letter-spacing: 5px;
}

.home-staff .more-box {
    display: inline-block;
    width: 100%;
}

.home-staff .more-box .recruit a {
    color: #49bda0;
    background: #fff;
}

.home-staff .more-box .more {
    margin: 70px 60px 0 auto;
    max-width: 176px;
    display: inline-block;
}

.home-staff .in .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
}
.home-staff .in .bg .bg-in{
  position: relative;
  overflow: hidden;
  display: block;
}
.home-staff .in .bg .bg-in:before{
  content: "";
  display: block;
  padding-top: 34%;
}
.home-staff .in .bg img {
    width: 100%;
    opacity: 0.7;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.home-menu {
    background: url(/import/tenant_1/133.167.65.102/html/images/top/pattern-bg.png) repeat;
    background-size: 30%;
}

.home-menu .inner {
    padding: 60px 0;
}


.home-menu .bg {
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.home-menu .box {
    width: 25%;
    border: 16px solid #fff;
    position: relative;
}

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

.home-menu .box .txt {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.home-menu .box .txt .more {
    margin: 40px auto 0 auto;
}

.home-menu .pic {
    position: absolute;
    top: 0;
    background: #000;
}

.home-menu .pic img {
    opacity: 0.6;
}



.home-access h2 {
    margin-bottom: 60px;
}

.home-access .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 90%;
    margin: 0 auto 50px;
}

.home-access .pic {
    width: 50%;
}

.home-access .txt {
    width: 48%;
}

.home-access .txt dl:not(:first-of-type) {
    padding-top: 20px;
}

.home-access .txt dt {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: left;
    font-size: 16px;
    letter-spacing: 2px;
}

.home-access .txt dd {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}
.home-access .txt .g-m{
      max-width: 300px;
    margin: 50px auto 0 0;
}
#map:before{
  content: "";
  display: block;
  padding-top: 29%;
}
@media (max-width: 1024px) {
#map:before{
  padding-top: 44%;
}

    .home-menu {
        max-width: 100%;
    }



    .home-spa .pic .trimming103 .trimmingInner:before,
    .home-spa .pic .trimming103 .trimmingInner:after {
        height: 100%;
    }

    .home-staff .in .pic {
        width: 30%;
        margin: auto 0 0 0;
    }

    .home-staff .in .flexb {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .home-staff .in .txt-box {
           top: 50%;
    -webkit-transform: none;
    transform: translateY(-50%);
    width: 95%;
    }
.home-staff .in .bg .bg-in:before{
  padding-top: 67%;
}
    .home-staff .in .bg img {
        width: auto;
    }

    .home-staff .in:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .home-menu .box {
        width: 33%;
    }

    .home-access .flexb {
        width: 100%;
    }

    .home-access .txt dd {
        width: 75%;
    }
}

@media (max-width: 599px) {
#map:before{
  padding-top: 85%;
}
    .home-concept:before {
        height: 100%
    }

    .home-concept .more {
        margin-right: auto;
    }

    .banner.pic {
        width: 100%
    }

    .home-concept:after {
        height: 100%;
        background-position: bottom;

    }

    .home-spa .pic {
        width: 90%
    }

    .home-spa .txt-box {
        width: 100%;
        margin: 30px 0;
    }

    .home-spa .more {
        margin-left: auto;
    }

    .home-gallery li {
        width: 30%;
        padding-bottom: 20px;
    }

    .home-news dl a {
        display: block;
    }

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

    .home-news dt,
    .home-news dd {
        width: 100%;
    }

    .home-news dt {
        text-align: left;
    }

    .home-blog dl {
        width: 48%;
        padding-bottom: 20px;
    }

    .home-staff .in .flexb {
        position: relative;
    }

    .home-staff .in:before {
        content: none;
    }

    .home-staff .in .pic {
        width: 50%;
        margin: auto;
    }

    .home-staff .in .txt-box {
        position: relative;
        top: 0;
        margin: auto;
            transform: none;
    }

    .home-staff .in .txt-box .name,
    .home-staff .in .txt-box .yaku,
    .home-staff .in .txt-box .txt,
    .home-staff .in .txt-box .name .small {
        color: #666;
    }

    .home-staff .in .bg {
        position: relative;
    }

    .home-staff .in .txt-box .name {
        text-align: center;
    }

    .home-staff .in .txt-box .name .small {
        margin: 0;
        display: block;
    }

    .home-staff .in .txt-box .yaku {
        padding: 20px 0;
        text-align: center;
    }

    .home-staff .more-box .more {
        margin: 30px auto;
        display: block;
    }

    .home-staff .more-box .recruit a {
        border: 1px solid #49bda0;
    }

    .home-staff .in .bg img {
        width: 100%;
    }

    .home-menu .box {
        width: 80%;
        margin-bottom: 20px;
    }

    .home-menu .pic {
        width: 100%;
    }

    .home-access .pic {
        width: 100%;
    }

    .home-access .txt {
        width: 100%;
        margin-top: 30px;
    }

    .home-access .txt dt,
    .home-access .txt dd {
        width: 100%;
    }
    .home-access .txt .g-m{
          margin: 50px auto 0 auto;
    }
}

/*************02concept***********/
.concept .box {
    width: 40%;
    padding-bottom: 70px;
}

.concept .box .pic {
    width: 78%;
    margin: 0 auto 30px auto;
    border-bottom: 2px solid #49bda0;
}

.concept .box .num,
.effect h3 .num {
    font-size: 30px;
    color: #222;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
}

.concept .box .num:before,
.effect h3 .num:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/concept/arch.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 126px;
    height: 29px;
}

.concept .box dt.yumin {
    font-size: 18px;
    color: #222;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.concept .txt {
    padding-top: 40px;
    width: 90%;
    margin: 0 auto;
}

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

    .concept .box dt.yumin {
        margin: 10px 0;
    }

    .concept .box:last-of-type {
        padding: 0;
    }
}

/*************03about***********/
.about .gree {
    text-align: center;
    position: relative;
    z-index: 1;
    color: #222;
    font-weight: 700;
    line-height: 250%;
    padding-bottom: 40px;
}

.about .box {
    margin-top: 80px;
}

.about .box h3 {
    font-size: 18px;
    color: #222;
    font-weight: bold;
}

.about .box .num {
    font-size: 48px;
    font-style: italic;
    color: #49bda0;
    padding-right: 20px;
}

.about .box .title {
    position: relative;
    width: 65%;
}

.about .box:nth-child(odd) .title {
    margin: 0 0 0 auto;
}

.about .box:nth-child(odd) .flexb {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}

.about .box .title .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.about .box .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.about .box .pic {
    width: 30%;
}

.about .box .txt-box {
    width: 65%;
}

.about .box .txt-box .txt li {
    font-size: 22px;
    padding-bottom: 20px;
    font-family: 'EB Garamond', serif;
    font-weight: 500;
}

.about .box .txt-box .txt li:first-of-type {
    padding-top: 20px;
}

.about .box .more {
    max-width: 370px;
    margin: 30px auto 0 0;
}

.about .box .more a {
    font-size: 18px;
}

@media (max-width: 599px) {
    .about .box {
        margin-top: 50px;
    }

    .about .box .title {
        width: 100%;
    }

    .about .box .pic {
        width: 80%;
    }

    .about .box .txt-box {
        width: 100%;
        padding-top: 20px;
    }

    .about .box h3 {
        text-align: center;
    }

    .about .box .num {
        display: block;
    }

    .about .box .more {
        max-width: 90%;
        margin: 30px auto;
    }

    .about .box .more a {
        font-size: 15px;
    }

    .about .box .txt-box .txt li {
        font-size: 18px;
        padding-bottom: 15px;
    }
}

/*************04staff***********/
.staff .main-img .pic {
    background: #000;
    position: relative;
    overflow: hidden;
}
.staff .main-img .pic:before{
  content:"";
  display: block;
  padding-top: 29%;
}
.staff .main-img .pic img {
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.staff .box .pic-box {
    width: 35%;
    position: relative;
    height: 100%;
}

.staff .box .pic-box:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/staff/leaf-left.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    /* right: 0; */
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    margin: auto;
    width: 45%;
    height: 116px;
    z-index: 10;
    background-size: contain;
}

.staff .box .pic-box:after,
.recruit .message .pic-box:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/staff/leaf-right.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(30%);
    margin: auto;
    width: 45%;
    height: 116px;
    z-index: 10;
    background-size: contain;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
}

.staff .box .pic-box .pic {
    position: relative;
}

.staff .box .pic-box .pic:before,
.recruit .message .pic:before {
    content: "";
    border: 1px solid #49bda0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 1;
}

.staff .box .txt-box {
    width: 55%;
}

.staff .box .txt-box .name dt {
    font-size: 18px;
    font-weight: bold;
    color: #222;
    letter-spacing: 3px;
    padding-bottom: 40px;
}

.staff .box .txt-box .name dd {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    letter-spacing: 3px;
    margin-bottom: 100px;
}

.staff .box .txt-box .name dd .small {
    display: block;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.staff .box .txt-box .list {
    border-bottom: 1px solid #49bda0;
}

.staff .box .txt-box .list:last-of-type {
    padding-top: 25px
}

.staff .box .txt-box .list dt {
    background: #49bda0;
    color: #fff;
    padding: 10px 15px;
    letter-spacing: 3px;
    position: relative;
    width: 27%;
}

.staff .box .txt-box .list dt:after,
.menu .course .txt-box dt .in:after,
.effect .comment.kitai dd dt:after,
.contact .line-wrap .tejyun dt:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/staff/sankaku.png) no-repeat;
    position: absolute;
    top: 50%;
    /* left: 0; */
    right: -25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 25px;
    height: 100%;
    background-size: 100% 100%;
}

.staff .box .txt-box .list dd {
    margin: auto 0;
    padding-left: 50px;
    width:70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment {
    background: #ecf8f5;
    margin-top: 60px;
    border: 1px solid #e8e8e8;
    padding: 40px 5%;
    position: relative;
    width: 90%;
    margin: 60px auto 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comment:before {
    content: "";
    border: 1px solid #ecf8f5;
    width: 40px;
    position: absolute;
    top: 50%;
    left: -20px;
    /* right: 0; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    z-index: 1;
}

.comment .logo {
    margin: auto 0;
    width: 20%;
    text-align: center;
}

.comment .txt {
    padding-left: 10%;
    padding-left: 10%;
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .staff .box .pic-box:after {
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
    }

    .staff .box .txt-box .list dt {
        padding: 10px 0 10px 5px;
    }
    .staff .box .txt-box .list dt {
        width: 50%;
        text-align: center;
        padding: 5px 0;
    }

    .staff .box .txt-box .list dd {
        width: 100%;
        padding: 20px 0 10px 0;
    }
}

@media (max-width: 599px) {
    .staff .box .pic-box {
        width: 80%;
        margin: 0 auto;
    }

    .staff .box .txt-box {
        width: 100%;
        margin-top: 50px;
    }

    

    .staff .box .txt-box .name dd {
        margin-bottom: 50px;
    }

    .comment {
        width: 100%;
    }

    .comment .logo {
        display: block;
        width: 30%;
        margin: 0 auto;
    }

    .comment .txt {
        width: 100%;
        padding: 20px 0;
    }
}

/*************05menu&price***********/
.menu .txt-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.menu .pic-box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.menu .pic-box:before {
    content: "";
    display: block;
    padding-top: 19%;
}

.menu .txt-box .pic {
    width: 90%;
    margin: 0 0 0 auto;
    opacity: 0.7;
    position: absolute;
    top: 0;
    right: 0;
}


.menu .txt-box .txt {
    width: 40%;
    margin: auto -50% 0 10%;
    position: relative;
    z-index: 1;
}

.menu .txt-box .txt .yumin {
    color: #222;
    font-weight: 500;
}
.reserve01 {
  margin: 100px auto;
}

.menu-reserve {
  width: 160px;
  margin: 30px auto;
}

.menu-reserve p {
  font-size: 25px;
  text-align: center !important;
  background: #49bda0;
  
}

.menu-reserve a {
	display: block;
	color: #fff;
	padding: 5px 20px;
	font-family: 'EB Garamond', serif;
	position: relative !important;
}

.menu-reserve a:before {
	content: "";
	width: 40px;
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	margin: auto;
}

.menu .txt-box .title .green {
    font-size: 24px;
    font-weight: bold;
    display: block;
    line-height: 180%;
    padding-bottom: 30px;
}

.menu .txt-box .text {
    line-height: 250%;
    letter-spacing: 3px;
    padding-bottom: 10px;
    width: 70%;
}
.menu .more,.oxygen .oxy02 .txt .more{
      max-width: 300px;
    margin: 40px auto 0 0;
    padding-bottom: 30px;
}
.menu .txt-box .text .green {
    -webkit-text-emphasis: filled dot #49bda0;
    text-emphasis: filled dot #49bda0;
    font-size: 18px
}

.menu .note {
    background: url(/import/tenant_1/133.167.65.102/html/images/menu/pattern-bg.png);
    padding: 30px 0;
    background-size: 35%;
}

.menu .note .inner {
    background: #fff;
    padding: 30px 50px;
}

.menu .note .inner dt {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    padding-bottom: 20px;
}

.menu .note .inner dd {
    letter-spacing: 2px;
}

.menu .note .inner dd .red {
    font-size: 18px;
}

.menu .course.home-spa .flexb {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}

.menu .course .txt-box .txt {
    width: 100%;
    margin: 0;
    padding-bottom: 55px;
}

.menu .course .txt-box dt {
    position: relative;
    padding-bottom: 20px;
}

.menu .course .txt-box dt .in {
    background: #49bda0;
    color: #fff;
    padding: 7px 15px;
    letter-spacing: 3px;
    position: relative;
    width: 19%;
    display: block;
}

.menu .course .txt-box dt:after {
    content: "";
    border: 1px solid #49bda0;
    width: 100%;
    display: block;
}

.menu .comment {
    width: 75%;
    margin: 60px 0 0 auto;
}

.menu .comment dl {
    border-bottom: 1px solid #cccccc;
}

.menu .comment dl:not(:first-of-type) {
    padding-top: 20px;
    margin-bottom: 20px;
}

.menu .comment dt,
.menu .comment dd {
    display: inline-block;
    font-size: 18px;
    color: #222;
}

.course:nth-child(n+2) {
    margin-top: 70px;
}

.price {
    background: #ecf8f5;
    border: 1px solid #e8e8e8;
    padding: 40px 5% 80px;
    position: relative;
}

.price:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/menu/logo.png) no-repeat;
    position: absolute;
    bottom: 20px;
    left: 50px;
    /* right: 0; */
    /* transform: translateY(-50%); */
    margin: auto;
    z-index: 1;
    width: 241px;
    height: 65px;
}

.price h2 {
    text-align: left;
    font-size: 22px;
    padding-bottom: 50px;
}

.price .left,
.price .right {
    width: 46%;
}

.price dt.title {
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.price .menu-in dl {
    padding-bottom: 7px;
}

.price .menu-in dt {
    width: 50%;
}

.price .menu-in dd {
    width: 40%;
    margin: 0 0 0 auto;
        text-align: right;
}

.price .left dl.box:not(:first-of-type) {
    margin-top: 60px;
}

.price span.small {
    margin-top: 20px;
    display: block;
}

.price .cap {
    margin-top: 50px;
}

.price .cap dt.title {
    position: relative;
    border: none;
    padding-left: 8%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.price .cap dt.title:before {
    content: "";
    border: 1px solid #ccc;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    /* right: 0; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.price .cap .menu-in dl {
    padding-bottom: 15px;
}

.price .cap .menu-in dt {
    width: 65%;
    position: relative;
    padding-left: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.price .cap .menu-in dt:before {
    content: "";
    border-left: 10px solid #49bda0;
    position: absolute;
    top: 7px;
    left: 0;
    /* right: 0; */
    /* transform: translateY(-50%); */
    margin: auto;
    width: 4px;
    height: 10px;
}

.price .cap .menu-in dd {
    width: 30%;
    margin: 0 0 0 auto;
    text-align: right;
}

.price .cap .menu-in .come {
    padding-top: 10px;
    margin-left: 1em;
}

.price .cap .menu-in .gray {
    background: #eeeeee;
    padding: 20px;
}

@media (max-width: 1024px) {
    .menu .pic-box:before {
        padding-top: 25%;
    }

    .menu .txt-box .pic,
    .menu .txt-box .text {
        width: 100%;
        margin: 0;
    }

    .menu .txt-box .txt {
        width: 97%;
        margin: 0;
    }

    .price .cap dt.title {
        padding-left: 12%;
    }

    .price:after {
        bottom: 30px;
        left: 10px;
    }
}

@media (max-width: 599px) {
  
  .reserve00 {
  margin-top: 30px;
}
  
  .reserve01 {
  margin: 60px auto;
}

    .menu .comment {
        width: 100%;
    }

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

    .menu .txt-box .title .green {
        font-size: 22px;
    }

    .menu .note .inner {
        padding: 30px 10px;
    }

    .menu .course .txt-box dt .in {
        width: 35%;
    }
.menu .more,.oxygen .oxy02 .txt .more{
  margin: 40px auto 0 auto;
}
    .price {
    padding: 40px 5% 0;
   }
    .price .menu-in dt {
        width: 100%;
    }

    .price .menu-in dd {
        width: 100%;
        text-align: right;
    }

    .price .right dl.box {
        margin-top: 60px;
    }

    .price .cap dt.title:before {
        border: 2px solid #ccc;
        width: auto;
        height: 20px;
        top: 3px;
        -webkit-transform: none;
        transform: none;
    }

    .price .cap dt.title {
        padding-left: 3%;
    }

    .price .cap .menu-in dt {
        width: 100%;
    }

    .price .cap .menu-in dd {
        width: 100%;
        padding-top: 5px;
    }

    .price .cap .menu-in .come {
        margin-left: 0;
    }

    .price .cap:last-of-type {
        padding-bottom: 100px;
    }

    .price:after {
        left: 0;
        right: 0;
    }
}

/*************06headspa***********/
.headspa .gree {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.headspa .gree .pic {
    width: 50%;
    opacity: 0.8;
}

.headspa .gree .txt {
    width: 60%;
    margin: auto -10% auto 0;
    line-height: 200%;
    position: relative;
    z-index: 1;
}

.effect h3 {
    text-align: center;
    color: #222;
}

.effect h3 .num {
    display: block;
    padding-bottom: 10px;
}

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

.effect .box .pic {
    width: 30%;
}

.effect .box .txt-box {
    width: 60%;
    position: relative;
}

.effect .box .txt-box .title {
    font-size: 18px;
    color: #222;
    padding-bottom: 50px;
    padding-top: 20px;
    font-weight: bold;
}

.effect .box .txt-box .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.effect .comment .logo {
    margin: 2% 0;
}

.effect .comment.kitai:before {
    top: 15%;
}

.effect .comment dt {
    font-size: 18px;
    color: #222;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.effect .comment.kitai dd dl {
    width: 38%;
}

.effect .comment.kitai dd dl:nth-of-type(n+3) {
    margin-top: 50px;
}

.effect .comment.kitai dd dl:nth-of-type(even) {
    margin-left: 10%;
}

.effect .comment.kitai dd dt {
    background: #49bda0;
    color: #fff;
    padding: 5px 15px;
    letter-spacing: 3px;
    position: relative;
    width: 100%;
    font-size: 14px;
    display: block;
}

.effect .comment.kitai dd dd {
    padding-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
}

@media (max-width: 1024px) {
    .effect .comment .logo {
        width: 30%;
        margin: 0 auto 30px auto;
    }

    .comment .txt {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .effect .comment.kitai dd dl {
        width: 45%;
    }

    .effect .comment.kitai dd dt {
        padding: 5px 0 5px 3px;
    }
}

@media (max-width: 599px) {
    .headspa .gree .pic {
        width: 80%;
    }

    .headspa .gree .txt {
        width: 100%;
        margin: 0;
        padding-top: 20px;
    }

    .effect .box .pic {
        width: 80%;
    }

    .effect .box .txt-box {
        width: 100%;
        margin-top: 20px;
    }

    .effect .comment.kitai dd dl {
        width: 94%;
    }

    .effect .comment.kitai dd dl:nth-of-type(even) {
        margin-left: 0;
    }

    .effect .comment.kitai dd dl:nth-of-type(n+2) {
        margin-top: 30px;
    }
}

/*************07oxygen***********/
.oxygen .gree {
    position: relative;
}

.oxygen .gree:before {
    content: "";
    display: block;
    padding-top: 36%
}

.oxygen .gree .pic {
    width: 300px;
    height: 400px;
    position: absolute;
    bottom: 0;
    right: 2%;
    margin: 30px 5% 0 auto;
    overflow: hidden;
    border-radius: 0;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.oxygen .gree .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 400px !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%) skew(20deg);
    transform: translate(-50%, -50%) skew(20deg);
    max-width: 500px !important;
}

.oxygen .gree .txt-wrap {
    position: absolute;
    bottom: 0;
}

.oxygen .gree .txt {
    background: rgba(73, 189, 160, 0.8);
    padding: 0 50px 30px;
    position: relative;

}

.oxygen .gree .txt:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/oxygen/pic01-kabuse.png) no-repeat;
    width: 100%;
    display: block;
    height: 99%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-76%);
    transform: translateY(-76%);
    margin: auto;
    background-size: inherit;
}

.oxygen .gree .txt dt {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 20px;
}

.oxygen .gree .txt dd {
    width: 55%;
    color: #fff;
}

.oxygen .gree .bg {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.oxygen .oxy02:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.oxygen .oxy02 .pic {
    width: 35%;
}

.oxygen .oxy02 .txt {
    width: 60%;
    margin: auto 0;
    line-height: 200%;
}
.oxygen .oxy02 .txt .in{
  line-height: 200%;
}
.oxygen .effect dl.koka:not(:first-of-type) {
    margin-top: 30px
}

.oxygen .effect .koka dt {
    background: #49bda0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 11px 0 11px 2%;
}

.oxygen .effect .koka dd {
    margin-top: 15px;
    border: 1px solid #bfbfbf;
    padding: 5px 4% 35px;
}

.oxygen .effect .koka dd li {
    width: 31%;
    margin-left: 1%;
    position: relative;
    padding-left: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    margin-top: 30px;
}

.oxygen .effect .koka dd li:nth-child(3n) {
    margin-right: 0;
}

.oxygen .effect .koka dd li:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/oxygen/check.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 19px;
    height: 18px;
}

@media (max-width: 1024px) {
    .oxygen .gree {
        padding: 0;
    }

    .oxygen .gree .txt:before {
        background-size: 100% 100%;
        bottom: 100%;
        top: -35%;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }

    .oxygen .gree .pic {
        height: 320px;
    }

    .oxygen .effect .koka dd li {
        padding-left: 5%;
    }

    .oxygen .gree .txt dd {
        width: 100%;
    }

}

@media (max-width: 599px) {
    .oxygen .gree:before {
        content: none;
    }

    .oxygen .gree .txt {
        padding: 0 2% 20px;
    }

    .oxygen .gree .txt dt {
        font-size: 20px;
    }

    .oxygen .gree .txt-wrap {
        position: relative;
        bottom: 0;
        margin-top: -20%;
    }

    .oxygen .gree .bg {
        position: absolute;
        top: 0;
        z-index: -1;
        width: auto;
        height: 100%;
    }

    .oxygen .gree .bg img {
        max-width: auto !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .oxygen .gree .pic {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        width: 200px;
        height: 250px;
        margin: 0 auto;
    }

    .oxygen .oxy02 .pic {
        width: 80%;
    }

    .oxygen .oxy02 .txt {
        width: 100%;
        padding-top: 20px;
    }

    .oxygen .effect .koka dd li,
    .oxygen .effect .koka dd li:nth-child(3n) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10%;
    }
}

/*************08design***********/
.design.about .box h3 {
    padding-top: 3%;
}

.design.about .box .txt-box {
    width: 60%;
}

.design.about .box .txt {
    line-height: 200%;
}

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

/*************09gallery***********/
.gallery .list li {
    width: 18.2%;
    margin: 0 auto;
}

.gallery .list li:nth-child(n + 6) {
    padding-top: 30px;
}

.gallery .list li a:hover {
    display: block;
}

.gallery .detail h2 {
    padding-bottom: 70px;
}

.gallery .detail .pic {
    width: 47%;
}

.gallery .detail .txt-wrap {
    width: 50%;
}

.gallery .detail .txt-wrap .come dt {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.gallery .detail .txt-wrap .come dt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 25px auto 0;
    border: #49bda0 2px solid;
    width: 50px;
}

.gallery .detail .txt-wrap .style {
    padding-top: 50px
}

.gallery .detail .txt-wrap .style dt {
    font-size: 18px;
    color: #222;
    border-bottom: 1px solid #49bda0;
    margin-bottom: 20px;
    font-weight: 500;
}

.gallery .detail .txt-wrap .style dt .title:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/gallery/comment.png) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-left: 2%;
}

.gallery .detail .txt-wrap .style dt .white {
    background: #49bda0;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto 5% auto 0;
}

.gallery .detail .pic li {
    width: 32%;
    cursor: pointer;
}

.gallery .detail .pic li:first-of-type {
    margin: 0 2% 0 0
}

.gallery .detail .pic li:nth-child(3) {
    margin: 0 0 0 2%;
}

.gallery .detail .pic dd {
    padding-top: 15px;
}

.gallery .detail .stylist {
    border: 1px solid #bfbfbf;
    padding: 40px 4%;
}

.gallery .detail .stylist .pic {
    width: 24%;
    margin: auto 0;
}

.gallery .detail .stylist .pic .trimmingInner {
    border-radius: 50%;
}

.gallery .detail .stylist .txt-box {
    width: 67%;
}

.gallery .detail .stylist .txt-box dt {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.gallery .detail .stylist .txt-box dt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 25px auto 0;
    border: #49bda0 2px solid;
    width: 50px;
}

.gallery .detail .stylist .txt-box dd {
    font-size: 18px;
    color: #222;
    font-weight: 500;
}

.gallery .detail .stylist .txt-box dd.name {
    font-size: 24px;
    padding-top: 20px;
    letter-spacing: 2px;
}

.gallery .detail .stylist .txt-box dd.name .eb {
    display: block;
    text-align: left;
    font-size: 16px;
    padding-top: 5px;
}

.gallery .detail .stylist .txt-box .more {
    margin: 50px auto 0 0;
    max-width: 300px;
}

.gallery .detail .stylist .txt-box .more a {
    font-size: 18px;

}

.gallery .detail .stylist .txt-box .more a:before {
    content: none;
}

.gallery .detail .stylist .txt-box .more a:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/gallery/white-right.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 3%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 17px;
    height: 16px;
}

@media (max-width: 599px) {
    .gallery .list li {
        width: 45%;
    }

    .gallery .list li:nth-child(n + 3) {
        padding-top: 30px;
    }

    .gallery .detail h2 {
        padding-bottom: 30px;
    }

    .gallery .detail .pic {
        width: 90%;
    }

    .gallery .detail .txt-wrap {
        width: 100%;
        padding-top: 20px;
    }

    .gallery .detail .stylist .pic {
        width: 50%;
        margin: 0 auto;
    }

    .gallery .detail .stylist .txt-box {
        width: 100%;
        padding-top: 20px;
    }

    .gallery .detail .stylist .txt-box dt {
        text-align: center;
    }

    .gallery .detail .stylist .txt-box dt:after {
        right: 0;
    }

    .gallery .detail .stylist .txt-box dd {
        font-size: 15px;
    }

    .gallery .detail .stylist .txt-box .more {
        margin: 30px auto 0;
    }

    .gallery .detail .stylist .txt-box .more a {
        font-size: 14px;
    }
}

/*************11news***********/
.news .list-wrap {
    background: #eeeeee;
    padding: 60px 0;
}
.news .list-wrap dl {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}
.news .list-wrap dl:not(:first-of-type){
  padding-top: 20px;
}
.news .list-wrap dt {
    display: inline-block;
    width: 15%;
    font-weight: bold;
}

.news .list-wrap dd {
    display: inline-block;
    width: 84%;
    font-weight: bold;
}

.side .side-box:first-of-type {
    width: 23%;
    margin-right: 2%;
}

.side .side-box:last-of-type {
    width: 50%;
}

.side .side-box dt {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.side .side-box dt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 20px auto 0;
    border: #49bda0 2px solid;
    width: 50px;
}



.side .side-box dd {
    padding-bottom: 20px;
}

.side .side-box:last-of-type dd li:nth-child(n + 5) {
    padding-top: 20px;
}

.side .side-box:last-of-type dd li {
    width: 25%;
}

.side .side-box:first-of-type dd:before,
.side .side-box:last-of-type dd li:before,
.blog .side .side-box dd:before {
    content: "";
    display: inline;
    margin-right: 2%;
}

.news .list-wrap.detail dt,
.news .list-wrap.detail dd {
    width: 100%;
}

.news .list-wrap.detail dd {
    font-size: 24px;
    color: #222;
}

.news .list-wrap.detail .txt {
    padding-top: 30px;
}

@media (max-width: 1024px) {
    .side .side-box:first-of-type {
        width: 32%;
    }

    .side .side-box:last-of-type {
        width: 65%;
    }
}

@media (max-width: 599px) {

    .news .list-wrap dt,
    .news .list-wrap dd,
    .side .side-box:first-of-type {
        width: 100%;
    }

    .side .side-box:last-of-type {
        width: 100%;
        padding-top: 30px;
    }

    .side .side-box:last-of-type dd li {
        width: 50%;
    }

    .side .side-box:last-of-type dd li:nth-child(n + 3) {
        padding-top: 20px;
    }

    .news .list-wrap.detail dd {
        font-size: 20px;
    }
}

/*************13blog***********/
.blog .list {
    width: 75%;
}

.blog .list .box {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 25px;
}

.blog .list .box:nth-child(n + 2) {
    padding-top: 25px;
}

.blog .list .pic {
    width: 27%;
}
.blog .list .pic a{
  display: block;
}
.blog .list dl {
    width: 65%;
}

.blog .list dt {
    font-weight: bold;
}

.blog .list dd.yumin {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    padding: 15px 0;
}

.blog .list .split-tag span {
    color: #fff;
    background: #49bda0;
    padding: 5px 10px;
}

.blog .list .split-tag span:nth-child(n + 2) {
    margin-left: 2%;
}

.blog .side {
    width: 20%;
}

.blog .side .side-box {
    width: 100%;
}

.blog .side .side-box:last-of-type {
    padding-top: 100px;
}

.blog .list.detail dl {
    width: 100%;
}

.blog .list.detail dt,
.blog .list.detail dd {
    text-align: center;
}

.blog .list.detail .box {
    border: none;
}

.blog .reco dl {
    width: 22%;
    margin-right: 4%;
}
.blog .reco dl a{
  display: block;
}
.blog .reco dl:last-of-type{
  margin-right: 0;
}
.blog .reco dd {
    font-size: 16px;
    padding: 5px 0;
}

.blog .reco h2 {
    padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .blog .list.reco{
    width: 92%;
  }
}
@media (max-width: 599px) {
    .blog .list {
        width: 100%;
    }

    .blog .list .pic {
        width: 60%;
    }

    .blog .list dl {
        width: 100%;
        padding-top: 20px;
    }

    .blog .side {
        width: 100%;
        padding-top: 60px;
    }

    .blog .side .side-box:last-of-type {
        padding-top: 50px;
    }

    .blog .reco dl {
        width: 96%;
        margin-right: 0;
        margin: 0 auto;
    }

    .blog .reco dt {
        width: 80%;
        margin: 0 auto;
    }
}

/*************15coupon***********/
.coupon .special .box .txt-wrap .title .-num{
  display: none;
}
.coupon .box {
    border: 1px solid #bfbfbf;
}

.coupon .box .choice {
    width: 5%;
    background: #49bda0;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 30px;
}
.coupon .other .box .choice[class$="全員"] {
    background: #eca169;
}
.coupon .box .txt-wrap {
    width: 95%;
    padding: 30px 50px;
}
.coupon .box .txt-wrap .pic{
  width: 25%;
    margin: auto 0;
}
.coupon .box .txt-wrap .right{
  width: 70%;
}
.coupon .box .txt-wrap .title {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.coupon .box .txt-wrap .title dt {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    width: 85%;
}
.coupon .box .txt-wrap .title dt .date,.coupon .box .txt-wrap .title dt .overday{
  display: none;
}
.coupon .box .txt-wrap .title dd {
       width: 100%;
    font-size: 30px;
    text-align: right;
    display: block;
}

.coupon .box .txt-wrap .txt,
.coupon .box .txt-wrap .txt dd.jyoken {
    padding-top: 30px;
}

.coupon .box .txt-wrap .txt dd dt,
.coupon .box .txt-wrap .txt dd dd {
    display: inline-block;
}

.coupon .box .txt-wrap .txt dd dt {
    width: 15%;
}

.coupon .box .txt-wrap .txt dd dd {
    width: 84%;
    vertical-align: top;
}

.coupon .other .box {
    margin-top: 30px;
}

.coupon .special .choice {
    background: #bc4f8f;
}

@media (max-width: 1024px) {
    .coupon .box .choice {
        width: 8%;
    }

    .coupon .box .txt-wrap {
        width: 92%;
        padding: 30px;
    }

    .coupon .box .txt-wrap .title dt {
        width: 100%;
    }

    .coupon .box .txt-wrap .title dd {
        width: 100%;
        text-align: right;
    }

    .coupon .box .txt-wrap .txt dd dd {
        width: 73%;
    }

    .coupon .box .txt-wrap .txt dd dt {
        width: 25%;
    }
}

@media (max-width: 599px) {
    .coupon .box .choice {
        width: 100%;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
        font-size: 22px;
        letter-spacing: inherit;
    }
.coupon .box .txt-wrap .pic{
  width: 60%;
    margin: 0 auto 20px auto;
}
.coupon .box .txt-wrap .right{
  width: 100%;
}
    .coupon .box .txt-wrap {
        width: 100%;
        padding: 30px 10px;
    }

    .coupon .box .txt-wrap .title dd {
        font-size: 25px;
    }

    .coupon .box .txt-wrap .txt dd dt,
    .coupon .box .txt-wrap .txt dd dd {
        width: 100%;
    }

    .coupon .box .txt-wrap .txt dd.jyoken dl {
        padding-bottom: 10px;
    }
}

/*************16faq***********/
.faq .q {
    width: 50px;
    height: 50px;
    background: #bfbfbf;
    color: #fff;
    padding: 13px 15px;
    font-size: 24px;
}

.faq .a {
    width: 50px;
    height: 50px;
    background: #49bda0;
    color: #fff;
    padding: 13px 15px;
    font-size: 24px;
}

.faq dl {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

.faq dl:first-of-type {
    padding-top: 120px;
}

.faq dt.txt {
    width: 90%;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    line-height: 200%;
}

.faq dd {
    width: 95%;
    margin: 0 0 0 auto;
    padding-top: 30px;
}

.faq dd.txt {
    width: 90%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
    line-height: 180%;
}

.faq .question{
 position: relative; 
 padding-left: 70px;
}

.faq .question:before{
 position: absolute;
    content: "Q";
    width: 50px;
    height: 56px;
    background: #bfbfbf;
    color: #fff;
    top: -10px;
    left: 0;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.faq .answer{
 position: relative; 
 padding-left: 70px;
 margin-top: 10px;
 font-size: 18px;
 
}

.faq .answer:before{
 position: absolute;
    content: "A";
    width: 50px;
    height: 56px;
    background: #49bda0;
    color: #fff;
    top: 15px;
    left: 0;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

@media (max-width: 1024px) {
    .faq dt.txt {
        width: 85%;
    }

    .faq dd.txt {
        width: 85%;
    }
}

@media (max-width: 599px) {
    .faq dt.txt {
        display: block;
        width: 100%;
        margin: 0;
        padding-top: 30px;
        line-height: 160%;
    }

    .faq dd {
        width: 100%;
        margin: 0;
        padding-top: 50px;
    }

    .faq dd.txt {
        width: 100%;
        margin: 0;
        padding-top: 30px;
    }
    
    .faq dt.txt.question{
      padding-left: 0;
      padding-top: 70px;
    }
    .faq dt.txt.question:before{
      top: 0;
    }
    
    .faq dd.txt.answer{
      padding-left: 0;
      padding-top: 70px;
      margin-top: 10px;
    }
    .faq dd.txt.answer:before{
      top: 0;
    }
}

/*************17contact***********/
.contact .info {
    position: relative;
    padding: 0;
}

.contact .comment {
    width: 100%;
    background: none;
    border: none;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 30px;
    z-index: 1;
}

.contact .info .bg {
    background: #49bda0;
    position: relative;
    overflow: hidden;
}

.contact .info .bg:before {
    content: "";
    display: block;
    padding-top: 35%;
}

.contact .info .bg img {
    opacity: 0.1;
    position: absolute;
    top: 0;
}

.contact .comment:before {
    content: none;
}

.contact .info .day {
    font-weight: 500;
    width: 45%;
    margin: auto 0;
}

.contact .info .last {
    width: 53%;
}

.contact .info .day dt {
    color: #fff;
}

.contact .info .day dt.tel {
    padding: 25px 0;
}

.contact .info .day dt.tel .small {
    font-size: 14px;
    padding-right: 5px;
}

.contact .info .day dt.tel a {
    color: #fff;
    font-size: 30px;
}

.contact .info .day dd dl {
    padding-bottom: 10px;
}

.contact .info .day dd dt {
    display: inline-block;
}

.contact .info .day dd dd {
    display: inline-block;
    color: #fff;
}

.contact .info .last dt {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.contact .info .last dd dl {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contact .info .last dd dd {
    color: #fff;
    text-align: right;
    width: 77%;
}

.contact .info .txt-box {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

.contact .form-wrap,
.contact .line-wrap {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 70px;
}

.contact .form-wrap h3 {
    font-size: 18px;
    text-align: center;
    color: #222;
    font-weight: 500;
}

.contact .form-wrap h3:after {
    content: "";
    border: 1px solid #49bda0;
    width: 30px;
    display: block;
    margin: 15px auto 0 auto;
}

.contact .form-wrap .flexb {
    flex-direction: row-reverse;
    align-items: flex-start;
}

.contact .form-wrap ul {
    width: 35%;
}

.contact .form-wrap li:not(:first-of-type) {
    padding-top: 20px;
}

.contact .form-wrap form {
    width: 60%;
}

.contact .form-wrap form .contact-item {
    align-items: center;
    padding-bottom: 30px;
}

.contact .form-wrap form .contact-item dd {
    width: 67%;
}

.contact .form-wrap form .contact-item dt {
    width: 31%;
}

.contact .form-wrap form .contact-item dt .must {
    color: red;
    padding-left: 2%;
}

.contact .form-wrap form .contact-item input {
    width: 100%;
    padding: 10px;
}

.contact .form-wrap form textarea {
    max-width: 100%;
    height: 15em;
    width: 100%;
    box-sizing: border-box;
}

.contact .more-btn {
    text-align: center;
    margin: 50px auto 0 auto;
    width: 80%;
    max-width: 183px;
}

.contact .more-btn button {
    display: block;
    background: #49bda0;
    color: #fff;
    padding: 5px 20px;
    font-weight: 500;
    position: relative;
    border: none;
    width: 100%;
    cursor: pointer;
    outline: 0;
}

.contact .more-btn button:before {
    content: "";
    border: 1px solid #cef1e8;
    width: 40px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    margin: auto;
}

.contact .form-wrap ul.contact-btns {
    width: 100%;
}

.contact ul.contact-btns li:not(:first-of-type) {
    padding-top: 0;
}

.contact .line-wrap h2 {
    text-align: left;
}

.contact .line-wrap h2:after {
    content: "";
    border: 1px solid #49bda0;
    width: 30px;
    display: block;
    margin: 15px auto 0 0;
}

.contact .line-wrap .tejyun {
    border-bottom: 1px solid #49bda0;
}

.contact .line-wrap .tejyun dt {
    display: inline-block;
    background: #49bda0;
    font-size: 18px;
    color: #fff;
    padding: 7px 20px;
    position: relative;
    width: 14%;
}

.contact .line-wrap .tejyun dd {
    display: inline-block;
    padding-left: 4%;
    width: 85%;
    box-sizing: border-box;
}

.contact .line-wrap .flow {
    margin-top: 50px;
}

.contact .line-wrap .flow dl:last-of-type {
    padding-top: 20px;
}

.contact .line-wrap .flow dt {
    font-size: 18px;
    font-weight: bold;
    color: #222;
}

.contact .line-wrap .flow dt .num {
    font-size: 24px;
    margin-right: 1%;
}

.contact .line-wrap .flow dd {
    flex-direction: row-reverse;
}

.contact .line-wrap .flow dl:last-of-type dd {
    flex-direction: inherit;
    padding-top: 30px;
}

.contact .line-wrap .flow dd .pic {
    width: 25%;
}

.contact .line-wrap .flow dd .txt {
    width: 68%;
    margin: auto 0;
}

.contact .line-wrap .flow dd .txt .line-icon {
    display: block;
    width: 100%;
    margin: 40px auto 0 0;
}

.contact .line-wrap .flow dd .txt .line-icon a {
    background: #00bb00;
    color: #fff;
    padding: 15px 56px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    display: block;
    position: relative;
    width: 15%;
}

.contact .line-wrap .flow dd .txt .line-icon a:before {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/contact/line.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 5%;
    background-size: 75%;
    background-position: center;
    transform: translateY(-50%);
    margin: auto;
    width: 41px;
    height: 39px;
}
.contact .access #map {
    width: 40%;
}

.contact .access .txt-box {
    width: 55%;
}

.contact .access .txt-box dl {
    padding-bottom: 25px;
}

.contact .access .txt-box dt {
    display: inline-block;
    color: #222;
    font-weight: bold;
    width: 20%;
}

.contact .access .txt-box dd {
    display: inline-block;
    width: 79%;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .contact .comment {
        padding: 30px 10px;
    }

    .comment .logo {
        margin: 0 auto;
        width: 30%;
    padding-bottom: 30px;
    }

    .contact .info .bg:before {
        padding-top: 80%;
    }

    .contact .line-wrap .tejyun dt {
        width: 25%;
    }

    .contact .line-wrap .tejyun dd {
        width: 72%;
        vertical-align: bottom;
    }

    .contact .line-wrap .flow dd .txt .line-icon a {
        width: 28%;
    }

    .contact .form-wrap form {
        width: 69%;
    }

    .contact .form-wrap ul {
        width: 30%;
    }

    .contact .access .txt-box dd,
    .contact .access .txt-box dt {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .comment .logo {
        width: 70%;
    }

    .contact .info .day {
        width: 100%;
        padding: 10px 0;
    }

    .contact .info .last,
    .contact .info .txt-box {
        width: 100%;
    }

    .comment .txt {
        width: 100%;
        padding-top: 15px;
    }

    .contact .info .day dt.tel {
        padding: 15px 0;
    }

    .contact .info .bg:before {
        padding-top: 195%;
    }

    .contact .form-wrap ul {
        width: 80%;
        margin: 0 auto;
    }

    .contact .form-wrap form {
        width: 100%;
        padding-top: 30px;
    }

    .contact .form-wrap form .contact-item dt {
        width: 100%;
        padding-bottom: 10px;
    }

    .contact .form-wrap form .contact-item dd {
        width: 100%;
    }

    .contact .more-btn {
        margin: 30px auto 0 auto;
    }

    .contact .line-wrap .tejyun dt {
        width: 50%;
        font-size: 16px;
        padding: 5px 10px;

    }

    .contact .line-wrap .tejyun dd {
        width: 100%;
        vertical-align: bottom;
        padding: 15px 0 10px 0;
    }

    .contact .line-wrap .flow dd .pic {
        width: 50%;
        padding-top: 20px;
    }

    .contact .line-wrap .flow dd .txt {
        width: 100%;
        padding-top: 20px;
    }

    .contact .line-wrap .flow dd .txt .line-icon a {
        width: 37%;
        margin: 0 auto;
    }

    .contact .line-wrap .flow dl:last-of-type {
        padding-top: 50px;
    }

    .contact .access #map {
        width: 100%;
    }

    .contact .access .txt-box {
        width: 100%;
        padding-top: 20px;
    }

    .contact .access .txt-box dd {
        padding-top: 5px;
    }
}

/*************18recruit***********/
.recruit .message {
    position: relative;
    margin-top: 250px;
}

.recruit .message .inner {
    flex-direction: row-reverse;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: -100px;
    align-items: flex-start;
}

.recruit .message .pic-box {
    width: 35%;
    position: relative;
}

.recruit .message .txt-box {
    width: 100%;
    padding: 50px;
    position: relative;
}

.recruit .message .txt-box:after {
    content: "";
    background: url(/import/tenant_1/133.167.65.102/html/images/recruit/logo.png) no-repeat;
    position: absolute;
    /*bottom: 2%;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    margin: 20px auto;
    width: 238px;
    height: 72px;
}

.recruit .message .bg {
    position: relative;
    background: #fff;
    z-index: -1;
    overflow: hidden;
}

.recruit .message .bg img {
    opacity: 0.4;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.recruit .message .bg:before {
    content: "";
    display: block;
    padding-top: 30%;
}

.recruit .message .txt-box dt {
    font-size: 26px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}

.recruit .message .txt-box dt:before {
    content: "";
    border: 1px solid #49bda0;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
}

.recruit .message .txt-box dd {
    width: 90%;
    margin: 0 auto;
    padding-top: 200px;
    text-align: center;
}

.recruit .list-wrap dl:first-of-type {
    margin-top: 80px
}
.recruit .list-wrap .bana {
    padding: 60px 0px;
    max-width: 810px;
    margin: 0 auto;
}

.recruit .list-wrap dl:not(:first-of-type) {
    padding-top: 25px;
}

.recruit .list-wrap dl {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 25px;
}

.recruit .list-wrap dt {
    width: 25%;
    font-weight: bold;
    font-size: 16px;
}

.recruit .list-wrap dd {
    width: 100%;
}

.recruit .list-wrap dd * {
  font-weight: normal
}
@media (max-width: 10
24px) {
    .recruit .message .txt-box:after {
        opacity: 0.3;
    }

    .recruit .message .bg:before {
        padding-top: 45%;
    }

    .recruit .message .txt-box {
        width: 100%;
        padding: 50px 20px;
    }

    .recruit .message .bg img {
        width: auto;
        height: 100% !important;
        object-fit: cover;
    }
}

@media (max-width: 599px) {
    .recruit .message {
        margin-top: 150px;
    }
    .recruit .list-wrap .bana {
    padding: 40px 0px;
    max-width: 95%;
    margin: 0 auto;
}
    .recruit .list-wrap .bana div#engage-contributions-widget-wrapper {
    width: 100% !important;
    height: 310px !important;
    }
    .recruit .message .pic-box {
        width: 70%;
        margin: 0 auto;
    }

    .recruit .message .txt-box {
        width: 100%;
        padding: 50px 10px;
    }

    .recruit .message .inner {
        position: relative;
    }

    .recruit .list-wrap dt,
    .recruit .list-wrap dd {
        width: 100%;
        margin-bottom: 1em;
    }
}

/*************19voice***********/
.menu.voice .comment dt,
.menu.voice .comment dd {
    font-size: 16px;
}

.menu.menu.voice .comment {
    width: 100%
}

.menu.voice .comment dl:not(:first-of-type) {
    margin-bottom: 0;
}

.menu.voice .comment dd.txt {
    padding: 10px 0 0 0;
    width: 100%;
}


@media (max-width: 599px) {
  .menu.menu.voice .comment:first-of-type{
    margin-top: 0;
  }
    .menu.voice .comment .q dt {
       width: 18%;
    display: inline-block;
    }

    .menu.voice .comment .q dd:first-of-type {
        width: 80%;
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
    }
    .menu.voice .comment dd.txt{
      width:100%;
    }
}
/*************編集画面のみ***********/
[data-element-id]#gnav li{
  width: 20%;
}
[data-element-id]#header{
  position: relative;
}
[data-element-id]#gnav li.sp{
  display: inline-block;
}
[data-element-id].home-staff .in .flexb{
  background: #333;
}
[data-element-id].home-staff .in .bg{
  position: relative;
}
[data-element-id].staff > div[data-collection-list-content], .coupon .special > div[data-collection-list-content] {
    overflow: hidden;
    height: 600px;
}
[data-element-id].oxygen .gree .bg,[data-element-id].oxygen .gree .pic,[data-element-id].oxygen .gree .txt-wrap{
  position: relative;
}
[data-element-id].oxygen .gree .bg,[data-element-id].recruit .message .bg{
  z-index: 1
}
[data-element-id].oxygen .gree:before{
  content: none;
}
[data-element-id].recruit .message .inner{
  position: relative;
}
[data-element-id].main-img.subtit-repe{
  z-index: 0;
}


/*20200206追加*/
.footfix .flex {
  max-width: 100%;
}
[data-element-id] .footfix {
  position: relative;
    display: block;
}
.footfix .left { 
   float: right;
    width: 50%;
}

 .footfix .left p {
    text-align: center;
    margin-bottom: 0px;
}
.footfix .left p {
    display: block;
    background: #49bda0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.footfix .left p a {
font-size: 16px;
    color: #fff;
    padding: 7px 0;
    display: block;
}
 .footfix .right {
   float: left;
    width: 50%;
}
.footfix .right .tel {
    font-size: 16px;
    font-weight: bold;
    color: #49bda0;
    line-height: 140%;
    padding-bottom: 0;
    background: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #49bda0;
    border-bottom: 1px solid #49bda0;
}
 .footfix .right .tel a {
    width: 100%;
        height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
          justify-content: center;
    color: #49bda0;
    padding-left: 1.5%;
}


@media only screen and (max-width: 599px){
 .footfix {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 100;
    text-align: center;
    padding: 0 auto;
}
}
@media only screen and (max-width: 1024px){
#gnav li.sp {
    display: block;
    margin: 3px auto 3px auto;
}
}


/*2020/08/24*/

.rec00 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
}

.rec00_in {
  background: #e6e6e6;
}

.mt1080 {
  margin-top: 1080px;
}

.movie1 {
    width: 90%;
    max-width: 660px;
    margin: 60px auto 0 auto;
}

@media (max-width: 599px) {
  .recruit .message .txt-box dd {
    padding-top: 30px;
  }
  
  .mt1080 {
   margin-top: 0;
  }

.movie0 iframe {
    height: 260px;
}

.movie1 {
    width: 100%;
    max-width: 660px;
    margin: 60px auto 0 auto;
}

.movie1 iframe {
        height: 230px;
}
}

/*2020/10/13*/
.taisaku {
  width: 67%;
  margin: 30px auto 0;
  text-align: center;
  padding: 20px;
  font-size: 20px;
  border: 2px solid #ffbe87;
  border-radius: 20px;
  background: #ffbe87;
}
.taisaku a {
  color: #ffffff;
}
h3.title {
  font-size: 25px;
}
h3.title span {
  color: #49bda0;
}
.t_concept {
  line-height: 2;
}
.t_concept .ora {
  color: #ff9f4d;
}
.t_concept .mini_t {
  font-size: 18px;
  color: #49bda0;
}
.recruitwrap .message .inner{
  position: relative;
}
.recruitwrap .mt1080 {
  margin-top: 20px;
}
.recruitwrap .message .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1024px){
  .recruitwrap .message .bg{
    top: 100px;
  }
  
}
@media only screen and (max-width:599px){
  .recruitwrap .message .bg{
    position: relative; 
    top: 0;
  }
}


/* 5/21 */

.home-spa .pic .trimming103 .trimmingInner:before {
    content: "";
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 28%;
    height: 310px;
    background-size: cover;
    z-index: 1;
}

.home-spa .pic .trimming103 .trimmingInner:after {
    content: "";
    background: none;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 28%;
    height: 310px;
    background-size: cover;
    z-index: 1;
}

.home-spa .img100 img{
  width: 100% !important;
}

.sp_only {
  display: none;
}

@media only screen and (max-width:599px){
  .sp_only {
  display: block;
}
}




/* 2021.09.14 */
.taisakukupon{
  display: flex;
}

.kupon02{
  margin-left: 20px;
  width: 40%;
}
  
.kupon03 span{
  color: #fff;
}
  
.kupon04{
  background-color: rgb(30, 214, 177);
  color: #fff;
  font-size: 22px;
   border-radius: 13px;
    padding: 7px 10px;
}  


 

@media only screen and (max-width: 1024px){
  
.taisakukupon{
    display: block;
  }
  
.taisaku {
    width: 80%;
    margin: 30px auto 0;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    border: 2px solid #ffbe87;
    border-radius: 20px;
    background: #ffbe87;
}

.kupon02 {
    width: 46%;
    margin: 46px auto 0;
  justify-content: center;
}

.plI-01 a{
  padding-left: 0 !important;
}

.kupon04 {
    background-color: rgb(30, 214, 177);
    color: #fff;
    font-size: 22px;
    border-radius: 13px;
    padding: 7px 19px;
}
}



@media only screen and (max-width:599px){
  
.taisakukupon {
    display: block;
    width: 96%;
}

.taisaku {
    width: 100%;
    margin: 10px auto 0;
    text-align: center;
    padding: 20px;
    font-size: 13px;
    border: 2px solid #ffbe87;
    border-radius: 20px;
    background: #ffbe87;
}

.plI-01 a{
  padding-left: 0 !important;
}

.kupon02{
  justify-content: center;
  width: 46%;
   margin: 24px auto 0;
}

.kupon04{
  font-size: 14px;
  padding: 10px 13px;
}
}



/* 2021.09.22 */

.staffinsta{
    width: 34%;
    margin-top: 50px;
    margin-left: -170px;
}

.staffinsta02{
    width: 34%;
    margin-top: 35px;
    margin-left: 0;
} 


@media only screen and (max-width: 1024px){
  .staffinsta{
    width: 34%;
    margin-top: 50px;
    margin-left: 19px;
}

.staffinsta02 {
    width: 34%;
    margin-top: 35px;
    margin-left: 180px;
}
}


@media only screen and (max-width:599px){
.staffinsta {
    width: 45%;
    margin: 30px auto 10px;
    display: block;
}

.staffinsta02 {
    width: 45%;
    display: block;
    margin: 30px auto 0;
}
}

/* 2023.02.25 */

.recruitbanar1{
  margin: auto;
    max-width: 300px;
}

.recruitbanar2{
  margin: 80px auto 0;
    max-width: 500px;
}

@media (max-width:599px) {
  .recruitbanar1 #engage-contributions-widget-wrapper {
    width: 100%!important;
  }
  .recruitbanar2 {
    width: 96%;
  }
  .recruitbanar2 #engage-contributions-widget-wrapper {
    width: 100%!important;
  }
}

.engage {
  width: 310px;
  margin: 0 auto 50px;
}

.engage img {
  width: 100%;
}


/* 2023/05/12 */
.recruitbtn2 {
    position: relative;
    max-width: 300px;
    margin: auto;
    width: 80%;
    margin-bottom: 50px;
}

.recruitbtn2 a {
    display: block;
    background: #49bda0;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    position: relative;
}

.recruitbtn2 a:after {
    font-family: "font awesome 5 Free";
    font-weight: bold;
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.recruitbtn3 {
    position: relative;
    margin-top: 60px;
}

.recruitbtn3 .box {
    position: relative;
    max-width: 400px;
    width: 100%;
    margin: auto;
}

.recruitbtn3 .box .txt-box {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
}

.recruitbtn3 .box .pic-box {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    overflow: hidden;
    height: 100%;
}

.recruitbtn3 .box .pic-box img {
    opacity: 0.6;
}


.recruitbtn3 .box .txt-box .txt {
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'EB Garamond', serif;
}

.recruitbtn3 .box .txt-box .more {
    margin-top: 20px;
}

/*2023/07/11*/
.line-qr {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #fff;
  border: 1px solid #49bda0;
  border-radius: 10px;
  width: 160px;
  padding: 5px;
  z-index: 999;
}
.qr-in p {
  color: #49bda0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: 'EB Garamond', serif;
}
.qr-in div {
  margin: auto;
  width: 100px;
}
.qr-in div img {
  width: 100%;
}

@media (max-width:599px) {
  .line-qr {
    /* display: none; */
    bottom: 50px;
    left: 10px;
    width: 160px;
    z-index: 99;
  }
  .qr-in p {
      font-size: 12px;
  }
  
  .qr-in div {
      width: 70px;
  }
}

/* 08/10 追記*/

@media only screen and (max-width: 599px){
  #footer .line-qr{
 display: none ; 
}
}

.benner-flex{
  display: flex;
}

.benner-flex li{
  width: 48%;
}
  
@media only screen and (max-width: 599px){
.benner-flex{
  display: flex;
  flex-direction: column;
}

.benner-flex li{
  width: 100%;
}
   
}

.another-h2{
    text-align: center;
    margin-bottom: 10%;
}

/* 08/18 追記 */

.about .concept .box .pic {
    width: 70%;
}

.about .concept.mt-50{
  margin-top: 50px;
}

.about .another-flexs{
  display: flex;
  justify-content: space-between;
}

.about .another-flexs .pic{
  flex: 1;
}

.about .another-flexs .txt{
    flex: 2;
    margin-left: 8%;
}

.about .mb-50{
  margin-bottom: 50px;
}

@media screen and (max-width:599px) { 
.about .concept .box .pic {
    width: 80%;
}

.about .another-flexs{
  display: block;
}

.about .another-flexs .pic{
  width: 80%;
}

.about .another-flexs .txt{
  margin-left: 0px;
  margin-top: 20px;
}
}

.about .ta-c{
  text-align: center;
}

/* 12/07 追記 */
.recruitwrap .mt1080.interview-inner{
  margin-top: 50px;
  margin-bottom: 50px;
}

.recruitpage-wrapper .interview-inner h4{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #bfbfbf;
}

.recruitpage-wrapper .interview-inner .interview-box{
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.recruitpage-wrapper .interview-box dt{
    border-left: 3px solid #49bda0;
    padding-left: 5px;
    margin-bottom: 5px;
}

.recruitpage-wrapper .interview-box dd{
  margin-left: 8px;
}

.recruitpage-wrapper .ta-c-contents div{
  text-align: center !important;
}

.recruitpage-wrapper .ta-c-contents span{
  text-align: center !important;
}


.recruitpage-wrapper .list-wrap .mt100{
  margin-top: 100px;
}

.recruitpage-wrapper .another-head{
    background: #fff;
    padding: 50px 0px !important;
}

.recruitpage-wrapper .after-content-none::after{
  display: none !important;
}

.recruitpage-wrapper .mai-top60{
  margin-top: 60px !important;
}

.recruitpage-wrapper .mt-100{
  margin-top: 100px;
}

.recruitpage-wrapper .mx-auto{
  margin-right: auto;
  margin-left: auto;
}

.recruitpage-wrapper .mb-50{
  margin-bottom: 50px;
}

.recruitpage-wrapper .ma-topi200{
  margin-top: 200px !important;
}

.recruitpage-wrapper .ma-topi150{
  margin-top: 150px !important;
}

.recruitpage-wrapper .recruit #staff_interview .list-wrap dl:first-of-type {
    margin-top: 0px;
}

.recruitpage-wrapper .recruit .list-wrap dl:first-of-type {
    margin-top: 20px;
}

@media screen and (max-width:599px) {
 .recruitpage-wrapper .ma-topi200 {
    margin-top: 150px !important;
}

.recruitpage-wrapper .ma-topi150 {
    margin-top: 50px !important;
}

.recruitpage-wrapper .recruit .list-wrap .interview-box dl:first-of-type {
    margin-top: 20px;
}


.recruitpage-wrapper .recruit .list-wrap dl:first-of-type {
    margin-top: 50px;
}

}

.recruitpage-wrapper .mti-0{
  margin-top: 0px !important;
}

.recruitpage-wrapper .interview-box dt{
  width: 100% !important;
}

@media screen and (max-width:1024px) {
 .recruitpage-wrapper .mt-100 {
    margin-top: 75px;
}
}

@media screen and (max-width:599px) {
 .recruitpage-wrapper .mt-100 {
    margin-top: 50px;
}
}

/* 04/15 追記 */

@media screen and (max-width:599px) {
.recruitpage-wrapper .footfix .left a{
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruitpage-wrapper .footfix .left a span{
    display: flex;
    align-items: center;
    justify-content: center;
}


.recruitpage-wrapper .footfix .left a span.line-icon{
    width: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
}

[data-element-id].recruitpage-wrapper .footfix .left a span.line-icon{
    width: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.komoku05{
   margin: 4% auto;
    font-size: 16px;
}

.top-p01{
  line-height: 40px !important;
}


@media (max-width: 599px) {
.komoku05 {
    margin: 8% auto;
}

.sp-none{
  display: none;
}

.recruitpage-wrapper .ta-c-contents div {
    text-align: left !important;
}

.w81{
  width: 81%;
    margin: auto;
}
}

/**20240614追記**/
/**h1変更**/
h1 {
  width: 100%;
  padding: 0.4%;
}
.hlogo .black {
  display: none;
}
#header.subtit .hlogo .black {
  display: block;
}
#header.subtit .hlogo .white {
  display: none;
}
.co01 {
  color: #fff;
}

@media (max-width: 1024px) {
  h1 {
    text-align: left;
  }
  .hlogo {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 599px) {
  h1 {
    font-size: 10px;
  }
  .hlogo img {
    width: 30%;
  }
}

/**リクルート**/
.requirements-area h3 {
  font-size: 22px;
  color: #49bda0;
  margin-bottom: 10px;
  margin-top: 20px;
}
.requirements table , .requirements td, .requirements th {
	border: 1px solid #c7c7c7;
	border-collapse: collapse;
}
.requirements table {
  width: 100%;
  margin-top: 50px;
}
.requirements th {
	padding: 1%;
	width: 30px;
	height: 25px;
}
.requirements td:first-child {
	padding: 1%;
	width: 30%;
	height: 25px;
}
.requirements td:nth-child(2) {
	padding: 1%;
	width: 70%;
	height: 25px;
}
.requirements th {
	background: #f0e6cc;
}

/**タブ**/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #49bda0;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label {
  background: #49bda0;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.tab-switch {
  display: none;
}
.mt50 {
  margin-top: 50px;
}

/**20240702 recruit**/
.recruit.recruitwrap div , .recruit.recruitwrap dt , .recruit.recruitwrap dd {
  font-size: 16px;
}
.recruit-min {
  padding: 50px 0 80px;
  margin-top: 30px;
}
.bg-g {
  background: #dcf2ed;
}
.recruit h3 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 500;
  position: relative;
  padding-left: 20px !important;
}
.recruit h3:before {
  content: "";
  border: 1px solid #49bda0;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: auto;
}
.recruit01 ul li {
  margin-bottom: 30px;
}
.recruit01 ul li .flex {
  flex-wrap: wrap;
}
.recruit01 ul li:nth-child(odd) .left {
  width: 50%;
}
.recruit01 ul li:nth-child(odd) .right {
  width: 48%;
  margin-left: 2%;
}
.recruit01 ul li:nth-child(even) .left {
  width: 48%;
  margin-right: 2%;
}
.recruit01 ul li:nth-child(even) .right {
  width: 50%;
}
.recruit01 dl {
  margin-bottom: 10px;
}
.recruit01 dt {
  color: #49bda0;
  font-size: 20px !important;
}
.recruit02 {
  position: relative;
}
.recruit02 .flex {
  flex-wrap: wrap;
}
.recruit02 .flex .img {
  width: 50%;
}
.recruit02 .flex .txt {
  width: 48%;
  margin-left: 2%;
}
.recruit02 .txt02 {
  margin-top: 30px;
}
.recruit02 dt {
  font-size: 20px !important;
  color: #49bda0;
  margin-bottom: 10px;
}
.recruit .recruit02:after {
  content: "";
  background: url(/import/tenant_1/133.167.65.102/html/images/recruit/logo.png) no-repeat;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  margin: 20px auto;
  width: 238px;
  height: 72px;
}

@media (max-width: 1024px){
  .recruit-min {
    margin-top: 0;
  }
}
  
@media (max-width: 599px){
  .recruit-min {
    padding: 30px 0 50px;
  }
  .recruit01 ul li .flex.flex-c {
    flex-direction: column-reverse;
  }
  .recruit01 ul li:nth-child(odd) .left {
    width: 100%;
    margin-top: 10px;
  }
  .recruit01 ul li:nth-child(odd) .right {
    width: 100%;
    margin-left: 0;
  }
  .recruit01 ul li:nth-child(even) .left {
    width: 100%;
    margin-right: 0;
  }
  .recruit01 ul li:nth-child(even) .right {
    width: 100%;
    margin-top: 10px;
  }
  .recruit01 dt {
    font-size: 18px !important;
  }
  .recruit02 .flex .img {
    width: 100%;
  }
  .recruit02 .flex .txt {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .recruit02 dt {
    font-size: 18px !important;
  }
}

/* 20241018 */

.insta-logo{
  width: 30%;
  margin: auto;
}

.insta-logo a, .insta-logo img{
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:599px) {
 .insta-logo{
  width: 50%;
}
}

.recruit .recruit02.notlogo:after {
  display: none;
}

/**BGM**/
.bgm {
  text-align: center;
  padding: 0 0 50px;
}

.bgm h2 {
  margin-bottom: 20px;
}

.bgm .txt02 {
  margin-bottom: 10px;
}

.credit {
  margin: 20px 0;
}

.credit .txt02 {
  margin-bottom: 10px;
  text-align: right;
}

.credit a {
  display: block;
  width: fit-content;
  margin-left: auto;
  color: #49bda0;
}
.credit a:hover {
  opacity: 0.6;
}


/**2024/12/10**/
.re-bnt {
  padding: 30px 0 80px;
}
.re-bnt a {
  width: 700px;
  display: block;
  margin: auto;
}
.re-bnt a img {
  width: 100%;
}

@media (max-width: 1024px){
  .re-bnt a {
    width: 500px;
  }
}

@media (max-width: 599px){
  .re-bnt {
    padding: 0 0 50px;
  }
  .re-bnt a {
    width: 90%;
  }
}

/**2025/03/31**/
.rh3 {
  font-size: 26px;
  text-align: center;
  color: #49bda0;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 599px){
  .rh3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}


.contact-here{
  padding: 15px;
    width: 220px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    background: #fff;
    color: #34b192;
    border: 2px solid #34b192;
    font-weight: bold;
}

.contact-here a{
  color: #34b192;
}


@media (max-width: 599px){
.contact-here {
    margin-top: -30px !important;
}
}


.con-line-flex{
  display: flex;
  justify-content: space-between;
}

.con-line-flex a{
  width: 50%;
  padding: 0 5%;
}

.con-kochira{
  text-align: center;
    background: #49bda0;
    color: #fff;
    padding: 2rem 0;
    border-radius: 40px;
    font-size: 16px;
}

.line-kochira{
  text-align: center;
    background: #27c56a;
    color: #fff;
    padding: 2rem 0;
    border-radius: 40px;
    font-size: 16px;
}

@media (max-width: 1024px) {
.con-line-flex a {
    width: 50%;
    padding: 0 2%;
}
}


@media (max-width: 599px) {
  .con-line-flex {
    display: block;
    margin-top: -3rem;
    margin-bottom: -2rem;
}


}