@charset "UTF-8";

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

/* 768 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) , print { /*PC&TB*/
}

/* 1600 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
}
@media screen and (min-width:1601px) , print { /*PC*/
}

/* 1660 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) and ( max-width:1660px) { /*TB*/
}
@media screen and (min-width:1661px) , print { /*PC*/
}

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

/* FCT */
@media screen and (max-width:767px) { /*SP*/
    #FCT{
        /* width: 364px; */
        width: 87.92vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 0 0 100px 0; */
        margin: 0 0 24.15vw 0;
        position: relative;
        line-height: 1.4em;
    }
    .FCT_title{
        /* width: 325px; */
        width: 78.50vw;
        /* margin: 120px 0 0 0; */
        margin: 28.99vw 0 0 0;
    }
    .FCT_subtitle_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        /* font-size: 36px; */
        font-size: 8.70vw;
        font-weight: 300;
        color: #000;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .FCT_subtitle_02{
        text-align: center;
        /* font-size: 18px; */
        font-size: 4.35vw;
        font-weight: 400;
        color: #000;
        line-height: 1.8em;
        /* margin: 60px 0 0 0; */
        margin: 14.49vw 0 0 0;
    }
    .FCT_boxSet_A,.FCT_boxSet_F{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 200px 0 -80px 0; */
        margin: 48.31vw 0 -19.32vw 0;
        display: flex; flex-direction: column; align-items: center;
        position: relative;
    }
    .FCT_boxSet_A{
        /* margin: 70px 0 -80px 0; */
        margin: 16.91vw 0 -19.32vw 0;
    }
    .FCT_bg_01{
        /* width: 402px; */
        width: 97.10vw;
        max-width: initial;
        position: absolute;
        /* top: 25px; left: -25px; */
        top: 6.04vw; left: -6.04vw;
        z-index: -1;
    }
    .FCT_bg_02{
        /* width: 402px; */
        width: 97.10vw;
        max-width: initial;
        position: absolute;
        /* top: 25px; right: -25px; */
        top: 6.04vw; right: -6.04vw;
        z-index: -1;
    }
    .FCT_subtitle01{
        /* width: 194px; */
        width: 46.86vw;
    }
    .FCT_subtitle02{
        /* width: 176px; */
        width: 42.51vw;
    }
    .FCT_cateTitle{
        /* font-size: 26px; */
        font-size: 6.28vw;
        font-weight: 400;
        color: #000;
        width: 100%;
        text-align: center;
        /* border-bottom: 2px solid #000; */
        border-bottom: 0.48vw solid #000;
        /* padding: 0 0 20px 0; */
        padding: 0 0 4.83vw 0;
        /* margin: 100px 0 0 0; */
        margin: 24.15vw 0 0 0;
    }
    .FCT_cateText{
        /* font-size: 18px; */
        font-size: 4.35vw;
        font-weight: 400;
        color: #000;
        width: 100%;
        line-height: 1.6em;
        text-align: center;
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
    }
    .FCT_tx_01{
        /* font-size: 16px; */
        font-size: 3.86vw;
        font-weight: 400;
        color: #000;
        line-height: 1.2em;
        text-align: left;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
    }
    .FCT_tx_01 span{
        /* font-size: 14px; */
        font-size: 3.38vw;
    }
    .FCT_tx_02{
        /* font-size: 14px; */
        font-size: 3.38vw;
        font-weight: 400;
        color: #000;
        line-height: 1.4em;
        text-align: justify;
    }
    .FCT_tx_02 span{
        /* font-size: 12px; */
        font-size: 2.90vw;
    }
    /* ------------- */
    .FCT_mg_01{
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
    }
    .FCT_boxType_A{
        /* width: 364px; */
        width: 87.92vw;
        display: flex; flex-wrap: wrap; justify-content: space-between;
        margin: 0 0 0 0;
    }
    .FCT_boxType_B{
        /* width: 364px; */
        width: 87.92vw;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        margin: 0 0 0 0;
    }
    /* 1-1 */
    .FCT_box_01{
        /* width: 364px; */
        width: 87.92vw;
    }
    /* 2-2 */
    .FCT_box_02{
        /* width: 160px; */
        width: 38.65vw;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    /* 3-3 */
    .FCT_box_03{
        /* width: 160px; */
        width: 38.65vw;
        /* margin: 30px 43px 0 0; */
        margin: 7.25vw 10.39vw 0 0;
    }
    .FCT_box_03:nth-child(2n){
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    .FCT_box_03a{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
        display: flex;
        flex-wrap: nowrap;
    }
    .FCT_box_03a img{
        /* width: 160px; */
        width: 38.65vw;
    }
    .FCT_box_03a div{
        /* width: 190px; */
        width: 45.89vw;
        /* margin: 0 0 0 10px; */
        margin: 0 0 0 2.42vw;
    }
    .FCT_box_03b{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
        display: flex;
        flex-wrap: wrap;
    }
    .FCT_box_03b div{
        /* width: 364px; */
        width: 87.92vw;
    }
    .FCT_box_03c{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
        display: flex;
        flex-wrap: nowrap;
    }
    .FCT_box_03c img{
        /* width: 160px; */
        width: 38.65vw;
    }
    .FCT_box_03c div{
        /* width: 190px; */
        width: 45.89vw;
        /* margin: 0 0 0 10px; */
        margin: 0 0 0 2.42vw;
    }
    .FCT_box_03d{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    .FCT_img_07{
        /* width: 364px; */
        width: 87.92vw;
        /* margin: 0 20px 0 0; */
        margin: 0 4.83vw 0 0;
    }
    .FCT_box_04{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
        /* font-size: 14px; */
        font-size: 3.38vw;
        font-weight: 400;
    }
    .FCT_box_04 img{
        /* width: 117px; margin: 0 0 0 0; */
        width: 28.26vw; margin: 0 0 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    #FCT{
        /* width: 1200px; */
        width: 75.00vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 0 0 100px 0; */
        margin: 0 0 6.25vw 0;
        position: relative;
        line-height: 1.4em;
    }
    .FCT_title{
        /* width: calc(635px*0.84); */
        width: calc(39.69vw*0.84);
        /* margin: 120px 0 0 0; */
        margin: 7.50vw 0 0 0;
    }
    .FCT_subtitle_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        /* font-size: 50px; font-weight: 300; */
        font-size: 3.13vw; font-weight: 300;
        color: #000;
        /* margin: 80px 0 0 0; */
        margin: 5.00vw 0 0 0;
    }
    .FCT_subtitle_02{
        text-align: center;
        /* font-size: 24px; font-weight: 400; */
        font-size: 1.50vw; font-weight: 400;
        color: #000;
        line-height: 1.8em;
        /* margin: 120px 0 0 0; */
        margin: 7.50vw 0 0 0;
    }
    .FCT_boxSet_A,.FCT_boxSet_F{
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 200px 0 -80px 0; */
        margin: 12.50vw 0 -5.00vw 0;
        display: flex; flex-direction: column; align-items: center;
        position: relative;
    }
    .FCT_boxSet_A{
        /* margin: 70px 0 -80px 0; */
        margin: 4.38vw 0 -5.00vw 0;
    }
    .FCT_bg_01{
        /* width: 1631px; */
        width: 101.94vw;
        max-width: initial;
        position: absolute;
        /* top: 40px; right: -70px; */
        top: 2.50vw; right: -4.38vw;
        z-index: -1;
    }
    .FCT_bg_02{
        /* width: 1631px; */
        width: 101.94vw;
        max-width: initial;
        position: absolute;
        /* top: 40px; left: -70px; */
        top: 2.50vw; left: -4.38vw;
        z-index: -1;
    }
    .FCT_subtitle01{
        /* width: 331px; */
        width: 20.69vw;
    }
    .FCT_subtitle02{
        /* width: 301px; */
        width: 18.81vw;
    }
    .FCT_cateTitle{
        /* font-size: 30px; font-weight: 400; */
        font-size: 1.88vw; font-weight: 400;
        color: #000;
        width: 100%;
        text-align: center;
        /* border-bottom: 2px solid #000; */
        border-bottom: 0.13vw solid #000;
        /* padding: 0 0 20px 0; */
        padding: 0 0 1.25vw 0;
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .FCT_cateText{
        /* font-size: 18px; font-weight: 400; */
        font-size: 1.13vw; font-weight: 400;
        color: #000;
        width: 100%; line-height: 1.8em;
        text-align: center;
        /* margin: 20px 0 0 0; */
        margin: 1.25vw 0 0 0;
    }
    .FCT_tx_01{
        /* font-size: 22px; font-weight: 400; */
        font-size: 1.38vw; font-weight: 400;
        color: #000; line-height: 1.2em;
        text-align: left;
        /* margin: 5px 0 0 0; */
        margin: 0.31vw 0 0 0;
    }
    .FCT_tx_01 span{
        /* font-size: 14px; */
        font-size: 0.88vw;
    }
    .FCT_tx_02{
        /* font-size: 18px; font-weight: 400; */
        font-size: 1.13vw; font-weight: 400;
        color: #000; line-height: 1.4em;
        text-align: justify;
        /* margin: 5px 0 0 0; */
        margin: 0.31vw 0 0 0;
    }
    .FCT_tx_02 span{
        /* font-size: 14px; */
        font-size: 0.88vw;
    }
    /* ------------- */
    .FCT_mg_01{
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    .FCT_boxType_A{
        /* width: 1200px; */
        width: 75.00vw;
        display: flex; flex-wrap: wrap; justify-content: space-between;
        margin: 0 0 0 0;
    }
    .FCT_boxType_B{
        /* width: 1200px; */
        width: 75.00vw;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        margin: 0 0 0 0;
    }
    /* 1-1 */
    .FCT_box_01{
        /* width: 1200px; */
        width: 75.00vw;
    }
    /* 2-2 */
    .FCT_box_02{
        /* width: 530px; */
        width: 33.13vw;
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    /* 3-3 */
    .FCT_box_03{
        /* width: calc( ( 100% - ( 45px * 2 ) ) / 3 ); */
        width: calc( ( 100% - ( 2.81vw * 2 ) ) / 3 );
        /* margin: 50px 45px 0 0; */
        margin: 3.13vw 2.81vw 0 0;
    }
    .FCT_box_03:nth-child(3n){
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    .FCT_box_03a{
        /* width: calc( ( 100% - ( 45px * 2 ) ) / 3 ); */
        width: calc( ( 100% - ( 2.81vw * 2 ) ) / 3 );
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    .FCT_box_03b{
        /* width: 785px; */
        width: 49.06vw;
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
        display: flex; flex-wrap: nowrap;
    }
    .FCT_box_03b div{
        /* width: 235px; */
        width: 14.69vw;
    }
    .FCT_box_03c{
        /* width: calc( ( 100% - ( 45px * 2 ) ) / 3 ); */
        width: calc( ( 100% - ( 2.81vw * 2 ) ) / 3 );
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    .FCT_box_03d{
        /* width: calc( ( 100% - ( 45px * 2 ) ) / 3 ); */
        width: calc( ( 100% - ( 2.81vw * 2 ) ) / 3 );
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
    }
    .FCT_img_07{
        /* width: 530px; */
        width: 33.13vw;
        /* margin: 0 20px 0 0; */
        margin: 0 1.25vw 0 0;
    }
    .FCT_box_04{
        display: flex; flex-wrap: nowrap; align-items: center;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
        /* font-size: 18px; font-weight: 400; */
        font-size: 1.13vw; font-weight: 400;
    }
    .FCT_box_04 img{
        /* width: 178px; margin: 0 10px 0 0; */
        width: 11.13vw; margin: 0 0.63vw 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #FCT{
        width: 1200px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 0 0 100px 0;
        position: relative;
        line-height: 1.4em;
    }
    .FCT_title{
        width: calc(635px*0.84);
        margin: 120px 0 0 0;
    }
    .FCT_subtitle_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        font-size: 50px; font-weight: 300;
        color: #000;
        margin: 80px 0 0 0;
    }
    .FCT_subtitle_02{
        text-align: center;
        font-size: 24px; font-weight: 400;
        color: #000;
        line-height: 1.8em;
        margin: 120px 0 0 0;
    }
    .FCT_boxSet_A,.FCT_boxSet_F{
        width: 1200px;
        margin: 200px 0 -80px 0;
        display: flex; flex-direction: column; align-items: center;
        position: relative;
    }
    .FCT_boxSet_A{
        margin: 70px 0 -80px 0;
    }
    .FCT_bg_01{
        width: 1631px;
        max-width: initial;
        position: absolute;
        top: 40px; right: -70px;
        z-index: -1;
    }
    .FCT_bg_02{
        width: 1631px;
        max-width: initial;
        position: absolute;
        top: 40px; left: -70px;
        z-index: -1;
    }
    .FCT_subtitle01{
        width: 331px;
    }
    .FCT_subtitle02{
        width: 301px;
    }
    .FCT_cateTitle{
        font-size: 30px; font-weight: 400;
        color: #000;
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #000;
        padding: 0 0 20px 0;
        margin: 100px 0 0 0;
    }
    .FCT_cateText{
        font-size: 18px; font-weight: 400;
        color: #000;
        width: 100%; line-height: 1.8em;
        text-align: center;
        margin: 20px 0 0 0;
    }
    .FCT_tx_01{
        font-size: 22px; font-weight: 400;
        color: #000; line-height: 1.2em;
        text-align: left;
        margin: 5px 0 0 0;
    }
    .FCT_tx_01 span{
        font-size: 14px;
    }
    .FCT_tx_02{
        font-size: 18px; font-weight: 400;
        color: #000; line-height: 1.4em;
        text-align: justify;
        margin: 5px 0 0 0;
    }
    .FCT_tx_02 span{
        font-size: 14px;
    }

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

    .FCT_mg_01{
        margin: 50px 0 0 0;
    }
    .FCT_boxType_A{
        width: 1200px;
        display: flex; flex-wrap: wrap; justify-content: space-between;
        margin: 0 0 0 0;
    }
    .FCT_boxType_B{
        width: 1200px;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        margin: 0 0 0 0;
    }

    /* 1-1 */
    .FCT_box_01{
        width: 1200px;
    }
    /* 2-2 */
    .FCT_box_02{
        width: 530px;
        margin: 50px 0 0 0;
    }
    /* 3-3 */
    .FCT_box_03{
        width: calc( ( 100% - ( 45px * 2 ) ) / 3 );
        margin: 50px 45px 0 0;
    }
    .FCT_box_03:nth-child(3n){
        margin: 50px 0 0 0;
    }
    .FCT_box_03a{
        width: calc( ( 100% - ( 45px * 2 ) ) / 3 );
        margin: 50px 0 0 0;
    }
    .FCT_box_03b{
        width: 785px;
        margin: 50px 0 0 0;
        display: flex; flex-wrap: nowrap;
    }
    .FCT_box_03b div{
        width: 235px;
    }
    .FCT_box_03c{
        width: calc( ( 100% - ( 45px * 2 ) ) / 3 );
        margin: 50px 0 0 0;
    }
    .FCT_box_03d{
        width: calc( ( 100% - ( 45px * 2 ) ) / 3 );
        margin: 50px 0 0 0;
    }
    .FCT_img_07{
        width: 530px;
        margin: 0 20px 0 0;
    }
    .FCT_box_04{
        display: flex; flex-wrap: nowrap; align-items: center;
        margin: 30px 0 0 0;
        font-size: 18px; font-weight: 400;
    }
    .FCT_box_04 img{
        width: 178px; margin: 0 10px 0 0;
    }
}


/* vr */
@media screen and (max-width:767px) { /*SP*/
    .FCT_span_1{
        /* font-size: 12px!important; */
        font-size: 2.90vw!important;
    }
    .FCT_tx_02{
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
    }
    .FCT_vr_wrap{
        /* margin: 60px 0 0 0; */
        margin: 14.49vw 0 0 0;
        width: 100%;
    }
    .FCT_vr_tx1{
        /* font-size: 28px; */
        font-size: 6.76vw;
        font-weight: 400;
        /* letter-spacing: 5px; */
        letter-spacing: 1.21vw;
        text-align: center;
        /* margin: 0 0 20px 0; */
        margin: 0 0 4.83vw 0;
    }
    .FCT_vr_tx2{
        /* font-size: 14px; */
        font-size: 3.38vw;
        font-weight: 400;
        text-align: center;
        /* margin: 0 0 10px 0; */
        margin: 0 0 2.42vw 0;
    }
    .FCT_vr{
        /* width: 364px; */
        width: 87.92vw;
        transition: 0.3s;
        display: block;
    }
    .FCT_vr:hover{
        opacity: 0.75;
    }
    .FCT_vr_link{
        width: 100%;
        /* height: 60px; */
        height: 14.49vw;
        /* font-size: 18px; */
        font-size: 4.35vw;
        font-weight: 500;
        color: #fff;
        /* border-radius: 50px; */
        border-radius: 12.08vw;
        background-color: #21A777;
        display: flex;
        justify-content: center;
        align-items: center;
        /* padding: 0 0 5px 0; */
        padding: 0 0 1.21vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 40px 0 0 0; */
        margin: 9.66vw 0 0 0;
    }
    .FCT_vr_link:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    .FCT_vr_link:after {
        content: "";
        display: block;
        /* width: 30px; */
        width: 7.25vw;
        /* height: 30px; */
        height: 7.25vw;
        background-image: url('../../img/COMMON_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        /* right: 15px; */
        right: 3.62vw;
        /* bottom: 15px; */
        bottom: 3.62vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .FCT_span_1{
        /* font-size: 18px!important; */
        font-size: 1.13vw!important;
    }
    .FCT_vr_wrap{
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .FCT_vr_tx1{
        /* font-size: 32px; */
        font-size: 2.00vw;
        font-weight: 400;
        /* letter-spacing: 5px; */
        letter-spacing: 0.31vw;
        text-align: center;
        /* margin: 0 0 30px 0; */
        margin: 0 0 1.88vw 0;
    }
    .FCT_vr_tx2{
        /* font-size: 18px; */
        font-size: 1.13vw;
        font-weight: 400;
        text-align: center;
        /* margin: 0 0 20px 0; */
        margin: 0 0 1.25vw 0;
    }
    .FCT_vr{
        /* width: 768px; */
        width: 48.00vw;
        transition: 0.3s;
        display: block;
    }
    .FCT_vr:hover{
        opacity: 0.75;
    }
    .FCT_vr_link{
        /* width: 768px; */
        width: 48.00vw;
        /* height: 90px; */
        height: 5.63vw;
        /* font-size: 26px; font-weight: 500; color: #fff; */
        font-size: 1.63vw; font-weight: 500; color: #fff;
        /* border-radius: 50px; */
        border-radius: 3.13vw;
        background-color: #21A777;
        display: flex; justify-content: center; align-items: center;
        /* padding: 0 0 5px 0; */
        padding: 0 0 0.31vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 70px 0 30px 0; */
        margin: 4.38vw 0 1.88vw 0;
    }
    .FCT_vr_link:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    .FCT_vr_link:after {
        content: ""; 
        display: block;
        /* width: 40px; */
        width: 2.50vw;
        /* height: 40px; */
        height: 2.50vw;
        background-image: url('../../img/COMMON_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: 25px; */
        right: 1.56vw;
        /* bottom: 25px; */
        bottom: 1.56vw;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .FCT_span_1{
        font-size: 18px!important;
    }
    .FCT_vr_wrap{
        margin: 100px 0 0 0;
    }
    .FCT_vr_tx1{
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 5px;
        text-align: center;
        margin: 0 0 30px 0;
    }
    .FCT_vr_tx2{
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0 0 20px 0;
    }
    .FCT_vr{
        width: 768px;
        transition: 0.3s;
        display: block;
    }
    .FCT_vr:hover{
        opacity: 0.75;
    }
    .FCT_vr_link{
        width: 768px;
        height: 90px;
        font-size: 26px; font-weight: 500; color: #fff;
        border-radius: 50px;
        background-color: #21A777;
        display: flex; justify-content: center; align-items: center;
        padding: 0 0 5px 0;
        position: relative;
        transition: 0.3s;
        margin: 70px 0 30px 0;
    }
    .FCT_vr_link:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    .FCT_vr_link:after {
        content: ""; 
        display: block;
        width: 40px;
        height: 40px;
        background-image: url('../../img/COMMON_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        right: 25px; 
        bottom: 25px;
    }
}