.wrap{width:100%;height:100vh;overflow:hidden;z-index:0;position:relative;}
.wrap_bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.wrap_bg img{position:absolute;opacity:0;transition:all .5s;width:100%;height:100%;object-fit:cover;}
.wrap_bg img.wrap_bg_on{opacity:1;}
.glassy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255 255 255 / 0.05);
  backdrop-filter: blur(15px);
  pointer-events: none;
}
.main_visual{position: absolute;
  top: 0;z-index: 10;width:100%;height:100vh;overflow:hidden;}
.card_wrap{height: 1800px;width: 2280px;white-space: nowrap;
  text-align: center;
  transform: translate(0, 0);
  transition-timing-function: ease-out;
  transition-duration: 1.5s;transform:translateX(-250px);}
.card_on{opacity:1 !Important;}
.card_list{display:flex;flex-wrap:wrap;align-items:center;width:100%;height:100%;}
.card{width:220px;height:230px;display:block;position:relative;margin:80px;transition: transform 800ms ease;box-shadow:0 0 25px rgba(0,0,0,0.1);border-radius:15px;overflow:hidden;background:#fff;overflow:hidden;opacity:0.5;}
.card_on{opacity:1;transition:all 1s;}
.card_on .card_front{opacity:0;transform: rotateY(180deg);}
.card_on .card_back{opacity:1;transform: rotateY(0deg);}
.card_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.card_front{display:flex;align-items:Center;justify-content:center;overflow:hidden;transition: opacity 800ms ease,
  transform 800ms ease;position:relative}
.card_bg{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.card_front h1{font-size:16px;z-index:2;position:relative;color:#fff}
.card_back{padding:30px;opacity:0;overflow:hidden;transition: opacity 800ms ease,
  transform 800ms ease;transform: rotateY(180deg);}

.card_tit{display:flex;align-items:center;justify-content:space-between;}
.card_tit h2{font-size:16px;}
.card_tit span{color:#ccc;font-size:13px;display:none;}
.card_ctt{display:flex;align-items:start;padding-top:15px}
.card_ctt img{width:30px;margin-right:20px}
.card_ctt_num{width:calc(100% - 40px)}
.card_ctt_num > li{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:8px}
.card_ctt_num > li:last-child{padding-bottom:0;}
.card_ctt_num > li span{display:block;font-size:13px;font-weight:600}
.card_ctt_num > li p{font-size:13px;}
.card_ctt_num > li p b{color:#4dc089;margin-right:1px}
.sub_num{width:100%;padding-top:10px}
.sub_num li{color:#999;display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;}
.sub_num li:last-child{padding-bottom:0;}
.sub_num li span{font-size:12px;}
.sub_num li p{font-size:12px;}
.sub_num li p b{color:#999}
.mb_wrap{display:none;}

@media screen and (max-width:1400px){
  .card_wrap{width:1700px;height:1420px;}
  .card{width:220px;height:235px;margin:60px;}
  .card_tit h2{font-size:16px;}
  .card_tit span{font-size:12px;}
  .card_ctt img{width:30px}
  .card_ctt_num > li span{font-size:14px;}
  .card_ctt_num > li p{font-size:14px}
  .sub_num li p, .sub_num li span{font-size:12px;}
}

@media screen and (max-width:799px){
  .pc_wrap{display:none}
  
  .mb_wrap{display:block;background:url('../index/images/visual_bg.jpg')no-repeat;background-size:cover;padding:100px 0} 
  .mb_slide{} 
  .mb_slide .swiper-wrapper {
    transition-timing-function: linear;}
  .mb_slide .swiper-slide-active{opacity:1 !Important;} .m_card{padding:30px;position:relative;background:#000;border-radius:20px;overflow:hidden;}
  .m_card h1{color:#fff;font-size:18px;text-align:center;position:relative;z-index:9;margin-bottom:20px}
  .m_card .card_bg{z-index:0;opacity:0.5;}
  .m_card .card_logo{height:80px;width:80px;margin:0 auto;margin-bottom:20px;display:block;z-index:1;position:relative;}
  .m_card_box{position:Relative;z-index:1;background:#fff;padding:20px;border-radius:10px;}
}