@charset "utf-8";
@media all and (max-width:1260px){  
  .inner{padding:0 var(--wrap-padding);}
  .contents{padding:var(--h-padding) var(--wrap-padding);}
} 

@media all and (max-width:1024px){  
  :root {
    --h-padding:80px;
  }

  .contents-1 .rbox{font-size:18px;}

  .contents-tit{font-size:36px;}
  .contents-tit-lg{font-size:36px;}
  .contents-tit-m{font-size:36px;}
  .contents-txt{font-size:20px;}

  .contents-2 .tit-point{font-weight:800;font-size:40px;}
  .bar-txt{padding:10px 60px;border-radius: 30px; font-size:24px;}

  .coupon-wrap ul{gap:10px;}
  .coupon-wrap .tag{width:60px;height:60px;font-size:18px;}
  .coupon-desc{font-size:16px;padding:10px 50px 10px 50px;}

  .form_sty .choiceWrap{gap:8px;}
  .form_sty .selectWrap{gap:8px;}

  .title{font-size:26px; }

    .noticeWrap .tit{min-height:35px;font-size:24px;background-size:40px auto; padding-left:50px; }
    .bullet-txt{font-size:16px;padding-left:20px;}
    .bullet-txt::before{left:10px;top:10px; width:4px; height:4px;}


  .mainTit-line{gap:20px;}
  .mainTit-line .txt{font-size:34px;}





}


@media all and (max-width:960px){  

  .mainVisual .stit{font-size:18px; margin-bottom:20px;}
  .mainVisual .tit{font-size:55px;margin-bottom:60px;}  
  .mainVisual .titleWrap img{max-height:50px; }
  .mainVisual .titleWrap .txt{font-size:26px;}

  .contents-1 .boxArea{gap:20px;}
  .contents-1 .boxArea .box{flex:0 0 100%; padding:30px 40px 30px 30px; }
  .contents-1 .boxArea .box .imgArea{flex:0 0 30%; text-align: right;}
  .contents-1 .boxArea .box .imgArea-1{flex:0 0 30%; text-align: right;}
  .contents-1 .boxArea .box .txt{font-size:16px;}









  /*
  .form_sty .tit{text-align:left;font-size: 16px; width:80px !important;}
  .form_sty .tit-fc{font-size: 16px;  width:100px;}
  .form_sty .col-t{width:80px;}
  .form_sty .col-1{flex:1; width:auto !important;}
  .form_sty .col-2{width:250px;}
  .form_sty .col-3{flex:1; width:auto !important;}
  .form_sty .selectWrap{flex:1;}
  .form_sty .choiceWrap{flex:1;}
  .form_sty .w2{width:150px;}
*/
  
  .btn-type.btn-m {font-size:15px; min-width:100px;}



  
  
  }


@media all and (max-width:768px){    
  :root {
    --h-floating:60px;
  }

  .pc_only{display: none;}
  .mo_only{display:inline;}  

  input[type=checkbox] + label{font-size:14px;}
  input[type=radio] + label{font-size:14px;}

  .select_sty select{font-size:14px;}
  .input_sty input{font-size:14px;}

  .btn-type.btn {height:50px;font-size:20px;} 

  .col50{width:100%;}
  .txt--md{font-weight:400;font-size:13px;}

  input::placeholder {font-size:14px;}
  input:-ms-input-placeholder {font-size:14px;}
  input::-ms-input-placeholder { font-size:14px;}
  input::-webkit-input-placeholder {font-size:14px;}
  input::-moz-placeholder {font-size:14px;}

  textarea::placeholder {font-size:14px;}
  textarea:-ms-input-placeholder {font-size:14px;}
  textarea::-ms-input-placeholder {font-size:14px;}
  textarea::-webkit-input-placeholder {font-size:14px;}
  textarea::-moz-placeholder {font-size:14px;}

  #header{justify-content: center; text-align: center;}
  
  .footer{flex-wrap: wrap; gap:15px 0;}
  .footer .f_logo{flex:1;min-height:50px;background-size:auto 50px; order:1; }
  .footer .f_cont{flex:0 0 100%; order:3; }
  .footer .f_cont li{gap:5px; }
  .footer .f_cont li > p{font-size:13px;width:100%;}
  .footer .f_cont li > p.full{font-size:14px; margin-bottom:5px;}
  .footer .f_cs{gap:10px; margin-top:16px;background-size:auto 14px;min-height:14px;padding-left:20px;}
  .footer .f_txt{font-size:14px;}
  .footer .f_number{font-size:16px;}
  .footer .f_right{flex:0 0 50px; display: inline-flex; justify-content: flex-end; order:2; }
  .btn_up_layer {width:45px;  height:45px; position: absolute; right:5%; top:-30px; bottom:auto; background:url(../images/top-arrow.png) 50% 50% no-repeat var(--point-color);z-index:8; } 

  .floating_btn{gap:15px; font-weight:800;font-size:20px; }
  .floating_btn .img{margin-top:-30px;}
  .floating_btn .bar{padding:8px 16px;font-size:14px; }


  .mainVisual .stit{font-size:18px; margin-bottom:20px;}
  .mainVisual .tit{font-size:45px;margin-bottom:60px;}  
  .mainVisual .titleWrap img{max-height:45px; }
  .mainVisual .titleWrap .txt{font-size:24px;}
  /* .tit-character img{max-width:300px;} */

  .contents-tag{top:-25px;width:150px; height:50px;background-size:auto 50px;font-size:16px;padding-top:12px; }
  .contents-tag > span{font-size:18px;}
  .contents-1 .box-1{padding:30px 30px 40px; margin-bottom:80px;}
  .contents-1 .box-1 > ul{display: flex; gap:20px;}
  .contents-1 .box-tit{font-size:18px;}
  .contents-1 .rbox{height:45px;border-radius: 20px;font-size:17px;}
  .contents-1 .rbox > span{font-size:20px; }
  .contents-1 .box-2{padding:20px 10px;margin-bottom:80px;}

  .contents-tit{font-size:32px;margin-bottom:30px;}
  .contents-tit-lg{font-size:32px;}
  .contents-tit-m{font-size:32px;}
  .contents-txt{font-size:18px;}

  .contents-2 .tit-point{font-size:34px;}

  .bar-txt{font-size:20px;}

  .coupon-wrap ul{gap:5px;}
  .coupon-box{padding:30px;}  
  .coupon-desc{font-size:16px;line-height: 1.45; padding:25px 20px 10px 20px;}
  .coupon-desc::before{left:0px; top:0; width:100%; height:100%;border-radius:20px;  }
  .coupon-desc::after{left:50%;transform:translateX(-50%); top:-20px; width:40px; height:40px;background-size:40px auto; }

  .title{font-size:26px; border-bottom:1px solid rgba(255, 255, 255, .3); padding-bottom:20px; }
  .title br{display:inline; }

  .form_sty{margin:40px auto; padding:0 5%; }
  .form_sty > ul{gap:30px 0px;margin-bottom:30px; flex-wrap: wrap;}
  .form_sty > ul > li{flex:0 0 100%; min-height:40px; display:inline-flex;align-items: center; gap:10px; }
  .form_sty .col-t{flex:0 0 80px; justify-content:flex-start;}

  .noticeWrap{ padding:30px;  }
  .noticeWrap .tit{min-height:30px;font-size:18px;background-size:30px auto; padding-left:40px;margin-bottom:20px; }
  .bullet-txt{font-size:15px;}
  .bullet-txt::before{left:10px;top:9px; width:4px; height:4px;}

  .txt-m{font-size:15px;}



  .mainTit-line{gap:10px;}
  .mainTit-line .txt{font-size:26px;}






}

@media all and (max-width:640px){  
  .contents-1{padding:60px var(--wrap-padding) 80px;}  
  .contents-1 .box-1{padding:20px 20px 40px; margin-bottom:60px;}
  .contents-1 .box-1 > ul{display: flex; gap:10px;}
  .contents-1 .box-1 > ul > li{flex:1; }
  .contents-1 .box-tit{font-size:16px;}
  .contents-1 .rbox{height:40px;border-radius:10px;font-size:16px;}
  .contents-1 .rbox > span{font-size:16px; }
  .contents-1 .box-2{padding:20px 10px;margin-bottom:60px;}
  .contents-1 .box-2 input[type=checkbox] + label{font-size:16px; }
      
  .contents-1 .btnArea{bottom:-30px;}
  .ev-btn{gap: 10px; height:45px;font-size:13px; padding:0px 30px; border-radius: 30px;}
  .ev-btn .bold{font-size:16px; }
  .ev-btn img{width:20px;}
  .contents-tag{top:-25px;width:150px; height:50px;background-size:auto 50px;font-size:16px;padding-top:12px; }
  .contents-tag > span{font-size:18px;}

  .contents-1 .boxArea .box{padding:30px; }
  .contents-1 .boxArea .box .cont{padding-left:0px; }
  .contents-1 .boxArea .box .imgArea{flex:0 0 30%;}
  .contents-1 .boxArea .box .imgArea-1{flex:0 0 40%;}
  .contents-1 .boxArea .stit{font-size:20px;margin-bottom:15px;}
  .contents-1 .boxArea .box .txt{font-size:15px;}

  .contents-tit{font-size:28px;}
  .contents-tit-lg{font-size:28px;}
  .contents-tit-m{font-size:28px;}
  .contents-txt{font-size:17px;}
  .contents-2 .tit-point{font-size:30px;margin-bottom:40px;}

  .contents-2{ padding:60px var(--wrap-padding) 100px; }
  .contents-2 > h2{margin-bottom:20px;}
  .contents-4{padding:60px var(--wrap-padding);}

  .bar-txt{ font-size:17px;}

.benefit .box-tit{font-size:24px;}

.contents-3{padding:100px var(--wrap-padding) 60px;}
.contents-3 .character-wrap{top:-80px;}
.contents-3 .character{width:100%; margin:0 auto; text-align: center;  }
.contents-3 .character img{max-width:100%; max-height:160px;}

.title{font-size:24px;}
.form_sty{margin:40px auto;}
.form_sty > ul{gap:20px 0px;margin-bottom:20px; }
.form_sty > ul > li{flex:0 0 100%; min-height:auto;flex-wrap: wrap;gap:10px; }
.form_sty .tit{font-size: 15px;}  
.form_sty .col-t{flex:0 0 100%; justify-content:flex-start;}

.chkBox ul{flex-wrap: wrap; justify-content: flex-start; align-items: center;gap:20px; padding-left:5%;}
.chkBox li{flex:0 0 100%;}

.noticeWrap{ padding:25px;  }
.noticeWrap .tit{min-height:30px;font-size:18px;background-size:30px auto; padding-left:40px;margin-bottom:15px; }
.bullet-txt{font-size:14px;padding-left:10px;}
.bullet-txt::before{left:0px;}
.txt-m{font-size:14px;}
.noticeWrap .txt-m{padding-left:0px;}

}

@media all and (max-width:540px){  

  .footer .f_cs{gap:5px; margin-top:10px;background-size:auto 14px;min-height:14px;padding-left:20px;}
  .pop-title {font-size:15px;}
  .popup--inner{padding:20px;}
  .pop--top{ padding:15px; } 

  .txt--md{font-size:12px;}
  .cont_pop{font-weight:500;font-size:14px;}
  .tg td{font-size:13px;}
  .tg th{font-size:13px;}

  .mainVisual .stit{font-size:16px; margin-bottom:15px;}
  .mainVisual .tit{font-size:35px;margin-bottom:40px;}  
  .mainVisual .titleWrap img{max-height:35px; }
  .mainVisual .titleWrap .txt{font-size:20px;}
  .tit-character{padding:0 8%; }
  /* .tit-character img{max-width:260px;}*/

  .contents-tag{top:-25px;width:150px; height:45px;background-size:auto 45px;font-size:14px;padding-top:11px; }
  .contents-tag > span{font-size:16px;}
  .contents-tit{font-size:24px;}
  .contents-tit-lg{font-size:24px; }
  .contents-tit-lg > br{display:inline }
  .contents-tit-m{font-size:24px;}
  .contents-txt{font-size:16px;}


  .contents-2 .tit-point{font-size:26px;margin-bottom:40px;}

  .contents-1 .box-1{padding:20px 15px 40px; margin-bottom:60px;}
  .contents-1 .box-1 > ul > li:first-child{flex:1.6; }
  .contents-1 .box-2 input[type=checkbox] + label{font-size:15px; }

  .contents-4 ul{gap:5px;}

  .coupon-desc{font-size:14px;}
  .coupon-desc::before{border-radius:10px;  }

.coupon-wrap ul{gap:0px;}
.coupon-wrap ul li{flex:0 0 100%; }
.coupon-wrap ul li:first-of-type{margin-bottom:15px; }
.coupon-wrap .tag{width:60px;height:60px;font-size:16px; font-weight: 500;}
.coupon-box{padding:50px;}  


  .benefit{margin:40px auto 40px; }
  .benefit .box{margin-top:40px; padding:40px 10px 30px;}
  .benefit .box::before{top:-20px;height:40px; }
  .benefit .box.type1::before{background-size:auto 40px; }
  .benefit .box.type2::before{background-size:auto 40px; }
  .benefit .box.type3::before{background-size:auto 40px;  }
  .benefit .box-tit{font-size:20px;}

  .btn-group {gap:5px}
  .btn-group.mw > * {min-width:100%; }
  .btn-type.btn {font-size:17px;} 
  .i_right_arrow::after {width:10px; height: 10px; margin-top: -5px;}

  .title{font-size:20px;}

  .tableDiv .col1{flex:0 0 100%;}
  .tableDiv .col2{flex:0 0 100%;}
  .tableDiv .col3{flex:0 0 100%;}
  .tableDiv .col4{flex:0 0 100%;}
  .tableDiv .col5{flex:0 0 100%;}
  .tableDiv li{border-left:0; border-bottom:1px solid #bfc0d4;  text-align:left; display: inline-flex; flex-direction:row;   }
  .tableDiv li:first-child{ border-left:0; }
  .tableDiv .tit{flex:0 0 80px; height:100%;font-size:14px;padding:10px; }
  .tableDiv .text{flex:1; justify-content: flex-start;border-top:0;border-left:1px solid #bfc0d4; font-size:14px; padding:10px 15px;}
  .tableDiv .text.big{flex:1.4;height:auto;  }

  .popup--free .top-tit{height:70px;font-size:18px; }
  .popup--free .top-tit br{display:inline; }
  .popup--free .cont{ height:calc(90vh - 260px);padding:20px; }
  .popup--free .bot{height:180px; padding:15px 25px;}  
  .popup--free .ok-btn{height:45px; font-size:15px;padding:0px 35px; }
  .popup--free .ok-btn img{width:20px;}

  .floating_btn{gap:10px; font-weight:700;font-size:18px; }
  .floating_btn .img{margin-top:-30px; margin-right:5px;}
  .floating_btn .img img{height:55px; }
  .floating_btn .bar{padding:8px;font-size:13px; }




  .mainTit-line{margin:60px auto 30px;}
  .mainTit-line .txt{font-size:24px;flex-direction: column;}

  .txt-circle{width:12px; height:40px;}
  .txt-circle .circle{width:8px; height:8px;}
  .form_sty .bar{font-size: 14px;}
  .form_sty .w2{width:120px;}



}

@media all and (max-width:430px){  
  :root {
    --h-padding:70px;
  }

  .mainVisual .stit{font-size:15px; margin-bottom:15px;}
  .mainVisual .tit{font-size:32px;margin-bottom:40px;}  
  .mainVisual .titleWrap img{max-height:30px; }
  .mainVisual .titleWrap .txt{font-size:18px;}


  .contents-tit{font-size:20px;}
  .contents-tit-lg{font-size:22px; }
  .contents-tit-m{font-size:22px;}
  .contents-txt{font-size:15px;}
  .contents-2 .tit-point{font-size:22px;margin-bottom:40px;}

  .contents-1 .box-1{margin-bottom:60px;}
  .contents-1 .box-1 > ul{gap:6px;}
  .contents-1 .box-1 > ul > li{flex:1;gap:6px; }
  .contents-1 .box-1 > ul > li:first-child{flex:1.6; }
  .contents-1 .box-tit{font-size:14px;font-weight:500;}
  .contents-1 .rbox{height:40px;border-radius:10px;font-size:14px; }
  .contents-1 .rbox > span{font-size:14px; }
  .contents-1 .box-2{padding:16px 10px;margin-bottom:60px;}
  .contents-1 .box-2 input[type=checkbox] + label{font-size:13px; font-weight:500;}


  .ev-btn{font-size:12px;}
  .ev-btn .bold{font-size:14px; }

  .contents-1 .boxArea .box{padding:30px;}
  .contents-1 .boxArea .box > ul{display: flex; flex-direction: column;  gap:20px; }
  .contents-1 .boxArea .box .imgArea{width:40%; }
  .contents-1 .boxArea .box .imgArea-1{ width:55%; }

  .bar-txt{padding:8px 10px;border-radius: 20px; font-size:15px;}

  .coupon-desc{padding:25px 20px 10px;}
  .coupon-desc::before{border-radius:4px; }
  .coupon-box{padding:40px;}  

  .benefit .box-tit{font-size:18px;}

  .contents-3 .character-wrap{top:-70px;}
  .contents-3 .character img{max-width:100%; max-height:140px;}

  .title{font-size:18px;}
  .form_sty .tit{font-size: 15px;}  
  .btn-type.btn-m {font-size:14px;min-width:90px;}




  .mainTit-line .txt{font-size:20px;}  

}

@media all and (max-width:375px){  
  .contents-1 .btnArea{bottom:-20px;}
  .ev-btn{height:40px; font-size:12px;}

  .contents-2 .tit-point{font-size:20px;}
  .contents-tit-lg{font-size:20px; }
  .contents-tit-m{font-size:20px;}
  .contents-txt{font-size:14px;}
  .contents-tit{font-size:18px;}
    
  .bar-txt{font-size:14px;}

  .benefit .box{margin-top:34px; padding:30px 10px 25px;}
  .benefit .box::before{top:-17px;height:34px; }
  .benefit .box.type1::before{background-size:auto 34px; }
  .benefit .box.type2::before{background-size:auto 34px; }
  .benefit .box.type3::before{background-size:auto 34px;  }
  .benefit .box-tit{font-size:17px;}

  .coupon-desc{font-size:13px;}

  .coupon-wrap .tag{width:50px;height:50px;font-size:14px;}

  .contents-1 .box-2 input[type=checkbox] + label > span{font-size:12px;}


    .mainTit-line{margin:40px auto;  }


}

@media all and (max-width:360px){  
    :root {
        --h-padding:60px;
      }

  .pop-title {font-size:14px;}
  .popup--inner{padding:15px;}

  .footer .f_cs{gap:5px; margin:10px 0;background-size:auto 14px;min-height:14px;padding-left:15px;}
  .footer .f_txt{font-size:12px;}
  .footer .f_number{font-size:14px;}
  .cont_pop{font-size:14px;}
  .tg td{font-size:13px;}
  .tg th{font-size:13px;}

  .contents-1 .box-1 > ul > li:first-child{flex:1.7; }

  .contents-1 .boxArea .box{padding:25px;}
  .contents-1 .boxArea .stit{font-size:18px;margin-bottom:15px;}
  .contents-1 .boxArea .box .txt{font-size:14px;}

  .benefit .box-tit{font-size:16px;}

  .floating_btn{gap:5px; font-weight:700;font-size:17px; }
  .floating_btn .img{margin-top:-35px; margin-right:10px;}
  .floating_btn .img img{height:50px; }
  .floating_btn .bar{padding:8px;font-size:12px; }




}

@media all and (max-width:320px){  

    input::placeholder {font-size:13px;}
    input:-ms-input-placeholder {font-size:13px;}
    input::-ms-input-placeholder { font-size:13px;}
    input::-webkit-input-placeholder {font-size:13px;}
    input::-moz-placeholder {font-size:13px;}

    textarea::placeholder {font-size:13px;}
    textarea:-ms-input-placeholder {font-size:13px;}
    textarea::-ms-input-placeholder {font-size:13px;}
    textarea::-webkit-input-placeholder {font-size:13px;}
    textarea::-moz-placeholder {font-size:13px;}

    .input_sty input{padding:0 5px;}
    .btn-type.btn {height:45px;font-size:16px;} 

    .mainVisual .stit{font-size:14px;}
    .mainVisual .tit{font-size:28px;margin-bottom:40px;}  
    .mainVisual .titleWrap img{max-height:26px; }
    .mainVisual .titleWrap .txt{font-size:16px;}
    /* .tit-character img{max-width:220px;} */

    .contents-1 .boxArea .stit{font-size:16px;}
    .contents-1 .boxArea .box .txt{font-size:13px;}

    .contents-2 .tit-point{font-size:20px;margin-bottom:30px;}
    .bar-txt{font-size:13px;}
    .benefit .box-tit{font-size:15px;}

    :root {
      --h-floating:50px;
    }
  
    .floating_btn{gap:5px; font-weight:700;font-size:16px; }
    .floating_btn .img{margin-top:0px; margin-right:5px;}
    .floating_btn .img img{height:30px; }
    .floating_btn .bar{padding:6px;font-size:11px; }


    .mainTit-line .txt > span{display: block;}

}


@media all and (max-width:280px){  

  .form_sty .w2{width:100px;}
  .form_sty .w3{width:20px;}
  .txt-circle{width:10px; }
  .txt-circle .circle{width:6px; height:6px;}



}