@charset "utf-8";
/*フォント*/
body#bootstrap_template, div#contents h2 {
    font-family: "Noto Serif JP" !important;
}

/*改行*/
@media (min-width:768px) {
.br-sp {
    display: none;
}
}
/*背景カラー*/
#upper {
    background: #f1f5ef;
}

/*h2*/
.rilante_h2 .cparts-txt-block {
    color: #0e6700;
}
.rilante_h2 .cparts-notes-block {
    font-size: 4rem !important;
}

/*サイトタイトル・グローバルメニュー*/
#headerWrapper #header:before, #headerWrapper #header:after {
    display: none;
}

#headerWrapper {
    color: #000000;
    background-color: #ffffff;
}
#headerWrapper a {
    color: #000000;
}
#headerWrapper {
    padding-top: 10px;
}
#headerWrapper > .container {
    width: 100vw !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
#headerWrapper .container 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;
}
.reserve-btn a.dec-btn--primary {
    padding: 15px min(10vw,70px);
}
}


/*
@media (min-width: 768px) {
#headerWrapper nav a > span, #headerWrapper nav div > span {
    display: block;
    font-size: .75rem;
    margin: 0px;
    text-align: center;
    color: #8fc899;
}
}
@media (max-width:767px) {
#headerWrapper .navbar-inverse {
    background-color: #0e6700;
    border: 0px;
}
#headerWrapper a {
    color: #ffffff;
}
#headerWrapper .container > div.freeParts:first-child {
    margin-top: 45px;
    margin-bottom: -10px;
}
.rilante_logo img {
    width: 15%;
}
}


/*メインビジュアル*/
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;
}
}

/*メニュー*/
#contents .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;
}
@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: #f7f7f7;
    color: #0e6700;
    font-weight: bold;
}

/*施術者*/
.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;
}
}





/*装飾*/
.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;
}
}
