:root {
    font-size: 16px; /* Default base font size for desktop */
}
body{
    font-family: "Zen Maru Gothic", serif;
}
.relative{
    position: relative;
}
.uppercase{
    text-transform: uppercase;
}
.g-btn a { 
    max-width: 620px;
    margin: auto;
}
.FV-PC {
    background-image: url(../images/FV_PC_back.jpg);
    width: 100%;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat;
}
.banner-bar .end-title {
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 0;
    font-size: 100px;
    text-shadow: 
        -2px -2px 0 #863333, 
        2px -2px 0 #863333, 
        -2px 2px 0 #863333, 
        2px 2px 0 #863333;
    color: white;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
}
.cap .center-img {
    object-fit: cover;
    width: 100%;
    height: 774px;
}
.banner-bar .content .title {
    object-fit: contain;
    width: 35%;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
}
/* .banner-bar .content .dash {
    
} */
.banner-bar .content .dash img {
    object-fit: contain;
    width: 18%;
    position: absolute;
    top: 24%;
    right: 13%;
    transform: translate(-50%, 0);
}
.banner-bar .content .dash .dash-content {
    width: 50%;
    position: absolute;
    top: 31%;
    left: 69%;
    transform: translate(-50%, 0);
}
.banner-bar .content .dash .dash-content p {
    font-size: 1.7rem;
    text-align: center;
    font-weight: bolder;
    text-shadow: 
        -2px -2px 0 #863333, 
        2px -2px 0 #863333, 
        -2px 2px 0 #863333, 
        2px 2px 0 #863333;
    color: white;
}
.container1 {
    max-width: 1280px !important;
    margin: auto;
}
.orange-bar{
    background: #FF8811;
}
.heading h3{
    letter-spacing: 1.2px;
    color: #333333;
}
.hot-content h4{
    font-weight: normal;
    font-size: 18px;
    color: #333333;
}
.hot-content h3{
    font-size: 32px;
}
.bell-box{
    text-align: center;
    padding: 30px 10px;
    background: #FFFFFF;
    border-radius: 12px;
}


.bell-box h4{
    font-weight: normal;
    font-size: 16px;
    color: #333333;
}
.bell-box h6{
    font-size: 22px;
    color: #643200;
}

.bell-box-first {
    text-align: center;
    padding: 30px 10px;
    background: #FFFFFF;
    border-radius: 12px;
}

.bell-first-s {
    padding: 4px;
}
.bell-box-first h4{
    font-weight: normal;
    font-size: 32px;
    color: #333333;
}
.bell-box-first h6{
    font-size: 18px;
}

.bell-box-third {
    text-align: center;
    padding: 30px 10px;
    background: #FFFFFF;
    border-radius: 12px;
}


.bell-box-third h6{
    letter-spacing: -1.9px;
    font-weight: normal;
    font-size: 16px;
    color: #333333;
}
.bell-box-third h4{
    font-size: 18px;
    color: #643200;
}

.bell-i {
    position: absolute;
    top: -28px;
    left: 41%;
    width: 52px;
    height: 52px;
}
.bell span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 0;
    font-size: 22.8px;
    color: #fff;
}
.closing img {
    object-fit: cover;
    height: 1000px;
}
.cap .cap-img {
    margin-bottom: 26px;
}
.g-btn a{
    padding: 29px 80px;
    place-items: center;
    text-decoration: none;
    display: flex;
    gap: 40px;
    background: #0FBE50 0% 0% no-repeat padding-box;
    border-radius: 20px;
    border-bottom: 8px solid #0A7828;
    color: #FAFAFA;
    font-size: 38px;
    font-family: "Noto Sans JP", serif;
    text-align: center;
    
}
.g-btn p {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    place-items: center;
}
.font-bold{
    font-weight: 900 ;
}
.in-1 {
    position: absolute;
    top: -2px;
    left: 0;
    transform: scale(1.01);
}
.third-section{
    overflow: hidden;
}
.in-2 {
    position: relative;
    z-index: 999;
}
.intro-content h2{
    font-size: 42px;
    color: #333333;
}
.intro-content p{
    width: 398px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 1px;
    font-size: 20px;
    color: #333333;
}
.intro-content {
    width: 100%;
    height: 100%;
    left: 0;
    top: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    position: absolute;
}
.in-3 {
    width: 22%;
    position: absolute;
    right: 10%;
    bottom: 23%;
    z-index: 9999;
}
.sp-1{
    display: none;
}
.sp-2{
    display: none;
}
.brown-text{
    width: 522px;
    height: 102px;
    margin: auto;
}
.heading h6{
    font-size: 22px;
    letter-spacing: 1.32px;
    color: #333333;
    line-height: 40px;
}
.font-40{
    font-size:40px;
}
.gallery-one{
    gap: 4px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.gallery-one img{
    aspect-ratio: 4 / 4;
    width: 33%;
    object-fit: cover;
}
.gallery-two{
   display: flex;
   justify-content: center;
   gap: 4px;
   align-items: center;
   flex-wrap: wrap; 
}
.gallery-two img{
    width: 16.32%;
    gap: 4px;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

.social-btn a{
    text-decoration: none;
    display: block;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 20px;
    font-size: 22px;
    font-family: "Noto Sans JP", serif;
    text-align: center;
    margin-bottom: 20px;
    
}
@media only screen and (min-width: 1900px){
    .banner-bar .content .dash .dash-content p {
        font-size: 2.5rem;
        text-shadow: 
            -2px -2px 0 #863333, 
            2px -2px 0 #863333, 
            -2px 2px 0 #863333, 
            2px 2px 0 #863333;
        color: white;
    }
}
@media only screen and (max-width: 1300px){
    .g-btn a {
        padding: 29px 105px 29px 80px;
        place-items: center;
        text-decoration: none;
        display: flex;
        justify-content: space-between;
        gap: 0;
        background: #0FBE50 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border-bottom: 8px solid #0A7828;
        color: #FAFAFA;
        font-size: 38px;
        font-family: "Noto Sans JP", serif;
        text-align: center;
    }
    .line-text {
        width: 100%;
    }
}
@media only screen and (max-width: 1200px){
    .banner-bar .content .dash .dash-content p {
        font-size: 1.5rem;
        text-shadow: 
            -1.5px -1.5px 0 #863333, 
            1.5px -1.5px 0 #863333, 
            -1.5px 1.5px 0 #863333, 
            1.5px 1.5px 0 #863333;
        color: white;
    }
    .bell-box-first {
        text-align: center;
        padding: 30px 10px 58px;
        background: #FFFFFF;
        border-radius: 12px;
        }
    .g-btn a{
        margin: auto;
        font-size: 38px;
        max-width: 620px;
    }
    .social-btn a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px){
    .banner-bar .content .dash .dash-content p {
        font-size: 1.0rem;
        text-shadow: 
            -1.5px -1.5px 0 #863333, 
            1.5px -1.5px 0 #863333, 
            -1.5px 1.5px 0 #863333, 
            1.5px 1.5px 0 #863333;
        color: white;
    }
}


.m-block{
    display: none;
}
.carouel-box{
    background: #FFFFFF;
    border: 8px solid #E6C8B4;
    border-radius: 50px;
    padding: 60px;
    margin-top: 100px;
}
.brown-text-2 {
    width: 522px;
    height: 102px;
    margin-bottom: -181px;
}
.heading2 p{
    margin: auto;
    max-width: 595px;
    margin-bottom: 0px;
    text-align: center;
    letter-spacing: 0.464px;
    color: #333333;
    font-size: 16px;
    line-height: 29px;
}

.heading2 .first {
    padding: 0 42px;
}
.footer{
    padding: 50px 0px;
    background: #7F6751;
}
.logo-f{
    margin-bottom: 50px;
}
.logo-f img{
    width: 400px;
    height: 218px;
}
.f-btn a{
    background: #FFFFFF;
    border-radius: 9px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.4px;
    color: #7F6751;
    font-size: 20px;
}
.f-btn a img{
    width: 30px;
    margin-right: 12px;
}
.footer .col-md-3{
    padding-left:5px ;
    padding-right:5px ;
}
.copy p{
    font-family: "Noto Sans JP", serif;
    color: #3F2D1E;
    font-size: 12px;
}
.closing-content-box h2{
    letter-spacing: 2.38px;
    color: #643200;
    font-size: 34px;
}
.closing-content-box p{
    width: 363px;
    letter-spacing: 0.9px;
    color: #000000;
    font-size: 18px;
}
.closing-content{
    width: 100%;
    height: 100%;
    left: 0;
    top: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    position: absolute;
}
.closing-content-box img{
    width: 174px;
    height: 193px;
}
.goods{
    background: #FF9114;
    padding: 90px 0px;
}
.goods-heading img{
    width: 290px;
    height: 98px;
}
.goods-heading p{
    letter-spacing: 1.56px;
    color: #333333;
    font-size: 26px;
}
.goods-heading-2 p{
    letter-spacing: 0.9px;
    color: #333333;
    font-size: 18px;
}
.outline-btn a{
    text-decoration: none;
    display: block;
    padding: 30px;
    background: #FFFFFF  0% 0% no-repeat padding-box;
    border-radius: 20px;
    border: 4px solid #05B99B;
    color: #05B99B;
    font-size: 21px;
    font-family: "Noto Sans JP", serif;
    text-align: center;
    box-shadow: 0px 8px 0px #009358;
}
.goods-carousel{
    margin: 30px 0px;
}
img.dot-img {
    width: 23px;
    margin-bottom: 50px;
}
.dot-heading h2 {
    letter-spacing: 4.32px;
    color: #333333;
    font-size: 36px;
    background: #B4E6EB;
    width: fit-content;
    margin: 0px auto 20px;
}
.dot-heading p{
    letter-spacing: 0.9px;
    font-size: 18px;
    color: #333333;
}
.d-title{
    margin-top: 60px;
    width: 186px;
    height: 22px;
}
.group-socials{
    background: #FAF5EB;
    border-radius: 40px;
    padding: 70px 130px;
    margin-top: 100px;
}
.s-logo{
    margin-top: -170px;
    width: 146px;
    height: 146px;
}

.social-btn a img {
    width: 35px;
    margin-right: 52px;
}
.in img{
    margin-right: 92px !important;
}
.in{
    border: 4px solid #F51464;
    color: #F51464;
    box-shadow: 0px 8px 0px #8F0137;
}
.li{
    border: 4px solid #0FBE50;
    color: #0FBE50;
    box-shadow: 0px 8px 0px #0A7828;
}
.yt{
    border: 4px solid #FF0000;
    color: #FF0000;
    box-shadow: 0px 8px 0px #8D2828;
}
.hot-heading h3{
    letter-spacing: 3.92px;
    color: #333333;
    font-size: 28px;
}
.hot-heading h3 span{
    letter-spacing: 6.16px;
    color: #FF9114;
    font-size: 44px;
}
.hot-box{
    background: #FAF5EB 0% 0% no-repeat padding-box;
    border-radius: 112px;
    padding: 15px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 60px;
    margin-bottom: 24px;
}
.hot-box img{
    width: 364px;
    height: 188px;
    border-radius: 112px;
}
.hot-content {
    width: 53%;
}
.hot-head img {
    width: 75px;
    height: 69px;
}
.hot-content h6{
    font-size: 18px;
    letter-spacing: 1.44px;
    color: #333333;
}
.hot-content h3{
    font-size: 32px;
    letter-spacing:0px;
    color: #333333;
}
.hot-content .hr-line{
    margin: 15px 0px;
    width: 100%;
    height: 1px;
    background: #E6CE9D;
}
.hot-content p{
    font-size: 16px;
    letter-spacing: 0.48px;
    color: #666666;
}
.hot-head img{
    border-radius: 0px;
}
.about-2 {
    margin-top: -100px;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #DCF0F5 99%) 0% 0% no-repeat padding-box;
    z-index: -1;
    position: relative;
}
.about-logo{
    margin-top: 100px;
}
.about-inner{
    margin-bottom: 20px;
    background: #FAF5EB;
    border-radius: 40px;
    padding:40px 20px 0px 20px;
}
.about-con-inner-heading h3{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 4.2px;
    color: #333333;
    font-size: 30px;
}
.about-inner-content p{
    letter-spacing: 0.9px;
    color: #333333;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 40px;
}
.event-up{
    background: #FF8812;
}
.event{
    background: #FAF5EB ;
}
.event-image1 img{
    border: 8px solid #E6C8B4;
    border-radius: 40px;
}
.event-image2 {
    margin-top: -158px;
}
.event-image2 img{
    width: 431px;
    height: 276px;
}
.event-heading{
    margin: 25px 0px 70px; 
}
.event-heading h3{
    letter-spacing: 9.6px;
    color: #333333;
    font-size: 40px;
    line-height: 64px;
}
.event-heading p{
    margin-top: 20px;
    line-height: 36px;
    letter-spacing: 0.9px;
    color: #333333;
    font-size: 18px;
}
.event-box-image img{
    border: 8px solid #E6C8B4;
    border-radius: 31px;
}
.event-content {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}
.event-content img{
    width: 60%;
}
.event-content h4{
    margin: 30px 0px;
    background: #fff;
    border-radius: 16px;
    padding: 15px;
    font-size: 30px;
    letter-spacing: 3px;
    color: #643200;
}
.event-content p{
    font-size: 18px;
    letter-spacing: 0.9px;
    color: #333333;
    line-height: 36px;
}
.ev-1{
    margin-top: -80px;
}

.ev-1 img {
    width: 469px;
    height: 197px;
    position: relative;
    right: -52px;
}

/*-----------------*/
.relative {
    position: relative;
}
.desktop-image {
    width: 100%;
    object-fit: cover;
}
.mobile-image {
    display: none; /* Hide desktop image */
}
.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.cap {
    position: relative;
    flex: 1; /* Allow it to take available space */
    z-index: 1; /* Ensure it stays above other elements if needed */
}
.cap .content {
    max-width: 367px;
    margin: auto;
}
.upper-right {
    object-fit: contain;
    position: absolute;
    top: 16%;
    right: 0;
    width: 192px; /* Adjust as needed */
    z-index: 2; /* Make sure it stays above the other elements */
}

.overlay-content {
    position: absolute; /* Allow it to overlay the image */
    top: 50%; /* Center it vertically within the image */
    left: 50%; /* Center it horizontally */
    transform: translate(-50%, -50%); /* Adjust the positioning */
    z-index: 3; /* Place it above the background image */
}



@media only screen and (max-width: 1250px){
 .ev-1 {
    margin-top: -50px;
 }

 .ev-1 img {
    right: -30px;
 }
}

.evt2 {
    position: relative;
    z-index: 999;
    margin-top: -10px;
}
.ev-2{
    margin-top: -100px;
}
.ev-2 img{
    width: 235px;
    height: 178px;
}
.event-last-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
}
.event-content-box {
    width: 37%;
    margin: 0px auto;
}
.event-content-box img{
    width: 169px;
    height: 169px;
}
.event-content-box h2{
    letter-spacing: 4.2px;
    color: #333333;
    font-size: 30px;
    line-height: 48px;
}
.event-content-box p{
    letter-spacing: 0.9px;
    color: #333333;
    font-size: 18px;
    line-height: 36px;
}
.event-4img{
    width: 192px !important;
    height: 205px !important;
    position: absolute;
    right: 0%;
    top: 18%;
}
.thired-carousel{
    overflow: hidden;
}
#owl3{
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: initial;
}
#owl3 .owl-stage-outer{
    overflow: initial !important;
}
#owl3 .owl-item.active.center {
    transform: scale(1.1) !important; /* Slightly enlarge center slide */
    z-index: 10;
}
.thired-carousel .container{
    overflow: initial;
}
.thired-carousel .row{
    overflow: initial;
}
.thired-carousel .col-md-12{
    overflow: initial;
}
.yt-video iframe{
    border: 6px solid #FFAD5C;
    border-radius: 36px;
}
button.owl-dot.active span{
    background: #FF8812 !important;
}
button.owl-dot  span{
    background: #E6C8B4 !important;
}
.card-heading h2{
    font-size: 26px;
    letter-spacing: 1.56px;
    color: #643200;
}
.card-one{
    overflow: hidden;
    border-left:36px solid #643200;
    border-radius: 20px;
}
.card-one-content span{
    font-family: "Noto Sans JP", serif;
    font-size: 10px;
    letter-spacing: 0.6px;
    color: #888888;
}
.card-one-content p{
    margin-bottom: 0px;
    letter-spacing: 0.96px;
    color: #333333;
    font-size: 16px;
}
.card-hr-line{
    width: 100%;
    height: 0.98px;
    margin:8px 0px;
    background: #FFDA46;
}
.c-one-head{
    display: flex;
    justify-content: start;
    gap: 39px;
    align-items: center;
}
.c-one-head h2 img{
    width: 29px;
}
.c-one-head h2{
    letter-spacing: 2.72px;
    color: #643200;
    font-size: 34px;
}
.c-one-head h3 {
    color: #333333;
    font-size: 22px;
    margin-right: 34px;
}
.c-one-head h3 span{
    color: #333333;
}
.card-two{
    margin-top: 40px;
    overflow: hidden;
    border-left:36px solid #643200;
    border-radius: 20px;
}


.card-one-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 36px;
}

.card-one-content p{
    margin: 0 30% 0 0;
    letter-spacing: 0.96px;
    color: #333333;
    font-size: 16px;
}
.card-two-content h2{
    letter-spacing: -2.28px;
    color: #643200;
    font-size: 30px;
}
.card-two-content h2 img{
    width: 29px;
}
.card-two-content h3 {
    color: #333333;
    font-size: 22px;
    margin-left: 34px;
}
.card-two-content h3 span {
    color: #333333;
    font-size: 10px;
    letter-spacing: 0.6px;
}
.card-two-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 36px 0 0 31%;
}
.gallerty{
    margin-top: -2px;
}

@media only screen and (max-width: 990px){
    .bell-box-third {
       text-align: center;
       padding: 30px 10px 30px;
       background: #FFFFFF;
       border-radius: 12px;
       }
       .bell-box-third h4 {
           font-size: 15px;
       }
       .bell-box-third h6 {
           font-size: 12px;
       }
       .gallery-two {
           gap: 3px;
       }
       .banner-bar .end-title {
        font-size: 70px;
    }
   }

@media screen and (max-width: 990px){ 
    .f-btn a {
        padding: 10px;
    }
    .f-btn a img {
        width: 17px;
        margin-right: 1px;
    }
    .closing-content {
        top: -11px;
    }
    .group-socials {
        padding: 70px 40px;
    }
    .hot-box img {
        width: 230px;
        height: 141px;
        border-radius: 112px;
    }
    .hot-head img {
        width: 90px;
        height: 86px;
    }
    .hot-box {
        gap: 20px;
    }
    .hot-content {
        width: 55%;
    }
    .hot-content h3 {
        font-size: 26px;
    }
    .hot-content h4 {
        font-size: 17px;
    }
    .about-layout {
        width: 80%;
    }
    .card-one-content {
        padding: 5px;
    }
    .c-one-head {
        gap: 2px;
    }
    .card-one-content p {
        font-size: 13px;
    }
    .c-one-head h3 {
        font-size: 18px;
    }
    .c-one-head h2 {
        letter-spacing: 1.72px;
        color: #643200;
        font-size: 20px;
    }
    .card-two-content h2 {
        letter-spacing: -1.28px;
        font-size: 20px;
    }
    .card-two-content {
        padding: 4px 0 0 31%;
    }
    .card-two-content h3 {
        font-size: 18px;
    }
    .card-two-content p {
        font-size: 13px;
    }
    .overlay-content {
        top: 40%;
    }
    .overlay-content h2 {
        font-size: 28px;
    }
    .overlay-content p {
        font-size: 16px;
    }
}



@media only screen and (max-width: 768px) {
    .cap .center-img {
        height: 684px;
    }
    .closing img {
        object-fit: cover;
        width: 100%;
        height: 880px;
    }
    .line-text {
        width: 100%;
    }
    .banner-bar .content .dash .dash-content {
        top: 43%;
        left: 75%;
    }
    .banner-bar .content .dash .dash-content p {
        font-size: 1.1rem;
    }
    .hot-content h3{
        font-size: 24px;
    }
    .hot-content h4{
        font-size: 16px;
    }
    .bell-box-first h4{
        font-size: 24px;
    }
    .bell-box-first h6{
        font-size: 16px;
    }
    .gallery-one img {
        width: 49%;
    }
    .gallery-two img {
        width: 32.5%;
    }
    .bell-box-first {
        display: flex;
       justify-content: start;
       align-items: center;
       gap: 15px;
       text-align: left;
       padding: 20px 10px;
    }

    .bell-box-third {
        display: flex;
       justify-content: start;
       align-items: center;
       gap: 15px;
       text-align: left;
       padding: 20px 10px;
    }

    .g-btn a {
        max-width: 380px;
        place-items: center;
        padding: 20px 41px 20px 37px;
        justify-content: space-between;
        display: flex;
        /* width: 80%; */
        font-size: 24px;
        margin: auto;
        gap: 0;
        margin-bottom: 83px;
    }
    .g-btn p {
        display: flex;
        place-items: center;
        margin: 0;
    }
    .social-btn a {
        font-size: 18px;
        padding: 25px 10px;
    }
    .banner-bar .content .dash img {
        object-fit: contain;
        width: 29%;
        position: absolute;
        top: 37%;
        right: -4%;
        transform: translate(-50%, 0);
    }
    .banner-bar .end-title {
        margin-bottom: 64.5px;
        letter-spacing: -4.5px;
        font-size: 80px;
        text-shadow: 
            -1px -1px 0 #863333, 
            1px -1px 0 #863333, 
            -1px 1px 0 #863333, 
            1px 1px 0 #863333;
    }
    .banner-bar .mobile {
        display: block; /* Show on screens up to 768px */
    }
    .mobile-cap {
        display: block; /* Show on screens up to 768px */
        width: 100%;
    }
    .sauna-cap .upper-right {
        top: 7%;
        width: 16%;
        right: 0;
    }
    .banner-bar .content .title {
        width: 50%;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .c-desktop{
        display: none;
    }
    .heading2 .first {
        padding: 0;
    }
    .second-section .col-md-3{
        width: 50%;
    }
 
    .about-2 {
        margin-top: 0px;
    }
    .bell-box {
       display: flex;
       justify-content: start;
       align-items: center;
       gap: 15px;
       text-align: left;
       padding: 20px 10px;
    }
    .bell-i {
        position: unset;
    }

    .heading.text-center.mb-5{
        margin-bottom: 20px !important;
    }
    
    .in-1{
        position: unset;
        display: none;
    }
    .in-2{
        position: unset;
        display: none;
    }
    .intro-content h2 {
        font-size: 36px;
        letter-spacing: 0.5px;
        line-height: 77px;
        margin-top: 70px;
    }
    .intro-content p {
        font-size: 24px;
        margin-bottom: 0;
        width: 351px;
        line-height: 53px;
    }
    .sp-1{
        display: block;
    }
    .sp-2 {
        display: block;
        object-fit: cover;
        width: 100%;
        height: auto;
    }
    .intro-content {
        /* padding: 100px 0px; */
        align-items: center;
        top: -300px;
    }
    .intro-content-box img{
        width: 40%;
    }
    .sp-1 {
        display: block;
        width: 50%;
        /* height: 246px; */
        z-index: 999;
        left: 66px;
        top: -4%;
        position: absolute;
     
    }
    .banner-bar .third-section {
        background: transparent;
        overflow: initial;
    }
    .third-section{
        background: transparent;
        margin-top: 44px;
        overflow: initial;
    }
    .in-3 {
        width: 60%;
        object-fit: cover;
        /* height: 197px; */
        position: absolute;
        right: 0%;
        bottom: 7%;
        z-index: 9999;
    }
    .brown-text {
        width: 85%;
        height: fit-content;
    }
    .orange-bar.third-section.relative.pt-5.pb-5 {
        padding-bottom: 0px !important;
    }
    .heading h6 {
        font-size: 20px;
        width: 223px;
        margin: 0px auto 10px;
    }
    
    .m-block{
        display: block;
    }
    .brown-text-2 {
        width: 85%;
        height: fit-content;
        margin-bottom: 0px;
    }
    .carouel-box {
        border: 4px solid #E6C8B4;
        border-radius: 24px;
        padding: 30px;
        margin-top: 20px;
    }
    .heading2 p {
        text-align: left;
        letter-spacing: 0.4px;
        line-height: 24px;
    }
    .logo-f img {
        width: 80%;
        height: fit-content;
    }
    .logo-f {
        margin-bottom: 30px;
    }
    .f-btn a img {
        width: 20px;
        margin-right: 9px;
    }
    .f-btn a{
        font-size: 16px;
    }
    .f-btn{
        margin-bottom: 10px;
    }
    .footer .col-md-3 {
        width: 50%;
    }   
    .footer{
        padding: 30px 0px;
    }
   
    .closing-content-box img{
        width: 145px;
        height: 160px;
    }
    .closing-content-box h2{
        font-size: 28px;
    }
    .closing-content-box p{
        width: 300px;
        font-size: 16px;
        letter-spacing: 0.64px;
    }
    .goods-heading img{
        width: 219px;
        height: 74px;
    }
    .goods-heading p{
        font-size: 18px;
    }
    .goods-carousel {
        margin: 10px 0px;
    }
    .goods-heading-2 p {
        letter-spacing: 0.64px;
        font-size: 16px;
        width: 80%;
        margin: 0px auto;
    }
    .outline-btn a {
        padding: 20px 0px;
        width: 90%;
        margin: 0px auto;
    }
    .group-socials {
        padding: 74px 20px 20px 20px;
    }
    .social-btn a img{
        width: 23px;
        margin-right: 10px;
    }
    .in img {
        margin-right: 10px !important;
    }
    .dot-heading p {
        font-size: 16px;
        width: 60%;
        margin: 0px auto;
    }
    img.dot-img {
        margin: 0px auto 50px;
        display: block;
    }
    .dot-heading  h2{
        width: 67%;
        margin: 0px auto 30px;
        background: transparent;
      position: relative;
      display: inline-block;
      font-size: 24px; /* Adjust text size as needed */
      line-height: 1.5;
      text-align: center;
      color: #333; /* Text color */
    }

    .dot-heading h2::before,
    .dot-heading h2::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 16px; /* Line thickness */
      background-color: #bce8f1; /* Line color (light blue) */
      z-index: -1;
    }

    .dot-heading h2::before {
        top: 19px; /* Adjust position above the text */
    }

    .dot-heading h2::after {
      bottom: 0px; /* Adjust position below the text */
    }
    .dots-section.pt-5.pb-5{
        padding-top: 0px !important;
    }
    .hot-box{
        border-radius: 24px;
        display: block;
        margin-bottom: 15px;
    }
    .hot-box img {
        width: 100%;
        height: fit-content;
        border-radius: 20px;
    }
    .hot-content {
        margin-top: 20px;
        width: 100%;
    }
    .hot-content h3 {
        font-size: 24px;
    }
    .hot-content h6 {
        font-size: 16px;
    }
    .hot-head img{
        width: 60px;
        height: 56px;
    }
    .hot-heading h3 {
        letter-spacing: 3.64px;
        font-size: 26px;
        width: 75%;
        margin: 0px auto;
    }
    .hot-heading.mb-5.text-center{
        margin-bottom: 20px !important;
    }
    .hot-heading h3 span {
        letter-spacing: 5.04px;
        font-size: 36px;
    }
    .about-inner{
        padding: 0px;
    }
    .about-inner-content p{
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        padding: 0px 20px;
    }
    .about-con-inner-heading.relative{
        padding: 10px 20px 0px;
    }
    .about-con-inner-heading h3{
        position: unset;
        font-size: 26px;
        text-align: center;
        letter-spacing: 2.6px;
        width: 77%;
        margin-right: auto;
        margin-top: 15px;
        margin-left: auto;
    }
    .event-image2 img {
        width: 206px;
        height: 132px;
    }
    .event-image2 {
        margin-top: -48px;
    }
    .event-heading h3 {
        letter-spacing: 2.2px;
        font-size: 30px;
        line-height: 48px;
    }
    .event-heading p {
        line-height: 30px;
        letter-spacing: -0.9px;
        font-size: 16px;
        width: 76%;
        margin-right: auto;
        margin-left: auto;
    }
    .event-heading {
        margin: 25px 0px 20px;
    }
    .event-content {
        margin: 20px auto;
        width: 90%;
    }
    .ev-1 img {
        width: 60%;
        height: fit-content;
        position: unset;
        right: 0;
    }
    .ev-1.text-end{
        text-align: center !important;
    }
    .ev-1 {
        margin-top: 0px;
    }
    .m-ev {
        margin: 0px auto;
        width: 60%;
        height: fit-content;
    }
    .row.evt2.align-items-center {
        flex-direction: column-reverse;
        margin-top: 20px;
    }
    .event-content p {
        margin: auto;
        width: 80%;
        font-size: 16px;
        letter-spacing: 0.64px;
        line-height: 30px;
    }
    .ev-last .event-content {
        width: 100%;
    }
    .m-ev4{
        margin: 10px auto !important;
        width: 35% !important;

    }
    .event-content h4{
        font-size: 28px;
        letter-spacing: 1.68px;
        padding: 14px;
    }
    .m-bg-up{
        margin-top: -120px;
    }

    .row.ev-last.align-items-center.mt-4 {
        z-index: 999999;
        position: relative;
    }
    .event-content-box {
        width: 100%;
        margin: 0px auto;
    }
    .event-content-box p {
        font-size: 16px;
        line-height: 30px;
        width: 50%;
        margin: 0px auto;
    }
    .event-content-box h2 {
        letter-spacing: 2.8px;
        font-size: 28px;
        line-height: 40px;
    }
    .event-content-box img {
        width: 132px;
        height: 132px;
    }
    #owl3 .owl-item.active.center {
        transform: scale(1) !important; /* Slightly enlarge center slide */
        z-index: 10;
    }
    .yt-video iframe{
        border:0px;
        border-radius: 14px;
        height: 200px !important;
    }
    .card-one {
        margin: 0 -25px;
        border-left: 0px;
        background: #FFB446;
        border-top: 24px solid #643200;
    }
    .card-two {
        margin: 20px -25px;
        border-left: 0px;
        background: #FFB446;
        border-top: 24px solid #643200;
    }
    .card-two-content {
        position: unset;
        width: 100%;
        padding: 14px;
        letter-spacing: -2.2px;
    }
    .card-two-content p{
        font-size: 16px;
    }
    .card-two-content h2{
        font-size: 20px;
        display: flex;
        align-items: start;
        gap: 8px;
        justify-content: start;
    }
    .card-one-content {
        position: unset;
        width: 100%;
        padding: 14px;
    }
    .card-one-content p{
        font-size: 16px;
        margin: 0;
    }
    .card-one-content h2{
        font-size: 26px;
        display: flex;
        align-items: start;
        gap: 12px;
        justify-content: start;
    }
    .c-one-head {
        display: block;
    }
    .closing .m-block {
        margin-top: -2px;
    }
}       


@media only screen and (min-width: 769px) {
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 16.5px !important;
    }
    .banner-bar .mobile {
        display: none; /* Hide on screens 769px and above */
    }
    .mobile-cap {
        display: none; /* Show on screens up to 768px */
    }
}
@media (min-width: 768px) {

    .c-sp {
        display: none;
    }
    .world {
        margin: auto;
        font-size: 22px;
    }
    .text-normal {
        font-size: 20px;
        text-align: center;
        margin: auto;
    }
    .world-800 {
        font-size: 60px; 
    }
}
@media (max-width: 768px) {
    .cap .content {
        max-width: 180px;
    }
    .bell-box-third h6 {
        font-size: 16px;
    }
    .bell-box-third h4 {
        font-size: 24px;
    }
    .closing-content {
        top: -9%;
    }
    .banner-bar .pc {
        display: none;
     }
     .overlay-content {
        width: 100%;
        top: 10%; /* Center it vertically within the image */
    }
    .sauna-cap {
        margin-top: 50px;
    }
    .upper-right {
        /* Adjust positioning for mobile view */
        position: absolute;
        top: 5px; /* Position it higher if necessary */
        left: 50%; 
        max-width: 100%; /* Ensure it resizes for smaller screens */
        transform: translate(-50%, -50%);
    }

    .mobile-image {
        display: block; /* Show mobile image */
        object-fit: contain;
        margin-top: -50px;
        width: 100%;
    }
    .desktop-image {
        object-fit: cover;
        width: 100%;
        display: none; /* Hide desktop image */
    }

    .cap {
        /* Full width on smaller screens */
        flex: 100%;
    }

    .overlay-content {
        top: 45%;
    }
}

@media (max-width: 767px) {

    .desktop-pp {
            display: none;
     }
    .text-normal {
        font-size: 18px;
        text-align: center;
        margin: auto;
    }
    .world {
        width: 85%;
        margin: auto;
        font-size: 20px; 
    }

    .world-800 {
        font-size: 28px; 
    }
}

@media only screen and (max-width: 600px){
    .sauna-cap .upper-right {
        top: 7%;
        width: 26%;
        right: 0;
    }
    .cap .cap-img {
        width: 30%;
        margin-bottom: 26px;
    }
    .sp-1 {
        left: 38px;
        top: -5%;
    }
    .banner-bar .end-title {
        margin-bottom: 52.5px;
        letter-spacing: -4.5px;
        font-size: 59px;
    }
    .intro-content-box img{
        margin-bottom: 37px;
    }
    .third-section {
        margin-top: 55px;
    }
    .in-3 {
        width: 57%;
        object-fit: cover;
        height: auto;
        bottom: 9%;
    }
    .in-3 {
        width: 57%;
    }
    .intro-content h2 {
        font-size: 32px;
        line-height: 54px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 18px;
        width: 282px;
        line-height: 39px;
    }
    .sp-2{
        width: 100% !important;
        object-fit: cover;
    }
    .intro-content-box img {
        width: 40%;
    }
    .banner-bar .content .dash .dash-content {
        top: 42%;
        left: 75%;
    }
    .banner-bar .content .dash .dash-content p {
        font-size: 1rem;
    }
    .second-section .col-md-3{
        width: 96% !important;
        margin: auto;
    }
    .intro-content {
        padding: 100px 0px !important; 
        align-items: start !important;
        top: 141px; 
    }
}


/* @media only screen and (max-width: 541px) {
    .closing-content {
        top: -24%;
    }
} */
@media only screen and (max-width: 431px) {
    .sp-1 {
        left: 27px;
        top: -5%;
        width: 55%;
    }
    .intro-content-box img {
        margin-bottom: 20px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 18px;
        width: 296px;
        line-height: 36px;
    }
    .intro-content {
        padding: 59px 0px !important;
        align-items: start !important;
        top: 130px;
    }
    .sauna-cap .upper-right {
        top: 7%;
        width: 35%;
        right: 0;
    }
    .cap .cap-img {
        width: 40%;
    }
    .mobile-cap {
        display: block;
        width: 100%;
        object-fit: cover;
        height: 684px;
    }
    .g-btn a {
        max-width: 360px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 24px;
        margin: auto;
        gap: 0;
        padding: 20px 40px 20px 28px;
    }
    .sauna-cap .g-btn img {
        width: 40px;
    }
    .in-3 {
        bottom: 9%;
        width: 56%;
    }
    .banner-bar .end-title {
        margin-bottom: 30.5px;
        font-size: 41px;
    }
    .banner-bar .content .dash .dash-content p {
        font-size: 0.8rem;
    }
    .banner-bar .content .dash .dash-content p {
        font-size: 0.8rem !important;
    }
    .f-btn a {
        padding: 7px;
    }
}
@media only screen and (max-width: 415px) {
    .intro-content h2 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 18px;
        width: 296px;
        line-height: 33px;
    }
}
@media only screen and (max-width: 391px) {
    .intro-content h2 {
        font-size: 32px;
        line-height: 47px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .intro-content {
        padding: 39px 0px !important;
        align-items: start !important;
        top: 130px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 18px;
        width: 296px;
        line-height: 31px;
    }
}

@media only screen and (max-width: 376px) {
    .in-3 {
        bottom: 8%;
        width: 60%;
    }
    .sp-1 {
        left: 27px;
        top: -4%;
        width: 53%;
    }
    .intro-content {
        padding: 25px 0px !important;
        align-items: start !important;
        top: 141px;
    }
    .intro-content-box img {
        margin-bottom: 24px;
    }
    .intro-content h2 {
        font-size: 32px;
        line-height: 41px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 18px;
        width: 296px;
        line-height: 30px;
    }
    .g-btn a {
        width: 100%;
        font-size: 24px;
        margin: auto;
        gap: 0;
        padding: 20px 42px 20px 35px;
    }
    .banner-bar .content .dash .dash-content p {
        font-size: 0.7rem !important;
    }
    .g-btn a {
        font-size: 22px;
    }

    .social-btn a {
        font-size: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media only screen and (max-width: 361px) {
    .g-btn a {
        width: 100%;
        font-size: 24px;
        margin: auto;
        gap: 0;
        padding: 20px 30px 20px 20px;
    }
}
@media only screen and (max-width: 346px) {
    .intro-content-box img {
        margin-bottom: 14px;
    }
    .sp-1 {
        left: 27px;
        top: -4%;
        width: 53%;
    }
    .intro-content {
        padding: 0px 0px !important;
        align-items: start !important;
        top: 141px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 17px;
        width: 282px;
        line-height: 29px;
    }
    .intro-content h2 {
        margin-bottom: 10px !important;
        font-size: 30px;
        line-height: 41px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .g-btn a {
    width: 100%;
    font-size: 20px;
    margin: auto;
    gap: 0;
    padding: 20px 33px 20px 27px;
}
   
}
@media only screen and (max-width: 325px) {
    .intro-content-box img {
        margin-bottom: 14px;
    }
    .sp-1 {
        left: 27px;
        top: -4%;
        width: 53%;
    }
    .intro-content {
        padding: 0px 0px !important;
        align-items: start !important;
        top: 141px;
    }
    .intro-content p {
        margin-bottom: 0;
        font-size: 17px;
        width: 282px;
        line-height: 29px;
    }
    .intro-content h2 {
        margin-bottom: 10px !important;
        font-size: 30px;
        line-height: 41px;
        letter-spacing: -3.5px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .g-btn a {
        width: 100%;
        margin: auto;
        gap: 0;
        padding: 20px 23px 20px 20px;
    }
    .in-3 {
        bottom: 8%;
        width: 60%;
    }
    .banner-bar .end-title {
        margin-bottom: 30.5px;
        font-size: 35px;
    }

}