@charset "utf-8";

/* common */
.in { width:1640px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }
.in2 { width:1640px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }

html.scroll_none{overflow: hidden}
.hidden { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }
.clearfix::after{content: ''; display: block; clear: both;}

.pc-only { display:block; }
.mo-only { display:none; }
.phone-only { display:none; }
.phone-over { display:block; }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { display: none; }
.swiper-button-next, .swiper-button-prev { outline:none; }

.nice-select .list{min-width: 100%;}





/* root */
:root{
    --black: #1a1e1c;
    --green: #005746;
    --hoverpink: #ec268f;
    --beige: #cfae94;
    --navy: #141426;
    --grey: #9b9b9b;
    --awesome: 'font awesome 6 Pro';

    --page_tit: 34px;
    --page_tit_weight:700;
    --page_txt: 22px;
    --page_txt_weight:600;
    --page_txt_mt:20px;

    --cont_tit: 42px;
    --cont_tit_weight: 700;
    --cont_txt: 20px;
    --cont_txt_weight: 400;
    --cont_txt_mt: 15px;
    --cont_tit_mb: 40px;

    --cont_sub_head: 28px;
    --cont_sub_head_weight:700;

    --sub_padding: 180px;

    --cont_sub_tit: 28px;
    --cont_sub_tit_weight: 700;

    --cont_sub_txt: 20px;
    --cont_sub_txt_weight: 500;

}




@media (max-width: 1440px){
    :root{
        --cont_sub_tit: 26px;
        --cont_sub_txt: 18px;
    }

}


@media (max-width: 1200px){

    .pc-only { display: none; }
    .mo-only { display: block; }


    :root{

        --page_tit: 30px;
        --page_txt: 20px;
        --page_txt_mt:15px;

        --cont_tit: 34px;
        --cont_txt: 18px;
        --cont_txt_mt: 15px;
        --cont_tit_mb: 40px;

        --cont_sub_head: 24px;


        --sub_padding: 140px;

        --cont_sub_tit: 22px;


        --cont_sub_txt: 18px;


    }



}

@media (max-width: 768px){

    :root{

        --page_tit: 28px;
        --page_txt: 18px;
        --page_txt_mt:10px;

        --cont_tit: 24px;
        --cont_txt: 14px;
        --cont_txt_mt: 10px;
        --cont_tit_mb: 20px;

        --cont_sub_head: 18px;


        --sub_padding: 80px;

        --cont_sub_tit: 18px;


        --cont_sub_txt: 14px;


    }

    .phone-only { display:block; }
    .phone-over { display:none; }

}