/* tablets col-xxl */
@media (max-width: 1400px) {
    .rwd:after{
        content: 'mx1400';
    }
}
/* tablets col-xl */
@media (max-width: 1200px) {
    .rwd:after{
        content: 'mx1200';
    }
}
/* desktops col-lg  */ 
@media (max-width: 992px) {
    .rwd:after{
        content: 'mx992';
    }
    /**/
    section{
        padding: 50px 0px;
    }
    h2{
        font-size: var(--px36);
        font-size: 26px;
    }
    h3{
        font-size: var(--px30);
        font-size: 18px;
    }
    p{
        font-size: var(--px16);
        font-size: 14px;
    }
    nav{
        position: sticky;
        z-index: 10;
        width: 100%;
        top: auto;
        bottom: 0%;
        right: auto;
        gap: 15px;
        background-color: #FAD5D9;
        justify-content: space-around;
        padding: 10px 0;
    }
    /**/
    .kv{
        overflow: hidden;
    }
    .kv h2 span{
        display: block;
    }
    .kv .logo-block{
        width: 70%;
    }
    .kv .flower{
        width: 130%;
    }
    /**/
    .s1{
        padding-top: 0;
    }
    .s1 .box{
        width: 100%;
        display: block;
    }
    .s1 .box .text{
        width: 100%;
        padding-top: 0%;
    }
    .s1 .box .image{
        width: 100%;
    }
    .s1 .box .text p{
        margin-bottom: 0%;
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .s1 .box .text .pic{
        width: 70%;
        margin-left: 10%;
    }
    /**/
    .glogo .pic{
        width: 30%;
        margin-left: 15%;
        padding: 15px 0px;
    }
    .glogo:after{
        content: '';
        width: 1px;
        height: 300px;
        top: 0%;
        left: 30%;
        transform: translateY(-50px);
    }
    /**/
    .s2 .box{
        width: 100%;
    }
    .s2 .box .image{
        width: 32%;
        position: absolute;
        top: 0;
        right: 0;
        transform: translateY(-50%);
    }
    .s2 .text{
        width: 80%;
        position: static;
        transform: translateY(0%);
        padding-left: 10%;
    }
    .s2 .text h2{
        margin-bottom: 20px;
        transform: translateX(0%);
    }
    .s2 .text p{
        padding-left: 0;
    }
    .s2 .photo{
        display: block;
        margin-top: 80px;
    }
    .s2 .photo:after{
        content: '';
        width: 1px;
        height: 80px;
        background-color: #999;
        position: absolute;
        top: 0;
        left: 30%;
        transform: translateY(-100%);
    }
    .s2 .photo .pic{
        width: 80%;
        margin: 0 auto;
    }
    .s2 .photo .pic:nth-child(2),
    .s2 .photo .pic:nth-child(3){
        display: none;
    }
    .s2 .photo .pic + .pic{
        margin-top: 10px;
    }
    .s2 .photo .vline{
        display: none;
    }
    .s2 .slick-1{
        width: 80%;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
    }
    /**/
    .s3{
        position: relative;
    }
    .s3:after{
        height: 100px;
        left: 30%;
        transform: translateY(-50%);
    }
    .s3 .box{
        margin-right: auto;
        border-right: 1px solid #999;
    }
    .s3 .box .photo{
        display: flex;
        gap: 3%;
    }
    .s3 .box .photo .img_txt{
        display: block;
    }
    .s3 .box .photo p{
        display: none;
    }
    /**/
    .s4{
        padding-bottom: 0;
    }
    .s4:after{
        height: 100px;
        left: 70%;
    }
    .s4 .box{
        display: flex;
        gap: 10%;
        margin-left: auto;
    }
    .s4 .text{
        width: 60%;
        margin-left: 0%;
        margin-bottom: 0%;
        transform: translateY(0px);
        flex-wrap: wrap;
    }
    .s4 .text .pic{
        width: 100%;
        margin-top: 30px;
    }
    .s4 .image{
        width: 40%;
    }
    .s4 .img_txt{
        display: none;
    }
    .s4 .pc{
        display: none;
    }
    .s4 .m{
        display: block;
    }
    /**/
    .s5{
        padding-top: 0;
        position: relative;
    }
    .s5:after{
        display: none;
    }
    .s5 .bg{
        padding-top: 50px;
    }
    .s5 .box1{
        display: block;
    }
    .s5 .box1 .text{
        width: 100%;
    }
    .s5 .box1 .image{
        width: 100%;
        margin-top: 20px;
    }
    .s5 .box1 .image{
        display: none;
    }
    .s5 > .m{
        display: block;
        padding: 0 5%;
        margin: 0 auto;
        padding-top: 20px;
        background: linear-gradient(to bottom,  rgba(249,213,217,1) 0%,rgba(249,213,217,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    }
    .s5 .box1 .text .logo{
        width: 50%;
        margin-bottom: 20px;
        margin-left: auto;
    }
    .s5 .box1 .text h2{
        margin-bottom: 20px;
    }
    .s5 .box1 .text p{
        margin-left: 0%;
    }
    .s5 .box2{
        display: none;
    }
    .s5 .big.pc{
        display: none;
    }
    .s5 .big.slick-1{
        display: block;
    }
    .s5 .box3,
    .s5 .box4{
        display: flex;
        gap: 10px;
    }
    .s5 .box3 .image.pc{
        display: none;
    }
    .s5 .box3 .image.m{
        display: block;
    }
    .s5 .box4{
        display: none;
    }
    .s5 h3{
        padding: 30px 0;
    }
    /**/
    .s6 .text{
        display: block;
        margin-bottom: 20px;
    }
    .s6 .text .en{
        text-align: center;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .s6 .text h2{
        text-align: center;
    }
    .s6 .pc{
        display: none;
    }
    .s6 .m{
        display: block;
    }
    /**/
    .reservation{
        padding-bottom: 80px;
    }
    .reservation .box{
        display: block;
    }
    .reservation .box .text{
        width: 100%;
    }
    .reservation .box .form-block{
        width: 100%;
    }
    .reservation .box .text .logo{
        margin-bottom: 20px;
    }
    .reservation .box .text .flower{
        margin-top: 0%;
    }
    .reservation .box .form-block{
        border: 1px solid #fff;
        padding: 12% 5%;
    }
}

/* tablets col-md */
@media (max-width: 768px) {
    .rwd:after{
        content: 'mx768';
    }
}

/* phones col-sm */
@media (max-width: 576px) {
    .rwd:after{
        content: 'mx576';
    }    
}