@media (max-width:991px){  
#hd { height: 100px; }
#logo{ height: 50px;}
#logo img{ height: 100%;}

.sec02_slide_box{ display: none !important;}
.sec02 .progress_wrap{display: none !important;}
.sec02 .slick-slider.sec02_nav{ display: none !important;}
.sec02_nav_mo{ display: block !important; padding:0 0 5%;}
.sec02 .progress_wrap_mo{ display: block !important;}
.sec02_slide_box_mo{display: block;text-align: center !important;}

.sec02 .sec02_txt_box{ width: 100%; padding: 10% 0 10%;}
.sec02_nav_mo .sec02_s_tit01{ padding: 2% 0 1%;}
.sec02_nav_mo .sec02_txt02{font-size: 2rem;font-weight: 300;padding: 0 0 120px;}

.sec02_slide_mo .slick-list { overflow: hidden; }
.sec02_slide_mo .img_box{ position: relative;}
.sec02_slide_tit{font-size: 5rem;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,75%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}
.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 700px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,25%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02 .slick-prev{background-image: url(../img/btn/btn_arrow_left.png);width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;background-color: #fff;margin-bottom: inherit;top: inherit;bottom: 0;left: 50%;margin-left: -91px;z-index: 999;border: 1px solid #eaeaea;}
.sec02 .slick-next{background-image: url(../img/btn/btn_arrow_right.png) !important;width: 80px;height: 80px;background-position: center !important;background-repeat: no-repeat !important;background-color: #fff !important;bottom: 0;margin-bottom: inherit;top: inherit;right: inherit;margin-right: inherit;left: 50%;margin-left: -12px;z-index: 999;border: 1px solid #eaeaea;}

}

@media screen and (max-width: 980px) {
.pc_block{ display: none !important;}
.pc_img{ display: none !important;}
.mo_block{ display: inline-block !important;}
.mo_img{ display: inline-block !important;}
.db02 .form_box .open_btn {width: 100%; height: 6.5rem; line-height: 6.5rem; font-size: 2rem;}
.db01 .form_label{    text-align: left;}
.inner_wrap { width: 92%; }

#logo{ position: absolute; top: 24px; left: 21px; padding: 0; z-index: 9; }
#gnb .btn_tel{position: absolute;top: 22px;right: 74px;height: 38px;z-index: 9999;}
#gnb .btn_tel img{ height: 100%;}
#gnb .gnb_close_btn { top: -56px; right: 75px; }

#view-code{ color:#4183d7; font-size:13px; text-transform:uppercase; font-weight:700; text-decoration:none; position:absolute;top:640px; left:50%;margin-left:-35px; }
.list{margin-top:36px; text-align:left;}
.item{ height:115px; margin-top:30px 0; padding-left:115px; clear:both; }
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:left; width:71px; height:71px; margin-left:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}
.item span:nth-of-type(3){width:75px; margin-botom:0;}

.gnb_1dli{ display: none;}
div.burger {height: 68px;width: 60px;position: absolute;top: 11px;right: 11px;cursor: pointer;}
  div.x,
  div.y,
  div.z {
    position: absolute;
    margin: auto;
    top: -15px;
    bottom: 0px;
    background: #000;
    border-radius:2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
  }   
  div.x, div.y, div.z {height: 4px;width: 50px;}
  div.y{top: 12px;}
  div.z{top: 37px;}
  div.collapse{
    top: 20px;
    background: #3da6fe;
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out;
  }
   
  
  div.rotate30{
    -ms-transform: rotate(30deg); 
      -webkit-transform: rotate(30deg); 
      transform: rotate(30deg); 
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;          
  }
  div.rotate150{
    -ms-transform: rotate(150deg); 
      -webkit-transform: rotate(150deg); 
      transform: rotate(150deg);  
    -webkit-transition: all 50ms ease-out;
       -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
         -o-transition: all 50ms ease-out;
            transition: all 50ms ease-out;          
  }
  
  div.rotate45{
    -ms-transform: rotate(45deg); 
      -webkit-transform: rotate(45deg); 
      transform: rotate(45deg); 
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;         
  }
  div.rotate135{
    -ms-transform: rotate(135deg); 
      -webkit-transform: rotate(135deg); 
      transform: rotate(135deg);  
    -webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;         
  }
div.navbar{height:73px;/* background:#385e97; */}
div.circle{
  border-radius: 50%;
  width: 0px;
  height: 0px;
  position:absolute;
  top: 35px;
  right: 36px;
  background:#fff;
  opacity:1;
  -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.circle.expand{
  width: 6000px;
  height: 6000px;
  top: -3000px;
  right: -3000px;
  -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
div.menu ul{}
div.menu ul li {
  list-style: none;
  position:absolute;
  top:50px;
  left:0;
  opacity:0;
  width: 100%;
  text-align:center;
  font-size:0px;
  -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li a {
  color: #3da6fe;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:3px;
  display: block;
  font-size: 2.2rem;
}

div.menu li.animate{
  font-size:21px;
  opacity:1;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
     -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
      -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
       -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
          transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu li.animate:nth-of-type(1){ 
  top:120px;
  transition-delay: 0.0s; 
}
div.menu li.animate:nth-of-type(2){
  top: 210px;
  transition-delay: 0.03s;
}
div.menu li.animate:nth-of-type(3){
  top: 290px;
  transition-delay: 0.06s;
}
div.menu li.animate:nth-of-type(4){
  top: 370px;
  transition-delay: 0.09s;
}
div.menu li.animate:nth-of-type(5){
  top: 450px;
  transition-delay: 0.12s;
}
div.menu li.animate:nth-of-type(6){
  top: 530px;
  transition-delay: 0.15s;
}

#footer_area{ font-size: 2rem; padding: 0 0 3%;}
#footer_area .tel{ font-size: 2.5rem;}
#footer_area .tel_ico{ height: 44px; }
#footer_area .footer_top .inner_wrap{ margin: 0 0 0 4%; }
#footer_area .footer_top .left_item{ width: 60%; padding: 0; }
#footer_area .footer_top a{font-size: 1.2rem;line-height: 4rem;}
#footer_area .footer_top .right_item{ width: 30%; }
#family_site{line-height: 4rem;font-size: 1.4rem;vertical-align: top;}
#footer_area .footer_bot p{ font-size: 1rem; }
#footer_area .footer_bot #ft_copy{font-size: 1rem;}

/* board */
#bo_list,
#bo_w,
#bo_v,
#bo_gall{width: 96%;margin: 70px 2% 0;z-index: 999;}
#bo_list{}
#bo_w{}
#bo_v{}
#bo_gall{}
.board_top{position: relative;text-align: center;margin-top: 80px;background-image: url('../img/sub_visual.png');background-position: left;background-repeat: no-repeat;background-size: cover;height: 379px;}
.board_top_tit{position: absolute;top: 0;left: 0;width: 100%;line-height: 379px;/* height: 100%; */font-size: 40px;color: #fff;z-index: 999;}
#bo_gall .gall_text_href a{font-size: 24px;line-height: 2.6rem;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;width: 100%;overflow:hidden;font-weight: 300;margin: 20px 0 0;}
#bo_gall .bo_cnt{font-size: 20px;line-height: 1.6rem;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;display: inline-block;font-weight: 300;}
#bo_gall .gall_box{ margin:0 0 80px 0;}

.main_visual_box .mv_box_inner_01{ top: 20%;}
.main_visual_box .mv_box_inner_02{top: 20%;/* transform: inherit; */}
.visual_txt01{padding: 0;} 
.visual_txt01 .txt01{font-size: 2.5rem;color: #8e8e8e;}
.visual_txt01 .txt02{font-size: 4rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt01 .txt02 .col_skyblue{ color: #000;}
.visual_txt01 .txt03{font-size: 4rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt02{padding: 0;}
.visual_txt02 .txt01{font-size: 4rem;color: #fff;}
.visual_txt02 .txt02{font-size: 4rem;color: #fff;font-weight: 400;}
.visual_txt02 .txt03{font-size: 4rem;color: #fff;font-weight: 600;}
.progress_wrap {width: 35%;left:50%;margin-left: 0;bottom: 30%;position: absolute;top: 48%;left: 29%;transform: translate(-50%,-50%);}
.progress_box {width: 100%;height:30px;line-height:30px;}
.progress_box:after {content:"";clear:both;display:block;position:absolute;top: 15px;left:10%;width:80%;height: 2px;background: #ddd;}
.pro-bar{position:absolute;bottom: inherit;top: 15px;left: 10%;width:0;height: 2px;background: #3da6fe;z-index: 999;}
.slide-now,.slicd-total{     font-size: 2rem;}

.sec01{padding: 30% 0;}
.sec02{padding: 20% 0 15%;}
.sec03{padding: 30% 0 15%;}
.sec04{padding: 30% 0 12%;}
.sec05{padding: 30% 0;}
.db01{}
.db02{ padding: 15% 0 20%; }


.sec01 .sec_tit_mo{ width: 100%; }
.sec01 .sec_tit_mo span{font-size: 1.6rem;padding: 10% 0;}
.sec02 .sec_tit{ width: 100%; padding: 0 0 2%; }
.sec03 .sec_tit{ width: 100%; }
.sec04 .sec_tit_mo{ width: 100%; margin: 0 0 8%; }
.sec05 .sec_tit{}
.sec01 .sec_tit_mo img,
.sec02 .sec_tit img,
.sec03 .sec_tit img,
.sec04 .sec_tit_mo img,
.sec05 .sec_tit img,
.db01 .sec_tit img,
.db02 .sec_tit{ width: 100%; }

.sec02 .sec02_txt_box{ padding: 0% 0 10%; }
.sec02 .txt{ font-size: 2.5rem; }
.sec02_nav_mo .sec02_s_tit01{font-size: 2.5rem;padding: 10% 0 1%;font-weight: 600;}
.sec02_nav_mo .sec02_txt01{font-size: 2rem;font-weight: 300;}
.sec02_nav_mo .sec02_s_tit02{font-size: 2.5rem;padding: 10% 0 1%;font-weight: 600;}
.sec02_nav_mo .sec02_txt02{font-size: 2rem;font-weight: 300;padding: 0 0 120px;}

.sec02 .progress_wrap {width: 500px;left: -10%;margin-left: 0;bottom: inherit;top: 38%;position: absolute;}
.sec02 .progress_box {width: 500px;height: 30px;line-height:30px;margin: 3% auto 0;}
.sec02 .progress_box:after{content: "";clear: both;display: block;position: relative;top: inherit;bottom: -15px;left: inherit;width: 500px;height: 3px;background: #ddd;margin-top: -3px;}
.sec02 .pro-bar{position: relative;bottom: inherit;left: inherit;width:0;height: 3px;background: #3da6fe;z-index: 999;}
.sec02 .pro-ani{animation: proBar2 3.5s 1;/* width: 75%; */}
.sec02_slide_mo .sec02_slide_block{/* max-width: 70%;  */min-height: 687px;}

.sec04 .sec_txt_mo{ font-size: 2rem; }

.ilive_box .lat_title{ font-size: 1.8rem; }
.ilive_box .lt_more{font-size: 1.2rem;width: auto;}
.ilive_box li .title{ font-size: 1.7rem; width: 60%; word-break: keep-all; display: inline-block; }
.ilive_box li .sub_title{ font-size: 1.2rem; }
.ilive_box li .name{ font-size: 1.4rem; line-height: 1.4rem; }
.ilive_re_box .lat_title{ font-size: 1.8rem; }
.ilive_re_box .lt_more{ font-size: 1.2rem; width: auto; }
.ilive_re_box li .title{ font-size: 1.7rem; width: 70%; display: inline-block; word-break: keep-all; }
.ilive_re_box li .sub_title{ font-size: 1.2rem; }
.ilive_re_box li .name{ font-size: 1.4rem; line-height: 1.4rem; }
.pic_lt .lt_more img{}

.sec04 .txt_box{ top: 10%; left: 5%; }
.sec04 .block .block_tit{}
.sec04 .block .block_tit strong{ font-size: 2.2rem; line-height: 4rem; }
.sec04 .block .block_txt{ }
.sec04 .block .view_more{ padding: 8% 0; width: 31%; }
.sec04 .block .view_more img{ width: 100%; }

.db01 .sec_tit{ font-size: 2.2rem; margin: 0 0 5%; }
.db01 .inputs{ width: 100%; }
.db01 .inputs li{ width: 100%; margin: 0 0 5%; }
.db01 .inputs input{ line-height: 7rem; font-size: 2rem; text-indent: 2rem;}
.db01 .form_label{ padding: 2% 0 6%; }
.db01 .form_label label{ font-size: 1.8rem; }
.db01 .form_label input[type='checkbox']{}
.db01 .form_label input[type='checkbox'] + .checkmark,
.db01 .form_label input[type='checkbox']:checked + .checkmark{ width: 25px; height: 25px; }
.db01 input[type='image']{ position: relative; width: 100%; top: inherit; right: inherit; }

.db02 .form_box{ width: 80%;}
.db02 .sec_tit{font-size: 4rem;padding: 2% 0 8%;}
.db02 .sec_txt{ font-size: 2rem; }
.db02 .inputs{}
.db02 .inputs li{ line-height: 4rem; }
.db02 .inputs input{ line-height: 5rem; border-radius: 1rem; font-size: 2rem;margin-bottom: 4%; text-indent: 2rem;}
.db02 .inputs textarea{ line-height: 5rem; border-radius: 1rem; font-size: 2rem;margin-bottom: 4%; text-indent: 2rem;}
.db02 .form_label{ }
.db02 .form_label label{ font-size: 1.8rem; }
.db02 .form_label input[type='checkbox']{}
.db02 .form_label input[type='checkbox'] + .checkmark,
.db02 .form_label input[type='checkbox']:checked + .checkmark{width: 25px;height: 25px;}
.db02 input[type='image']{}

.quick{ width: 750px;}

.quick_form{bottom: 627px;width: 100%;padding: 0;display:none;}
.quick_form.db02 .form_label{ margin: 6% 0 0; }
.quick_form.db02 .form_label label{ width: 100%;font-size: 35px; }
.quick_input {padding:  7%;width: 100%;position: relative;
  top: -3px;}
.quick_mail_addr{ width: 100%; height: 70px;line-height: 70px }
.quick_form.db02 input[type='submit']{ font-size: 40px; height: 70px;line-height: 70px  }
.quick .quickmenu img{width: 113px;}
  .quick_mail_close {width:44px; top:50px; right:50px;}
  .quick_mail_close img {width:100%;}
}
@media screen and (max-width: 820px) {
.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 700px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,15%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,26%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}

.quick {
    bottom: 10rem;
}
.quick_form {
    top: -67%;
}
.quick_form.db02 .form_label{}
.quick_form.db02 .form_label label{}
.quick_input{}
.quick_mail_addr{}
.quick_form.db02 input[type='submit']{}
.quick .quickmenu img{}
.qb_img{
    margin-top: -11%;
}
}
@media screen and (max-width: 768px) {

.db02 .form_box .open_btn {width: 100%;height: 6.5rem; line-height: 6.5rem;font-size: 2rem;}
.main_visual_box .mv_box_inner_01{ top: 20%;}
.main_visual_box .mv_box_inner_02{ top: 20%;}
.visual_txt01{padding: 0;} 
.visual_txt01 .txt01{font-size: 2rem;color: #8e8e8e;}
.visual_txt01 .txt02{font-size: 3rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt01 .txt02 .col_skyblue{ color: #000;}
.visual_txt01 .txt03{font-size: 3rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt02{padding: 0;}
.visual_txt02 .txt01{font-size: 3rem;color: #fff;}
.visual_txt02 .txt02{font-size: 3rem;color: #fff;font-weight: 400;}
.visual_txt02 .txt03{font-size: 3rem;color: #fff;font-weight: 600;}

#footer_area .footer_top .left_item{ width: 60%; padding: 0; }
#footer_area .footer_top a{font-size: 1.2rem;line-height: 4rem;}
#footer_area .footer_top .right_item{ width: 30%; }
#family_site{line-height: 4rem;font-size: 1.4rem;vertical-align: top;}
#footer_area .footer_bot p{ font-size: 1rem; }
#footer_area .footer_bot #ft_copy{font-size: 1rem;}

.sec04 .txt_box{ top: 10%; left: 5%; }
.sec04 .block .block_tit strong{font-size: 2rem;line-height: 4rem;}
.sec04 .block .block_txt{font-size: 1.4rem;line-height: 2.2rem;}
.sec04 .block .view_more{ padding: 8% 0; width: 31%; }

.db02 .form_box{ width: 90%;}

}
@media screen and (max-width: 720px) {
.visual_txt01 .txt01{font-size: 2rem;color: #8e8e8e;}
.visual_txt01 .txt02{font-size: 3rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt01 .txt02 .col_skyblue{ color: #000;}
.visual_txt01 .txt03{font-size: 3rem;letter-spacing: -0.05rem;font-weight: 600;}
.visual_txt02 .txt01{font-size: 3rem;color: #fff;}
.visual_txt02 .txt02{font-size: 3rem;color: #fff;font-weight: 400;}
.visual_txt02 .txt03{font-size: 3rem;color: #fff;font-weight: 600;}

#footer_area .footer_top a{font-size: 1;line-height: 4rem;}
#family_site{line-height: 4rem;font-size: 1;vertical-align: top;}

.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 700px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,5%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,-5%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}
}
@media screen and (max-width: 700px) {

#footer_area{ padding: 0 0 3%;}
#footer_area .footer_top .inner_wrap{}
#footer_area .footer_top .left_item{width: 65%;padding: 0;height: 3rem;}
#footer_area .footer_top a{font-size: 1rem;line-height: 3rem;vertical-align: top;}
#footer_area .footer_top .right_item{width: 35%;height: 3rem; min-width: inherit}
#family_site{line-height: 3rem;font-size: 1rem;vertical-align: top;height: 3rem;}
#footer_area .family_site_block:before{ height: 48px}
#footer_area .footer_bot p{font-size: .8rem;}
#footer_area .footer_bot #ft_copy{font-size: .8rem;}

.quick_form.db02 .form_label label{ font-size: 10px;}
.db02 .form_label input[type='checkbox'] + .checkmark, 
.db02 .form_label input[type='checkbox']:checked + .checkmark { width: 15px; height: 15px; }
.quick_form.db02 input[type='submit']{ font-size: 1.1rem;}
.qb_img { margin-top: -16%; }
}
@media screen and (max-width: 680px) {
#hd{ height: 70px;}
div.burger{top: 5px;}
#logo{ height: 30px; top: 24px;}
#logo img{ height: 100%;}

.visual_txt01 .txt01{font-size: 1rem;}
.visual_txt01 .txt02{font-size: 2rem;}
.visual_txt01 .txt03{font-size: 2rem;}
.visual_txt02 .txt01{font-size: 2rem;}
.visual_txt02 .txt02{font-size: 2rem;}
.visual_txt02 .txt03{font-size: 2rem;}

.sec .sec_tit > p,
.sec .sec_tit_mo > p,
.db01 .sec_tit,
.db02 .sec_tit{ font-size: 3rem;}

.sec02 .txt,
.sec04 .sec_txt_mo,
.db02 .sec_txt{font-size: 1.2rem;}

.sec01 .sec_tit_mo span{font-size: .8rem;padding: 2% 0 5%;}
.sec02_slide_tit{font-size: 3rem;}
.sec02_nav_mo .sec02_s_tit01,
.sec02_nav_mo .sec02_s_tit02{ font-size: 2rem;}
.sec02_nav_mo .sec02_txt01,
.sec02_nav_mo .sec02_txt02{ font-size: 1.5rem;}

.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 600px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,12%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,-50%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-35%);}

.db01 .inputs li{ line-height: 3rem; font-size: 1.4rem;}
.db01 .inputs input{ line-height: 3rem; font-size: 1.4rem;}
.db01 .form_label label{font-size: 1.4rem;}

.db02 .inputs li{ line-height: 3rem; font-size: 1.4rem;}
.db02 .inputs input{ line-height: 3rem; font-size: 1.4rem;}
.db02 .inputs textarea{ line-height: 3rem; font-size: 1.4rem;}
.db02 .form_label label{ font-size: 1.4rem;}

.quick {position: fixed;bottom: 13rem;right: 2.5rem;width: 7rem;z-index: 99;text-align: right;}
.quick a {display:block;}
.quick_form {position:absolute;padding:0; margin:0;top: -156px; right:0;width: 16.3rem;height: 18.1rem;/* background:url("../img/quick_mail.png") center center no-repeat; *//* background-size: cover; */background: initial;/* background-color: #f2f2f2; */}
.quick_form.db02 .form_label {color:#c9c9c9;font-size: 1.2rem;margin:10px 0 0;}
.quick_form.db02 .form_label label {color:#c9c9c9; font-size:11px;}
.quick_input {width: 100%;padding: 1rem 1rem .5rem;color:#c9c9c9;background-color: #f2f2f2;}
.qt_img, .qb_img{ width: 100%;}
.qb_img { margin-top: -16%; }
.quick .quickmenu img { width: 70%; }
}
@media screen and (max-width: 640px) {
.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 550px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,12%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,-50%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}

.db02 .form_box .open_btn{    height: 4.5rem; line-height: 4.5rem; font-size: 1.6rem; }
}
@media screen and (max-width: 600px) {
.sec01 .block_tit{ top: 15%; }
.sec01 .block_num{ top: 40%; }

.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,12%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_block img{height: 500px;width: 100%;}
.sec02_slide_mo .slick-current .sec02_slide_block img{ height: 100%; width: inherit;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,-90%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}
}
@media screen and (max-width: 550px) {
.sec01 .block_tit{top: 12%;font-size: 1.4rem;}
.sec01 .block_num{top: 32%;font-size: 2.5rem;}

.sec02_slide_mo .slick-slide .offimg,
.sec02_slide_mo .slick-slide .onimg{height: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,15%);transition: .3s;}
.sec02_slide_mo .slick-current .offimg,
.sec02_slide_mo .slick-current .onimg{top: inherit; left: inherit; transform: inherit; height: inherit; position: relative;}
.sec02_slide_mo .slick-slide .sec02_slide_tit{transform: translate(-50%,-50%);}
.sec02_slide_mo .slick-current .sec02_slide_tit{transform: translate(-50%,-50%);}


}