@charset "utf-8";

body {
  background-color: #fff;
  letter-spacing:-0.05em;
}
.web_view { display:block; }
/* .mob_view { display:none; } */
#floating .mob_view { display: none;}

.blind {overflow: hidden;position: absolute;z-index: -1;width: 1px;height: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.bg_gray {background-color:#f4f4f4 !important;}

.visual_img {position:relative;}
.visual_img img {width:100%;}
.img_wrap {width:100%;max-width:1020px;margin:0 auto;}
.img_wrap.type2 {max-width:820px;}
.img_wrap .img_item {width:100%;}
.section_footer {padding-bottom:min(100px,calc((55 / 360) * 100vw));background-color:#f7f8f9}
.tab_area {width:100%;max-width:1020px;margin:0 auto;}
.tab_area .tab {display:flex;}
.tab_area .tab a {display:block;position:relative;width:50%;opacity:.4;}
.tab_area .tab a::after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:6px;background-color:#c5c4c4;}
.tab_area .tab a.active {opacity:1;}
.tab_area .tab a.active::after {background-color:#000;}
.tab_content_02 {display:none;}
#floating {position:fixed;left:50%;bottom:0;z-index:9;width:100%;max-width:1920px;transform:translateX(-50%);}

#btn_apply02 {display: block; width: 100%; height: 100%; padding-bottom: 100px;}

.tab_area, .img_wrap { text-align: center;}

@media all and (max-width:720px) {
  .visual_img {overflow:hidden;}
  .visual_img img {position:relative;left:50%;transform:translateX(-50%);max-width:none;width:720px;}
  .img_wrap,
  .tab_area,
  #floating a {display:block;max-width:360px;margin:0 auto;}
  #floating {background:url(../images/app/bg_floating.png) repeat-x center top/100% 100%;}

  #floating .web_view { display: none;}
  #floating .mob_view { display: block;}
  .mob_view { display:block; }


  .footer {padding-bottom:min(100px,calc((55 / 360) * 100vw));}
}
@media all and (max-width:320px) {
  .visual_img img {width:640px;}
}