@charset "UTF-8";


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

.access{
    position: relative;
    z-index: 1;    
}
.access_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;    
}

.access_map{
    position: relative;
    z-index: 1;
    aspect-ratio: 1000 / 500;
}
.access_map iframe{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.access_addr{
    font-size: var(--f16);
    line-height: var(--line-height-sub);
    margin-top: 3rem;
}


.access .c-textSlide2{
    top: 10rem;
}
.access .c-textSlide2_main{
    width: 495rem;
}



/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .access{}
    .access_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;
    }
    .access_map{
    aspect-ratio: 1000 / 700;
}
    .access_map iframe{}
    .access_addr{
    font-size: 1.4rem;
    margin-top: 2rem;
}
    .access .c-textSlide2{
    top: 3rem;
}
    .access .c-textSlide2_main{
    width: 246rem;
}


}

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


.accommo{
    position: relative;
    z-index: 1;    
}
.accommo_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;     
}
.accommo_box{}
.accommo_box + .accommo_box{
    margin-top: 8.4rem;
}
.accommo_list1{
    display: grid;
    gap: 1rem 0;
}
.accommo_list1 li{
    display: flex;
    padding: 0 0 0 2rem;
    position: relative;
    z-index: 1;
}
.accommo_list1 li:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    width: 5.4px;
    height: 5.4px;
    top: max(2rem, 13px);
    left: 0;
    border-radius: 10px;
}
.accommo_list1_name{}
.accommo_list1_price{
    margin-left: 2rem;
}
.accommo_come{
    margin-top: 2rem;
    font-size: var(--f14);
}

.accommo_box2{
    display: flex;
}
.accommo_data{
    flex: 1;
}
.accommo_list2{
    line-height: var(--line-height-min);
}
.accommo_list2 li{
    display: flex;
    padding: 2rem 0;
    border-bottom: 1px solid #fff;
}
.accommo_list2 li:first-child{
    padding-top: 0;
}
.accommo_list2_name{
    flex: 1;
}
.accommo_list2_tel{
    margin: 0 3rem 0 3rem;
    font-size: var(--f14);
}
.accommo_img{
    width: 39rem;
    margin-left: 5.6rem;
}

.accommo .c-textSlide2{
    top: 10rem;
}
.accommo .c-textSlide2_main{
    width: 747rem;
}


/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .accommo{}
    .accommo_inner{
        padding-top: 7rem;
        padding-bottom: 6rem;        
    }
    .accommo_box{}
    .accommo_box + .accommo_box{
    margin-top: 6rem;
}
    .accommo_list1{}
    .accommo_list1 li{
    padding: 0 0 0 1.5rem;
}
    .accommo_list1 li:before{
    top: 1.2rem;
}
    .accommo_list1_name{}
    .accommo_list1_price{}
    .accommo_come{
    font-size: 1.2rem;
    margin-top: 1rem;
}
    .accommo_box2{
    display: block;
}
    .accommo_data{}
    .accommo_list2{}
    .accommo_list2 li{}
    .accommo_list2_name{}
    .accommo_list2_tel{
    margin: 0 0 0 2rem;
    font-size: 1.2rem;
}
    .accommo_img{
    width: auto;
    margin: 3rem 0 0;
}
    .accommo .c-textSlide2{
    top: 3rem;
}
    .accommo .c-textSlide2_main{
    width: 384rem;
}
}

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

.maps{
    position: relative;
    z-index: 1;   
}
.maps_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;      
}
.maps_list{
    display: grid;
    gap: 1rem 0;
}
.maps_list li{
    position: relative;
    z-index: 1;
    padding-left: 2rem;
}
.maps_list li:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #333;
    width: 5.4px;
    height: 5.4px;
    top: max(2rem, 13px);
    left: 0;
    border-radius: 10px;
}
.maps_list a{}
.maps .c-textSlide2{
    top: 10rem;
}
.maps .c-textSlide2_main{
    width: 446rem;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .maps{}
    .maps_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;        
    }
    .maps_list{}
    .maps_list li{
    padding-left: 1.5rem;
}
    .maps_list li:before{
    top: 1.3rem;
}
    .maps_list a{}
    .maps .c-textSlide2{
    top: 3rem;
}
    .maps .c-textSlide2_main{
        width: 225rem;
    }
}