@charset "utf-8";



/*-------------------------------

common

-------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
form,
input,
button,
p,
a {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

[data-element-id]#wrapper {
    padding-top: 0 !important;
}

.dance {
    font-family: 'Dancing Script', sans-serif;
}

.anton {
    font-family: 'Anton', sans-serif;
}

.ofimg {
    width: 100%;
    overflow: hidden;
}

.fead-mv {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    -webkit-transform: translate(0, 5%);
    -ms-transform: translate(0, 5%);
    transform: translate(0, 5%);
}

.fead-mv.mv {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

[data-element-id].fead-mv {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media only screen and (max-width: 599px) {
    .pic {
        width: 100%;
    }
}

a {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.w1000 {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
}

.w1200 {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

/* width */
.w32 {
    width: 32%;
}

.w72 {
    width: 72%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w66 {
    width: 66%;
}

@media only screen and (max-width: 599px) {

    .w32 {
        width: 100%;
    }

    .w66 {
        width: 100%;
    }

    .w72 {
        width: 100%;
    }

    .w75 {
        width: 100%;
    }

    .inn60 {
        padding: 30px 0;
    }
}

/*_______________________________________

margin
_______________________________________*/
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}

.mt110 {
    margin-top: 110px;
}

.mt120 {
    margin-top: 120px;
}

.mt130 {
    margin-top: 130px;
}

.mt140 {
    margin-top: 140px;
}

.mt200 {
    margin-top: 200px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb110 {
    margin-bottom: 110px;
}

.mb120 {
    margin-bottom: 120px;
}

.mb130 {
    margin-bottom: 130px;
}

.mb140 {
    margin-bottom: 140px;
}

.mb150 {
    margin-bottom: 150px;
}

@media only screen and (max-width: 1024px) {
    .mt70 {
        margin-top: 50px;
    }

    .mt75 {
        margin-top: 55px;
    }

    .mt80 {
        margin-top: 60px;
    }

    .mt90 {
        margin-top: 70px;
    }

    .mt100 {
        margin-top: 80px;
    }

    .mt110 {
        margin-top: 90px;
    }

    .mt120 {
        margin-top: 100px;
    }

    .mt130 {
        margin-top: 110px;
    }

    .mt140 {
        margin-top: 120px;
    }

    .mt150 {
        margin-top: 130px;
    }

    .mb70 {
        margin-bottom: 50px;
    }

    .mb75 {
        margin-bottom: 55px;
    }

    .mb80 {
        margin-bottom: 60px;
    }

    .mb90 {
        margin-bottom: 70px;
    }

    .mb100 {
        margin-bottom: 80px;
    }

    .mb110 {
        margin-bottom: 90px;
    }

    .mb120 {
        margin-bottom: 100px;
    }

    .mb130 {
        margin-bottom: 110px;
    }

    .mb140 {
        margin-bottom: 120px;
    }

    .mb150 {
        margin-bottom: 130px;
    }
}

@media only screen and (max-width: 599px) {
    .mt70 {
        margin-top: 35px;
    }

    .mt75 {
        margin-top: 35px;
    }

    .mt80 {
        margin-top: 40px;
    }

    .mt90 {
        margin-top: 45px;
    }

    .mt100 {
        margin-top: 50px;
    }

    .mt110 {
        margin-top: 55px;
    }

    .mt120 {
        margin-top: 60px;
    }

    .mt130 {
        margin-top: 65px;
    }

    .mt140 {
        margin-top: 70px;
    }

    .mt150 {
        margin-top: 75px;
    }

    .mb30 {
        margin-bottom: 15px;
    }

    .mb50 {
        margin-bottom: 25px;
    }

    .mb60 {
        margin-bottom: 30px;
    }

    .mb70 {
        margin-bottom: 35px;
    }

    .mb75 {
        margin-bottom: 35px;
    }

    .mb80 {
        margin-bottom: 40px;
    }

    .mb90 {
        margin-bottom: 45px;
    }

    .mb100 {
        margin-bottom: 50px;
    }

    .mb110 {
        margin-bottom: 55px;
    }

    .mb120 {
        margin-bottom: 60px;
    }

    .mb130 {
        margin-bottom: 70px;
    }

    .mb150 {
        margin-bottom: 75px;
    }
}

/*_______________________________________

line-height
_______________________________________*/
.lh100 {
    line-height: 100%;
}

.lh120 {
    line-height: 120%;
}

.lh140 {
    line-height: 140%;
}

.lh150 {
    line-height: 150%;
}

.lh170 {
    line-height: 170%;
}

.lh180 {
    line-height: 180%;
}

.lh200 {
    line-height: 200%;
}


/* position */
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.auto {
    margin: 0 auto;
}

/*_______________________________________
font-weight
_______________________________________*/
.fw400 {
    font-weight: 400;
}

/* ミディアムサイズ */
.fw500 {
    font-weight: 500;
}

/* ボールドサイズ */
.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw900 {
    font-weight: 900;
}

/*_______________________________________

object-fit
_______________________________________*/
.of_img {
    overflow: hidden;
    position: relative;
    display: block;
}

.of_img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100% !important;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center,center;';
}

.of_img:before {
    content: '';
    display: block;
}

.of_img.pt20:before {
    padding-top: 20%;
}

.of_img.pt30:before {
    padding-top: 30%;
}

.of_img.pt35:before {
    padding-top: 35%;
}

.of_img.pt40:before {
    padding-top: 40%;
}

.of_img.pt48:before {
    padding-top: 48%;
}

.of_img.pt50:before {
    padding-top: 50%;
}

.of_img.pt55:before {
    padding-top: 55%;
}

.of_img.pt60:before {
    padding-top: 60%;
}

.of_img.pt65:before {
    padding-top: 65%;
}

.of_img.pt70:before {
    padding-top: 70%;
}

.of_img.pt75:before {
    padding-top: 75%;
}

.of_img.pt80:before {
    padding-top: 80%;
}

.of_img.pt85:before {
    padding-top: 85%;
}

.of_img.pt90:before {
    padding-top: 90%;
}

.of_img.pt100:before {
    padding-top: 100%;
}

.of_img.pt110:before {
    padding-top: 110%;
}

.of_img.pt120:before {
    padding-top: 120%;
}

.of_img.pt150:before {
    padding-top: 150%;
}


/*_______________________________________

button
_______________________________________*/
button {
    cursor: pointer;
}

/*-------------------------------

header

-------------------------------*/
header {
    position: relative;
}

header h1 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    z-index: 10000;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

header h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

header h1 img {
    width: auto;
    height: 100% !important;
}

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

.fixed header h1 {
    width: 62px;
    height: 62px;
    left: calc(50% - 500px);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

header .inner {
    padding: 20px 0;
}

.sns {
    width: 50px;
    margin: 0 1%;
}

.sns a {
    display: block;
    border-radius: 50%;
    border: 1px solid #000;
    position: relative;
}

.sns a:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.sns a:after {
    content: '';
    display: inline-block;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sns.fb a:after {
    font-family: 'Font Awesome 5 Brands';
    content: '\f39e';
    font-weight: 900;
}

.sns.twitter a:after {
    font-family: 'Font Awesome 5 Brands';
    content: '\f099';
    font-weight: 900;
}

.sns.insta a:after {
    font-family: 'Font Awesome 5 Brands';
    content: '\f16d';
    font-weight: 900;
}

.sns.mail a:after {
    content: none;
}

.sns.mail a img {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.h_contact {
    width: 50%;
    margin-left: auto;
}

.h_contact ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.h_contact .tel a {
    font-weight: 600;
    display: block;
    font-size: 28px;
}

.h_contact .tel a:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/common/hd_tel.png) no-repeat;
    display: inline-block;
    background-size: contain;
    width: 28px;
    height: 28px;
    vertical-align: baseline;
    padding-right: 10px;
}

.h_contact .tel {
    margin-left: 30px;
}

.reservation_btn {
    cursor: pointer;
    position: fixed;
    top: 30%;
    right: 2%;
    padding: 10px;
    color: #fff;
    z-index: 10;
}

.reservation_btn a {
    position: relative;
    height: 130px;
    width: 130px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    background-image: -webkit-linear-gradient(315deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background-image: linear-gradient(135deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
}

.reservation_btn a:before {
    content: '';
    padding-top: 100%;
    display: block;
}

.reservation_btn span.dance {
    position: absolute;
    top: 10%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 1;
    text-shadow: 1px 1px 0px #696969;
}

.reservation_btn span.inn {
    position: absolute;
    top: 30%;
    padding: 0 10px;
    width: 80%;
    text-align: center;
    line-height: 140%;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.reservation_btn span.txt {
    display: block;
    position: relative;
    padding: 0 10px;
}

.reservation_btn span.txt:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
}

.reservation_btn span.txt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.reflection {
    height: 100%;
    width: 10px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 6s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 6s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 6s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 6s ease-in-out infinite;
}

@keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@-webkit-keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@media only screen and (max-width: 1024px) {
    header .inner {
        padding: 20px 40px 20px 20px;
    }

    header h1 {
        width: 100px;
        height: 100px;
    }

    .fixed header h1 {
        width: 80px;
        height: 80px;
        -webkit-box-shadow: 2px 2px 4px -2px #000000;
        box-shadow: 2px 2px 4px -2px #000000;
    }

    .overlay header h1 {
        z-index: 1;
    }

    .h_contact {
        width: calc(100% - 130px);
        -webkit-margin-start: auto;
        -moz-margin-start: auto;
        margin-inline-start: auto;
        max-width: 768px;
    }

    header .sns {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .reservation_btn{
      top: inherit;
      bottom: 5%;
    }
    .h_contact {
        width: calc(100% - 90px);
        text-align: right;
        max-width: 450px;
    }

    .h_contact ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .h_contact .tel {
        margin-left: 0;
    }

    .h_contact .tel a {
        font-weight: 600;
        display: block;
        font-size: 24px;
    }
}

/*-------------------------------

gnav

-------------------------------*/
.accordion-body {
    position: relative;
}

#gnav {
    background: #fff;
}

.fixed #gnav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 2px -2px rgba(169, 169, 169, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(169, 169, 169, 0.2);
}

.fixed #gnav[data-element-id] {
    position: static;
}

#gnav .nav-list {
    padding: 0 calc(50% - 545px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

#gnav .nav-list:hover,
#gnav .nav-list[data-element-id] {
    overflow: visible;
}

#gnav .nav-list > li {
    font-size: 14px;
    margin: 0 0 0 15px;
    font-weight: 600;
}

#gnav .nav-list > li a,
#gnav .nav-list > li .nav-span {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 20px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}

#gnav .nav-list > li > a:after,
#gnav .nav-list > li > .nav-span:after {
    content: '/';
    display: inline-block;
    margin: 0 0 0 15px;
}

#gnav .nav-list > li .nav-span:hover {
    cursor: pointer;
}

#gnav .nav-list > li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: -1;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    transition: -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    -webkit-transition: -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s, -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

#gnav .nav-list > li a:hover:before {
    background-color: #e7e7e7;
    background-image: none;
    opacity: 1;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

#gnav .nav-list > li:last-of-type:after {
    content: none;
}

#gnav .toggle {
    background: #b98b4f;
}

#gnav .dropdown:hover,
#gnav .dropdown[data-element-id] {
    overflow: visible;
}

#gnav .dropdown ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100vw;
    background-color: #e1caab;
    padding: 30px calc(50% - 500px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 62px;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    z-index: -9999 !important;
}

#gnav .dropdown:hover ul,
#gnav .dropdown[data-element-id] ul {
    opacity: 1;
    z-index: 9998 !important;
}

#gnav .dropdown[data-element-id] ul {
    opacity: 1;
    z-index: 9999 !important;
    width: 35%;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: -400%;
    left: 400px;
}

#gnav .nav-list .dropdown[data-element-id]:nth-of-type(2) ul {
    left: calc(35% + 410px);
}

#gnav .dropdown ul li {
    width: 18%;
    margin: 0 1%;
    -webkit-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

#gnav .dropdown ul li a {
    display: block;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gnav .dropdown ul li a .nav-title {
    font-size: 14px;
    margin: 5px 0;
}

li.sp {
    display: none;
}

.sp_ul {
    display: none;
}

[data-element-id].sp_ul {
    width: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 40px;
    border: 1px solid #acacac;
}

[data-element-id].sp_ul:before {
    content: 'スマホ画面用リンクボタンはこちらから編集をお願いいたします';
    background: #000;
    padding: 2%;
    display: block;
    color: #fff;
}

[data-element-id].dropdown {
    display: block;
}

[data-element-id].dropdown ul li {
    padding: 0;
    overflow: visible;
    height: 100%;
}

[data-element-id].dropdown ul li {
    padding: 0;
    overflow: visible;
    height: 100%;
}

[data-element-id].dropdown.open ul li {
    display: block;
}

[data-element-id]#gnav .sp_ul li.logo {
    width: 38%;
}

[data-element-id].dropdown.open ul li a {
    display: block;
}

[data-element-id]#gnav .sp_ul li.sns a {
    height: 50px;
    overflow: visible;
}

[data-element-id]#gnav .sp_ul li {
    width: 20%;
    border-bottom: none;
}


@media only screen and (max-width: 1024px) {
    #gnav .accordion-body {
        height: 100%;
        -webkit-transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
        transition: cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
        -webkit-transform: translateX(100%) !important;
        -ms-transform: translateX(100%) !important;
        transform: translateX(100%) !important;
        background: #fff;
    }

    #gnav.action .accordion-body {
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
    }

    .accordion-body {
        padding: 0;
    }

    #gnav li:after {
        content: none;
    }

    .dropdown:after {
        content: '>';
        display: inline-block;
    }

    .sp-drop {
        position: relative;
        cursor: pointer;
    }

    .sp-drop ul {
        display: none;
    }

    .sp-drop ul {
        position: static;
        background-color: rgba(78, 69, 64, 0);
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        width: 100%;
    }

    #gnav .sp-drop li {
        visibility: visible;
        height: 100%;
    }

    #gnav .sp-drop li:last-of-type {
        border-bottom: none;
    }

    .dropdown:hover {
        cursor: pointer;
    }

    #gnav .dropdown ul {
        opacity: 1;
        width: 100%;
        padding: 0;
        position: static;
        background-color: #fff;
    }

    #gnav .dropdown ul li {
        width: 100%;
    }

    #gnav .dropdown ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: left;
    }

    #gnav .dropdown ul li .ofimg {
        width: 40%;
    }

    #gnav .dropdown ul li .nav-title {
        width: 58%;
    }

    #gnav .nav-list > li > a:after,
    #gnav .nav-list > li > .nav-span:after {
        display: none;
    }

    .dropdown:hover ul li {
        height: 100%;
    }

    .dropdown ul li a {
        background-color: rgba(78, 69, 64, 0);
        color: #fff;
        width: 100%;
        pointer-events: auto;
    }

    .dropdown.sp-drop.open {
        display: block;
        height: 100%;
    }

    #gnav li.sp-drop a {
        color: #b98b4f;
        font-weight: 700;
    }

    #gnav li.sp-drop li a {
        color: #000;
        font-weight: 400;
    }

    .sp-drop > a:after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 10px;
        border-left: 2px solid #b98b4f;
        border-bottom: 2px solid #b98b4f;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .sp-drop.open > a:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #gnav li a:hover:before {
        content: none;
    }

    li.sp {
        display: block;
    }

    .sp_ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 3% 0;
        margin-left: auto;
        max-width: inherit;
    }

    #gnav .sp_ul a {
        padding: 2%;
        display: block;
    }

    #gnav.action .accordion-body {
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
    }

    #gnav .sp_ul li.logo {
        width: 38%;
    }

    #gnav .sp_ul li {
        width: 20%;
        border-bottom: none;
    }

    #gnav .sp_ul li a {
        overflow: inherit;
    }

    #gnav .sp_ul li a:hover:before {
        content: none;
    }
}

/*-------------------------------

footer

-------------------------------*/
footer {
    background: #bb8d50;
}

footer .ft_inn > ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

footer dt,
footer dd {
    color: #fff;
}

.ft_inn {
    max-width: 1000px;
    padding: 40px 0;
    margin: auto;
}

.ft_logo {
    width: 20%;
    margin-right: 5%;
}

footer .info {
    width: 75%;
}

footer .info dl {
    margin-bottom: 1%;
}

footer .info dl:last-of-type {
    margin-bottom: 0;
}

footer .info dt {
    width: 22%;
    padding-right: 2%;
    color: #fff;
}

footer .info dd {
    width: 76%;
    color: #fff;
}

footer .info dd a {
    display: block;
    color: #fff;
}

footer .info dt.w100,
footer .info dd.w100 {
    width: 100%;
}

footer .item {
    width: 100%;
    margin: 20px 0;
}

footer .sns a {
    border: 1px solid #fff;
}

footer .sns a:after {
    color: #fff;
}

footer .rer {
    margin-right: 2%;
}

footer .rer a {
    border: 1px solid #fff;
    display: block;
    color: #fff;
    padding: 13px;
    text-align: center;
}

.ft_nav dl {
    margin-bottom: 20px;
}

.ft_nav dl:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}

.ft_nav dt a {
    display: block;
    color: #fff;
}

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

.ft_nav dd a {
    display: inline-block;
    color: #fff;
    padding-left: .3em;
}

.ft_nav dd:before {
    content: '└';
}

footer .mask-wrap {
    width: 100%;
    overflow: hidden;
}

.footer-bnr {
    width: 100%;
    margin: 30px 0;
}

.footer-bnr a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
}

.bnr-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.bnr-cont:after {
    content: "";
    background: -webkit-linear-gradient(190deg, transparent 50%, rgb(255, 255, 255) 0);
    background: linear-gradient(-100deg, transparent 50%, rgb(255, 255, 255) 0);
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 100%;
    z-index: 1;
}

.bnr-cont-inner {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.bnr-cont-inner .beige {
    font-size: 16px;
}

.back-text {
    width: calc(100% - 20px);
    font-size: 34px;
    color: #e2e2e2;
    line-height: 110%;
    position: absolute !important;
    top: 50%;
    left: 10px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    margin: auto;
}

.bnr-img {
    margin: 0;
}

.bnr-img img {
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .ft_inn {
        width: 92%;
    }

    .ft_inn > ul > li {
        width: 100%;
    }

    .ft_inn > ul > li:first-of-type {
        display: block;
    }

    .ft_logo {
        width: 30%;
        margin: 0 auto 5%;
    }

    footer .info {
        margin: 0 auto 5%;
    }

    footer .item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;

    }
}

@media only screen and (max-width: 599px) {
    footer .rer {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 5%;
    }

    footer .info {
        width: 100%;
    }
    
    .bnr-cont {
        padding: 40px 10px;
    }
}


/*-------------------------------

main_visal

-------------------------------*/
.main_v {
    position: relative;
    margin-bottom: 20px;
}

.main_v.subpage:before {
    content: '';
    display: block;
    padding-top: 30%;
}
 .main_v.mv-box .of_img:before {
    content: '';
    display: block;
    padding-top: 30%;
} 

.main_v.subpage:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
}
.main_v.mv-box .of_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
}

.main_v .sub_tit {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    line-height: 250%;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.main_v .sub_tit .bd {
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
}

.main_v .sub_tit .cham {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-size: 60px;
    color: #FF8C00;
    background: -webkit-linear-gradient(90deg, #754c24, #bb8d50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, .5),
        0px 0px 20px rgba(255, 255, 255, .5),
        0px 0px 20px rgba(255, 255, 255, .5);
}

.main_v_balloon .sub_tit {
    width: 50%;
    height: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: -webkit-linear-gradient(200deg, transparent 0%, transparent 30%, #fff 30%, #fff 100%);
    background: linear-gradient(-110deg, transparent 0%, transparent 30%, #fff 30%, #fff 100%);
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.balloon {
    position: relative;
    width: 80%;
    margin: auto;
}

.balloon:before {
    content: "";
    display: block;
    padding-top: 45%;
}

.inner-balloon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 120%;
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(/upload/tenant_1/321635bf1b3db9fa0147db1a7b9eff6b.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.balloon-sub-text {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

.pink-text {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    color: #d24d90;
}

.main_v_balloon .sub_tit .more a {
    width: 300px;
    margin: 0;
    padding: 5px;
}

@media (max-width: 1024px) {

    .main_v_balloon .sub_tit {
        width: 60%;
        padding: 20px;
    }

    .balloon {
        width: 70%;
        margin-left: 20px;
    }

    .inner-balloon {
        font-size: 18px;
    }

    .balloon-sub-text {
        font-size: 14px;
    }

    .main_v_balloon .sub_tit .more a {
        width: 240px;
        font-size: 12px;
        line-height: 120%;
        padding: 10px 5px;
    }
}

@media (max-width: 599px) {
    .main_v_balloon .sub_tit {
        padding: 10px;
    }

    .balloon {
        width: 100%;
        margin-left: 10px;
    }

    .inner-balloon {
        font-size: 16px;
    }

    .balloon-sub-text {
        font-size: 12px;
    }

    .main_v_balloon .sub_tit .more a {
        width: 200px;
        font-size: 10px;
    }
}

/* effect */
.os-phrases {
    overflow: hidden;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    letter-spacing: 14px;
    text-align: center;
}

.os-phrases b,
.os-phrases b > span {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.os-phrases b > span {
    margin: 0 15px;
}

.os-phrases b > span > span {
    display: inline-block;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.os-phrases b > span > span > span {
    display: inline-block;
    color: #FF8C00;
    background: -webkit-linear-gradient(90deg, #754c24, #bb8d50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, .5),
        0px 0px 20px rgba(255, 255, 255, .5),
        0px 0px 20px rgba(255, 255, 255, .5);
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: OpeningSequence 5.2s linear forwards;
    animation: OpeningSequence 5.2s linear forwards;
}

.os-phrases b:nth-child(2) > span > span > span {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.os-phrases b:nth-child(3) > span > span > span {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

.os-phrases b:nth-child(4) > span > span > span {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}

.os-phrases b:nth-child(5) > span > span > span {
    font-size: 150px;
    -webkit-animation-delay: 21s;
    animation-delay: 21s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}

.os-phrases b:nth-child(6) > span > span > span {
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
}

.os-phrases b:nth-child(7) > span > span > span {
    -webkit-animation-delay: 34s;
    animation-delay: 34s;
}

@-webkit-keyframes OpeningSequence {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 80px;
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }

    50% {
        text-shadow: 0 0 1px #fff;
        letter-spacing: 14px;
        opacity: 0.8;
        -webkit-transform: rotateY(0deg);
    }

    85% {
        text-shadow: 0 0 1px #fff;
        opacity: 0.8;
        -webkit-transform: rotateY(0deg) translateZ(100px);
    }

    100% {
        text-shadow: 0 0 10px #fff;
        opacity: 1;
        -webkit-transform: translateZ(130px);
        pointer-events: none;
    }
}

@keyframes OpeningSequence {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 80px;
        opacity: 0.2;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    50% {
        text-shadow: 0 0 1px #fff;
        letter-spacing: 14px;
        opacity: 0.8;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    85% {
        text-shadow: 0 0 1px #fff;
        opacity: 0.8;
        -webkit-transform: rotateY(0deg) translateZ(100px);
        transform: rotateY(0deg) translateZ(100px);
    }

    100% {
        text-shadow: 0 0 10px #fff;
        opacity: 1;
        -webkit-transform: translateZ(130px);
        transform: translateZ(130px);
        pointer-events: none;
    }
}

.os-phrases b:nth-child(8) > span > span > span {
    font-size: 30px;
    -webkit-animation: FadeIn 4s linear 40s forwards;
    animation: FadeIn 4s linear 40s forwards;
}

@-webkit-keyframes FadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
    }

    100% {
        opacity: 0.8;
        text-shadow: 0 0 1px #fff;
    }
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
    }

    100% {
        opacity: 0.8;
        text-shadow: 0 0 1px #fff;
    }
}

@media (max-width: 1024px) {
    .main_v .sub_tit .cham {
        font-size: 32px;
    }
}

@media only screen and (max-width: 599px) {
    .main_v .sub_tit .cham {
        font-size: 28px;
    }
    .main_v.mv-box .sub_tit .fs44{
      font-size: 23px;
    }
}


.main_v.sub_img img {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

.slick-dots li button:before {
    font-size: 70px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.slick-dots li.slick-active button:before {
    font-size: 70px;
    background: #bb8d50;
    border: none;
    border-radius: 50%;
}


@media only screen and (max-width: 1024px) {
    .main_v.mv-box .of_img:before {
        padding-top: 40%;
    }
    .main_v.of_img:before {
        padding-top: 40%;
    }
}

@media only screen and (max-width: 599px) {
    .main_v.of_img:before {
        padding-top: 80%;
    }
     .main_v.mv-box .of_img:before {
        padding-top: 80%;
    }
}

/*-------------------------------

common

-------------------------------*/
.beige {
    color: #bb8d50;
}

.brown {
    color: #845a2d;
}

.black {
    color: #000;
}

.border_hd {
    position: relative;
}

.border_hd:after {
    content: '';
    background: #000;
    height: 5px;
    width: 60px;
    display: block;
    position: absolute;
    margin-top: 10px;
}

.border_hd.center:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.border_hd span {
    display: block;
}

.more {
    text-align: center;
    margin: 30px auto 0;
    width: 100%;
    max-width: inherit;
}

.more a {
    background-image: -webkit-gradient(linear, left top, right top, from(#b98b4f), color-stop(51%, #764d24), to(#b98b4f));
    background-image: -webkit-linear-gradient(left, #b98b4f 0%, #764d24 51%, #b98b4f 100%);
    background-image: linear-gradient(to right, #b98b4f 0%, #764d24 51%, #b98b4f 100%);
    background-size: 200% auto;
    width: 250px;
    color: #fff;
    display: block;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    margin: auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: 600;
}

.more.right a {
    margin: 0 0 auto 0;
}

.more a:hover {
    background-position: right center;
    opacity: 1;
}

.mask_wrap {
    display: table;
    overflow: hidden;
}

.mask-wrap .mask {
    position: relative;
    left: -100%;
    overflow: hidden;
}

.mask-wrap .mask-bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 139, 79, 1)), to(rgba(118, 77, 36, 1)));
    background: -webkit-linear-gradient(left, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(90deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    z-index: 3;
}

@media only screen and (max-width: 599px) {
    .more {
        margin: 30px auto 0;
        width: 80%;
        max-width: initial;
    }

    .more a {
        width: 100%;
    }
}

/* IE対策 */
@media all and (-ms-high-contrast: none) {
    .mask-wrap .mask {
        left: 0;
    }

    .mask-wrap .mask-bg {
        position: static;
    }
}

.main_v.subpage .sub_tit {
    width: 80%;
    padding: 3% 2%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 139, 79, .8)), to(rgba(118, 77, 36, .8)));
    background: -webkit-linear-gradient(left, rgba(185, 139, 79, .8) 0%, rgba(118, 77, 36, .8) 100%);
    background: linear-gradient(90deg, rgba(185, 139, 79, .8) 0%, rgba(118, 77, 36, .8) 100%);
}

.main_v.subpage .sub_tit .txt {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    line-height: 100%;
}

.main_v.subpage .sub_tit .txt span {
    display: block;
}



@media only screen and (max-width: 599px) {
    .main_v.subpage .sub_tit .txt {
        font-size: 16px;
    }

    .main_v.subpage .sub_tit .txt span {
        font-size: 14px;
    }

    .main_v.subpage .sub_tit span {
        display: block;
        line-height: 100%;
    }
}

/*-------------------------------

index

-------------------------------*/
.bg_gray {
    background: #f2f2f2;
}

/* news */
.index_01 {
    padding: 60px 0;
}

.news_list dl {
    margin-bottom: 30px;
}

.news_list dl:last-of-type {
    margin-bottom: 0;
}

.news_list dt {
    width: 25%;
    position: relative;
    padding-right: 125px;
}

.news_list dt:after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 125px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 0;
}

.news_list dd {
    padding-left: 20px;
}

.news_list dd a {
    display: block;
}

@media only screen and (max-width: 1024px) {
    .news_list dt {
        max-width: inherit;
        margin: 0;
        width: 30%;
        padding-right: 80px;
    }

    .news_list dt:after {
        width: 80px;
    }
}

@media only screen and (max-width: 599px) {
    .news_list dt {
        width: 100%;
    }

    .news_list dd {
        padding-left: 0;
    }
}

/* What’s　スマ・ラボ？ */
.area_pb80 {
    padding-bottom: 80px;
}

.wahts .area_pb80 {
    position: relative;
}

.wahts .area_pb80 .box_img {
    width: 338px;
    display: block;
    position: absolute;
    left: -3%;
    bottom: -5%;
}

.cham_box {
    width: 80%;
    margin: auto;
    background: -webkit-linear-gradient(315deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(135deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    padding: 6% 8% 3%;
    position: relative;
}

.cham_box:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow.png) no-repeat;
    background-size: contain;
    height: 80px;
    width: 12px;
    display: block;
    position: absolute;
    bottom: -80px;
    left: 50%;
}

.cham_box dt {
    position: relative;
}

.cham_box dt:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/tenten.png) no-repeat;
    background-size: contain;
    height: 16px;
    width: 46px;
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
}

.cham_box dd span {
    border-bottom: 3px solid #fff;
    padding-bottom: 3px;
}

.point {
    position: relative;
}

.point .more {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: auto;
    margin: 0;
    max-width: inherit;
}

.point ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.point li {
    width: 50%;
    overflow: hidden;
    position: relative;
}

.point .tit {
    z-index: 1;
}

.point li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(63.5deg, transparent 50%, rgba(255, 255, 255, .7) 0);
    background: linear-gradient(26.5deg, transparent 50%, rgba(255, 255, 255, .7) 0);
}

.point li:nth-of-type(2):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(116.5deg, transparent 50%, rgba(255, 255, 255, .7) 0);
    background: linear-gradient(-26.5deg, transparent 50%, rgba(255, 255, 255, .7) 0);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.point .cap {
    position: absolute;
    right: 3%;
    top: 30%;
    width: 50%;
    z-index: 1;
}

.point li:nth-of-type(2) .cap {
    left: 2%;
    bottom: 30%;
    top: inherit;
}

@media only screen and (max-width: 1024px) {
    .wahts .area_pb80 .box_img {
        width: 200px;
        left: 0;
    }

    .cham_box {
        width: 100%;
    }

    .merit li {
        width: 48%;
        margin-bottom: 5%;
    }

    .point ul {
        width: 92%;
        margin: auto;
    }

    .point .cap {
        font-size: 16px;
        line-height: 120%;
        top: 10px;
    }

    .point li:nth-of-type(2) .cap {
        bottom: 10px;
    }

    .point li .of_img.pt70:before {
        padding-top: 80%;
    }

    .point .more {
        margin: 30px auto 0;
        width: 80%;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
    }
}

@media only screen and (max-width: 599px) {
    .wahts .area {
        position: relative;
    }

    .cham_box {
        padding: 15% 5%;
        position: relative;
    }

    .cham_box:after {
        bottom: -80px;
    }

    .wahts .area_pb80 .box_img {
        width: 200px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .wahts .area .fs28 {
        font-size: 20px;
    }

    .point li {
        width: 100%;
        margin-bottom: 5%;
    }

    .point .cap {
        width: 100%;
        left: 0;
        right: 0;
    }
}

/* merit */

.merit li .inn {
    position: relative;
    overflow: hidden;
}

.merit dl {
    width: 100%;
    position: absolute;
    padding: 0 8px 8px;
    z-index: 2;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
}

.merit dl:before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 20vw;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 1024px) {

    .merit dl:before {
        border-width: 60px 0 0 48vw;
    }
}

@media only screen and (max-width: 599px) {
    .merit li {
        width: 100%;
        margin-bottom: 5%;
    }

    .merit dl:before {
        border-width: 60px 0 0 100vw;
    }

    .merit dl dt,
    .merit dl dd {
        height: auto !important;
    }
}


/* merit02 */

.merit02 li .inn {
    position: relative;
    overflow: hidden;
}

.merit02 dl {
    width: 100%;
    /* position: absolute; */
    padding: 0 8px 8px;
    z-index: 2;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
}

.merit0202  dl:before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 20vw;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 1024px) {

    .merit02 dl:before {
        border-width: 60px 0 0 48vw;
    }
}

@media only screen and (max-width: 599px) {
    .merit02 li {
        width: 100%;
        margin-bottom: 5%;
    }

    .merit02 dl:before {
        border-width: 60px 0 0 100vw;
    }

    .merit02 dl dt,
    .merit02 dl dd {
        height: auto !important;
    }
}


/* パーソナルトレーニング */
.index_04 {
    position: relative;
    overflow: hidden;
}

.yobikomi.txt {
    position: relative;
    width: 85%;
    margin: 0 auto 20px;
    padding: 0 30px;
}

.yobikomi.txt:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
}

.yobikomi.txt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.personal_area li {
    background: rgba(255, 255, 255, .8);
    margin-bottom: 50px;
}

.personal_area li:last-of-type {
    margin-bottom: 0;
}

.personal_area li > dt {
    width: 30%;
    border-right: 1px solid #bb8d50;
    position: relative;
    padding: 20px;
}

.personal_area li > dt .tit {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.personal_area li dt span,
.personal_areal li dd span {
    display: block;
}

.personal_area li > dd {
    width: 70%;
}

.personal_area li dd dl {
    width: calc(100% / 3);
    border-right: 1px solid #bb8d50;
    padding: 4% 2%;
}

.personal_area li dd dl:last-of-type {
    border-right: none;
}

.personal_area li dd dd img {
    max-height: 60px;
    width: auto;
}

.bkimg {
    height: 100% !important;
    z-index: -1;
    overflow: hidden;
}

.personal_area .bkimg:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 1;
}

.bkimg img {
    height: 100% !important;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center,center;';
}

@media only screen and (max-width: 1024px) {
    .bkimg {
        position: absolute;
        z-index: -1;
        overflow: hidden;
    }

    .yobikomi.txt {
        width: 100%;
        font-size: 18px;
    }

    .personal_area li {
        margin-bottom: 30px;
    }

    .personal_area li dt {
        font-size: 14px;
        height: auto !important;
    }

    .merit dl {
        padding: 0 10px 10px;
        z-index: 2;
    }
}


@media only screen and (max-width: 599px) {
    .yobikomi.txt {
        position: relative;
        width: 100%;
        margin: 0 auto 30px;
        padding: 0 30px;
    }

    .yobikomi.txt:before,
    .yobikomi.txt:after {
        top: inherit;
        bottom: 20%;
        width: 40px;
        height: 2px;
    }

    .bkimg {
        position: relative;
    }
}


/* banner */
.index_05 .area {
    position: relative;
    padding-bottom: 80px;
}

.index_05 .area:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/banner_1.png) no-repeat;
    background-size: contain;
    height: 170px;
    width: 248px;
    display: block;
    position: absolute;
    left: -3%;
    bottom: 0%;
}

.index_05 li {
    position: relative;
}

.index_05 li a {
    display: block;
    background: #000;
}

.index_05 li img {
    opacity: 0.8;
}

.index_05 li .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 95%;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index_05 li .txt:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/banner_icon_calculator.png) center center no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    padding-right: 65px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.index_05 li:nth-of-type(2) .txt:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/banner_icon_woman.png) center center no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
}

.index_05 li a:after {
    content: '';
    position: absolute;
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow_2.png) right center no-repeat;
    background-size: contain;
    height: 10px;
    width: 130px;
    display: block;
    right: 0%;
    bottom: 5%;
}

@media only screen and (max-width: 1024px) {
    .index_05 .area:after {
        height: 130px;
        width: 200px;
    }

    .index_05 .area ul {
        width: 100%;
    }

    .index_05 li .txt {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .personal_area li {
        margin-bottom: 40px;
    }

    .personal_area li > dt {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #bb8d50;
        position: relative;
    }

    .personal_area li > dt .tit {
        position: relative;
        text-align: center;
    }

    .personal_area li > dd {
        width: 100%;
    }

    .personal_area li dd dl {
        border-right: none;
        border-bottom: 1px solid #bb8d50;
        padding: 4% 2%;
    }

    .personal_area li dd dt,
    .personal_area li dd dt span {
        height: auto !important;
        font-size: 12px;
    }


    .index_05 .area:after {
        height: 110px;
        width: 158px;
    }
}

/* こんなお悩みありませんか？ */
.w38 {
    width: 38%;
}

.trouble {
    position: relative;
}

.trouble-box {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trouble dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fdfdfd;
    border-radius: 10px;
    -webkit-box-shadow: -2px 1px 5px rgba(0, 0, 0, .3);
    box-shadow: -2px 1px 5px rgba(0, 0, 0, .3);
    position: relative;
    overflow: hidden;
}

.trouble dt {
    width: 40%;
    border-radius: 10px 0 0 10px;
}

.trouble dt:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: -webkit-linear-gradient(30deg, transparent 50%, rgb(255, 255, 255) 0);
    background: linear-gradient(60deg, transparent 50%, rgb(255, 255, 255) 0);
}

.trouble dd {
    width: 60%;
    padding: 1%;
    position: relative;
}

.trouble dd.cap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    padding: 2%;
    font-size: 12px;
    line-height: 110%;
    color: #fff;
}

.trouble dd.cap[data-element-id] {
    position: static;
    opacity: 1;
}

.trouble .trouble-box:hover dd.cap {
    opacity: 1;
}

.human {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.human-cont {
    width: 35%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.border {
    position: relative;
}

.border:before {
    content: '';
    display: block;
    width: calc(100%/ 3 * 2);
    height: 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin: auto;
    z-index: 1;
}

.border_01:before,
.border_02:before,
.border_03:before {
    background-image:
        url(/upload/tenant_1/7895615223c88c444d6c65b1d93bb541.png),
        url(/upload/tenant_1/3b5e33b139c1d045f822e6bfe6b440de.png);
    background-size:
        auto 100%,
        auto 100%;
    background-position:
        center right,
        center center;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.border_01:before {
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.border_02:before {
    right: 0;
    -webkit-transform: translate(100%, -50%) rotate(-20deg);
    -ms-transform: translate(100%, -50%) rotate(-20deg);
    transform: translate(100%, -50%) rotate(-20deg);
}

.border_03:before {
    right: 0;
    -webkit-transform: translate(100%, -50%) rotate(-30deg);
    -ms-transform: translate(100%, -50%) rotate(-30deg);
    transform: translate(100%, -50%) rotate(-30deg);
}

.border_04:before,
.border_05:before {
    background-image:
        url(/upload/tenant_1/7895615223c88c444d6c65b1d93bb541.png),
        url(/upload/tenant_1/3b5e33b139c1d045f822e6bfe6b440de.png);
    background-size:
        auto 100%,
        100% 100%;
    background-position:
        center left,
        center center;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
}

.border_04:before {
    left: 0;
    -webkit-transform: translate(-100%, -50%) rotate(15deg);
    -ms-transform: translate(-100%, -50%) rotate(15deg);
    transform: translate(-100%, -50%) rotate(15deg);
}

.border_05:before {
    left: 0;
    -webkit-transform: translate(-100%, -50%) rotate(25deg);
    -ms-transform: translate(-100%, -50%) rotate(25deg);
    transform: translate(-100%, -50%) rotate(25deg);
}

@media only screen and (max-width: 1024px) {

    .human-cont {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .trouble .trouble-box {
        width: calc(97% / 3);
        margin: 0.5%;
    }

    .trouble dt:after {
        width: 40%;
        height: 100%;
        background: -webkit-linear-gradient(20deg, transparent 50%, rgb(255, 255, 255) 0);
        background: linear-gradient(70deg, transparent 50%, rgb(255, 255, 255) 0);
    }

    .trouble dd {
        font-size: 14px;
        line-height: 120%;
    }

    .human {
        width: 25%;
        margin: 30px auto;
    }

    .human {
        counter-reset: number;
    }

    .human .item:before {
        counter-increment: number;
        content: counter(number);
        position: absolute;
        z-index: 1;
        top: -4px;
        left: 4px;
        color: #fff;
        font-size: 12px;
    }

    .human .item a {
        height: 15px;
        width: 15px;
        border-radius: 50%;
    }

    .human .item:after {
        content: none;
    }

    .human .item.item5 {
        position: absolute;
        left: 40.5%;
        top: 73%;
        width: auto;
    }

    .border_01 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .border_02 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .border_03 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .border_01:before,
    .border_02:before,
    .border_03:before,
    .border_04:before,
    .border_05:before {
        width: 100%;
        background-size: auto 70%, 100% 100%;
    }

    .border_01:before {
        width: 40%;
        -webkit-transform: translate(80%, 50%) rotate(110deg);
        -ms-transform: translate(80%, 50%) rotate(110deg);
        transform: translate(80%, 50%) rotate(110deg);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .border_02:before {
        width: 105%;
        -webkit-transform: translate(70%, 50%) rotate(45deg);
        -ms-transform: translate(70%, 50%) rotate(45deg);
        transform: translate(70%, 50%) rotate(45deg);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .border_03:before {
        width: 180%;
        -webkit-transform: translate(40%, 50%) rotate(133deg);
        -ms-transform: translate(40%, 50%) rotate(133deg);
        transform: translate(40%, 50%) rotate(133deg);
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .human-cont_02 .trouble-box:nth-of-type(1) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .human-cont_02 .trouble-box:nth-of-type(3) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .human-cont_02 .trouble-box:nth-of-type(5) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .human-cont_02 .border_04 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .human-cont_02 .border_05 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .border_04:before {
        width: 195%;
        -webkit-transform: translate(-90%, -40%) rotate(126deg);
        -ms-transform: translate(-90%, -40%) rotate(126deg);
        transform: translate(-90%, -40%) rotate(126deg);
        top: 0;
        bottom: auto;
        right: 0;
        left: 0;
    }

    .border_05:before {
        width: 75%;
        -webkit-transform: translate(-90%, -40%) rotate(106deg);
        -ms-transform: translate(-90%, -40%) rotate(106deg);
        transform: translate(-90%, -40%) rotate(106deg);
        top: 0;
        bottom: auto;
        right: 0;
        left: 0;
    }
}

@media only screen and (max-width: 599px) {

    .trouble dl {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .trouble dt,
    .trouble dd {
        width: 100%;
    }

    .trouble dd {
        padding: 5%;
    }

    .trouble dt {
        border-radius: 0;
    }

    .trouble dt:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 170%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        background: -webkit-linear-gradient(10deg, transparent 50%, rgb(255, 255, 255) 0);
        background: linear-gradient(80deg, transparent 50%, rgb(255, 255, 255) 0);
    }

    .human {
        width: 50%;
    }

    .border_01:before {
        width: 70%;
        -webkit-transform: translate(77%, 50%) rotate(100deg);
        -ms-transform: translate(77%, 50%) rotate(100deg);
        transform: translate(77%, 50%) rotate(100deg);
    }

    .border_02:before {
        width: 170%;
        -webkit-transform: translate(45%, 50%) rotate(67deg);
        -ms-transform: translate(45%, 50%) rotate(67deg);
        transform: translate(45%, 50%) rotate(67deg);
    }

    .border_03:before {
        width: 320%;
        -webkit-transform: translate(25%, 50%) rotate(110deg);
        -ms-transform: translate(25%, 50%) rotate(110deg);
        transform: translate(25%, 50%) rotate(110deg);
    }

    .border_04:before {
        width: 330%;
        -webkit-transform: translate(-90%, -40%) rotate(103deg);
        -ms-transform: translate(-90%, -40%) rotate(103deg);
        transform: translate(-90%, -40%) rotate(103deg);
    }

    .border_05:before {
        width: 130%;
        -webkit-transform: translate(-90%, -40%) rotate(98deg);
        -ms-transform: translate(-90%, -40%) rotate(98deg);
        transform: translate(-90%, -40%) rotate(98deg);
    }
    .trouble dd.cap{
      overflow-y: scroll;
      padding: 5%;
    }
    .trouble dd.cap span{
      display: block;
    }
}


/* 不調の原因って？ */
.case ul {
    margin: 20px auto;
}

.case .more {
    margin-bottom: 50px;
}

.case .tit {
    width: calc(100% - 93px);
}

.case .number {
    font-size: 72px;
    margin-right: 10px;
    font-weight: 300;
}

.case dt {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.case dd {
    position: relative;
}

.case dd span {
    position: absolute;
    top: 20%;
    right: 0;
    font-size: 60px;
    width: 50%;
    z-index: 1;
    text-align: right;
    opacity: .3;
}

.case li:nth-of-type(even) dd span {
    position: absolute;
    left: 0;
    text-align: left;
    opacity: .3;
}

.case dd img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: contain; object-position: center,center;';
}


/* animation */
@-webkit-keyframes passing-bar {
    0% {
        left: 0;
        right: auto;
        width: 0;
    }

    50% {
        left: 0;
        right: auto;
        width: 100%;
    }

    51% {
        left: auto;
        right: 0;
        width: 100%;
    }

    100% {
        left: auto;
        right: 0;
        width: 0;
    }
}

@keyframes passing-bar {
    0% {
        left: 0;
        width: 0;
    }

    50% {
        left: 0;
        width: 100%;
    }

    51% {
        left: 0;
        width: 100%;
    }

    100% {
        left: 100%;
        width: 0;
    }
}

@-webkit-keyframes passing-txt {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes passing-txt {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.passing .passing-box {
    display: block;
    text-align: center;
}

.passing .passing-bar {
    position: relative;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.passing .passing-bar:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
}

.passing .passing-txt {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 30px;
}

.passing.move .passing-bar:before {
    -webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
    animation: passing-bar 1s ease 0s 1 normal forwards;
    padding: 0;
}

.passing.move .passing-txt {
    -webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
    animation: passing-txt 0s ease .5s 1 normal forwards;
    background: #000;
    color: #fff;
    line-height: 1.5;
    padding: 10px 30px;
}

.lets .area_pb80 {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .case .number {
        font-size: 40px;
    }

    .case dd span {
        font-size: 36px;
    }
}



@media only screen and (max-width: 599px) {
    .case dd span {
        position: absolute;
        top: 20%;
        right: 0;
        font-size: 40px;
    }

    .passing.move .passing-txt {
        padding: 10px;
    }
}


/* 体験ください */
.lets .area_pb80 .box_img {
    width: 198px;
    display: block;
    position: absolute;
    right: 3%;
    bottom: 10%;
}

.index_07 .yobikomi.yobikomi.txt:before,
.index_07 .yobikomi.yobikomi.txt:after {
    width: 40px;
}

.web_box {
    position: relative;
    padding: 50px 0;
    margin-bottom: 30px;
}

.web_box .box {
    border: 2px solid #fff;
    padding: 0.5% 1%;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, .7);
    text-align: center;
}

.web_box dd {
    text-shadow: -1px 1px 2px rgba(0, 0, 0, .7);
}

.time {
    position: relative;
    display: block;
    z-index: 1;
    height: 100px;
    width: 100px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.time span {
    line-height: 100%;
    color: #ffffff;
}

.time > span {
    left: 50%;
    display: block;
    line-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.itaric_b {
    font-style: italic;
    font-family: 'arial black';
    font-weight: 800;
}

.time:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/check_arrow.png) no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.block {
    display: block;
}

.plan {
    padding-right: 10px;
}

.batsu {
    position: relative;
}

.batsu:after {
    content: '';
    height: 2px;
    width: 80px;
    display: block;
    background: #fff;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.web_box ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.circle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #b78b52;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.web_box ul.flow li:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow_2.png) right no-repeat;
    width: 70px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(100%, 50%);
}

.web_box ul li:last-of-type:after {
    display: none;
}

.circle dt {
    font-size: 18px;
    letter-spacing: 2px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, .7);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.circle dt span {
    font-size: 50px;
    display: block;
}

.circle dd {
    width: 150%;
    font-size: 24px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, .7);
    text-align: center;
    z-index: 1;
}

.web_box ul.flow {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    -webkit-flex-direction: inherit;
    flex-direction: inherit;
    margin: 30px auto;
}

.web_box ul.flow li {
    width: calc(25% - 68px);
    margin: 0 90px 0 0;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    -webkit-flex-direction: inherit;
    flex-direction: inherit;
    position: relative;
}

.web_box ul.flow li:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.web_box ul.flow li .circle {
    width: 70%;
    height: 70%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.web_box ul.flow li:last-of-type {
    margin-right: 0;
}

.web_box .bkimg:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .web_box ul.flow li {
        width: calc(50% - 35px);
        margin: 0 70px 0 0;
    }

    .web_box ul.flow li:nth-of-type(even),
    .web_box ul.flow li:last-of-type {
        margin-right: 0;
    }

    .web_box ul.flow li:after {
        width: 50px;
    }

    .web_box ul.flow li:nth-of-type(even):after {
        -webkit-transform: translate(-100%, 0) rotate(130deg);
        -ms-transform: translate(-100%, 0) rotate(130deg);
        transform: translate(-100%, 0) rotate(130deg);
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
    }

    .lets .area_pb80 .box_img {
        width: 130px;
        bottom: 0;
    }

    .web_box ul.flow {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .lets .area_pb80 .box_img {
        width: 118px;
    }

    .web_box .box {
        width: 100%;
        margin-bottom: 2%;
    }

    .web_box .bkimg {
        position: absolute;
    }

    .web_box ul {
        margin-top: 30px;
    }

    .web_box ul.flow li {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .web_box ul.flow li .circle {
        width: 100%;
        height: auto;
        border: 3px solid #b78b52;
        padding: 40px 10px;
        position: static;
    }

    .web_box ul.flow li:before {
        display: none;
    }

    .circle:before {
        display: none;
    }

    .circle dt span {
        font-size: 34px;
    }

    .web_box ul.flow li:after {
        width: 50px;
        top: auto;
        left: 50%;
        right: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        -ms-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg);
    }

    .web_box ul.flow li:nth-of-type(even):after {
        top: auto;
        left: 50%;
        right: 50%;
        -webkit-transform: translate(-50%, 0) rotate(90deg);
        -ms-transform: translate(-50%, 0) rotate(90deg);
        transform: translate(-50%, 0) rotate(90deg)
    }

    .web_box {
        background: #3c3c3c;
        padding: 30px 0;
    }

    .web_box .w1000 {
        padding-bottom: 20px;
    }

    .web_box ul.flow li:nth-of-type(even) .circle:after {
        content: none;
    }
}

/* 身体歪みチェック */
.check_box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: hidden;
}

.check_box .b_left {
    width: 45%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.check_box .b_left .bkimg:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.check_box .b_left ul {
    width: 100%;
    padding: 5% 100px 5% 5%;
}

.text-s {
    text-shadow: -1px 1px 2px rgba(0, 0, 0, .7);
}

.check_box .b_left li {
    position: relative;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 20px;
}

.check_box .b_left li:last-of-type {
    margin-bottom: 0;
}

.check_box .b_left li:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/check.png) no-repeat left;
    width: 30px;
    height: 22px;
    display: inline-block;
    background-size: contain;
}

.check_box .b_left .bkimg img {
    width: 100%;
    min-width: initial;
}

.check_box .arrow {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.beige_line {
    position: relative;
}

.beige_line:after {
    content: '';
    display: inline-block;
    height: 5px;
    width: 100%;
    background: -webkit-linear-gradient(315deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(135deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0;
    margin-top: 3px;
}

.check_box .b_right {
    width: 55%;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 77, 36, 1)), to(rgba(185, 139, 79, 1)));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 77, 36, 1)), color-stop(0%, rgba(185, 139, 79, 1)));
    background: -webkit-linear-gradient(rgba(118, 77, 36, 1) 0%, rgba(185, 139, 79, 1));
    background: linear-gradient(rgba(118, 77, 36, 1) 0%, rgba(185, 139, 79, 1));
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.check_box .b_right:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 77, 36, 1)), to(rgba(185, 139, 79, 1)));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 77, 36, 1)), color-stop(0%, rgba(185, 139, 79, 1)));
    background: -webkit-linear-gradient(rgba(118, 77, 36, 1) 0%, rgba(185, 139, 79, 1));
    background: linear-gradient(rgba(118, 77, 36, 1) 0%, rgba(185, 139, 79, 1));
    left: -45px;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    z-index: -1;
}

.b_right > dl {
    padding: 20px;
}

.arrow_box {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translate(20%, -50%);
    -ms-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
    z-index: 1;
}

.dot span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.dot span:after {
    content: '';
    height: 5px;
    width: 5px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #fff;
}

.arrow_box:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow_brown.png) no-repeat center;
    width: 100px;
    height: 92px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.b_right li dt img {
    display: block;
    max-height: 150px;
    margin: auto;
}

.b_right li dd {
    position: relative;
    display: inline-block;
    width: 58%;
    margin-left: 2%;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    background: #b98b4f;
    font-size: 16px;
    border: solid 1px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.b_right li dd:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #b98b4f;
    z-index: 2;
}

.b_right li dd:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -28px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #fff;
    z-index: 0;
}

.b_right li:nth-of-type(2) dl {
    position: relative;
}

.b_right li:nth-of-type(2) dl span:first-of-type {
    position: absolute;
    bottom: 15%;
    left: -10%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.b_right li:nth-of-type(2) dl span:nth-of-type(2) {
    position: absolute;
    top: 30%;
    right: -5%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.b_right li:nth-of-type(2) dl p:first-of-type {
    position: relative;
}

.b_right li:nth-of-type(2) dl p:first-of-type:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow_2.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 40%;
    top: 100%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media only screen and (max-width: 1024px) {
    .check_box a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .check_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .check_box .b_left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .check_box .b_left .bkimg {
        position: absolute;
    }

    .check_box .b_right {
        width: 100%;
        padding-top: 30px;
        padding-left: 0;
    }

    .check_box .b_left ul {
        padding: 4% 5%;
        width: 100%;
    }

    .arrow_box {
        width: 50%;
        padding: 1% 0;
        top: auto;
        bottom: 0;
        left: 50%;
        right: 50%;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    .arrow_box {
        text-align: center;
        padding: 1% 0;
    }

    .arrow_box:after {
        -webkit-transform: rotate(90deg) translate(0%, -50%);
        -ms-transform: rotate(90deg) translate(0%, -50%);
        transform: rotate(90deg) translate(0%, -50%);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        top: auto;
        bottom: 0;
        left: 50%;
        right: 50%;
    }

    .dot.flex {
        max-width: inherit;
        margin: 0;
    }
}

@media only screen and (max-width: 599px) {
    .check_box a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .check_box .b_left ul {
        display: block;
        padding: 15% 5%;
    }

    .check_box .b_left li {
        width: 100%;
        margin-bottom: 10px;
    }

    /* .b_right li dd:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    top: -12px;
    left: -webkit-calc(50% - 24px);
    left: -moz-calc(50% - 24px);
    left: calc(50% - 24px);
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #b98b4f;
    z-index: 2;
    -webkit-transform: rotate(90deg) translate(0, -50%);
    -moz-transform: rotate(90deg) translate(0, -50%);
    -ms-transform: rotate(90deg) translate(0, -50%);
    -o-transform: rotate(90deg) translate(0, -50%);
    transform: rotate(90deg) translate(0, -50%);
} */

    /* .b_right li dd:after {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #fff;
    -webkit-transform: rotate(90deg) translate(0, -50%);
    -ms-transform: rotate(90deg) translate(0, -50%);
    -moz-transform: rotate(90deg) translate(0, -50%);
    -o-transform: rotate(90deg) translate(0, -50%);
    transform: rotate(90deg) translate(0, -50%);
    z-index: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
} */

    .b_right li:nth-of-type(2) dl span:first-of-type {
        left: 0;
    }

    .b_right li:nth-of-type(2) dl span:nth-of-type(2) {
        right: 0;
    }

    .b_right li dt {
        width: 40%;
    }
}

/* 体験した方の声 */

.index_08 .voice dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_08 .voice li {
    margin-bottom: 30px;
}

.index_08 .voice dt {
    width: 100%;
    background: #fff;
    padding: 30px 15px;
    position: relative;
    margin-bottom: 30px;
}

.index_08 .voice dt:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #fff transparent transparent;
}

.index_08 .voice dd {
    border-radius: 50%;
    width: 80px;
    border: 1px solid #b78b52;
}

/* map */
.map:after {
    padding-top: 25%;
}

.map iframe {
    vertical-align: bottom;
}

@media only screen and (max-width: 599px) {
    .map:after {
        padding-top: 60%;
    }

    .index_08 .voice dt {
        font-size: 10px;
        padding: 15px 0;
    }
}

/*-------------------------------

subpage_common

-------------------------------*/
/* breadcrumb */
.breadcrumb {
    padding: 10px 0 50px;
}

.breadcrumb li {
    display: inline-block;
    position: relative;
    font-weight: 700;
}

.breadcrumb li a {
    display: inline-block;
    font-weight: 700;
}

.breadcrumb li:after {
    content: '>';
    padding: 0 5px;
    vertical-align: top;
}

.breadcrumb li:last-of-type:after {
    content: none;
}

.pink {
    color: #df6c79;
}

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

.pink .txt {
    padding-left: 1em;
    width: calc(100% - 2.8em);
}

.line.beige {
    position: relative;
}

.line.beige:after {
    content: '';
    background: #bb8d50;
    height: 3px;
    width: 28%;
    display: block;
    position: absolute;
    margin-top: 5px;
}

.line.gray {
    color: #cc9966;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}

.maskp .mask-wrap .mask-bg {
    background: -webkit-gradient(linear, left top, right top, from(rgba(186, 97, 124, 1)), to(rgba(241, 182, 150, 1)));
    background: -webkit-linear-gradient(left, rgba(186, 97, 124, 1) 0%, rgba(241, 182, 150, 1) 100%);
    background: linear-gradient(90deg, rgba(186, 97, 124, 1) 0%, rgba(241, 182, 150, 1) 100%);
}

.w21_list {
    width: 21%;
    margin: 0 2% 4% 2%;
}

.w32_list {
    width: 32%;
    margin: 0 2% 4% 0;
}

.w32_list:nth-of-type(3n) {
    margin: 0 0 4% 0
}

.w40_list {
    width: 40%;
    margin: 0 5% 4% 0
}

.w40_list:nth-of-type(2n) {
    margin: 0 0 4% 0
}

.w18 {
    width: 18%;
}

.w20 {
    width: 20%;
}

.w24 {
    width: 24%;
}

.w28 {
    width: 28%;
}

.w58 {
    width: 58%;
}

.w68 {
    width: 68%;
}

.w78 {
    width: 78%;
}

/* padding */

.inn20_0 {
    padding: 20px 0 0;
}

.inn20_40 {
    padding: 20px 0 40px;
}

.inn20_60 {
    padding: 20px 0 60px;
}

.inn20_80 {
    padding: 20px 0 80px;
}

.inn30 {
    padding: 30px 0;
}

.inn30_80 {
    padding: 30px 0 80px;
}

.inn40 {
    padding: 40px 0;
}

.inn40_80 {
    padding: 40px 0 80px;
}

.inn60 {
    padding: 60px 0;
}

.inn60_80 {
    padding: 60px 0 80px;
}

.inn60_20 {
    padding: 60px 0 20px;
}

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

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

.box_area {
    margin-bottom: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    max-width: 100%;
}

.box_area.itemcenter {
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    max-width: 100%;
}

.box_area:last-of-type {
    margin-bottom: 0;
}

.gradation {
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 139, 79, 1)), to(rgba(118, 77, 36, 1)));
    background: -webkit-linear-gradient(left, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(90deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
}

.gradation_2 {
    background: -webkit-gradient(linear, left top, right top, from(rgba(187, 141, 80, .8)), to(rgba(187, 141, 80, .8)));
    background: -webkit-linear-gradient(left, rgba(187, 141, 80, .8) 0%, rgba(187, 141, 80, .8) 100%);
    background: linear-gradient(90deg, rgba(187, 141, 80, .8) 0%, rgba(187, 141, 80, .8) 100%);
}

.gradation_3 {
    background: -webkit-gradient(linear, left top, right top, from(rgb(193, 154, 104)), to(rgb(122, 82, 41)));
    background: -webkit-linear-gradient(left, rgb(193, 154, 104) 0%, rgb(122, 82, 41) 100%);
    background: linear-gradient(90deg, rgb(193, 154, 104) 0%, rgb(122, 82, 41) 100%);
}

@media only screen and (max-width: 599px) {
    .breadcrumb {
        padding: 10px 0 30px;
    }

    .w32_list {
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .w32_list:nth-of-type(3n) {
        margin: 0 0 4% 0;
    }

    .w32_list:nth-of-type(even) {
        margin-right: 0;
    }

    .w32_list:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    .w40_list {
        width: 48%;
        margin: 0 2% 4% 0;
    }

    .w40_list:nth-of-type(2n) {
        margin: 0 0 4% 0;
    }

    .w18 {
        width: 100%;
        margin: 2% 0;
    }

    .w58 {
        width: 100%;
    }

    .w68 {
        width: 100%;
    }

    .w80 {
        width: 100%;
    }

    .box_area {
        margin-bottom: 30px;
    }

    .inn20_60 {
        padding: 20px 0 40px;
    }

    .inn20_80 {
        padding: 20px 0 60px;
    }

    .inn30 {
        padding: 30px 0;
    }

    .inn30_80 {
        padding: 30px 0 60px;
    }

    .inn40_80 {
        padding: 40px 0;
    }

    .inn60_80 {
        padding: 40px 0 60px;
    }

    .inn60 {
        padding: 40px 0;
    }

    .inn60_20 {
        padding: 40px 0 20px;
    }
}

/*-------------------------------

about

-------------------------------*/
.symptoms {
    width: 70%;
    margin: auto;
}

.symptoms li {
    padding: 1% 3%;
    margin: 0 2% 2% 0;
    color: #fff;
    background: #4f4f4f;
    display: inline-block;
    text-align: center;
}

.symptoms li:last-of-type {
    background: none;
    color: #000;
    padding: 0;
    margin: 0 0 2% 0;
    text-align: left;
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}
.article.banner{
    margin: 0 auto 30px;
    max-width: 600px;
}

@media only screen and (max-width: 599px) {
    .symptoms {
        width: 100%;
        margin: auto;
    }
}

/*-------------------------------

access

-------------------------------*/
.access .content_01 {
    position: relative;
    overflow: hidden;
}

.access .content_01:after {
    content: "";
    background: url(/import/tenant_1/160.16.119.244/html/images/03_access/triangle.png) no-repeat top center;
    width: 125px;
    height: 125px;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
}

.timearea {
    position: relative;
}

.timearea .triangle_bg {
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.access .info span {
    display: block;
    color: #fff;
}

.access .info span.tel {
    display: inline-block;
    color: #fff;
}

.access .info span.tel a {
    color: #fff;
}

.access .map:after {
    padding-top: 40%;
}

.time_table {
    width: 60%;
    margin: 0 auto 30px;
}

.table dl {
    margin-bottom: 1.5%;
}

.table dl:last-of-type {
    margin-bottom: 0;
}

.table dt {
    background: -webkit-linear-gradient(315deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(135deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    color: #fff;
    padding: 2%;
    margin-right: 1%;
}

.table dd {
    border: 1px solid #898989;
    padding: 2%;
}

.table dd.gray {
    background: #cccccc;
}

.access .content_02 .article_01 {
    position: relative;
}

.access .content_02 .article_01:before {
    content: "";
    background: url(/import/tenant_1/160.16.119.244/html/images/03_access/triangle.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    width: 135px;
    height: 265px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: -1;
}

.access .content_02 .article_01:after {
    content: "";
    background: url(/import/tenant_1/160.16.119.244/html/images/03_access/triangle.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 215px;
    height: 235px;
}

.access .content_02 .article_02 {
    position: relative;
}

.access .content_02 .article_02:after {
    content: "";
    background: url(/import/tenant_1/160.16.119.244/html/images/03_access/triangle.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 215px;
    height: 235px;
}

.access .content_02 .article_02 ul {
    width: 100%;
    margin: auto;
}
.access .blackbox{
  background: #000;
  color: #fff;
  font-size: 18px;
  padding: 20px;
}

@media only screen and (max-width: 599px) {
    .time_table {
        width: 100%;
    }

    .table dt {
        margin-right: 0;
    }

    .access .content_02 .article_02 ul {
        width: 100%;
    }

    .access .content_02 .article_01:after {
        left: inherit;
        right: 0;
        bottom: 0;
        height: 150px;
        width: 150px;
    }

    .access .content_02 .article_02:after {
        bottom: 0;
        height: 150px;
        width: 150px;
    }
}

/*-------------------------------

sfaff

-------------------------------*/
.staff_box {
    padding: 80px 0;
    border-bottom: 1px solid #bb8d50;
}

.staff_box:first-of-type {
    padding-top: 20px;
}

.staff_info h5 span {
    display: block;
}

.staff_info dl {
    margin-bottom: 10px;
}

.staff_info dl:last-of-type {
    margin-bottom: 0;
}

.staff_info dt {
    width: 23%;
    margin-right: 1%;
}

.staff_info dd {
    width: 76%;
}

.staff_info .tit {
    border-bottom: 1px solid #bb8d50;
    padding-bottom: 15px;
}

.staff_info .text {
    padding-top: 15px;
}

@media only screen and (max-width: 1024px) {
    .staff_box {
        padding: 60px 0;
    }

    .staff_info dt,
    .staff_info dd {
        width: 100%;
    }

    .staff_info dt {
        margin-right: 0;
        margin-bottom: 1%;
    }
}

@media only screen and (max-width: 599px) {
    .staff_box {
        padding: 30px 0;
    }
}

/*-------------------------------

reservation

-------------------------------*/
.reservation .rese_list .number {
    font-size: 48px;
    display: block;
}

.reservation .btn a {
    margin: auto;
    display: block;
    width: 50%;
    padding: 2% 8% 2% 2%;
    text-align: center;
    color: #fff;
    background: -webkit-linear-gradient(315deg, rgba(185, 139, 79, .8) 0%, rgba(118, 77, 36, .8) 100%);
    background: linear-gradient(135deg, rgba(185, 139, 79, .8) 0%, rgba(118, 77, 36, .8) 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.reservation .btn a:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/05_reservation/arrow.png) no-repeat center center;
    height: 27px;
    width: 20px;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.reservation .w_box {
    width: 80%;
    margin: 50px auto 0;
    padding: 3%;
    background: #fff;
}

.reservation .tel a {
    font-size: 18px;
    font-weight: 600;
}

.rese_list li img {
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .reservation .rese_list .number {
        font-size: 40px;
        display: block;
    }

    .w21_list {
        width: 42%;
        margin: 0 2% 4% 2%;
    }

    .reservation .w_box {
        width: 100%;
    }

    .reservation .btn a {
        width: 80%;
    }
}

@media only screen and (max-width: 599px) {
    .reservation .rese_list .number {
        font-size: 36px;
        display: block;
    }

    .w21_list {
        width: 100%;
        margin: 0 0 8% 0;
    }

    .reservation .w_box {
        width: 100%;
    }

    .reservation .btn a {
        width: 100%;
    }

    .reservation .btn a:after {
        content: '';
        background: url(/import/tenant_1/160.16.119.244/html/images/05_reservation/arrow.png) no-repeat center center;
        height: 18px;
        width: 9px;
        background-size: contain;
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 2%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

/*-------------------------------

use

-------------------------------*/
.tabNav li {
    width: 32%;
    margin: 0 1% 0 0;
    cursor: pointer;
    background: #cbc3c6;
    color: #000000;
    padding: 2%;
    font-size: 14px;
}

.tabNav li.select {
    background: rgba(187, 141, 80, 0.8);
    color: #fff;
}

.tabNav li:last-of-type {
    margin-right: 0;
}

.hide {
    display: none;
}

.use .content_01 .article_01 {
    position: relative;
}

.use .content_01 .article_01 .of_img:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgba(185, 139, 79, .3);
}

.use .content_01 .article_01 .white_box {
    background: rgba(255, 255, 255, .7);
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
}

ul.disc li {
    padding-left: 1em;
}

ul.disc li:before {
    content: '・';
    display: inline-block;
    text-indent: -1em;
}

.box_cv {
    position: relative;
    overflow: hidden;
}

.box_cv .inn {
    position: relative;
    overflow: hidden;
    margin-bottom: 4%;
}

.box_cv dl {
    width: 100%;
    position: absolute;
    padding: 0 13px 13px;
    z-index: 2;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
}

.box_cv dl:before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 0 48vw;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
    z-index: -1;
}

.box_cv dl dt span.fs16 {
    display: block;
    line-height: 140%;
}

.box_cv .number {
    font-size: 48px;
    display: block;
}

.gradation_2 .reservation a {
    border: 1px solid #fff;
    margin: 0 auto 20px;
}

.gradation_2 .reservation .btn:last-of-type a {
    margin-bottom: 0;
}

.use .content_02 ul {
    width: 80%;
    margin: auto;
}

.use .content_02 li {
    background: #fff;
    border: 1px solid #898989;
    padding: 2%;
    margin: 0 4% 2% 0;
}

.use .content_02 li:nth-of-type(even) {
    margin-right: 0;
}

@media only screen and (max-width: 1024px) {
    .use .content_01 .article_01 .white_box {
        position: relative;
        ;
        width: 100%;
    }

    .box_cv .number {
        font-size: 40px;
    }
}

@media only screen and (max-width: 599px) {
    .tabNav li {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .box_cv dl:before {
        top: -40px;
        border-width: 40px 0 0 100vw;
        z-index: -1;
    }

    .box_cv .number {
        font-size: 36px;
    }

    .use .content_01 .inn20_0 {
        padding: 20px 0;
    }

    .use .content_02 ul {
        width: 100%;
    }

    .use .content_02 li {
        margin-right: 0;
    }
}

/*-------------------------------

price

-------------------------------*/
.price_box {
    padding: 40px 60px;
}
.price_box h5{
    background: #000;
    color: #fff;
    padding: 5px 10px;
}
.price_box .group {
    margin-bottom: 50px;
}

.price_box .group:last-of-type {
    margin-bottom: 0;
}

.price_box .inn {
    margin-bottom: 30px;
}

.price_box .inn h6,
.price_box .inn .b_head{
/*  background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 5px 10px;
    max-width: 180px; */
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.price_box .inn:last-of-type {
    margin-bottom: 0;
}

.price_box dl {
    border-top: 1px solid #fff;
    padding: 15px 20px;
}
.price_box dl.pl0{
    padding-left:0;
    align-items: center;
}

.price_box dl:last-of-type {
    border-bottom: 1px solid #fff;
}

.price .content_03 li {
    padding-left: 1em;
    margin-bottom: 10px;
}

.price .content_03 li:last-of-type {
    margin-bottom: 0;
}

.price .content_03 li:before {
    content: '■';
    display: inline-block;
    text-indent: -1em;
}

.price .content_03 .credit {
    margin-top: 20px;
}

.price .content_03 .credit > div {
    width: 18%;
    max-width: 70px;
    margin: 1%;
}
.price .blackbox{
  background: #000;
  color: #fff;
  padding: 20px;
}
.price .blackbox ul{
  margin-top: 10px;
}
.price .blackbox li {
    color: #fff;
    border: #fff 2px solid;
    padding: 5px 5px 5px 25px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-right: 10px;
    text-indent: -23px;
}
.price .blackbox li:last-of-type{
    margin-right: 0;
}
.price .blackbox li:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/check.png) no-repeat center;
    width: 15px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    padding-right: 5px;
}

.price .content_03 .box {
    margin: 20px auto 0;
}
.price .content_03 .box li {
    background: #fff;
    border: 1px solid #898989;
    padding: 2%;
    margin: 0 4% 2% 0;
}

.price .content_03 .box li:nth-of-type(even) {
    margin-right: 0;
}

.price .content_03 .box li:before{
   content: none;
}

@media only screen and (max-width: 1024px) {
    .price_box {
        padding: 40px;
    }
    .price .blackbox ul {
      max-width: inherit;
}
}

@media only screen and (max-width: 599px) {
    .price_box {
        padding: 20px;
    }

    .price_box dl {
        max-width: inherit;
        padding: 4% 0;
    }

    .price_box .w24 {
        width: 48%;
    }

    .price_box .w28 {
        width: 100%;
    }
    .price .blackbox li{
      display: block;
      margin-right: 0;
      margin-bottom: 10px;
    }
    .price .blackbox li:last-of-type{
      margin-bottom: 0;
    }
    .price .content_03 .box li{
      margin-right: 0;
    }
}

/*-------------------------------

personal

-------------------------------*/
.maskp .merit .mask-wrap .mask-bg {
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 139, 79, 1)), to(rgba(118, 77, 36, 1)));
    background: -webkit-linear-gradient(left, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(90deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
}

.personal .content_03 li {
    position: relative;
    margin: 0 1% 0 0;
}

.personal .content_03 li:last-of-type {
    margin-right: 0;
}

.personal .content_03 li a {
    display: block;
    background: #000;
}

.personal .content_03 li img {
    opacity: 0.8;
}

.personal .content_03 li .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 95%;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.personal .content_03 li a:after {
    content: '';
    position: absolute;
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/arrow_2.png) right center no-repeat;
    background-size: contain;
    height: 10px;
    width: 130px;
    display: block;
    right: 0%;
    bottom: 5%;
}

.reco_list dt {
    border: 1px solid #845a2d;
    padding: 5px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media only screen and (max-width: 599px) {
    .personal .content_03 li {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .personal .content_03 li:last-of-type {
        margin-bottom: 0;
    }

    .reco_list li {
        width: 100%;
        margin: 0 0 10% 0;
    }

    .reco_list li:nth-of-type(3n),
    .reco_list li:nth-last-of-type(-n+2) {
        margin-bottom: 10%;
    }

    .reco_list li:last-of-type {
        margin-bottom: 0;
    }

    .reco_list dt {
        height: auto !important;
    }
}

/*-------------------------------

small

-------------------------------*/
.cham_box {
    padding: 40px;
}

.small .cham_box dt:before {
    content: none;
}

.small .cham_box dt span {
    position: relative;
}

.small .cham_box dt span:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/tenten.png) no-repeat;
    background-size: contain;
    height: 16px;
    width: 46px;
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.beige_r_line {
    border-right: 1px solid #bb8d50;
    padding-right: 1%;
}

.bd_box .box_area {
    width: 90%;
    margin: 0 auto 40px 0;
}

.bd_box .box_area:nth-of-type(even) {
    margin: 0 0 40px auto;
}

.bd_box .box_area:last-of-type {
    margin-bottom: 0;
}

.content_01 .box_area.rev:nth-of-type(even) .beige_r_line {
    border-left: 1px solid #bb8d50;
    padding-left: 1%;
    border-right: none;
    padding-right: 0;
}

.small .reservation .btn a:before {
    content: "";
    position: absolute;
    height: 150px;
    width: 50px;
    background: #fff;
    right: -40px;
    top: -40px;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0.3;
}

.small .reservation .btn a:hover:before {
    right: 100%;
}

.small .reservation .btn a:hover {
    opacity: 1;
}
.small .reservation .btn a{
  margin-bottom: 20px;
}
.small .reservation .btn:last-of-type a{
  margin-bottom: 0;
}

.small .content_01 .box_area h5{
  max-width: 300px;
  margin-right: 3%;
}
.small .time {
    position: relative;
    height: 60px;
    width: 60px;
}
.small .time:after {
    content: '';
    background: url(/upload/tenant_1/76a05475fe2ee32c99cccc271bc96f71.png) no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.small .time > span {
    left: 50%;
    display: block;
    line-height: 100%;
    position: absolute;
    top: 50%;
    width: 70%;
    padding: 5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 100%;
}
.small .time span {
    line-height: 80%;
    color: #000;
}

@media only screen and (max-width: 1024px) {
    .bd_box .box_area {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .beige_r_line {
        border-right: none;
        border-bottom: 1px solid #bb8d50;
        padding-right: 0;
        padding-bottom: 5%;
    }

    .content_01 .box_area.rev:nth-of-type(even) .beige_r_line {
        border-left: none;
        padding-left: 0;
    }
    .small .content_01 .box_area h5{
      width: 100%;
      max-width: inherit;
    }
    .small .timelist{
      max-width: inherit;
      width: 100%;
    }
}

/*-------------------------------

voice

-------------------------------*/
.voice .con_list dl {
    border-bottom: 1px solid #e8e8ea;
    padding: 15px 0;
}

.voice .day {
    width: 20%;
    margin-right: 1%;
}

.voice .old,
.voice .gender {
    width: 10%;
    margin-right: 1%;
}

.voice .con_list dt {
    width: 57%;
}

.voice .con_list dt a {
    display: block;
}

/* ページネーション */
.pager.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.pager li {
    margin-right: 10px;
}

.pager li:last-of-type {
    margin-right: 0;
}

.pager li a {
    display: inline-block;
    border: 1px solid #bfbfbf;
    padding: 5px 10px;
    text-align: center;
    position: relative;
    font-weight: 700;
}

.pager li.to a {
    color: #fff;
    background: #c59e6a;
}

.side dt {
    background: -webkit-linear-gradient(315deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    background: linear-gradient(135deg, rgba(185, 139, 79, 1) 0%, rgba(118, 77, 36, 1) 100%);
    width: 100%;
    padding: 4% 2%;
}

.side li {
    border-bottom: 1px solid #e8e8ea;
    padding-left: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.side li a {
    display: inline-block;
    padding: 10px 0 10px 1.5em;
    font-weight: 700;
}

.side li a:before {
    content: '／';
    display: inline-block;
    text-indent: -1.5em;
}

@media only screen and (max-width: 599px) {
    .con_list {
        width: 100%;
    }

    .con_list dl {
        max-width: inherit;
    }

    .side {
        width: 100%;
        margin-top: 50px;
    }

    .voice .day,
    .voice .old {
        width: 32%;
        margin-right: 1%;
        text-align: left;
    }

    .voice .gender {
        width: 32%;
        text-align: left;

    }
}

/*-------------------------------

voice‗detail

-------------------------------*/
.voice .con_list.detail dl {
    border-bottom: none;
    padding: 0 0 10px;
}

.voice .con_list.detail dt {
    width: 30%;
    padding-bottom: 5px;
    margin-right: 2%;
}

.voice .con_list.detail dd {
    width: 100%;
    padding-bottom: 2%;
    border-bottom: 1px solid #e8e8ea;
}

.voice .con_list.detail .day {
    width: 100%;
}

.voice .con_list.detail dd.old,
.voice .con_list.detail dd.gender {
    width: 40%;
    border-bottom: none;
    padding-bottom: 5%;
}

.voice .con_list.detail dl.name dd {
    width: 13%;
    text-align: left;
    padding-bottom: 0;
    border-bottom: none;
}

.voice .con_list.detail dl.name {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 0;
}

.voice .con_list.detail dl.name dt {
    width: 30%;
    margin-right: 1%;
}

.voice .con_list.detail dl.name dd {
    width: 68%;
}

.con_list.detail .btnarea li {
    margin-right: 10px;
}

.con_list.detail .btnarea li:last-of-type {
    margin-right: 0;
}

.con_list.detail .btnarea a {
    display: inline-block;
    color: #fff;
    background: #c59e6a;
    padding: 5px 10px;
    text-align: center;
    position: relative;
}

@media only screen and (max-width: 599px) {
    .con_list {
        width: 100%;
    }

    .con_list.detail ul {
        max-width: inherit;
    }

    .voice .con_list.detail dl.name {
        width: 100%;
        padding-top: 10px;
    }

    .con_list.detail .btnarea {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

/*-------------------------------

story

-------------------------------*/
.story .content_01 .box_area {
    position: relative;
}

.story .content_01 .textbox {
    position: absolute;
    top: 50%;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
    padding: 30px;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.story .content_01 .textbox h5 {
    font-weight: bold;
}

.story .content_01 .box_area:nth-of-type(even) .textbox {
    left: 0;
}

.beige_box {
    background: #bb8d50;
    padding: 20px 30px;
    position: relative;
}

.beige_box .w75 {
    margin-left: auto;
}

.beige_box .white_box {
    background: #fff;
    padding: 20px 30px;
}

.beige_box .white_box .dot span:after {
    background: #000;
}

.beige_box .white_box .yobikomi.txt {
    width: 100%;
    margin: 20px 0 0;
    padding: 0 42px;
}

.beige_box .box_img {
    position: absolute;
    bottom: 0;
    width: 200px;
}

.beige_box .arrow a {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    position: relative;
    padding-right: 80px;
}

.beige_box .arrow a:after {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/12_story/arrow.png) no-repeat center right;
    background-size: contain;
    height: 13px;
    width: 65px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.beige_box .arrow span {
    position: relative;
}

.beige_box .arrow span:before {
    content: '';
    background: url(/import/tenant_1/160.16.119.244/html/images/01_index/tenten.png) no-repeat;
    background-size: contain;
    height: 16px;
    width: 46px;
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media only screen and (max-width: 599px) {
    .story .content_01 .textbox {
        position: relative;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        padding: 0;
        background: none
    }

    .beige_box {
        padding: 20px;
    }

    .beige_box .white_box {
        background: #fff;
        padding: 20px 10px;
    }

    .beige_box .box_img {
        position: static;
        width: auto;
        margin-bottom: 0;
    }

    .beige_box .dot.flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
    }

    .beige_box .arrow a {
        font-size: 18px;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .beige_box .arrow a:after {
        height: 8px;
        width: 50px;
    }

    .beige_box .arrow a:after {
        height: 8px;
        width: 30px;
        top: inherit;
        bottom: 0px;
    }
}

/*-------------------------------

faq

-------------------------------*/
.faq_box {
    border-bottom: 1px solid #bfbfbf;
    padding: 30px 40px;
}

.faq_box .question,
.faq_box .answer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.faq_box .question .txt,
.faq_box .answer .txt {
    width: calc(100% - 60px);
    padding: 10px 0 0 10px;
}

.faq_box .q_mark {
    background: #bd8c4e;
    color: #fff;
    display: block;
    border-radius: 50%;
    position: relative;
    width: 50px;
}

.faq_box .a_mark {
    background: #cccccc;
    color: #ffffff;
    display: block;
    border-radius: 50%;
    position: relative;
    width: 50px;
}

.faq_box .q_mark:before,
.faq_box .a_mark:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.faq_box .question .inn,
.faq_box .answer .inn {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq_box .question .dance,
.faq_box .answer .dance {
    position: absolute;
    color: #000;
    top: -5px;
    left: 0;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

@media only screen and (max-width: 1024px) {
    .faq_box {
        padding: 30px 0;
    }
}

/*-------------------------------

blog

-------------------------------*/
.list_group a {
    display: block;
}

.list_group dt a {
    line-height: 120%;
}

/* .cate {
background: #c59e6a;
color: #fff;
padding: 1% 2%;
display: table;
line-height: 100%;
text-align: center;
} */

.split-tag span {
    background: #c59e6a;
    color: #fff;
    padding: 1%;
    margin-right: 1%;
    display: inline-block;
    line-height: 100%;
    text-align: center;
}

.split-tag span:last-of-type {
    margin-right: 0;
}

@media only screen and (max-width: 1024px) {
    .con_list .w32_list {
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .con_list .w32_list:nth-of-type(even) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 599px) {
    .row_con {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

/*-------------------------------

blog_detail

-------------------------------*/
.con_list.detail .day {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 2%;
}

.con_list.detail .split-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.con_list.detail .return a {
    border: 1px solid #bfbfbf;
    background: #fff;
    color: #000;
}

@media only screen and (max-width: 1024px) {
    .con_list.detail .day {
        width: 20%;
        margin-right: 2%;
    }
}

@media only screen and (max-width: 1024px) {
    .con_list.detail .day {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
    }
}

/*-------------------------------

news

-------------------------------*/
.news .con_list dl {
    border-bottom: 1px solid #e8e8ea;
    padding: 15px 0;
}

.news .con_list dt {
    width: 100%;
}

.news .con_list .day {
    margin-bottom: 2%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.news .con_list a {
    display: block;
    font-weight: 700;
}

.news .con_list .split-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .news .con_list .day {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
    }
}

/*-------------------------------

contact

-------------------------------*/
.contact h3 .db {
    display: block;
}

.form dl {
    border-bottom: 1px solid #999;
}

.form dl:first-of-type {
    border-top: 1px solid #999;
}

.form dt {
    border-right: 1px solid #999;
    padding: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.form dd {
    padding: 1%;
}

.form input[type="text"],
textarea {
    width: 100%;
    padding: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: #eee 1px solid;
    background: #eee;
    font-size: 16px;
}

.required {
    color: #fff;
    background: #333;
    font-size: 12px;
    padding: 2px 5px;
    display: inline-block;
}

select::-ms-expand {
    /* 矢印不要な場合 IE */
    display: none;
}

select {
    /* 矢印不要な場合、以下3行 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    padding: 0 10px;
    font-size: 16px;
    line-height: 200%;
    border: #333 1px solid;
    width: 30%;
}

.form input[type="radio"] {
    margin: 2px;
}

.form .btn li {
    padding-right: 2%;
}

.form .btn li:last-of-type {
    padding-right: 0;
}

.form button {
    width: 120px;
    background: #c59e6a;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

.form button.reset {
    background: #9a9a9a;
}

.complete a {
    width: 120px;
    background: #c59e6a;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width: 599px) {
    .form dt {
        border-right: none;
    }

    select {
        width: 100%;
    }

    .form .btn li,
    .form .btn li button {
        width: 100%;
    }

    .form .btn li {
        padding-right: 0;
        padding-bottom: 2%;
    }

    .form .btn li:last-of-type {
        padding-right: 0;
        padding-bottom: 0;
    }

    .complete a {
        width: 100%;
    }
}

/*-------------------------------

recruit

-------------------------------*/
.recruit_box {
    margin-bottom: 50px;
}

.recruit_box:last-of-type {
    margin-bottom: 0;
}

.recruit_box h4 {
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 139, 79)), to(rgba(118, 77, 36)));
    background: -webkit-linear-gradient(left, rgba(185, 139, 79) 0%, rgba(118, 77, 36) 100%);
    background: linear-gradient(90deg, rgba(185, 139, 79) 0%, rgba(118, 77, 36) 100%);
    padding: 2%;
    margin-bottom: 0;
}

.recruit_box dl {
    border-bottom: 1px solid #999;
}

.recruit_box dt {
    border-right: 1px solid #999;
    padding: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.recruit_box dd {
    padding: 2%;
}

@media only screen and (max-width: 599px) {
    .recruit_box dt {
        border-right: none;
    }

    .recruit_box dd {
        padding: 0 2% 5%;
    }
}

/*-------------------------------

houjin

-------------------------------*/
.houjin .bd_box .box_area:nth-of-type(even) h5 {
    color: #bb8d50;
}

/* ##### inpagenav ##### */
.inpagenav-list li a {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 10px 20px 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000;
    border: 1px solid #000;
}

.inpagenav-list li a:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 11px;
    right: 10px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.inpagenav-list li a:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 599px) {
    .inpagenav-list li a {
        font-size: 12px;
        padding: 5px 15px 5px 5px;
    }

    .inpagenav-list li a:after {
        top: 6px;
        right: 5px;
    }
}

/* ##### inpagenav end ##### */

.j-formnew + .j-hr + .j-hr,
.j-formnew + .j-hr,
.j-formnew,
.j-header:last-of-type {
  display: none;
}

.slider[data-element-id] li {
    width: 80%;
    margin: auto;
    border: 1px solid #ffa500;
}

.slider[data-element-id] li:after {
    content: 'こちらのオレンジ部分をダブルクリックして画像を変更してください';
    display: block;
    width: 100%;
    height: 25px;
    font-size: 14px;
    line-height: 100%;
    padding: 5px;
    box-sizing: border-box;
    background-color: #ffa500;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.fix-btn{
  width: 60px;
  position: fixed;
  right: 0;
  top: 300px;
  z-index: 9999;
}
.fix-btn a{
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(#b98b4f), color-stop(51%, #764d24), to(#b98b4f));
  background-image: -webkit-linear-gradient(left, #b98b4f 0%, #764d24 51%, #b98b4f 100%);
  background-image: linear-gradient(to right, #b98b4f 0%, #764d24 51%, #b98b4f 100%);
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  overflow: hidden;
  width: 100%;
  color: #fff;
}
.fix-btn a span{
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  font-size: 18px;
}
@media (max-width: 1024px) {
  .fix-btn{
    width: 100%;
    bottom: 0;
    top:auto;
  }
  .fix-btn a{
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
    -o-writing-mode:inherit;
    writing-mode: inherit;
    text-align: center;
  }
  .fix-btn a span{
    padding: 10px;
    font-size: 14px;
  }
  footer{
    padding-bottom: 60px;
  }
}

.ft_nav dt {font-weight: 600;}



/* 4/8追記 */

.h-auto{
  height: auto !important;
}


@media only screen and (max-width: 599px){
  .sp-fz{
  font-size: 14px;
}
}


/* 5/10 追記 */

.w35{
  width: 35% !important;  
}

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

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

.merit li:nth-of-type(-n+2){
  margin-bottom: 4% !important;
} 
}

@media only screen and (max-width: 1024px){
  .w35 {
    width: 42% !important;
}
}


@media only screen and (max-width: 599px){
  [data-element-id].w100sp{
  width: 100% !important;
}
}

/* 5/11 */


  .r{
    display: inline-block !important;  
  }
  
  .pc-none{
    display: none;
  }
  
  .sp-none{
  display: inline-block;
}

 
   .trouble .sp-none{
    display: flex;
  }
  
   .trouble .pc-none{
    display: none;
  }
  
 
  .k{
    display: block;
  }
  
  
  @media only screen and (max-width: 1024px){
  .trouble .pc-none{
    display: flex;
  }
  
   .trouble .sp-none{
    display: none;
  }
    
  }

@media only screen and (max-width: 599px){
  .fs20-sp{
    font-size: 20px !important;  
  }
  
  .db-sp{
    display: block !important;  
  }
  
    .pc-none{
    display: inline-block;
  }
  
  .trouble .pc-none{
    display: flex;
  }
  
   .trouble .sp-none{
    display: none;
  }
  
  .sp-none{
    display: none;
  }
  
  .fz22-sp{
    font-size: 22px !important;
  }
  
  .ls7-sp{
     letter-spacing: 7px !important;
  }
}

.ai-c{
  align-items: center;
}

.mb-0{
  margin-bottom: 0 !important;
}

.trouble-box {
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.merit dl:before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 28vw;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 1024px){
  .merit dl:before {
    border-width: 60px 0 0 48vw;
}  
}



@media only screen and (max-width: 599px){
  .merit li {
    width: 100% !important;
    margin-bottom: 5%;
}

 .merit dl:before {
    border-width: 60px 0 0 100vw;
}

.sp-block{
  display: block;
}

.k{
  display: inline-block;
}
.point .cap {
    width: 100%;
    left: 50%;
    right: 0%;
    transform: translateX(-40%);
}


.point li:nth-of-type(2) .cap {
    left: 30%;
    bottom: 10px;
    top: inherit;
    transform: translateX(-45%);
}
}

.trouble .trouble-box{
  transition: 1s;
}

/* 5/31 追記*/
.trouble .trouble-box:hover dd.cap {
    opacity: 1;
/*  transform: scale(2); */
 height: 100px;
 font-size: 10px;
}

/* .trouble .trouble-box:hover dd {
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.trouble .trouble-box:hover dt {
    width: 40%;
    border-radius: 10px 0 0 10px;
    height: 100%;
}
 */
 
 .trouble .trouble-box:hover dl {
 height: 100px !important;
}

.trouble .trouble-box.k_human:hover dl {
 height: initial !important;
}

.trouble .trouble-box:hover{
  transform: scale(1.5);
   height: 100px;
}

.trouble .trouble-box.k_human:hover{
  transform: initial;
   height: initial;
}


.trouble .trouble-box:hover dt{
   height: 100%;
}


.trouble .trouble-box:hover dd{
   height: 100%;
   display: flex;
   align-items: center;
}




[data-element-id].trouble .trouble-box{
  pointer-events: none !important;
}

[data-element-id].trouble .trouble-box:hover dd {
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

[data-element-id].trouble .trouble-box:hover dl {
 height: 100px !important;
}

[data-element-id].trouble .trouble-box:hover{
  transform: none;
   height: 100px;
}


[data-element-id].trouble .trouble-box:hover dt{
   height: 100%;
}


[data-element-id].trouble .trouble-box:hover dd{
   height: 100%;
   display: flex;
   align-items: center;
}

@media only screen and (max-width: 1024px){
  [data-element-id].trouble .trouble-box:hover {
    transform: none;
    height: 100px;
}
}

@media only screen and (max-width: 599px){
  [data-element-id].trouble .trouble-box:hover {
    transform: none;
    height: 182px;
}

[data-element-id].trouble .trouble-box:hover dl {
    height: 182px !important;
}

[data-element-id].trouble .trouble-box:hover dd.cap {
    opacity: 1;
    /* transform: scale(2); */
    height: 100%;
    font-size: 10px;
}
}










@media only screen and (max-width: 1024px){
  .trouble .trouble-box:hover {
    transform: scale(1);
    height: 100px;
}
}

@media only screen and (max-width: 599px){
  .trouble .trouble-box:hover {
    transform: scale(1);
    height: 182px;
}

.trouble .trouble-box:hover dl {
    height: 182px !important;
}

.trouble .trouble-box:hover dd.cap {
    opacity: 1;
    /* transform: scale(2); */
    height: 100%;
    font-size: 10px;
}
}

@media only screen and (max-width: 1024px){
  .trouble .trouble-box.w48{
    width: 46% !important;
  }
  
  .jc-sb{
    justify-content: space-between;
  }
  
/*   .human-list .human-cont:not(:nth-last-of-type(2n)){
  margin-bottom: 5%;  
} */

  .human-list .human-cont{
    margin-bottom: 5%;  
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 599px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


h3.pink.lp_sbtitle {
    margin: 10px 0px;
}

.lp_w35{
  width: 35% !important;  
}

@media only screen and (max-width: 599px) {
.lp_w35{
  width: 100% !important;  
}
}



/* 2021.11.30 */

.yellow01{
  background: #ffff80;
}

.yellow02{
  background: #ffff80;
  width: 60%;
}

.yellow03{
  background: #ffff80;
  width: 80%;
  margin: auto;
}

.yellow04{
   background: #ffff80;
   width: 80%;
   margin: auto;
}

.itamitsukare{
  margin-bottom: 60px;
  margin-top: 50px;
}

.itatsukare{
  margin: auto;
}

.pasonaru{
  width: 80%;
  margin: 100px auto 0;
}

.erabareru{
  color: #fff;
  font-size: 23px;
  width: 25%;
  margin:20px auto 10px;
}

.toraburu01:hover{
  pointer-events: none;
}

 .pasonaru .text {
   font-size: 22px;
 }
 
@media only screen and (max-width: 1024px) {
  .fix-btn.y_btn a{
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
    -o-writing-mode:inherit;
    writing-mode: inherit;
    text-align: center;
  }
}
 
 @media only screen and (max-width: 599px) {
  .pasonaru {
    width: 100%;
    height: 560px;
  }
  .pasonaru .w1000 {
    width: 100%;
    position: absolute;
  }
  .pasonaru .text {
    z-index: 10;
    width: 90%;
    margin: auto;
    font-size: 16px;
  }
  .erabareru {
    width: 100%;
    text-align: center;
  }
  
  .yellow02{
  background: #ffff80;
  width: 71%;
}

.yellow03{
  background: #ffff80;
  width: 86%;
  margin: auto;
}
  
  .hontou{
    font-size: 17px !important;
    width: 85%;
    margin: auto;
  }
  
  .nagare{
    font-size: 28px !important;
  }
  
  .nagare02{
    font-size: 17px;
  }
  
  .konna01{
    font-size: 19px !important;
} 

.itamiyatsukare{
  font-size: 30px !important;
}

.itamiyatsukare02{
  font-size: 30px !important;
  width: 85%;
  margin: auto;
}
}
  
  
/*極みページ 限定*/

#kiwami .c-black{
  color: #333 !important;
}

#kiwami .c-fff{
  color: #fff !important;
}

#kiwami .r{
  display: inline-block !important;
}

#kiwami .my-50{
  margin: 50px 0px;
}

#kiwami .caption-txt{
  text-align: center;
    margin: 25px auto;
}


#kiwami .box_cv .number {
    font-size: 28px;
    line-height: 3.5rem;

}

#kiwami .t-indent{
      text-indent: 1em;
    padding-left: 1em;
}

#kiwami .c-transparent{
  background-color: transparent !important;
}

#kiwami .lh2{
  line-height: 2rem;
}

#kiwami .midashi-txt{
      font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

#kiwami .pbi-0{
  padding-bottom: 0px !important;
}

.fw-txt{
  font-weight: bold;
}

#kiwami .big-price{
  font-size: 44px;
    font-weight: bold;
    margin: 0 10px;
}

#kiwami .ttl-txt{
  font-size: 26px;
}

#kiwami .mb50{
  margin-bottom: 50px;
}

@media only screen and (max-width: 1024px){
  #kiwami .inn .of_img.pt75:before {
    padding-top: 105%;
}

#kiwami .box_cv dl {
    height: 240px;
}

#kiwami .box_cv .inn {
    height: 320px;
}

 #kiwami .box_cv .number {
    line-height: 2.5rem;
}

#kiwami .nagare {
    font-size: 20px !important;
}

}


@media only screen and (max-width: 599px){
#kiwami .main_v .sub_tit .cham {
    font-size: 22px !important;
}

#kiwami .hontou {
    font-size: 16px !important;
    width: 85%;
    margin: auto;
}

#kiwami .r{
  display: block !important;
} 

#kiwami .wahts .area_pb80 .box_img {
    width: 200px;
    position: absolute;
    left: 0;
    bottom: -30px;
}

#kiwami .pos-a-txt {
  position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -45%);
}

#kiwami .sp-flex{
 flex-direction: column-reverse;
}

#kiwami .caption-txt {
  width: 100%;
}

#kiwami .gradation_2 .reservation a {
    border: 1px solid #fff;
    margin: 0 auto 20px;
    font-size: 14px;
    padding: 20px 30px 20px 15px;
}

#kiwami .w94{
  width: 94%;
  margin: auto;
}

#kiwami .sp-fz22{
  font-size: 22px !important;
}

#kiwami .cham_box:after {
    left: 55%;
}

}


/* 0412 追記 */


@media only screen and (max-width: 599px){
  .sp-m4{
  margin: 0 4% 4% 0 !important; 
}
}


@media only screen and (min-width: 1025px){
  
  .five-pic li {
    width: 18%;
    margin: 0 2% 4% 0 !important;
}

.mxwidth-none{
  max-width: none;  
}
}

/* 0427 追記 */

#kiwami h1{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
    color: #fff;
    text-shadow: 1px 1px black;
}

/* 0502 追記 */

@media only screen and (max-width: 599px){
 #kiwami .w32_list {
      margin: 0 4% 4% 0;
}

#kiwami .w32_list:nth-of-type(2n) {
        margin: 0 0% 4% 0;
}

#kiwami .w32_list:nth-of-type(3n){
    margin: 0 4% 4% 0;
}

#kiwami .w32_list.sp-m4{
  margin: 0 0% 4% 0 !important;
}
}

#kiwami #footer{
  background: #000;
}

.jc-c{
  justify-content: center;
}


@media only screen and (max-width: 599px){
  .mb-40{
  margin-bottom: 40px;
}
}

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


.yajirushi:after {
 background: none;
}


/* 2025.08.02 */

.note{
  width: 200px;
}

.main-catch{
    font-size: 52px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: bold;
    background: linear-gradient(to right, #f1e2b3, #D0A900, #C39000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@media only screen and (max-width: 1024px){
.main-catch {
    font-size: 38px;
}

.main-ca02{
  font-size:30px !important;
}

.main-ca02 span{
  font-size:30px !important;
}
}


@media only screen and (max-width: 599px){
.main-catch {
        font-size: 30px;
}

.main-ca02 span {
        font-size: 24px !important;
}

.note {
    width: 150px;
}
}