@charset "utf-8";
/*index_video*/
.in_video{position:relative; overflow:hidden;}
@media only screen and (max-width:575px){
	.in_video{width:100%; height:272px;}
	#in_video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:272px;}
}
@media only screen and (min-width:576px){
	#in_video{width:100%; height:auto !important; margin-left:auto; margin-right:auto; vertical-align:bottom;}
}
@media only screen and (max-width:1247px){
	.in_video{margin-top:76px;}
}

/*in_intro*/
.in_intro .box{box-sizing:border-box; position:relative;}
.in_intro01 .box01{display:flex; justify-content:center;}
.in_intro01 .lead{font-size:clamp(1.25rem, 0.9rem + 0.97vw, 2rem); writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; text-align:left; white-space:nowrap;}
.in_intro02 .box02{display:flex;}
.in_intro .deco{position:absolute; z-index:-1;}
.in_intro .tsuyukusa{left:50%; transform:translateX(-50%);}
@media only screen and (max-width:575px){
	.in_intro02 .box02{justify-content:space-between;}
	.in_intro02 .inner{width:48%;}
}
@media only screen and (min-width:576px){
	.in_intro02 .inner{width:240px;}
	.in_intro02 .inner:nth-of-type(1){margin-right:4.17%;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.in_intro02 .box02{justify-content:center;}
}
@media only screen and (max-width:1023px){
	.in_intro01 .box02{margin-bottom:1em;}
	.in_intro01 .lead{margin-bottom:2em;}
	.in_intro02 .box01{margin-bottom:1em;}
	.in_intro .momiji01{top:-10%; transform:translateX(-180%);}
	.in_intro .momiji02{bottom:5%; transform:translateX(100%);}
	.in_intro .momiji03{bottom:-25px; right:-25px;}
	.in_intro .tsuyukusa{bottom:5%;}
}
@media only screen and (min-width:1024px){
	.in_intro{display:flex; justify-content:space-between; flex-wrap:wrap;}
	.in_intro02{align-items:flex-end; margin-top:-30px;}
	.in_intro .box01{width:44%;}
	.in_intro .box02{width:51.9%;}
	.in_intro01 .box02{padding-top:1.3em;}
	.in_intro .momiji01{top:-11.5%; transform:translateX(-153%);}
	.in_intro .momiji02{bottom:-7.5%; transform:translateX(69%);}
	.in_intro .momiji03{bottom:-23.5%; right:-15%;}
	.in_intro .tsuyukusa{bottom:-12.5%;}
}
@media only screen and (min-width:1160px){
	.in_intro p span{margin-bottom:.5em; display:block;}
	.in_intro p span:last-of-type{margin-bottom:0;}
}
@media only screen and (max-width:1247px){
	.in_intro p br{display:none;}
}
@media only screen and (min-width:1248px){
	.in_intro p span{line-height:1.8;  margin-bottom:1.2em;}
	.in_intro .momiji03{right:-1.5%;}
}
@media only screen and (min-width:1696px){
	.in_intro p span{margin-bottom:1.8em; display:block;}
	.in_intro02{margin-top:-36px;}
	.in_intro02 .box01{padding-bottom:.7em;}
}

/*pickup*/
.pickup{box-sizing:border-box; display:flex; justify-content:space-between; flex-wrap:wrap;}
.pickup02,
.pickup03{margin-top:5px;}
.pickup .text{box-sizing:border-box; position:relative;}
.pickup .lead{z-index:1!important; padding:.7em 0.81em 0; border-top:1px solid #342824; font-size:clamp(1.25rem, 0.9rem + 0.97vw, 2rem); display:inline-block;}
.pickup .desc{z-index:1!important;}
.pickup01 .img01{background:url("../img/index/020101.jpg") no-repeat center center / cover;}
.pickup01 .img02{background:url("../img/index/020102.jpg") no-repeat center center / cover;}
.pickup02 .img01{background:url("../img/index/020201.jpg") no-repeat center center / cover;}
.pickup02 .img02{background:url("../img/index/020202.jpg") no-repeat center center / cover;}
.pickup03 .img01{background:url("../img/index/020301.jpg") no-repeat center center / cover;}
.pickup03 .img02{background:url("../img/index/020302.jpg") no-repeat center center / cover;}
.pickup .deco{z-index:-1!important; position:absolute;}
@media only screen and (max-width:575px){
	.pickup .text{padding:0 32px;}
	.pickup .desc br{display:none;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.pickup .desc{text-align:center;}
}
@media only screen and (max-width:1023px){
	.pickup{padding:40px 0;}
	.pickup .img{padding-top:45%; margin-bottom:2em;}
	.pickup .img01{width:69%; order:1;}
    .pickup.pickup01 .img01{
        width:100%; 
        order:1;
    }
	.pickup .img02{width:29%; order:2;}
	.pickup .text{width:100%; order:3;}
	.pickup02 .img01{order:2;}
	.pickup02 .img02{order:1;}
	.pickup .momiji_sp{width:clamp(4.25rem, 2.909rem + 3.73vw, 7.125rem); top:-8px; left:8px;}
}
@media only screen and (min-width:1024px) and (max-width:1471px){
	.pickup .desc br{display:none;}
}
@media only screen and (min-width:1024px){
	.pickup{align-items:center; padding:30px 0;}
	.pickup02{flex-direction:row-reverse;}
	.pickup .img{padding-top:30.74%;}
	.pickup .img01{width:50%;}
	.pickup .text{
        width:35%; 
        display:flex; 
        flex-direction:column; 
        align-items:center; 
        padding:0 40px;
    }
    .pickup.pickup01 .text{
        width:50%; 
    }
	.pickup .img02{width:15%;}	
	.pickup .momiji_sp{width:clamp(4.25rem, 2.909rem + 3.73vw, 7.125rem); top:-56px; left:8px;}
}
@media only screen and (max-width:1247px){
	.pickup .lead{margin-bottom:clamp(1rem, 0.572rem + 1.19vw, 1.5rem);}
	.pickup .momiji_pc{display:none;}
}
@media only screen and (min-width:1248px){
	.pickup .img{padding-top:38%;}
	.pickup .img01{width:48.5%;}
	.pickup .text{
        width:33.1%;
    }
    .pickup.pickup01 .text{
        width:50%;
    }
	.pickup .lead{writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; text-align:left; white-space:nowrap; margin-bottom:clamp(1rem, -0.114rem + 1.43vw, 1.5rem);}
	.pickup01 .lead{margin-bottom:clamp(2rem, 0.886rem + 1.43vw, 2.5rem);}
	.pickup .img02{width:18.4%;}	
	.pickup .momiji_pc{top:-3%; left:50%; transform:translateX(-50%); width:clamp(13.125rem, 5.743rem + 9.46vw, 16.438rem);}
	.pickup .momiji_sp{display:none;}
}
@media only screen and (min-width:1472px){
	.pickup .img{padding-top:30.74%;}
	.pickup .text{padding:0;}
	.pickup .desc{text-align:center;}
}

/*in_acco*/
.in_acco{box-sizing:border-box; border-radius:6px; overflow:hidden;}
.in_acco .lead{margin-left:auto; margin-right:auto; font-size:clamp(1.125rem, 0.95rem + 0.49vw, 1.5rem); text-align:center; line-height:1.3;}
.in_acco .box{box-sizing:border-box;}
.in_acco .box{padding:clamp(1rem, 0.883rem + 0.32vw, 1.25rem) clamp(1.5rem, 0.8rem + 1.95vw, 3rem); transition:all .3s ease;}
.in_acco .aco_box.open{padding-top:clamp(1.5rem, 0.8rem + 1.95vw, 3rem);}
.in_acco .detail{margin-top:clamp(1.5rem, 1.383rem + 0.32vw, 1.75rem); position:relative;}
.in_acco .detail .mb_com00{margin-left:auto; margin-right:auto;}
.in_acco .detail .mb_com01{margin-left:auto; margin-right:auto;}
.in_acco .detail .mb_com02{margin-left:auto; margin-right:auto;}
.in_acco .detail li{text-indent:-.9em; padding-left:.9em; text-align:justify; line-height:1.3; margin-bottom:1em;}
.in_acco .detail li:last-child{margin-bottom:0;}
.in_acco .detail li:nth-child(1):before{content:"1.";}
.in_acco .detail li:nth-child(2):before{content:"2.";}
.in_acco .lead_sub{display:flex; justify-content:center; align-items:center; text-align:center; margin-left:auto; margin-right:auto; border-top:1px solid #342824; border-bottom:1px solid #342824; font-size:clamp(1rem, 0.84rem + 0.45vw, 1.25rem); padding:1em 0;}
.in_acco .lead_sub{line-height:1;}

.in_acco .detail .mb_com00,
.in_acco .detail .mb_com02{line-height:1.3;}

/*アコーディオンタイトル*/
.in_acco .aco_lead{position:relative;}
.in_acco .mark_wrap{position:absolute; width:16px; height:16px; right:0; top:50%; transform:translateY(-50%);}
.in_acco .mark{position:relative; cursor:pointer; transition:all .3s ease; display:block; width:16px; height:16px;}

/*アイコンの＋と×*/
.in_acco .aco_lead::before,
.in_acco .aco_lead::after{position:absolute; content:''; width:16px; height:1px; background:#262520;}
.in_acco .aco_lead::before{transform:rotate(0deg); right:0; top:50%;}
.in_acco .aco_lead::after{transform:rotate(90deg); right:0; top:50%;}

/*　closeというクラスがついたら形状変化　*/
.in_acco .aco_lead.close::before{transform:rotate(45deg);}
.in_acco .aco_lead.close::after{transform:rotate(-45deg);}

/*アコーディオンで現れるエリア*/
.in_acco .detail{display:none;}

/*in_info*/
.in_info .news{width:100%;}
.in_info .bn{width:100%;}
@media only screen and (min-width:1024px){
	.in_info{display:flex; justify-content:space-between; align-items:center;}
	.in_info .news{width:36.9%;}
	.in_info .bn{width:58.1%;}
}

/*in_info .news*/
.in_info .news{display:flex; flex-wrap:wrap;}
.in_info .lead{display:flex; align-items:center; margin-bottom:13px; width:100%;}
.in_info .lead span{display:inline-block; line-height:1;}
.in_info .lead .main{font-size:clamp(1.25rem, 1.075rem + 0.49vw, 1.625rem);}
.in_info .news .post{border-bottom:1px solid #a69693; padding:0.95em 0; width:100%;}
.in_info .news .post:first-of-type{border-top:1px solid #a69693;}
.in_info .news .post:last-of-type{margin-bottom:1.2em;}
.in_info .news .post p{line-height:1.2;}
.in_info .news .post a:hover{opacity:.8;}
.in_info .news .date{margin-bottom:clamp(0.188rem, 0.129rem + 0.16vw, 0.313rem); letter-spacing:0em;}
@media only screen and (max-width:1023px){
	.in_info .news{margin-bottom:40px;}
}

/*in_info .bn*/
.in_info .bn{display:flex; justify-content:space-between; align-items:center; height:clamp(16.25rem, 14.21rem + 5.68vw, 20.625rem); position:relative;}
.bn_plan .text:after,
.in_info .bn:after{
    width:135px;
    height:auto;
    aspect-ratio: 10 / 7;
    content:url("../img/parts/best_rate_add_bn3.svg");
    position: absolute;
    top:30%;
    left:30%;
    transform: translate(-50%,-50%);
    z-index: 1000;
    pointer-events: none;
}
.bn_plan .text:after{
    left:40%;
}
@media screen and (max-width:1247px){
.bn_plan .text:after,
  .in_info .bn:after{
    width:110px;
    top:23%;
    left:23%;
}  
}
.in_info .bn .box{width:100%; height:inherit;}
.in_info .bn .imgbox01{background:url("../img/index/bn01.jpg") no-repeat center center / cover; border-radius:6px 0 0 6px;}
.in_info .bn .imgbox02{background:url("../img/index/bn02.jpg") no-repeat center center / cover; border-radius:0 6px 6px 0;}
.in_info .bn .text{position:absolute; width:100%; height:100%; left:0; top:0; border-radius:6px;}
.in_info .bn .img{width:clamp(12.188rem, 9.768rem + 6.73vw, 17.375rem); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.in_info .bn .bn_momiji{position:absolute;}
.in_info .bn .bn_momiji01{width:clamp(4.25rem, 2.909rem + 3.73vw, 7.125rem); left:-23px; top:-24px;}
.in_info .bn .bn_momiji02{width:clamp(4.688rem, 3.23rem + 4.06vw, 7.813rem); right:-26px; bottom:-55px;}
@media screen and (max-width:767px){
	.in_info .bn{background:url("../img/parts/bn_plan00.jpg") no-repeat center center / cover;}
	.in_info .bn .box{display:none!important;}
}
@media screen and (min-width:768px){
	.in_info .bn .box{width:50%;}
}

/*ba_intro01*/
.ba_intro01{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.ba_intro01 .text,
.ba_intro01 .box{box-sizing:border-box;}
.ba_intro01 .box01{background:url("../img/baths/0101.jpg") no-repeat center center / cover;}
.ba_intro01 .box02{background:url("../img/baths/0102.jpg") no-repeat center center / cover;}
.ba_intro01 .box03{background:url("../img/baths/0103.jpg") no-repeat center center / cover;}
.ba_intro01 .deco{position:absolute; pointer-events:none;}
.ba_intro01 .momiji_rt{right:-2em; top:-2em;}
@media only screen and (max-width:1247px){
	.ba_intro01 .box01{width:100%; padding-top:60%; margin-bottom:2%;}
	.ba_intro01 .box02{width:49%; padding-top:29.4%; margin-bottom:5%;}
	.ba_intro01 .box03{width:49%; padding-top:29.4%; margin-bottom:5%;}
	.ba_intro01 .text{margin-bottom:6%; order:4;}
}
@media only screen and (min-width:1248px){
	.ba_intro01 .text{width:41%; padding-right:3%;}
	.ba_intro01 .box{margin-bottom:2%;}
	.ba_intro01 .box01{width:55%; padding-top:33%; order:-1;}
	.ba_intro01 .box02{width:48%; padding-top:30%;}
	.ba_intro01 .box03{width:50%; padding-top:30%;}
}

/*ba_intro02*/
.ba_intro02{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.ba_intro02 .text,
.ba_intro02 .box{box-sizing:border-box;}
.ba_intro02 .box01{background:url("../img/baths/0104.jpg") no-repeat center center / cover;}
.ba_intro02 .deco{position:absolute; pointer-events:none;}
.ba_intro02 .tsuyukusa{width:clamp(14.375rem, 9.916rem + 12.41vw, 23.938rem);}
@media only screen and (max-width:1247px){
	.ba_intro02 .text{width:47%; order:2;}
	.ba_intro02 .box01{width:49%; padding-top:29.4%;}
	.ba_intro02 .momiji_posi,
	.ba_intro02 .tsuyukusa{display:none;}
}
@media only screen and (min-width:1248px){
	.ba_intro02{justify-content:flex-end;}
	.ba_intro02 .text{width:32%; margin-right:2%;}
	.ba_intro02 .box01{width:38%; padding-top:30%; margin-right:6%;}
	.ba_intro02 .momiji_posi{left:-2em; bottom:8em;}
	.ba_intro02 .tsuyukusa{left:0; bottom:0;}
}

/*ba_about*/
.ba_about{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.ba_about .text,
.ba_about .box{box-sizing:border-box;}
.ba_about .box01{background:url("../img/baths/0201.jpg") no-repeat center center / cover;}
.ba_about .deco{position:absolute; pointer-events:none;}
@media only screen and (max-width:1247px){
	.ba_about .box01{width:100%; padding-top:60%; margin-bottom:5%;}
	.ba_about .text{order:4;}
	.ba_about .momiji_posi{left:-2em; top:-2em;}
}
@media only screen and (min-width:1248px){
	.ba_about .text{width:41%; padding-right:3%;}
	.ba_about .box01{width:55%; padding-top:33%;}
	.ba_about .momiji_posi{left:-4em; top:-4em;}
}

/*ba_process*/
.ba_process{display:flex; align-items:center; flex-wrap:wrap; position:relative;}
.ba_process .desc{text-align:center;}
.ba_process .spacer{display:flex; justify-content:center; align-items:center;}
@media only screen and (max-width:767px){
	.ba_process .spacer{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1247px){
	.ba_process .box{width:46%;}
	.ba_process{justify-content:center;}
	.ba_process .spacer01{width:8%; margin-top:-2em;}
	.ba_process .spacer02{width:100%;}
}
@media only screen and (min-width:1248px){
	.ba_process{justify-content:space-between;}
	.ba_process .box{width:30%;}
	.ba_process .spacer{width:2%; margin-top:-2em;}
}

.ba_process .arrow{background:#a69693; transition:all 0.5s ease; position:relative; pointer-events:none;}
.ba_process .arrow::before{position:absolute; content:""; display:inline-block; top:0; background:#342824;}
@media only screen and (max-width:767px){
	.ba_process .arrow01{width:1px; height:2em; margin:1.2em auto;}
	.ba_process .arrow01::before{left:0; width:1px; height:1px; animation:line_tate 1.5s infinite ease-out;}
}
@media only screen and (min-width:768px){
	.ba_process .arrow01{width:2em; height:1px;}
	.ba_process .arrow01::before{width:1px; height:1px; animation:line_yoko 1.5s infinite ease-out;}
}
@media only screen and (max-width:1247px){
	.ba_process .arrow02{width:1px; height:2em; margin:1.2em auto;}
	.ba_process .arrow02::before{left:0; width:1px; height:1px; animation:line_tate 1.5s infinite ease-out;}
}
@media only screen and (min-width:1248px){
	.ba_process .arrow02{width:2em; height:1px;}
	.ba_process .arrow02::before{width:1px; height:1px; animation:line_yoko 1.5s infinite ease-out;}
}

/*ba_deco*/
.ba_deco{position:relative;}
.ba_deco .deco{position:absolute; pointer-events:none;}
@media only screen and (max-width:1247px){
	.ba_deco .momiji_posi{display:none;}
}
@media only screen and (min-width:1248px){
	.ba_deco .momiji_posi{right:-2em; top:-2em;}
}

/*ba_point*/
.ba_point{display:flex; justify-content:space-between; flex-wrap:wrap;}
.ba_point .deco{position:absolute; pointer-events:none;}
@media only screen and (max-width:767px){
	.ba_point .box{width:100%;}
	.ba_point .img{width:60%;}
}
@media only screen and (min-width:768px) and (max-width:1247px){
	.ba_point .box{width:47%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.ba_point .img{width:80%;}
}
@media only screen and (min-width:1024px) and (max-width:1247px){
	.ba_point .img{width:70%;}
}
@media only screen and (max-width:1247px){
	.ba_point .box{margin-bottom:3em;}
	.ba_point .box:last-of-type{margin-bottom:0;}
	.ba_point .img{margin-left:auto; margin-right:auto;}
}
@media only screen and (min-width:1248px){
	.ba_point .box{width:23%;}
	.ba_point .box:nth-of-type(even){margin-top:3em;}
}

/*ba_dayuse*/
.ba_dayuse{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.ba_dayuse .text,
.ba_dayuse .box{box-sizing:border-box;}
.ba_dayuse .box01{background:url("../img/baths/0501.jpg") no-repeat center center / cover;}
.ba_dayuse .deco{position:absolute; pointer-events:none;}
.ba_dayuse .momiji_rt{right:-2em; top:-2em;}
@media only screen and (max-width:1247px){
	.ba_dayuse .box01{width:100%; padding-top:60%; margin-bottom:5%;}
	.ba_dayuse .text{order:2;}
}
@media only screen and (min-width:1248px){
	.ba_dayuse .text{width:41%; padding-right:3%;}
	.ba_dayuse .box01{width:55%; padding-top:33%; order:-1;}
}
.grid_wrap{
    display: grid;
    gap: clamp(10px,1.5vw,30px);
}
.grid_wrap img{
    width:100%;
    height: auto;
    object-fit: cover;
}
.ofuro_intro{
    width:min(100%,1200px);
    margin-inline: auto;
    place-items: center;
    place-content: center;
    position: relative;
}
    .grid_wrap.ofuro_intro{
        grid-template-columns: repeat(2,minmax(0,1fr));
    } 

.ofuro_intro .slide_in{
    width:100%;
    height: auto;
    aspect-ratio: 6 / 3;
}
.ofuro_intro .slide_in img{
    height: 100%;
/*    aspect-ratio: 6 / 4;*/
}
.ofuro_intro .intro_t{
    grid-column: 1 / -1;
}
.ofuro_intro .text.setumei{
    width:100%;
    height:100%;
    display: grid;
    position: relative;  
}
.ofuro_intro .deco.momiji06{
    top: inherit;
    left: 0;
    bottom: -8%;
}
.ofuro_intro .deco.tsuyukusa.tsuyukusa06{
    position: absolute;
    top: inherit;
    left: inherit;
    right: 0%;
    bottom: -6%;
}
@media only screen and (max-width:1247px){
    .ofuro_intro .deco.momiji06{
        bottom: inherit;
        left: -15px;
        top: calc(100% - clamp(220px,23vw,230px));
    }
}
@media only screen and (max-width:480px){
    .ofuro_intro .deco.momiji06{
        top: 50%;
    }
}
.ofuro_intro .main_img_wrap{
    width:100%;
    height: auto;
    position: relative;
}
@media only screen and (min-width:1248px){
    .ofuro_intro .main_img_wrap{
        grid-column: 1 / -1;
    }
    .ofuro_intro .intro_t{
        padding-bottom: 10px;
    }
    .ofuro_intro .text.setumei{
        place-items: center; 
    }
}
@media only screen and (max-width:1247px){
    .ofuro_intro .main_img_wrap{
        display: contents;
    }
    .ofuro_intro .main_img{
        grid-column: 1 / -1;
    }
    .ofuro_intro .intro_t{
    order: 2;
        padding-block: 10px;
}
    .ofuro_intro .slide_in{
        grid-column: 1 / -1;
        order: 9;
    }
    .ofuro_intro .text.setumei{
        grid-column: 1 / -1;
        order: 10;
    }
    .ofuro_intro .text.setumei .deco{
        display: none;
    }
}

.ofuro_intro .deco{
    position: absolute;
    pointer-events: none;
}
.ofuro_intro .momiji_rt {
    right: -2em;
    top: -2em;
}
.ofuro_intro .tsuyukusa {
    width: clamp(14.375rem, 9.916rem + 12.41vw, 23.938rem);
}
@media only screen and (min-width: 1248px) {
    .ofuro_intro .tsuyukusa {
        left: 0;
        bottom: 0;
    }
}





/*cu_intro*/
.cu_intro{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.cu_intro .text,
.cu_intro .box{box-sizing:border-box;}
.cu_intro .box01{background:url("../img/cuisine/0101.jpg") no-repeat center center / cover;}
.cu_intro .deco{position:absolute; pointer-events:none;}
.cu_intro .momiji_rt{right:-2em; top:-2em;}
@media only screen and (max-width:1247px){
	.cu_intro .box01{width:100%; padding-top:60%; order:-1; margin-bottom:5%;}
}
@media only screen and (min-width:1248px){
	.cu_intro .text{width:41%; padding-right:3%;}
	.cu_intro .box01{width:55%; padding-top:33%; order:-1;}
}

/*cu_menu*/
.cu_menu{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.cu_menu .text,
.cu_menu .box{box-sizing:border-box;}
.cu_menu01 .box01{background:url("../img/cuisine/0201.jpg") no-repeat center center / cover;}
.cu_menu02 .box01{background:url("../img/cuisine/0301.jpg") no-repeat center center / cover;}
.cu_menu .deco{position:absolute; pointer-events:none;}
.cu_menu .momiji_rt{right:-2em; top:-2em;}
.cu_menu .momiji_lt{left:-2em; top:-2em;}
@media only screen and (max-width:1247px){
	.cu_menu .box01{width:100%; padding-top:60%; order:-1; margin-bottom:5%;}
}
@media only screen and (min-width:1248px){
	.cu_menu02{flex-direction:row-reverse;}
	.cu_menu .text{width:41%; padding-right:3%;}
	.cu_menu .box01{width:55%; padding-top:33%;}
}

/*gu_intro*/
.gu_intro{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.gu_intro .text,
.gu_intro .box{box-sizing:border-box;}
.gu_intro .box01{background:url("../img/guide/0101.jpg") no-repeat center center / cover;}
.gu_intro .deco{position:absolute; pointer-events:none;}
.gu_intro .momiji_rt{right:-2em; top:-2em;}
@media only screen and (max-width:1247px){
	.gu_intro .box01{width:100%; padding-top:60%; order:-1; margin-bottom:5%;}
}
@media only screen and (min-width:1248px){
	.gu_intro .text{width:41%; padding-right:3%;}
	.gu_intro .box01{width:55%; padding-top:33%; order:-1;}
}

/*menu_bt*/
.menu_bt{display:flex; justify-content:space-between; flex-wrap:wrap;}
.menu_bt .box{overflow:hidden; position:relative;}	
.menu_bt .box a{box-sizing:border-box; height:clamp(10rem, 7.493rem + 6.97vw, 15.375rem); display:flex; justify-content:center; align-items:flex-end; border-radius:6px;}
.menu_bt .box .title{display:flex; flex-direction:row-reverse; text-align:left; pointer-events:none;
				   position:absolute; right:clamp(1rem, 0.767rem + 0.65vw, 1.5rem); top:clamp(1rem, 0.767rem + 0.65vw, 1.5rem);}
.menu_bt .main{color:#fff; writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; white-space:nowrap;}
.menu_bt .main{font-size:clamp(1.063rem, 0.858rem + 0.57vw, 1.5rem);}

.menu_bt .box01 a{background:url("../img/guide/bt01.jpg") no-repeat center center / cover;}
.menu_bt .box02 a{background:url("../img/guide/bt02.jpg") no-repeat center center / cover;}			
.menu_bt .box03 a{background:url("../img/guide/bt03.jpg") no-repeat center center / cover;}			
.menu_bt .box04 a{background:url("../img/guide/bt04.jpg") no-repeat center center / cover;}		

.menu_bt .spacer{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2; display:flex; justify-content:center; align-items:flex-end; pointer-events:none;}
.menu_bt .arrow{background:#a69693; transition:all 0.5s ease; position:relative; pointer-events:none; width:1px; height:2em;}
.menu_bt .arrow::after{position:absolute; content:""; display:inline-block; top:0; left:0; width:1px; background:#fff; animation:line_tate 1.5s infinite ease-out;}
@media only screen and (max-width:767px){
	.menu_bt{margin-bottom:-5%;}
	.menu_bt .box{width:48%; margin-bottom:5%;}
}
@media only screen and (min-width:768px){
	.menu_bt .box{width:22%;}	
	.menu_bt .box:nth-of-type(even){margin-top:3em;}
	.menu_bt .box:nth-of-type(odd) .arrow{margin-bottom:3em;}
}

/*gu_link*/
.gu_link{display:flex; justify-content:space-between; flex-wrap:wrap;}
.gu_link .box{display:flex; justify-content:center; flex-wrap:wrap;}
.gu_link .link_bt{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; position:relative;
				height:clamp(7.5rem, 5.751rem + 4.87vw, 11.25rem); border-radius:6px;}
.gu_link .link_bt01{background:url("../img/guide/link01.jpg") no-repeat center center / cover;}
.gu_link .link_bt02{background:url("../img/guide/link02.jpg") no-repeat center center / cover;}
.gu_link .link_bt .main{color:#fff; font-size:clamp(1.125rem, 1.008rem + 0.32vw, 1.375rem);}
.gu_link .arrow{background:#a69693; transition:all 0.5s ease; position:relative; pointer-events:none; width:30px; height:1px; margin-left:.5em;}
.gu_link .arrow::after{position:absolute; content:""; display:inline-block; top:0; background:#fff; width:1px; height:1px; animation:line_yoko 1.5s infinite ease-out;}
@media only screen and (max-width:767px){
	.gu_link .box{width:100%;}
	.gu_link .box:nth-of-type(1){margin-bottom:1em;}
}
@media only screen and (min-width:768px){
	.gu_link .box{width:48%;}
}
@media only screen and (min-width:1024px){
	.gu_link .img a::before{content:''; position:absolute; top:0; left:0; background:rgba(0,0,0,.2); width:100%; height:100%;
						  transition:transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform:scale(1, 0); transform-origin:left top;}
	.gu_link .img a:hover::before{transform:scale(1, 1); transform-origin:left top;}
}

/*re_pat*/
.re_pat .img01{background:url("../img/reservation/0101.jpg") no-repeat center center / cover;}
.re_pat .img02{background:url("../img/reservation/0102.jpg") no-repeat center center / cover;}
@media only screen and (max-width:1247px){
	.re_pat .box01{margin-bottom:1em; padding-top:60%;}
}
@media only screen and (min-width:1248px){
	.re_pat{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
	.re_pat .box01{width:40%; padding-top:26%;}
	.re_pat .box02{width:57%;}
}

/*map*/
.map{position:relative; height:0; padding-bottom:45%; overflow:hidden!important;}
.map iframe,
.map object,
.map embed{position:absolute;top:0; left:0; width:100%; height:100%;}
@media only screen and (max-width:575px){
    .map{padding-bottom:90%!important;}
}

/*ac_address*/
.ac_address{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.ac_address .logo{width:clamp(11.25rem, 10.667rem + 1.62vw, 12.5rem); margin-right:3em;}
.ac_address .lead{margin-bottom:clamp(0.25rem, 0.133rem + 0.32vw, 0.5rem);}
@media only screen and (max-width:767px){
	.ac_address .logo{display:none;}
}

/*ac_spacer*/
.ac_spacer{display:flex; justify-content:center; align-items:center; width:100%;}
.ac_spacer .arrow{background:#a69693; transition:all 0.5s ease; position:relative; pointer-events:none; width:1px; height:2em;}
.ac_spacer .arrow::before{position:absolute; content:""; display:inline-block; top:0; background:#342824; left:0; width:1px; height:1px; animation:line_tate 1.5s infinite ease-out;}

.saitama_bn_wrap{
    width:100%;background:rgba(209,227,197,0.50);display:grid;place-items:center;padding:50px 15px;box-sizing: border-box;
}
.saitama_bn_wrap a{
    width:min(100%,1000px);
    height:auto;
}
.saitama_bn{
    display:grid;
    grid-template-columns: 3vw repeat(5,1fr) 3vw;
    grid-template-rows: 1fr;
   box-sizing: border-box;
    width:100%;
    height:auto;
    aspect-ratio: 10 / 2.5 ;
}
.saitama_bn div{
    width:100%;
    height:100%;
}
.saitama_bn div:first-of-type{
    grid-column: 2 / 4;
    grid-row: 1 / -1;
}
.saitama_bn div:nth-of-type(2){
    grid-column: 4 / 7;
    grid-row: 1 / -1;
}
.saitama_bn div:last-of-type{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    border-radius: 20px;
    overflow: hidden;
    z-index: -1;
}
.saitama_bn > p{
    grid-column: -4 / -2;
    grid-row: 1 / -1;
    justify-self: end;
    align-self: end;
    font-size: clamp(15px, 3vw,24px);
    color:#fff;
    padding-bottom:clamp(0px, 3vw,30px);
}
.saitama_bn div img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.saitama_bn div:last-of-type img{
    width:100%;
    height:100%;
    object-fit: cover;
}

@media screen and (max-width:768px){
.saitama_bn{
    display:grid;
    grid-template-columns: 4vw 1fr 4vw;
    grid-template-rows:  repeat(3,1fr) 15px;
   box-sizing: border-box;
    width:min(100%,1000px);
    height:auto;
    aspect-ratio: 10 / 8 ;
}

.saitama_bn div:first-of-type{
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.saitama_bn div:nth-of-type(2){
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    padding-bottom:15px;
}
.saitama_bn div:last-of-type{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    overflow: hidden;
    z-index: -1;
}
.saitama_bn div img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.saitama_bn div:last-of-type img{
    width:100%;
    height:100%;
    object-fit: cover;
}    
}


.slide_box{max-width:430px;}

      .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


@media only screen and (max-width:1247px){
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

   .bath_gallery.ba_intro02 .text {
        width: 100%!important; margin:1rem 0 0 0;
    }

   .bath_gallery.ba_intro02 .box{
        width: 100%!important;
    }

.slide_box{max-width:inherit; width: 100%;}

}