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

	common

-------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p,
a {
    font-size: 16px;
    color: #826e3c
}

@import url('https://fonts.googleapis.com/css?family=Cormorant&display=swap');

.cormoran{
  font-family: 'Cormorant', serif;
}

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

.mt100 {
    margin-top: 100px;
}


.mt120 {
    margin-top: 120px;
}


.mt200 {
    margin-top: 200px;
}

.mb0 {
    margin-bottom: 0px;

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

.mb120 {
    margin-bottom: 120px;
}

.mb130 {
    margin-bottom: 130px;
}

.mb140 {
    margin-bottom: 140px;
}

.mb150 {
    margin-bottom: 150px;
}

.w36 {
    width: 36%;
    margin: 0;
}
.w46 {
    width: 46%;
    margin: 0;
}

.w75 {
    width: 75%;
    margin: 0;
}

.w78 {
    width: 78%;
    margin: 0;
}

.w80 {
    width: 80%;
    margin: 0;
}


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

    .mt100 {
        margin-top: 50px;
    }

    .mt120 {
        margin-top: 60px;
    }

    .mt130 {
        margin-top: 70px;
    }

    .mt150 {
        margin-top: 75px;
    }

    .mb80 {
        margin-bottom: 40px;
    }

    .mb100 {
        margin-bottom: 50px;
    }

    .mb120 {
        margin-bottom: 60px;
    }

    .mb130 {
        margin-bottom: 70px;
    }
    
    .mb140 {
        margin-bottom: 70px;
}

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

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.mla {
    margin-left: auto;
}

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

/* 
btn
-------------------------------*/
.btn {
    background: #fa9614;
    color: #fff;
    border-bottom: 4px solid #e68200;
    display: block;
    text-align: center;
    padding: 10px 3px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
}

.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e68200;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}

.btn:hover {
    opacity: 1;
}

.btn:hover span {
    color: #fff;
    position: relative;
}

.btn:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
}

.btn_tal {
    text-align: left;
    padding-left: 10px;
}

.btn_tal span {
    padding-left: 5px;
}

.btn.b span:before {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    padding-right: 10px;
}

.btn.back.b span:before {
    font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 600;
    padding-right: 10px;
}

.btn.a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.cclink {
    color: #fa9614;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 20px;
}

.cclink.r {
    text-align: right;
}

.cclink.c {
    text-align: center;
}

.cclink:after {
    padding-left: 10px;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    top: 0;
}

.ccback {
    color: #fa9614;
    position: relative;
    display: block;
    text-align: left;
    padding-left: 15px;
    margin-top: 20px;
}

.ccback:after {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 600;
    top: 0;
}

 @media only screen and (max-width: 599px){
    .btn_tal {
    text-align: center;
}
.btn:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
}
    
/* .btn.a:after {
    display: block;
    text-align: center;
    height: 0;
    display: -ms-inline-flexbox;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    -webkit-transform: translateY(30%);
    -ms-transform: rotate(90deg) translateY(30%);
    transform: rotate(90deg) translate(0%,0%);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom; */
} 

.btn.bb span:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    padding-left: 10px;
}


/* 
パターン
-------------------------------*/
/* 茶色のしましま */
.str01 {
    background: -webkit-repeating-linear-gradient(135deg, #f4f4e4, #f4f4e4 2px, #fff 0, #fff 6px);
    background: -o-repeating-linear-gradient(135deg, #f4f4e4, #f4f4e4 2px, #fff 0, #fff 6px);
    background: repeating-linear-gradient(-45deg, #f4f4e4, #f4f4e4 2px, #fff 0, #fff 6px);
}

/* 
枠
-------------------------------*/
/* 線付きボックス */
.box {
    border: 1px solid #e1dbcd;
    border-radius: 10px;
    overflow: hidden;
}

.box.pd30 {
    padding: 30px;
}

/* 写真つきボックス */
.bgbox {
    position: relative;
    margin: 0 -9999px 80px;
    padding: 0 9999px;
}

.bgbox .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.bg .pic {
    height: 100%;
    overflow: hidden;
}

.bg .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100% !important;
    width: 100vw;
}

.box2 {
    background: rgba(255, 255, 255, .85);
    margin: 50px 0;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px;
}

.btn.mail {
    width: 48%;
}

/* メールでのお問い合わせ */
.btn.mail img {
    border-right: 1px solid #fff;
    padding-right: 5px;
}

.btn.mail .n {
    width: 65%;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .bgbox {
        margin: 0 !important;
        padding: 0;
    }

    .box2 {
        background: none;
        padding: 0;
    }

    .bgbox .bg {
        position: relative;
        margin-bottom: 60px;
    }

    .btn.mail {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .bgbox .bg {
        position: relative;
        margin-top: 30px;
    }

    .bgbox .bg .pic {
        width: 100%;
    }
}

/* pbox(写真左・テキスト右） */
.pbox {
    height: 100%;
}
.pbox .pic {
    width: 30%;
}

.pbox .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    /*IE対策*/
    height: 100% !important;
}

.pbox .txt {
    width: 70%;
    padding: 20px;
}

.pbox .txt100 {
    width: 100%;
    padding: 20px;
}

.more_btn {
    margin-top: 30px;
    margin-left: auto;
    width: 170px;
}

@media only screen and (max-width: 1024px) {
    .pbox {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        width: 100%;
    }

    .tell {
        text-align: center;
        margin: 10px auto;
    }

    .tell dd,
    .tell dt {
        text-align: center;
    }

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

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

    .pbox .txt {
        width: 100%;
    }

    .more_btn {
        margin-top: 30px;
        margin-left: auto;
        width: 100%;
    }
    
    .tell dd,
    .tell dt {
        font-size: 70%;
    }
.pbox .pic img {
    border-radius: 10px 10px 0 0;
}

}

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

	header

-------------------------------*/
#header .inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#header .inner-header {
    width: 1240px;
    max-width: 100%;
    margin: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#header a {
    display: block;
}

#header .logo {
    width: 28%;
}

#header .hdbtn {
    width: 38%;
}

#header .tell {
    width: 30%;
}

.hdbtn .btn {
    width: 48%;
}

.tl a {
    font-size: 36px;
    font-weight: bold;
}

.tl img {
    padding-right: 5px;
    padding-bottom: 10px;
}

.orange {
    color: #fa9614;
}

.brown {
    color: #826e3c
}

.lgr {
    color: #96c832;
}

#header .h_btn {
    position: fixed;
    top: 30%;
    right: 0%;
    width: 50px;
    z-index: 10;
}
#header .btn_tal span {
    padding-left: 0px;
}

#header .h_btn li {
    width: 100%;
}

#header .h_btn .btn {
    z-index: 100;
    width: 100%;
    padding: 10px;
    height: 180px;
    border-bottom: none;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.h_btn .btn img {
    border-right: none;
    border-bottom: 1px solid #fff;
    padding-right: 0;
    padding-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.h_btn .btn span {
    display: inline-block;
    padding-top: 10px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.h_btn .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
        transform: scaleY(0);
}

.h_btn .btn:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
        transform: scaleY(1);
}

@media (max-width: 1024px) {
    #header .h_btn {
        top: initial;
        bottom: 0;
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    #header .h_btn li {
        width: 50%;
    }

    #header .h_btn .btn {
        height: auto;
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #header .h_btn .btn span {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        padding-top: 0;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 599px) {
    .tl a {
        font-size: 28px;
        font-weight: bold;
    }

    #header .h_btn .btn {
        padding: 5px;
        font-size: 12px;
    }
}



/* かどまる */
.radius {
    border-radius: 10px;
}

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

    #header .hdbtn,
    #header .tell {
        width: 100%;
    }

    #header .logo {
        width: 60%;
        margin: 5px auto;
        text-align: center;
    }

    .h_btn {
        position: fixed;
        top: auto;
        bottom: 0;
        width: 100%;
        max-width: inherit;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .h_btn li {
        width: 50%;
    }

    .h_btn li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .h_btn .btn {
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        height: 100%;
        margin-bottom: 0;
        text-align: center;
        border-right: 1px solid #fff;
    }

    .h_btn li:last-of-type .btn {
        border-right: none;
    }

    .h_btn .btn img {
        border-right: 1px solid #fff;
        width: 40px;
        height: auto !important;
        padding-right: 10px;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .h_btn .btn span {
        display: inline-block;
        padding-left: 5px;
    }
}

@media (max-width: 599px) {
    .hdbtn a {
        font-size: 12px;
        padding: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

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

	gnav

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


#gnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

#gnav .accordion-body {
    width: 1240px;
    max-width: 100%;
    margin: auto;
}

#gnav ul li {
    width: calc(100%/8);
}

#gnav ul li.sp-only {
    display: none;
}

#gnav ul li.sp-only[data-element-id] {
    display: block;
}

#gnav ul li a {
    line-height: 120%;
    display: block;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #826e3c;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

#gnav ul li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #fa9614;
    height: 1px;
    margin-top: 10px;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}

#gnav ul li a:hover {
    display: block;
    color: #fa9614;
}

#gnav ul li a:hover {
    opacity: 1;
}

#gnav ul li a:hover:before {
    left: 0;
}

.dropdown {
    width: 267px !important;
}
.dropdown ul {
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    right: 0;
}

.dropdown ul li {
    padding: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 100% !important;
}

.dropdown ul li a:before {
    content: none;
}

.dropdown:hover ul li {
    overflow: visible;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-bottom: #e68200 1px solid;
}

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

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

[data-element-id].dropdown li {
    overflow: initial;
    height: 100%;
}

[data-element-id].dropdown:hover ul li {
    padding: 0;
}

@media only screen and (max-width: 1024px) {
    #gnav .accordion-body {
        width: 85%;
        padding: 10px 45px 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    

    #gnav .accordion-body ul{
        -webkit-overflow-scrolling: auto;
        overflow-scrolling: auto;
        overflow-y: scroll;
        padding-bottom: 100px;
        max-height: 100vh;
    }
    
    #gnav ul li {
        width: 100%;
    }

    #gnav ul li a {
        padding: 10px 0;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
    }

    .dropdown ul {
        position: static;
        padding-bottom: 0!important;
    }
    .dropdown {
        width: 100% !important;
}

    #gnav ul li {
        width: 100%;
    }

    #gnav ul li.sp-only {
        display: block;
    }

    #gnav .accordion-body {
        width: 60%;
    }

    .dropdown ul li {
        height: 100%;
    }

    .dropdown:hover ul li {
        background: initial;
    }

    #gnav ul li a:hover {
        opacity: inherit;
    }

    #gnav ul li a:before {
        display: none;
    }

    #gnav .dropdown ul li a {
        font-weight: normal;
        padding: 10px 0 10px 30px;
        position: relative;
    }

    #gnav .dropdown ul li a:after {
        content: "\f105";
        font-family: FontAwesome;
        display: inline-block;
        position: absolute;
        top: 16px;
        left: 15px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        margin: auto;
    }
}

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

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

	見出し

-------------------------------*/
/* h2 */
.head2 {
    font-size: 40px;
    color: #5ab4a0;
    position: relative;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
}

/* 下の矢印 */
.head2:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: calc(50% - 20px);
    right: 0;
    bottom: -10px;
    width: 18px;
    height: 18px;
    margin: 0 10px;
    border-bottom: 2px solid #5ab4a0;
    border-right: 2px solid #5ab4a0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}

/* 下の矢印がないときはnonをつける */
.head2.non:after {
    content: none;
}

.head2.lightg {
    color: #96c832;
}

/* 右寄せの場合*/
.head2.tal {
    text-align: left;
}


/* h3 */
.head3 {
    color: #c8963c;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* みどり*/
.head3.gre {
    color: #5ab4a0;
}

.head3.lightg {
    color: #96c832;
}

.head3.bro {
    color: #c8963c;
}

/* 右寄せの場合*/
.head3.le {
    text-align: left;
}


/* h4 */
.head4 {
    color: #fa9614;
    text-align: left;
    font-size: 18px;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}

.head4:before {
    content: "";
    position: absolute;
    width: 6px;
    background: #fa9614;
    height: 100%;
    left: 0;
    border-radius: 5px;
    margin-right: 15px;
}

/* 黄緑 */
.head4.lightg {
    color: #96c832;
}

.head4.bro {
    color: #c8963c;
    font-weight: normal;
}

/* 疑似要素なし */
.head4.non {
    padding-left: 0px;
}

.head4.non:before {
    content: none;
}


/* タイトルの中にロゴがあった場合 */
.head2 img {
    padding-right: 10px;
}

.head3 img {
    padding-right: 10px;
}

@media only screen and (max-width: 599px) {
    .head2 {
        font-size: 30px;
    }

    .head2 img {
        display: block;
        padding-right: 0;
        margin: auto;
    }

    .head3 {
        font-size: 20px;
    }
}

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

	footer

-------------------------------*/
#footer {
    background: #5ab4a0;
}

#footer div,
#footer p,
#footer dd,
#footer dt,
#footer dl,
#footer a {
    color: #fff;
}

.ft_01 {
    margin-bottom: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#footer .logo {
    width: 40%;
}

#footer .ft_txt {
    width: 55%;
}

#footer .logo a {
    display: block;
}

.ft .tell {
    width: 28%;
}

#footer .btn.mail {
    display: inline-block;
    width: auto;
    padding-right: 50px;
}

.ft_02{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ft_02 .w40{
    text-align: center;
}
.acc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border: 2px solid #fff;
    padding: 10px;
    width: 30%;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.acc:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    right: 5%;
}

.copy {
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-top: 1px solid #fff;
}

.time_tb {
    width: 100%;
}

.time_tb th {
    width: 40%;
    text-align: center;
}

.time_tb td {
    text-align: center;
}

.time_tb thead th,
.time_tb thead td {
    background: #fa9614;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    border: #5ab4a0 1px solid;
    letter-spacing: 1.5px;
}

.time_tb tbody th,
.time_tb tbody td {
    background: #fff;
    color: #30bfe0;
    padding: 5px;
    border-radius: 5px;
    border: #5ab4a0 1px solid;
    letter-spacing: 1.5px;
}
.time_tb thead td:last-of-type,
.time_tb tbody td:last-of-type{
  border-right: none;
}

#footer .ftnav li a {
    display: block;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

#footer .ftnav li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #c8963c;
    height: 1px;
    margin-top: 10px;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}

#footer .ftnav li a:hover {
    display: block;
    color: #c8963c;
    text-align: center;
}

#footer .ftnav li a:hover:before {
    left: 0;
}
#footer .inner{
  padding-bottom: 20px;
}

.tell dt{
    font-weight: normal;
    padding-left: 48px;
    color: #000;
}

.tell dd a{
      color: #000;
}

.copy{
  padding: 5px 0;
  font-size: 16px;
}
.copy small{
  font-size: 100%;
}

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

    #footer .logo,
    #footer .ft_txt {
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }

    table {
        margin-top: 30px;
    }

    .acc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #footer .tl {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    #footer .w40,
    #footer .w55 {
        width: 100%;
    }
      #footer .btn.mail {
        width: 60%;
    }
    .copy{
        padding: 5px 0 50px;
        font-size: 16px;
}
    .ftnav ul{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;

    }
    .ftnav li{
      width: 32%;
    }
    #footer .ftnav li a{
      text-align: left;
    }
    
    .bunner_list{
      -webkit-box-align: inherit;
      -ms-flex-align: inherit;
      align-items: inherit;
}
}

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

    #footer .btn.mail {
        width: 100%;
        margin: auto;
        text-align: center;
        padding-right: 0;
    }
    .ftnav li{
      width: 48%;
    }
    .bunner_list a:first-of-type{
      margin: 20px auto;
      width: 100%;
    }
}


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

    subpage

-------------------------------*/
.title {
    position: relative;
}

.title .txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
    text-align: center;
    color: #96c832;
    font-size: 38px;
    z-index: 2;
    text-shadow: 3px 3px 2px #FFF, -3px -3px 2px #FFF, -3px 3px 2px #FFF, 3px -3px 2px #FFF, 0px 3px 2px #FFF, 0-3px 2px #FFF, -3px 0 2px #FFF, 3px 0 2px #FFF;
    font-weight: normal;
    width: 95%;
    max-width: 1200px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: auto;
}

.title .pic {
    position: relative;
    height: 50vh;
    width: 100%;
    overflow: hidden;
}

.title .pic:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    background: url(/upload/tenant_1/f5bfbebd569aaf2b83e27cb32656de42.png);
/*     background: -webkit-repeating-linear-gradient(135deg, #ffffff, #ffffff 2px, transparent 0px, transparent 6px);
background: -o-repeating-linear-gradient(135deg, #ffffff, #ffffff 2px, transparent 0px, transparent 6px);
background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 2px, transparent 0px, transparent 6px); */
}

.title .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 100% !important;
}

@media all and (-ms-high-contrast: none){
.title .pic  {
    height: 60vh;
}
.title .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: auto!important;
}
}

[data-element-id].title .pic:before {
    content: none;

}
@media only screen and (max-width: 1024px){
  .title .pic {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 30vh;
}

}

@media only screen and (max-width: 599px) {
    .title .txt {
        font-size: 24px;
    }
}

/* パンくず */
.beadcrumb {
    margin-bottom: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.beadcrumb li {
    position: relative;
    width: auto;
    display: inline-block;
    color: #c8963c;
    margin-right: 30px;

}
.beadcrumb li:last-of-type{
  margin-right: 0px
}

.beadcrumb li a {
    display: block;
    color: #c8963c;
}

.beadcrumb li:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 600;
    top: 0;
    right: 0px;
    margin-right: -20px;
}

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

@media only screen and (max-width: 1024px) {
    .beadcrumb {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 599px) {
    .beadcrumb {
        margin-bottom: 60px;
    }
}

/* 画像
.trimmingInner {
    border-radius: 10px;
} */

/* flexの小要素偶数だけ逆転 */
.even-reverse .flex:nth-of-type(even),
.even-reverse .flexc:nth-of-type(even),
.even-reverse .flexs:nth-of-type(even),
.even-reverse .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* タブレット＆スマホ時上下リバース */
@media only screen and (max-width: 1024px) {
    .tabcrev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 599px) {
    .sprev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.accordion-body li {
    position: relative;
}

/* 見たまま編集 */
[data-element-id].accordion-body ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[data-element-id].accordion-body ul li ul {
    background-color: #f5f5f5;
    width: 100%;
}

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

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

.inner.pb0{
  padding-bottom: 0;
}

[data-element-id].slider .txt{
  position: relative;
}

[data-element-id].index .about .img{
    position: static;
}

[data-element-id].bgbox{
    position: static;
    margin: 0 80px;
    padding: 0;
}

[data-element-id].box2{
  width: 100%;
  padding: 0;
}

[data-element-id].bgbox .bg{
      position: static;
      z-index: 0;
}
[data-element-id].life_03.bgbox{
    margin: 50px 0px 80px;
}