@charset "utf-8";
/*フォント*/
html {
    font-size: 14px;
}
html body,
html body#bootstrap_template, html body h2, html body h3, html body h5 {
    font-family: "Noto Serif JP" !important;
}
p {
    margin-bottom: 15px;
}
h1 {
    letter-spacing: 0.3rem;
}
html body h3 {
    color: #333333;
    line-height: 1;
}
html body h5 {
    background: #f2f2f2;
    color: #333333 !important;
    margin: 0 0 15px;
    padding: 10px;
    border-radius: 2px;
    line-height: 1;
    font-size: 1.15rem;
}
a {
    text-decoration: none !important;
}
.siteblock-upper .lay-container-xl > div + div, .siteblock-bottom .lay-container-xl > div + div, .siteblock-side > div + div, .siteblock-right > div + div, .siteblock-opt1 > div + div, .siteblock-opt2 > div + div, .siteblock-opt3 > div + div, .siteblock-upper .lay-container-xl > script + div, .siteblock-bottom .lay-container-xl > script + div, .siteblock-side > script + div, .siteblock-right > script + div, .siteblock-opt1 > script + div, .siteblock-opt2 > script + div, .siteblock-opt3 > script + div {
    margin-top: 0;
}
@media (min-width: 768px) {
    .box {
        margin-bottom: 15px;
    }
/*改行*/
.br-sp {
    display: none;
}
}
/*背景カラー*/
.siteblock-upper {
    padding-bottom: 0;
    margin-top: 0px !important;
}

/*h2*/
.rilante_h2 .cparts-txt-block {
    color: #0e6700;
}
.rilante_h2 .cparts-notes-block {
    font-size: 4rem !important;
    color: #f1f5ef !important;
}

/*サイトタイトル・グローバルメニュー*/
.siteblock-header {
    padding-top: 10px;
}
.siteblock-header {
    width: 100vw !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.siteblock-header div.freeParts {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
.dec-txt--light, .dec-txt-pe--light::before, .dec-txt-pe--light::after {
    color: #f1f5ef !important;
}

.reserve-btn a.dec-btn--primary {
    background: #0e6700 !important;
    border-radius: 0px !important;
    padding: 25px min(10vw,70px);
}

div#header .freeParts .box {
    margin-bottom: 0px;
}
p.rilante_logo {
    margin-bottom: 0px;
}
@media (max-width: 991px) {
#headerWrapper .container > div.freeParts:first-child {
    margin: -10px 0 0;
}
}
@media (max-width: 768px) {
p.rilante_logo img {
    width: 65px;
    height: auto;
}
.reserve-btn a.dec-btn--primary {
    padding: 15px min(10vw,70px);
}
}




/*メインビジュアル*/
.siteblock-upper {
    padding-bottom: 0;
}
div#upper .freeParts {
    margin-top: 0px !important;
}
.rilante_main-img h1 {
    font-size: 9rem !important;
    line-height: 1;
    margin-bottom: 0px;
    color: #0e6700 !important;
}

/*アンカーリンク（メニュー）*/
.rilante_gb-menu {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-top: -15px;
    margin-bottom: -15px;
    background-color: #fff;
    padding: 10px 15px;
}
.rilante_gb-menu .box {
    max-width: 1140px;
    margin: 0 auto;
}
.rilante_gb-menu .lay-row {
    justify-content: center;
}
.rilante_gb-menu a:hover {
    opacity: 0.4;
    text-decoration: none;
}

/*コンセプト*/
.concept {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-image: url('/images/rilante/274415077.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -15px;
}
.concept .box {
    max-width: 1140px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
.concept .concept_text {
    line-height: 3;
}
.concept {
    background-color: #fff !important;
}
/*
@media (min-width: 768px) {
.concept .cparts-txt-block {
    max-width: 1140px;
}
}

/*メニュー*/
.rilante_menu h3 {
    color: #333;
    margin-bottom: 10px;
}
.rilante_menu h3 span {
    font-size: 1rem;
    line-height: 4;
    color: #ccc;
}
.rilante_menu {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3rem;
}
.rilante_menu h5 {
    background: #f1f5ef;
    color: #333333;
    margin: 0 0 15px;
    padding: 10px;
    font-size: 1rem;
    border-radius: 2px;
    line-height: 1.1;
}
@media (min-width:768px) {
.rilante_menu .lay-col12-xs-12:nth-of-type(1) {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.rilante_menu .lay-col12-xs-12:nth-of-type(2) {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
}

/*表*/
th {
    background-color: #f7f7f7 !important;
    color: #0e6700 !important;
    font-weight: bold;
}
th, td {
    border: 1px solid #f2f2f2;
    padding: 10px;
}
.siteblock-main table th, .siteblock-main table td {
    border-color: #f2f2f2;
}

/*施術者*/
.cparts-notes-block.lay-reset-child p span {
    font-size: 0.85rem;
}
.therapist .dec-box--grey {
    background-color: #fff !important;
    box-shadow: 0px 0px 10px #0000001f;
}

/*お客様の声*/
@media (min-width:767px) {
.voice .lay-col12-xs-12:nth-of-type(1) {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.voice .lay-col12-xs-12:nth-of-type(2) {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
}

span.menu_type {
    border: 1px solid;
    padding: 3px 10px;
    color: #0e6700;
}

@media (max-width:768px) {
.voice img {
    width: 60% !important;
}
.voice .cparts-img-block {
    display: flex;
    justify-content: center;
}
}


.siteblock-opt3 > div:first-child:before {
    display: block;
    width: 100vw;
    height: 1px;
    background: #e1e1e1;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-bottom: 50px;
    content: "";
}




/*装飾*/
.leaves {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    width: 150px;
    position: absolute;
}
.leaves1 {
    width: max(8vw,90px);
    right: 14vw;
    margin-top: -80px;
    transform: rotate(37deg);
}
.leaves2 {
    width: max(8vw,90px);
    left: 110px;
    transform: rotate(-37deg);
    opacity: 0.3;
    filter: blur(3px);
}
.leaves3 {
    width: max(8vw,90px);
    right: 110px;
    transform: rotate(37deg);
    opacity: 0.3;
    filter: blur(3px);
}
.leaves4 {
    width: max(8vw,90px);
    left: 110px;
    transform: rotate(-55deg);
    opacity: 0.3;
    filter: blur(3px);
}

@media (max-width:767px) {
.concept .cparts-body-block {
    position: relative;
}
.concept .cparts-body-block:before {
    content: "";
    display: inline-block;
    width: 25vw;
    height: 35vw;
    background-image: url('/images/rilante/leaves_10.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 30px;
    top: 30px;
    transform: rotate(40deg);
    opacity: 0.4;
}
}