@charset "utf-8";
#lp_Header{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
#lp_Header .headerInner{
    width: 100%;
    padding:39px 40px;
}
#lp_Header .logobox{
    display: inline-block;
}
#lp_Header .logobox .logolink{
    display: block;
    width: 204px;
}
@media only screen and (max-width:767px){
    #lp_Header .headerInner{
        padding:20px 20px;
    }
    #lp_Header .logobox .logolink{
        width: 110px;
    }
}
.f_Garamond{
    font-family: "EB Garamond", serif;
    font-weight: 400;
}

/* secTopArea */
.secTopArea{
    width: 100%;
    background-color:#eeebe6;
    padding-top: 73px;
    padding-bottom: 150px;
}
/* secHero */
.secHero_lp{
    width: 100%;
    padding-left: 130px;
}
.secHero_lp .inner{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    align-items: flex-end;
}
.secHero_lp .Onbox{
    width: calc(100% - 390px);
}
.secHero_lp .titbox .imgtit{
    display: block;
    width: 254px;
}
.secHero_lp .imgArea{
    width: 100%;
}
.secHero_lp .imgBox{
    width: 100%;
    position: relative;
}
.secHero_lp .txtArea{
    width: 390px;
}
.secHero_lp .txtArea .txtBox{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secHero_lp .txtBox .txt{
    font-size: 16px;
    line-height: calc(37 / 16);
}
.secHero_lp .btnbox{
    position: absolute;
    width: 234px;
    bottom: calc(0% - (215px / 2));
}
.secHero_lp .btnLink{
    display: flex;
    align-items: center;
    width: 234px;
    height: 234px;
    border-radius: 50%;
    background-color:#20a161;
    color: #fff;
}
.secHero_lp .btnInner{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 60px;
}
.secHero_lp .btnInner::after{
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    left: calc(50% - 17px);
    bottom: calc(0% + 8px);
    border-radius: 50%;
    background: url(../img/stay/imgbtnArrow.png) center center no-repeat #fff;
    background-size: 11px auto;
}
.secHero_lp .btntxt{
    font-size: 25px;
    line-height: calc(38 / 25);
}

@media only screen and (min-width:768px){
    .secHero_lp .imgBox{
        height: 732px;
    }
    .secHero_lp .imgBox img{
        position: absolute;
        width: 1400px;
        height: auto;
        left: 0;
        top: 0;
    }
    .secHero_lp .titbox{
        position: absolute;
        top: 87px;
        left: 11px;
        display: inline-block;
    }
    .secHero_lp .btnbox{
        right: calc(50% - 662px);
    }
    @media only screen and (max-width:1740px){
        .secHero_lp .btnbox{
            right: 50px;
        }
    }
}
@media only screen and (max-width:767px){
    .secTopArea{
        padding-top: 58px;
        padding-bottom: 53px;
    }
    /* secHero */
    .secHero_lp{
        padding: 0;
    }
    .secHero_lp .inner{
        display: block;
    }
    .secHero_lp .Onbox{
        width: 100%;
        display: flex;
        position: relative;
    }
    .secHero_lp .titbox{
        padding: 28px 28px 25px;
    }
    .secHero_lp .titbox .imgtit{
        display: block;
        width: 64px;
    }
    .secHero_lp .imgArea{
        flex: 1;
    }
    .secHero_lp .imgBox{
        width: 100%;
        height: 100%;
    }
    .secHero_lp .imgBox img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    .secHero_lp .txtArea{
        width: 100%;
        margin-top: 33px;
    }
    .secHero_lp .txtArea .txtBox{
        display: block;
        text-align: center;
    }
    .secHero_lp .txtBox .txt{
        font-size: 15px;
        line-height: calc(27 / 15);
    }

    .secHero_lp .btnbox{
        width: 105px;
        bottom: calc(0% - (88px / 2));
        right: 20px;
    }
    .secHero_lp .btnLink{
        width: 105px;
        height: 105px;
    }
    .secHero_lp .btnInner{
        padding-bottom: 24px;
    }
    .secHero_lp .btnInner::after{
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
        bottom: calc(0% - 3px);
        background-size: 9px auto;
    }
    .secHero_lp .btntxt{
        font-size: 14px;
        line-height: calc(19 / 14);
    }
}

/* secOverview */
.secOverview{
    margin-top: 197px;
    width: 100%;
    position: relative;
}
.secOverview::after{
    content: "";
    position: absolute;
    top: 28px;
    right:0;
    width: 289px;
    height: 449px;
}
.secOverview.lazyloaded::after{
    background: url(../img/stay/imgOverview_bg.png) center center no-repeat;
    background-size: 100% auto;
}
.secOverview .inner{
    display: flex;
    position: relative;
    padding-left: calc(800px + 125px);
    min-height: 500px;
    padding-top: 66px;
    z-index: 5;
}
.secOverview .boxIn{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secOverview .titbox{
    height: 102px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3;
}
.secOverview .titbox .titIn{
    display: inline-block;
    text-align: left;
    position: relative;
    z-index: 3;
}
.secOverview .titbox .tit{
    font-size: 23px;
    line-height: calc(30 / 23);
    font-weight: bold;
    color:#20a161;
    letter-spacing: 0.05em;
}
.secOverview .titbox .bgImg{
    position: absolute;
    width: 442px;
    height: 102px;
    left: 0;
    top: 0;
}
.secOverview .imgArea{
    width: 800px;
    position: absolute;
    left: 0;
    top: 0;
}
.secOverview .imgArea .imgBox{
    width: 100%;
}
.secOverview .txtbox{
    width: 100%;
    text-align: left;
    margin-top: 20px;
}
.secOverview .txtbox .subtit{
    font-size: 30px;
    line-height: calc(40 / 30);
}
.secOverview .txtbox .txt{
    margin-top: 23px;
    font-size: 16px;
    line-height: calc(40 / 16);
}
@media only screen and (min-width:768px){
    @media only screen and (max-width:1640px){
        .secOverview .inner{
            padding-left: calc((800 / 1640 * 100vw) + 50px);
            padding-right: 50px;
        }
        .secOverview .imgArea{
            width: calc((800 / 1640 * 100vw));
        }
        .secOverview .imgArea .imgBox{
            position: relative;
            height: 500px;
        }
        .secOverview .imgBox img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            top: 0;
            left: 0;
        }
    }
    @media only screen and (max-width:1480px){
        .secOverview .txtbox .subtit{
            font-size: 24px;
            line-height: calc(32 / 24);
        }
        .secOverview .txtbox .txt{
            font-size: 14px;
            line-height: calc(32 / 14);
        }
    }
}
@media only screen and (max-width:767px){
    .secOverview{
        margin-top: 53px;
    }
    .secOverview::after{
        display: none;
    }
    .secOverview .inner{
        display: block;
        padding: 0;
        min-height: 0;
    }
    .secOverview .boxIn{
        display: block;
    }
    .secOverview .titbox{
        width: 100%;
        padding: 0 20px;
        height: 52px;
        align-items: flex-start;
        padding-top: 5px;
    }
    .secOverview .titbox .tit{
        font-size: 16px;
        line-height: calc(30 / 16);
    }
    .secOverview .titbox .bgImg{
        width: 222px;
        height: 52px;
        left: 99px;
    }
    .secOverview .imgArea{
        width: 100%;
        position: relative;
        padding-right: 55px;
        margin-top: 21px;
    }
    .secOverview .imgArea::after{
        content: "";
        position: absolute;
        bottom: calc(0% - 71px);
        right: calc(0% - 96px);
        width: 197px;
        height: 153px;
    }
    .secOverview.lazyloaded .imgArea::after{
        background: url(../img/stay/imgOverview_img_sp.png) center center no-repeat;
        background-size: 100% auto;
    }
    .secOverview .imgArea .imgBox{
        position: relative;
        z-index: 3;
    }
    .secOverview .txtbox{
        width: 100%;
        padding: 0 20px;
        text-align: left;
        margin-top: 25px;
    }
    .secOverview .txtbox .subtit{
        font-size: 20px;
        line-height: calc(30 / 20);
    }
    .secOverview .txtbox .txt{
        margin-top: 13px;
        font-size: 15px;
        line-height: calc(27 / 15);
    }
}
@media only screen and (max-width:374px){
    .secOverview .txtbox .subtit{
        font-size: 18px;
        line-height: calc(24 / 18);
    }
    .secOverview .txtbox .txt{
        font-size: 13px;
        line-height: calc(24 / 13);
    }
}

/* secTitlebox */
.secTitlebox{
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 24px;
}
.secTitlebox::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background-color:#beae94;
    bottom: 0;
    left: calc(50% - 15px);
}
.secTitlebox .imgtit{
    display: inline-block;
    margin: 0 auto;
}
.secTitlebox .tit{
    font-size: 30px;
    line-height: calc(40 / 30);
    margin-top: 19px;
}
@media only screen and (max-width:767px){
    .secTitlebox{
        padding-bottom: 16px;
    }
    .secTitlebox::after{
        width: 15px;
        left: calc(50% - 7.5px);
    }
    .secTitlebox .tit{
        font-size: 18px;
        font-weight: bold;
        margin-top: 9px;
    }
}

/* secHighlights */
.secHighlights{
    width: 100%;
    margin-top: 120px;
}
.secHighlights .Inner{
    width: 100%;
}
.secHighlights .imgtit{
    width: 112px;
}
.secHighlights .subtitbox{
    width: 100%;
    margin-top: 45px;
    text-align: center;
}
.secHighlights .subtitbox .subtit{
    font-size: 42px;
    line-height: calc(50 / 42);
}
.secHighlights .subtitbox .subtxt{
    font-size: 16px;
    line-height: calc(40 / 16);
    margin-top: 22px;
}
.secHighlights .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 65px;
}
.secHighlights .item{
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
}
.secHighlights .itemIn{
    position: relative;
}
.secHighlights .bgBox{
    width: 100%;
}
.secHighlights .txtArea{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 33px 40px;
    display: flex;
}
.secHighlights .txtIn{
    display: inline-block;
    width: 100%;
}
.secHighlights .txt{
    font-size: 18px;
    line-height: calc(33 / 18);
    color: #fff;
}
@media only screen and (min-width:768px){
    .secHighlights .list .item:nth-child(3n){
        margin-right: 0;
    }
    .secHighlights .list .item:nth-child(n + 4){
        margin-top: 20px;
    }
    .secHighlights .list .item:nth-child(3n + 1) .txtArea{
        align-items: flex-start;
    }
    .secHighlights .list .item:nth-child(3n + 1) .txtIn{
        text-align: right;
    }
    .secHighlights .list .item:nth-child(3n + 2) .txtArea{
        align-items: flex-end;
    }
    .secHighlights .list .item:nth-child(3n + 2) .txtIn{
        text-align: right;
    }
    .secHighlights .list .item:nth-child(3n) .txtArea{
        align-items: flex-start;
    }
    .secHighlights .list .item:nth-child(3n) .txtIn{
        text-align: left;
    }
    @media only screen and (max-width:1600px){
        .secHighlights .txtArea{
            padding: 20px 30px;
        }
        .secHighlights .txt{
            font-size: 16px;
            line-height: calc(24 / 16);
        }
    }
}
@media only screen and (max-width:767px){
    .secHighlights{
        margin-top: 59px;
    }
    .secHighlights .imgtit{
        width: 74px;
    }
    .secHighlights .subtitbox{
        margin-top: 22px;
    }
    .secHighlights .subtitbox .subtit{
        font-size: 20px;
        line-height: calc(30 / 20);
    }
    .secHighlights .subtitbox .subtxt{
        font-size: 15px;
        line-height: calc(27 / 15);
        margin-top: 12px;
    }
    .secHighlights .list{
        margin-top: 23px;
    }
    .secHighlights .item{
        width: calc((100% - 7px) / 2);
        margin-right: 7px;
    }
    .secHighlights .item:nth-child(2n){
        margin-right: 0;
    }
    .secHighlights .item:nth-child(n + 3){
        margin-top: 7px;
    }
    .secHighlights .itemIn{
        position: relative;
    }
    .secHighlights .bgBox{
        width: 100%;
    }
    .secHighlights .imgBox{
        position: relative;
    }
    .secHighlights .imgBox::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.8;
    }
    .secHighlights .txtArea{
        padding: 12px 14px;
    }
    .secHighlights .txt{
        font-size: 12px;
        line-height: calc(18 / 12);
    }
    .secHighlights .list .item:nth-child(2n + 1) .txtArea{
        align-items: flex-end;
    }
    .secHighlights .list .item:nth-child(2n + 1) .txtIn{
        text-align: right;
    }
    .secHighlights .list .item:nth-child(2n) .txtArea{
        align-items: flex-start;
    }
    .secHighlights .list .item:nth-child(2n) .txtIn{
        text-align: left;
    }
}
@media only screen and (max-width:374px){
    .secHighlights .txt{
        font-size: 11px;
        line-height: calc(18 / 11);
    }
    .secHighlights .txtArea{
        padding: 10px;
    }
}

/* secConcept */
.secConcept{
    width: 100%;
    background-color:#eeebe6;
}
.secConcept .inner{
    width: 100%;
    padding-top: 113px;
    padding-bottom: 154px;
}
.secConcept .titbox{
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: calc(90px + 67px);
}
.secConcept .titbox::after{
    content: "";
    position: absolute;
    width: 13px;
    height: 90px;
    bottom: 0;
    left: calc(50% - 6.5px);
}
.secConcept.lazyloaded .titbox::after{
    background: url(../img/stay/imgConcept_tit.png) center bottom no-repeat;
    background-size: 100% auto;
}
.secConcept .titbox .c_tit{
    font-size: 42px;
    line-height: calc(60 / 42);
}
.secConcept .titbox .c_txt{
    font-size: 16px;
    line-height: calc(40 / 16);
    margin-top: 17px;
}
/* secConcept */
.secConcept .list{
    width: 100%;
    margin-top: 119px;
}
.secConcept .item{
    width: 100%;
    position: relative;
}
.secConcept .item + .item{
    margin-top: 120px;
}
.secConcept .itemInner{
    width: 100%;
    padding-bottom: 50px;
}
@media only screen and (min-width:768px){
    .secConcept .item:nth-child(1) .itemInner{
        min-height: calc((630px + 57px) - 147px);
    }
    .secConcept .item:nth-child(2) .itemInner{
        min-height: calc((630px + 57px) - 175px);
    }
    .secConcept .item:nth-child(3) .itemInner{
        min-height: calc((630px + 57px) - 223px);
    }
    .secConcept .item:nth-child(4) .itemInner{
        min-height: calc((630px + 57px) - 223px);
    }
    .secConcept .item:nth-child(5) .itemInner{
        min-height: calc((630px + 57px) - 153px);
    }
}
.secConcept .txtArea{
    position: relative;
}
.secConcept .txtInner{
    width: 100%;
}
.secConcept .i_titbox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.secConcept .i_titbox .titNum{
    position: relative;
    display: inline-block;
    padding-left: 15px;
    padding-bottom: 4px;
}
.secConcept .i_titbox .imgtxt{
    display: inline-block;
}
.secConcept .i_titbox .intxtbox{
    position: absolute;
    display: inline-block;
    padding: 4px 10px;
    background-color:#eeebe6;
    top: calc(0% + 19px);
    left: calc(0% - 10px);
}
.secConcept .i_titbox .intxt{
    font-size: 18px;
    line-height: calc(20 / 18);
    font-weight: 600;
}
.secConcept .i_titbox .titEngbox{
    flex: 1;
    padding-left: 30px;
}
.secConcept .i_titbox .titeng{
    font-size: 17px;
    line-height: calc(26 / 17);
    text-align: left;
    letter-spacing: 0.05em;
}
.secConcept .titjpnbox{
    width: 100%;
    position: relative;
    padding-bottom: 29px;
    margin-top: 20px;
}
.secConcept .titjpnbox::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    bottom: 0;
}
.secConcept .titjpnbox .titjpn{
    font-size: 18px;
    line-height: calc(30 / 18);
    font-weight: bold;
    color:#20a161;
}
.secConcept .imgArea{
    position: absolute;
}
.secConcept .imgBox{
    position: relative;
    width: 100%;
    height: 630px;
}
.secConcept .i_areatxtbox{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 35px 40px;
    color: #fff;
}
.secConcept .i_areatxtbox .txtIn{
    display: inline-block;
    width: 100%;
}
.secConcept .i_txt{
    font-size: 16px;
    line-height: calc(27 / 16);
}
.secConcept .txtbox{
    width: 100%;
    margin-top: 23px;
}
.secConcept .txtbox .subtxt{
    font-size: 30px;
    line-height: calc(50 / 30);
}
.secConcept .txtbox .txt{
    font-size: 16px;
    line-height: calc(40 / 16);
    margin-top: 14px;
}
.secConcept .underimglist{
    width: 100%;
    position: relative;
    z-index: 5;
    max-width: 914px;
    width: calc(914 / 1920 * 100%);
    margin: 0 auto;
}
.secConcept .underimglist .u_list{
    display: flex;
}
.secConcept .underimglist .u_item{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
}
.secConcept .underimglist .u_item:last-child{
    margin-right: 0;
}
.secConcept .underimglist .u_inner{
    position: relative;
}
.secConcept .underimglist .u_bgbox{
    width: 100%;
}
.secConcept .underimglist .u_txtbox{
    width: 100%;
}
.secConcept .underimglist .u_txtinner{
    display: inline-block;
    width: 100%;
}
.secConcept .underimglist .u_txt{
    font-size: 16px;
    line-height: calc(23 / 16);
}
.secConcept .btnLink{
    width: 450px;
    height: 86px;
    background-color: #20a161;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 25px;
    line-height: calc(30 / 25);
    padding-left: 45px;
    padding-right: 40px;
    position: relative;
    letter-spacing: 0.05em;
}
.secConcept .btnLink::after{
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    top: calc(50% - 17px);
    right: 40px;
    background-color: #fff;
    border-radius: 50%;
}
.secConcept.lazyloaded .btnLink::after{
    background: url(../img/stay/imgbtnArrow.png) center center no-repeat #fff;
    background-size: 11px auto;
}
.secConcept .btnLink .btnIn{
    display: inline-block;
    width: 100%;
    text-align: left;
}
@media only screen and (min-width:768px){
    .secConcept .imgArea{
        width: calc(1050 / 1920 * 100%);
        top: calc(0% + 57px);
    }
    .secConcept .item:nth-child(2n + 1) .txtArea{
        padding-right: calc(1050 / 1920 * 100%);
    }
    .secConcept .item:nth-child(2n) .txtArea{
        padding-left: calc((1050 / 1920 * 100%) + 60px);
    }
    .secConcept .item:nth-child(2n + 1) .txtInner{
        padding-left: calc((100vw - 1400px) / 2);
        padding-right: 50px;
    }
    .secConcept .item:nth-child(2n) .txtInner{
        padding-right: 50px;
    }
    .secConcept .item:nth-child(2n + 1) .imgArea{
        right: 0;
    }
    .secConcept .item:nth-child(2n) .imgArea{
        left: 0;
    }
    .secConcept .imgBox img{
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
    }
    .secConcept .item:nth-child(2n + 1) .i_inner{
        text-align: left;
    }
    .secConcept .item:nth-child(2n) .i_inner{
        text-align: right;
    }
    .secConcept .item:nth-child(2n + 1) .underimglist{
        margin-left: 0;
    }
    .secConcept .item:nth-child(2n) .underimglist{
        margin-right: 0;
    }
    .secConcept .underimglist .u_txtbox{
        position: absolute;
        top:0;
        left: 0;
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding: 13px 27px;
        color: #fff;
    }
    .secConcept .item:nth-child(2n + 1) .u_txtinner{
        text-align: left;
    }
    .secConcept .item:nth-child(2n) .u_txtbox{
        text-align: right;
    }
    .secConcept .formlinkbtn{
        position: absolute;
        width: 410px;
        right: calc(50% - 665px);
        bottom: 0;
    }
    @media only screen and (max-width:1580px){
        .secConcept .underimglist .u_txtbox{
            padding: 13px 15px;
        }
        .secConcept .txtbox .subtxt{
            font-size: 24px;
        }
        .secConcept .txtbox .txt{
            font-size: 14px;
        }
        .secConcept .underimglist .u_txt{
            font-size: 13px;
        }
    }
    @media only screen and (max-width:1500px){
        .secConcept .item:nth-child(2n + 1) .txtInner{
            padding-left:50px;
        }
        .secConcept .formlinkbtn{
            right: 50px;
        }
    }
}
@media only screen and (max-width:767px){
    .secConcept{
        width: 100%;
    }
    .secConcept .inner{
        padding-top: 54px;
        padding-bottom: 60px;
    }
    .secConcept .titbox{
        padding-bottom: calc(38px + 33px);
    }
    .secConcept .titbox::after{
        width: 7px;
        height: 38px;
        left: calc(50% - 3.5px);
    }
    .secConcept.lazyloaded .titbox::after{
        background-image: url(../img/stay/imgConcept_tit_sp.png);
    }
    .secConcept .titbox .c_tit{
        font-size: 20px;
        line-height: calc(30 / 20);
    }
    .secConcept .titbox .c_txt{
        font-size: 15px;
        line-height: calc(27 / 15);
        margin-top: 13px;
    }
    /* secConcept */
    .secConcept .list{
        margin-top: 39px;
    }
    .secConcept .item + .item{
        margin-top: 65px;
    }
    .secConcept .itemInner{
        min-height:0;
        padding-bottom: 0;
    }
    .secConcept .txtInner{
        width: 100%;
    }
    .secConcept .i_titbox{
        display: block;
        position: relative;
        padding-left: 140px;
    }
    .secConcept .i_titbox .titNum{
        width: 140px;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        z-index: 10;
    }
    .secConcept .imgtxtbox{
        margin: 0 auto;
    }
    .secConcept .imgtxtbox{
        width: 84px;
    }
    .secConcept .imgtxtbox.num02{
        width: calc(92px + 5px);
        padding-left: 5px;
    }
    .secConcept .imgtxtbox.num03{
        width: calc(90px + 5px);
        padding-left: 5px;
    }
    .secConcept .imgtxtbox.num04{
        width: calc(98px + 12px);
        padding-left: 12px;
    }
    .secConcept .imgtxtbox.num05{
        width: 88px;
    }
    .secConcept .i_titbox .intxtbox{
        padding: 2px 6px;
        top: calc(0% + 13px);
        left: calc(0% + 15px);
    }
    .secConcept .i_titbox:has(.num02) .intxtbox{
        top: calc(0% + 36px);
        left: calc(0% + 15px);
    }
    .secConcept .i_titbox .intxt{
        font-size: 13px;
        line-height: calc(16 / 13);
    }
    .secConcept .i_titbox .titEngbox{
        width: 100%;
        padding-left: 0px;
    }
    .secConcept .i_titbox .titeng{
        font-size: 13px;
        line-height: calc(18 / 13);
    }
    .secConcept .titjpnbox{
        padding: 0;
        margin-top: 7px;
    }
    .secConcept .titjpnbox::after{
        display: none;
    }
    .secConcept .titjpnbox .titjpn{
        font-size: 14px;
        line-height: calc(20 / 14);
    }
    .secConcept .imgArea{
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .secConcept .imgArea::after{
        content: "";
        position: absolute;
        width: 140px;
        height: 35px;
        top: calc(0% - 5px);
        left: 0;
        background-color:#eeebe6;
        z-index: 3;
    }
    .secConcept .imgBox{
        height:auto;
    }
    .secConcept .i_areatxtbox{
        padding: 16px 20px;
        align-items: flex-end;
        display: flex;
    }
    .secConcept .i_txt{
        font-size: 12px;
        line-height: calc(18 / 12);
    }
    .secConcept .txtbox{
        margin-top: 23px;
        padding: 0 20px;
    }
    .secConcept .txtbox .subtxt{
        font-size: 20px;
        line-height: calc(34 / 20);
    }
    .secConcept .txtbox .txt{
        font-size: 14px;
        line-height: calc(26 / 14);
        margin-top: 11px;
    }
    .secConcept .underimglist{
        max-width: 100%;
        width: calc(270 / 375 * 100%);
        margin: 0 auto;
        margin-top: 28px;
    }
    .secConcept .underimglist .u_list{
        display:block;
    }
    .secConcept .underimglist .u_item{
        width: 100%;
        margin-right: 0px;
    }
    .secConcept .underimglist .u_item + .u_item{
        margin-top: 21px;
    }
    .secConcept .underimglist .u_inner{
        position: relative;
    }
    .secConcept .underimglist .u_bgbox{
        width: 100%;
    }
    .secConcept .underimglist .u_txtbox{
        width: 100%;
        margin-top: 11px;
    }
    .secConcept .underimglist .u_txtinner{
        display: inline-block;
        width: 100%;
    }
    .secConcept .underimglist .u_txt{
        font-size: 12px;
        line-height: calc(18 / 12);
    }
    .secConcept .formlinkbtn{
        max-width: 280px;
        margin: 0 auto;
        margin-top: 36px;
    }
    .secConcept .btnLink{
        width:100%;
        height: 56px;
        font-size: 14px;
        line-height: calc(20 / 14);
        padding-left: 40px;
        padding-right: 40px;
        letter-spacing: 0;
    }
    .secConcept .btnLink::after{
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
        right: 38px;
    }
    .secConcept.lazyloaded .btnLink::after{
        background-size: 9px auto;
    }
}
/* secFlow */
.secFlow{
    margin-top: 116px;
}
.secFlow .listbox{
    max-width: 1400px;
    width: calc(100% - 100px);
    margin: 0 auto;
    margin-top: 71px;
}
.secFlow .list{
    display: flex;
}
.secFlow .item{
    width: calc((100% - 195px) / 4);
    margin-right: 75px;
    position: relative;
}
.secFlow .item:last-child{
    margin-right: 0;
}
.secFlow .itemtit{
    text-align: center;
    font-size: 20px;
    line-height: calc(30 / 20);
    letter-spacing: 0.05em;
}
.secFlow .iconbox{
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    background-color:#eeebe6;
    margin-top: 11px;
}
.secFlow .iconInner{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 87px;
}
.secFlow .iconInner::after{
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 5;
}
.secFlow.lazyloaded .iconInner::after{
    background: url(../img/common/tp.gif) center top no-repeat;
    background-size: 100% auto;
}
.secFlow .iconbox.icon01 .iconInner::after{
    width: 64px;
    height: 62px;
    left: calc(50% - 32px);
    bottom: calc(0% + 9px);
}
.secFlow.lazyloaded .iconbox.icon01 .iconInner::after{
    background-image: url(../img/stay/imgFlow_icon01.png);
}
.secFlow .iconbox.icon02 .iconInner::after{
    width: 80px;
    height: 58px;
    left: calc(50% - 40px);
    bottom: calc(0% + 10px);
}
.secFlow.lazyloaded .iconbox.icon02 .iconInner::after{
    background-image: url(../img/stay/imgFlow_icon02.png);
}
.secFlow .iconbox.icon03 .iconInner::after{
    width: 84px;
    height: 54px;
    left: calc(50% - 42px);
    bottom: calc(0% + 13px);
}
.secFlow.lazyloaded .iconbox.icon03 .iconInner::after{
    background-image: url(../img/stay/imgFlow_icon03.png);
}
.secFlow .iconbox.icon04 .iconInner::after{
    width: 42px;
    height: 72px;
    left: calc(50% - 21px);
    bottom: calc(0% + 4px);
}
.secFlow.lazyloaded .iconbox.icon04 .iconInner::after{
    background-image: url(../img/stay/imgFlow_icon04.png);
}
.secFlow .icontit{
    font-size: 18px;
    line-height: calc(30 / 18);
    font-weight: bold;
    letter-spacing: 0.05em;
}
.secFlow .txtbox{
    width: 100%;
    text-align: left;
    margin-top: 39px;
}
.secFlow .txt{
    font-size: 16px;
    line-height: calc(30 / 16);
}
.secFlow .txtline{
    text-decoration: underline;
}
.secFlow .undertxtbox{
    width: 100%;
    background-color: #eeebe6;
    border-radius: 1rem;
    padding: 0 80px;
    margin-top: 30px;
}
.secFlow .undertxtbox .u_inner{
    display: flex;
    min-height: 80px;
    align-items: center;
}
.secFlow .undertxtbox .u_titbox{
    display: inline-block;
}
.secFlow .undertxtbox .u_tit{
    font-size: 22px;
    line-height: calc(30 / 22);
    letter-spacing: 0.075em;
}
.secFlow .undertxtbox .u_txtbox{
    display: inline-block;
    position: relative;
    margin-left: 65px;
    padding-left: 65px;
    text-align: left;
    flex: 1;
}
.secFlow .undertxtbox .u_txtbox::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 28px;
    left: 0;
    top: calc(50% - 14px);
    background-color: #000;
}
.secFlow .undertxtbox .u_txt{
    font-size: 18px;
    line-height: calc(30 / 18);
    letter-spacing: 0.05em;
}
@media only screen and (min-width:768px){
    .secFlow .secTitlebox .tit{
        margin-top: 14px;
    }
    .secFlow .item:first-child::after{
        content: "";
        position: absolute;
        width: calc((100% * 3) + 195px + ((99% - 210px) / 2));
        height: 3px;
        background-color: #eeebe6;
        top: calc((20px * (30 / 20)) + 11px + (210px / 2 - 1.5px));
        left: calc(((100% - 210px) / 2) + (210px / 2));
    }
    @media only screen and (max-width:1600px){
        .secFlow .txt{
            font-size: 14px;
        }
    }
    @media only screen and (max-width:1480px){
        .secFlow .txt{
            font-size: 13px;
        }
    }
}
@media only screen and (max-width:767px){
    .secFlow{
        margin-top: 60px;
    }
    .secFlow .secTitlebox .imgtit{
        width: 30px;
    }
    .secFlow .listbox{
        max-width: 100%;
        width: calc(335 / 375 * 100%);
        margin-top: 30px;
    }
    .secFlow .list{
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .secFlow .item{
        margin: 0;
        width: 100%;
        position: relative;
        padding-left:calc(110px + 20px);
        display: flex;
        align-items: center;
        min-height: 110px;
    }
    .secFlow .item::after{
        content: "";
        position: absolute;
        width: 2px;
        height: calc(100% + 50px);
        left: calc(110px / 2 - 1px);
        top: 0;
        background-color: #eeebe6;
    }
    .secFlow .item:last-child::after{
        display: none;
    }
    .secFlow .item + .item{
        margin-top: 50px;
    }
    .secFlow .itemIn{
        display: inline-block;
        width: 100%;
        text-align: left;
    }
    .secFlow .itemtit{
        text-align: left;
        font-size: 13px;
        line-height: calc(20 / 13);
    }
    .secFlow .iconbox{
        width: 110px;
        height: 110px;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        z-index: 6;
    }
    .secFlow .iconInner{
        padding-bottom: 42px;
    }
    .secFlow .iconbox.icon01 .iconInner::after{
        width: 35px;
        height: 34px;
        left: calc(50% - 17.5px);
        bottom: calc(0% + 3px);
    }
    .secFlow .iconbox.icon02 .iconInner::after{
        width: 42px;
        height: 32px;
        left: calc(50% - 21px);
        bottom: calc(0% + 5px);
    }
    .secFlow .iconbox.icon03 .iconInner::after{
        width: 44px;
        height: 28px;
        left: calc(50% - 22px);
        bottom: calc(0% + 9px);
    }
    .secFlow .iconbox.icon04 .iconInner::after{
        width: 26px;
        height: 44px;
        left: calc(50% - 13px);
        bottom: calc(0% - 7px);
    }
    .secFlow .icontit{
        font-size: 13px;
        line-height: calc(20 / 13);
        letter-spacing: 0;
    }
    .secFlow .txtbox{
        margin-top: 5px;
    }
    .secFlow .txt{
        font-size: 13px;
        line-height: calc(23 / 13);
    }
    .secFlow .undertxtbox{
        width: 100%;
        padding: 28px 20px 23px;
        margin-top: 44px;
    }
    .secFlow .undertxtbox .u_inner{
        min-height:0;
        display: block;
    }
    .secFlow .undertxtbox .u_titbox{
        display: block;
        position: relative;
        text-align: center;
        padding-bottom: 11px;
    }
    .secFlow .undertxtbox .u_tit{
        font-size: 18px;
        line-height: calc(24 / 18);
        letter-spacing: 0.05em;
    }
    .secFlow .undertxtbox .u_titbox::after{
        content: "";
        position: absolute;
        width: 15px;
        height: 1px;
        left: calc(50% - 7.5px);
        background-color:#beae94;
        bottom: 0;
    }
    .secFlow .undertxtbox .u_txtbox{
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-top: 12px;
    }
    .secFlow .undertxtbox .u_txtbox::before{
        display: none;
    }
    .secFlow .undertxtbox .u_txt{
        font-size: 13px;
        line-height: calc(23 / 13);
    }
}

/* secMovie */
.secMovie{
    margin-top: 120px;
    background-color: #eeebe6;
}
.secMovie .Inner{
    padding: 120px 0;
}
.secMovie .iflamebox{
    max-width: 1100px;
    width: calc(100% - 100px);
    margin: 0 auto;
    margin-top: 50px;
}
.secMovie .moviebox{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(620 / 1100 * 100%);
    overflow: hidden;
}
.secMovie .moviebox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media only screen and (min-width:768px){
    .secMovie .secTitlebox .imgtit{
        width: 108px;
    }
}
@media only screen and (max-width:767px){
    .secMovie{
        margin-top: 60px;
    }
    .secMovie .secTitlebox .imgtit{
        width: 70px;
    }
    .secMovie .Inner{
        padding: 41px 0 42px;
    }
    .secMovie .iflamebox{
        max-width:100%;
        width: calc(325 / 375 * 100%);
        margin-top: 25px;
    }
}

/* secReserve */
.secReserve{
    margin-top:120px;
}
.secReserve .subtxtbox{
    text-align: center;
    margin-top: 38px;
}
.secReserve .subtxtbox .subtxt{
    font-size: 16px;
    line-height: calc(40 / 16);
    letter-spacing: 0.05em;
}
@media only screen and (min-width:768px){
    .secReserve .secTitlebox .imgtit{
        width: 130px;
    }
}
@media only screen and (max-width:767px){
    .secReserve{
        margin-top:60px;
    }
    .secReserve .secTitlebox .imgtit{
        width: 86px;
    }
    .secReserve .subtxtbox{
        margin-top: 24px;
    }
    .secReserve .subtxtbox .subtxt{
        font-size: 13px;
        line-height: calc(25 / 13);
        letter-spacing: 0;
    }
}

.secReserve .boxList{
	width: calc(410px * 2 + 90px);
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-top: 65px;
}
.secReserve .boxList li{
	width: calc((100% - 90px) / 2);
	margin-right: 90px;
}
.secReserve .boxList li:nth-child(2n){
    margin-right:0;
}
.secReserve .boxList li .imgList{
	position: relative;
	margin-bottom: 20px;
}
.secReserve .boxList li .txtOpen{
    font-size: 18px;
    line-height: 1.67;
    font-weight: bold;
    color: #f00;
    letter-spacing: 1px;
	text-align: center;
}
.secReserve .boxList li .icon01{
	position: absolute;
	left: 0;
	top: 0;
	background:#FFFF00;
	color: #542110;
	font-size: 13px;
	text-align: center;
	padding: 9px 8px 8px;
	letter-spacing:1px;
}
.secReserve .boxList li .icon02{
	position: absolute;
	left: 0;
	top: 0;
	background:#F90;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	padding: 9px 8px 8px;
	letter-spacing:1px;
}
.secReserve .boxList li .titList{
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.secReserve .boxList li .txtList{
	font-size: 13px;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 15px;
}
.secReserve .boxList li .btnList{text-align: center;}
.secReserve .boxList li .btnList a{
	font-size: 13px;
	color: #5279CA;
	position: relative;
	text-decoration: none;
	display: inline-block;
}
.secReserve .boxList li .btnList a:before{
	position: absolute;
	top: 19px;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #5279CA;
}
.secReserve .boxList li .btnList span{
	font-size: 13px;
	color: #000;
	position: relative;
	text-decoration: none;
	display: inline-block;
}
.secReserve .boxList li .btnReserve{
	display: block;
    width: 160px;
    height: 66px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    background: #6FBA2C;
    padding: 24px 0 0;
    box-sizing: border-box;
    box-shadow: 0 -6px rgba(100,100,100,0.3) inset;
    position: absolute;
    bottom: 0;
    left: calc(50% - 80px);
}
.secReserve .boxList li .conBox{
	height: 224px;
    height: auto;
	position: relative;
}
@media only screen and (max-width:767px){
	.secReserve .boxList{
		width: calc(335 / 375 * 100%);
		margin: 35px auto 0;
		font-size: 0;
	}
	.secReserve .boxList li{
		width: 49%;
		margin: 0;
		float: none;
		display: inline-block;
		margin-right:2%;
		vertical-align: top;
	}
	.secReserve .boxList li:nth-child(3n){ margin-right:2%;}
	.secReserve .boxList li:nth-child(2n){ margin-right:0;}
	.secReserve .boxList li .imgList{
		position: relative;
		margin-bottom: 18px;
	}
	.secReserve .boxList li .icon01,
	.secReserve .boxList li .icon02{
		font-size: 11px;
		text-align: center;
		padding: 6px 7px 6px;
		letter-spacing: 1px;
	}
	.secReserve .boxList li .titList {
		font-size: 12px;
		line-height: 19px;
		letter-spacing: 0;
		margin-bottom: 4px;
	}
	.secReserve .boxList li .txtList {
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 10px;
		min-height: 40px;
	}
	.secReserve .boxList li .txtOpen{
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.secReserve .boxList li .btnReserve{
		width: 100%;
		left: 0;
	}
	.secReserve .boxList li .btnList a,
	.secReserve .boxList li .btnList span{
		margin: 0 7px;
	}
	.secReserve .boxList li .conBox{
		height: auto;
	}
}
.secReserve + .secStayForm{
    margin-top: 118px;
}
@media only screen and (max-width:767px){
    .secReserve + .secStayForm{
        margin-top: 55px;
    }
}
.co_page #lp_Header,
.ok_page #lp_Header{
    position: relative;
}
/* ▼260422 */
.txtPrivacy .txtError{
    display: inline-block;
}
.secReserve .reserve_commentbox{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid;
    border-color:#000;
    padding: 30px;
    margin-top: 80px;
}
.secReserve .reserve_commentbox .c_txt{
    font-size: 16px;
    line-height: calc(30 / 16);
    letter-spacing: 0.05em;
    text-align: center;
}
@media only screen and (max-width:767px){
    .secReserve .reserve_commentbox{
        max-width:100%;
        width: calc(335 / 375 * 100%);
        padding: 20px;
        text-align: center;
        margin-top: 40px;
    }
    .secReserve .reserve_commentbox .c_txt{
        font-size: 13px;
        line-height: calc(24 / 13);
        display: inline-block;
        text-align: left;
    }
}