@charset "UTF-8";
.safe_area, .main_visual_box, .main_visual_box .count_box, .main_live_box, .main_liveday_box, .main_graph_box, .main_introduce_box, .main_agendar_box, .main_recommend_box, .main_recommend .recommend_list_area .btn_moreview {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1650px) {
  .safe_area, .main_visual_box, .main_visual_box .count_box, .main_live_box, .main_liveday_box, .main_graph_box, .main_introduce_box, .main_agendar_box, .main_recommend_box, .main_recommend .recommend_list_area .btn_moreview {
    max-width: 1410px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .safe_area, .main_visual_box, .main_visual_box .count_box, .main_live_box, .main_liveday_box, .main_graph_box, .main_introduce_box, .main_agendar_box, .main_recommend_box, .main_recommend .recommend_list_area .btn_moreview {
    max-width: 85.48vw;
  }
}

@media (max-width: 767.9px) {
  .safe_area, .main_visual_box, .main_visual_box .count_box, .main_live_box, .main_liveday_box, .main_graph_box, .main_introduce_box, .main_agendar_box, .main_recommend_box, .main_recommend .recommend_list_area .btn_moreview {
    max-width: 89.3333vw;
  }
}

.mrl_auto, .main_visual_box {
  margin: 0 auto;
}

.wh_full, .main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img, .speaker_list .list_box .box_in .thum p img, .main_live_box .live_video_box .live_video, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before, .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum p img {
  width: 100%;
  height: 100%;
}

.rest_ani, .main_visual_box .title, .main_visual_box .text, .main_visual_box .count_box, .main_visual.main_after .main_visual_box .title {
  margin-top: 0;
  opacity: 1;
}

.hidden {
  width: 0;
  height: 0;
  display: block;
  color: transparent;
  text-indent: -999px;
  opacity: 0;
}

.txt_indent, .main_live_box .live_video_box .btn_play, .main_graph_right .question_graph .question_box .chart_box .chart_half span {
  font-size: 0 !important;
  text-indent: -999px !important;
}

.ellip, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox, .speaker_list .list_box .box_in p, .speaker_list .list_box .box_in .desc, .main_live_box .live_video_list .video_list_box .list_area .desc, .main_liveday_box .titbox .txt, .main_introduce .introduce_list_area .introduce_list .list_box .box_in p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi_ellip, .main_live_box .live_description .inner .desc_left, .main_live_box .live_description .inner .desc_right .txt {
  overflow: hidden;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
}

.point_font, .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day, .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong, .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong, .main_visual_box .desc p, .main_visual_box .desc p strong, .main_visual_box .title p,
.main_visual_box .title strong, .main_visual_box .text p,
.main_visual_box .text span, .main_visual_box .count_box .count_numbox .day p.day_tit, .main_visual_box .count_box .count_numbox .day strong, .main_visual_box .count_box .count_numbox .timebox p strong, .main_visual.main_after .main_visual_box .title p,
.main_visual.main_after .main_visual_box .title span, .main_live_box .live_description .inner .desc_left, .main_liveday_box .titbox .date, .main_liveday_box .titbox .date > *, .main_liveday_box .titbox .tit, .main_graph_box .tit, .main_introduce .introduce_tit .tit, .main_introduce .introduce_tit .tit strong, .main_agendar_box .introduce_tit .tit, .main_agendar_box .introduce_tit .tit strong, .main_agendar_box .agendar_list_area .agendar_list .list_box .tit, .main_agendar_box .agendar_list_area .agendar_list .list_box .tit span, .main_recommend .introduce_tit .tit, .main_recommend .introduce_tit .tit strong {
  font-family: 'Moebius';
}

.normal_font {
  font-family: 'Noto Sans KR';
}

/*ANIMATION*/
.delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay11 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.85s, -webkit-transform 1s ease 3.85s;
  transition: opacity 1s ease 3.85s, -webkit-transform 1s ease 3.85s;
  transition: transform 1s ease 3.85s, opacity 1s ease 3.85s;
  transition: transform 1s ease 3.85s, opacity 1s ease 3.85s, -webkit-transform 1s ease 3.85s;
}

@media (min-width: 1650px) {
  .delay11 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay11 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay11 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay11 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay11 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay11.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay12 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 4.2s, -webkit-transform 1s ease 4.2s;
  transition: opacity 1s ease 4.2s, -webkit-transform 1s ease 4.2s;
  transition: transform 1s ease 4.2s, opacity 1s ease 4.2s;
  transition: transform 1s ease 4.2s, opacity 1s ease 4.2s, -webkit-transform 1s ease 4.2s;
}

@media (min-width: 1650px) {
  .delay12 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay12 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay12 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay12 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay12 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay12.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay13 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 4.55s, -webkit-transform 1s ease 4.55s;
  transition: opacity 1s ease 4.55s, -webkit-transform 1s ease 4.55s;
  transition: transform 1s ease 4.55s, opacity 1s ease 4.55s;
  transition: transform 1s ease 4.55s, opacity 1s ease 4.55s, -webkit-transform 1s ease 4.55s;
}

@media (min-width: 1650px) {
  .delay13 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay13 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay13 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay13 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay13 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay13.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay14 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 4.9s, -webkit-transform 1s ease 4.9s;
  transition: opacity 1s ease 4.9s, -webkit-transform 1s ease 4.9s;
  transition: transform 1s ease 4.9s, opacity 1s ease 4.9s;
  transition: transform 1s ease 4.9s, opacity 1s ease 4.9s, -webkit-transform 1s ease 4.9s;
}

@media (min-width: 1650px) {
  .delay14 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay14 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay14 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay14 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay14 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay14.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay15 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 5.25s, -webkit-transform 1s ease 5.25s;
  transition: opacity 1s ease 5.25s, -webkit-transform 1s ease 5.25s;
  transition: transform 1s ease 5.25s, opacity 1s ease 5.25s;
  transition: transform 1s ease 5.25s, opacity 1s ease 5.25s, -webkit-transform 1s ease 5.25s;
}

@media (min-width: 1650px) {
  .delay15 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay15 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay15 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay15 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay15 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay15.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay16 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 5.6s, -webkit-transform 1s ease 5.6s;
  transition: opacity 1s ease 5.6s, -webkit-transform 1s ease 5.6s;
  transition: transform 1s ease 5.6s, opacity 1s ease 5.6s;
  transition: transform 1s ease 5.6s, opacity 1s ease 5.6s, -webkit-transform 1s ease 5.6s;
}

@media (min-width: 1650px) {
  .delay16 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay16 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay16 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay16 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay16 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay16.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay17 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 5.95s, -webkit-transform 1s ease 5.95s;
  transition: opacity 1s ease 5.95s, -webkit-transform 1s ease 5.95s;
  transition: transform 1s ease 5.95s, opacity 1s ease 5.95s;
  transition: transform 1s ease 5.95s, opacity 1s ease 5.95s, -webkit-transform 1s ease 5.95s;
}

@media (min-width: 1650px) {
  .delay17 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay17 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay17 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay17 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay17 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay17.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay18 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 6.3s, -webkit-transform 1s ease 6.3s;
  transition: opacity 1s ease 6.3s, -webkit-transform 1s ease 6.3s;
  transition: transform 1s ease 6.3s, opacity 1s ease 6.3s;
  transition: transform 1s ease 6.3s, opacity 1s ease 6.3s, -webkit-transform 1s ease 6.3s;
}

@media (min-width: 1650px) {
  .delay18 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay18 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay18 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay18 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay18 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay18.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay19 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 6.65s, -webkit-transform 1s ease 6.65s;
  transition: opacity 1s ease 6.65s, -webkit-transform 1s ease 6.65s;
  transition: transform 1s ease 6.65s, opacity 1s ease 6.65s;
  transition: transform 1s ease 6.65s, opacity 1s ease 6.65s, -webkit-transform 1s ease 6.65s;
}

@media (min-width: 1650px) {
  .delay19 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay19 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay19 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay19 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay19 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay19.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay20 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 7s, -webkit-transform 1s ease 7s;
  transition: opacity 1s ease 7s, -webkit-transform 1s ease 7s;
  transition: transform 1s ease 7s, opacity 1s ease 7s;
  transition: transform 1s ease 7s, opacity 1s ease 7s, -webkit-transform 1s ease 7s;
}

@media (min-width: 1650px) {
  .delay20 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay20 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay20 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay20 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay20 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay20.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay21 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 7.35s, -webkit-transform 1s ease 7.35s;
  transition: opacity 1s ease 7.35s, -webkit-transform 1s ease 7.35s;
  transition: transform 1s ease 7.35s, opacity 1s ease 7.35s;
  transition: transform 1s ease 7.35s, opacity 1s ease 7.35s, -webkit-transform 1s ease 7.35s;
}

@media (min-width: 1650px) {
  .delay21 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay21 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay21 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay21 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay21 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay21.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay22 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 7.7s, -webkit-transform 1s ease 7.7s;
  transition: opacity 1s ease 7.7s, -webkit-transform 1s ease 7.7s;
  transition: transform 1s ease 7.7s, opacity 1s ease 7.7s;
  transition: transform 1s ease 7.7s, opacity 1s ease 7.7s, -webkit-transform 1s ease 7.7s;
}

@media (min-width: 1650px) {
  .delay22 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay22 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay22 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay22 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay22 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay22.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay23 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 8.05s, -webkit-transform 1s ease 8.05s;
  transition: opacity 1s ease 8.05s, -webkit-transform 1s ease 8.05s;
  transition: transform 1s ease 8.05s, opacity 1s ease 8.05s;
  transition: transform 1s ease 8.05s, opacity 1s ease 8.05s, -webkit-transform 1s ease 8.05s;
}

@media (min-width: 1650px) {
  .delay23 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay23 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay23 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay23 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay23 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay23.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay24 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 8.4s, -webkit-transform 1s ease 8.4s;
  transition: opacity 1s ease 8.4s, -webkit-transform 1s ease 8.4s;
  transition: transform 1s ease 8.4s, opacity 1s ease 8.4s;
  transition: transform 1s ease 8.4s, opacity 1s ease 8.4s, -webkit-transform 1s ease 8.4s;
}

@media (min-width: 1650px) {
  .delay24 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay24 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay24 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay24 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay24 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay24.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay25 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 8.75s, -webkit-transform 1s ease 8.75s;
  transition: opacity 1s ease 8.75s, -webkit-transform 1s ease 8.75s;
  transition: transform 1s ease 8.75s, opacity 1s ease 8.75s;
  transition: transform 1s ease 8.75s, opacity 1s ease 8.75s, -webkit-transform 1s ease 8.75s;
}

@media (min-width: 1650px) {
  .delay25 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay25 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay25 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay25 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay25 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay25.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay26 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 9.1s, -webkit-transform 1s ease 9.1s;
  transition: opacity 1s ease 9.1s, -webkit-transform 1s ease 9.1s;
  transition: transform 1s ease 9.1s, opacity 1s ease 9.1s;
  transition: transform 1s ease 9.1s, opacity 1s ease 9.1s, -webkit-transform 1s ease 9.1s;
}

@media (min-width: 1650px) {
  .delay26 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay26 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay26 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay26 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay26 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay26.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay27 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 9.45s, -webkit-transform 1s ease 9.45s;
  transition: opacity 1s ease 9.45s, -webkit-transform 1s ease 9.45s;
  transition: transform 1s ease 9.45s, opacity 1s ease 9.45s;
  transition: transform 1s ease 9.45s, opacity 1s ease 9.45s, -webkit-transform 1s ease 9.45s;
}

@media (min-width: 1650px) {
  .delay27 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay27 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay27 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay27 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay27 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay27.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay28 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 9.8s, -webkit-transform 1s ease 9.8s;
  transition: opacity 1s ease 9.8s, -webkit-transform 1s ease 9.8s;
  transition: transform 1s ease 9.8s, opacity 1s ease 9.8s;
  transition: transform 1s ease 9.8s, opacity 1s ease 9.8s, -webkit-transform 1s ease 9.8s;
}

@media (min-width: 1650px) {
  .delay28 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay28 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay28 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay28 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay28 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay28.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay29 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 10.15s, -webkit-transform 1s ease 10.15s;
  transition: opacity 1s ease 10.15s, -webkit-transform 1s ease 10.15s;
  transition: transform 1s ease 10.15s, opacity 1s ease 10.15s;
  transition: transform 1s ease 10.15s, opacity 1s ease 10.15s, -webkit-transform 1s ease 10.15s;
}

@media (min-width: 1650px) {
  .delay29 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay29 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay29 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay29 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay29 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay29.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay30 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 10.5s, -webkit-transform 1s ease 10.5s;
  transition: opacity 1s ease 10.5s, -webkit-transform 1s ease 10.5s;
  transition: transform 1s ease 10.5s, opacity 1s ease 10.5s;
  transition: transform 1s ease 10.5s, opacity 1s ease 10.5s, -webkit-transform 1s ease 10.5s;
}

@media (min-width: 1650px) {
  .delay30 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay30 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay30 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay30 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay30 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay30.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay31 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 10.85s, -webkit-transform 1s ease 10.85s;
  transition: opacity 1s ease 10.85s, -webkit-transform 1s ease 10.85s;
  transition: transform 1s ease 10.85s, opacity 1s ease 10.85s;
  transition: transform 1s ease 10.85s, opacity 1s ease 10.85s, -webkit-transform 1s ease 10.85s;
}

@media (min-width: 1650px) {
  .delay31 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay31 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay31 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay31 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay31 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay31.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay32 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 11.2s, -webkit-transform 1s ease 11.2s;
  transition: opacity 1s ease 11.2s, -webkit-transform 1s ease 11.2s;
  transition: transform 1s ease 11.2s, opacity 1s ease 11.2s;
  transition: transform 1s ease 11.2s, opacity 1s ease 11.2s, -webkit-transform 1s ease 11.2s;
}

@media (min-width: 1650px) {
  .delay32 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay32 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay32 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay32 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay32 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay32.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay33 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 11.55s, -webkit-transform 1s ease 11.55s;
  transition: opacity 1s ease 11.55s, -webkit-transform 1s ease 11.55s;
  transition: transform 1s ease 11.55s, opacity 1s ease 11.55s;
  transition: transform 1s ease 11.55s, opacity 1s ease 11.55s, -webkit-transform 1s ease 11.55s;
}

@media (min-width: 1650px) {
  .delay33 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay33 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay33 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay33 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay33 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay33.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay34 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 11.9s, -webkit-transform 1s ease 11.9s;
  transition: opacity 1s ease 11.9s, -webkit-transform 1s ease 11.9s;
  transition: transform 1s ease 11.9s, opacity 1s ease 11.9s;
  transition: transform 1s ease 11.9s, opacity 1s ease 11.9s, -webkit-transform 1s ease 11.9s;
}

@media (min-width: 1650px) {
  .delay34 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay34 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay34 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay34 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay34 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay34.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay35 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 12.25s, -webkit-transform 1s ease 12.25s;
  transition: opacity 1s ease 12.25s, -webkit-transform 1s ease 12.25s;
  transition: transform 1s ease 12.25s, opacity 1s ease 12.25s;
  transition: transform 1s ease 12.25s, opacity 1s ease 12.25s, -webkit-transform 1s ease 12.25s;
}

@media (min-width: 1650px) {
  .delay35 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay35 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay35 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay35 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay35 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay35.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay36 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 12.6s, -webkit-transform 1s ease 12.6s;
  transition: opacity 1s ease 12.6s, -webkit-transform 1s ease 12.6s;
  transition: transform 1s ease 12.6s, opacity 1s ease 12.6s;
  transition: transform 1s ease 12.6s, opacity 1s ease 12.6s, -webkit-transform 1s ease 12.6s;
}

@media (min-width: 1650px) {
  .delay36 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay36 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay36 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay36 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay36 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay36.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay37 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 12.95s, -webkit-transform 1s ease 12.95s;
  transition: opacity 1s ease 12.95s, -webkit-transform 1s ease 12.95s;
  transition: transform 1s ease 12.95s, opacity 1s ease 12.95s;
  transition: transform 1s ease 12.95s, opacity 1s ease 12.95s, -webkit-transform 1s ease 12.95s;
}

@media (min-width: 1650px) {
  .delay37 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay37 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay37 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay37 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay37 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay37.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay38 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 13.3s, -webkit-transform 1s ease 13.3s;
  transition: opacity 1s ease 13.3s, -webkit-transform 1s ease 13.3s;
  transition: transform 1s ease 13.3s, opacity 1s ease 13.3s;
  transition: transform 1s ease 13.3s, opacity 1s ease 13.3s, -webkit-transform 1s ease 13.3s;
}

@media (min-width: 1650px) {
  .delay38 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay38 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay38 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay38 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay38 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay38.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay39 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 13.65s, -webkit-transform 1s ease 13.65s;
  transition: opacity 1s ease 13.65s, -webkit-transform 1s ease 13.65s;
  transition: transform 1s ease 13.65s, opacity 1s ease 13.65s;
  transition: transform 1s ease 13.65s, opacity 1s ease 13.65s, -webkit-transform 1s ease 13.65s;
}

@media (min-width: 1650px) {
  .delay39 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay39 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay39 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay39 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay39 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay39.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay40 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 14s, -webkit-transform 1s ease 14s;
  transition: opacity 1s ease 14s, -webkit-transform 1s ease 14s;
  transition: transform 1s ease 14s, opacity 1s ease 14s;
  transition: transform 1s ease 14s, opacity 1s ease 14s, -webkit-transform 1s ease 14s;
}

@media (min-width: 1650px) {
  .delay40 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay40 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay40 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay40 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay40 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay40.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay41 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 14.35s, -webkit-transform 1s ease 14.35s;
  transition: opacity 1s ease 14.35s, -webkit-transform 1s ease 14.35s;
  transition: transform 1s ease 14.35s, opacity 1s ease 14.35s;
  transition: transform 1s ease 14.35s, opacity 1s ease 14.35s, -webkit-transform 1s ease 14.35s;
}

@media (min-width: 1650px) {
  .delay41 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay41 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay41 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay41 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay41 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay41.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay42 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 14.7s, -webkit-transform 1s ease 14.7s;
  transition: opacity 1s ease 14.7s, -webkit-transform 1s ease 14.7s;
  transition: transform 1s ease 14.7s, opacity 1s ease 14.7s;
  transition: transform 1s ease 14.7s, opacity 1s ease 14.7s, -webkit-transform 1s ease 14.7s;
}

@media (min-width: 1650px) {
  .delay42 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay42 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay42 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay42 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay42 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay42.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay43 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 15.05s, -webkit-transform 1s ease 15.05s;
  transition: opacity 1s ease 15.05s, -webkit-transform 1s ease 15.05s;
  transition: transform 1s ease 15.05s, opacity 1s ease 15.05s;
  transition: transform 1s ease 15.05s, opacity 1s ease 15.05s, -webkit-transform 1s ease 15.05s;
}

@media (min-width: 1650px) {
  .delay43 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay43 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay43 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay43 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay43 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay43.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay44 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 15.4s, -webkit-transform 1s ease 15.4s;
  transition: opacity 1s ease 15.4s, -webkit-transform 1s ease 15.4s;
  transition: transform 1s ease 15.4s, opacity 1s ease 15.4s;
  transition: transform 1s ease 15.4s, opacity 1s ease 15.4s, -webkit-transform 1s ease 15.4s;
}

@media (min-width: 1650px) {
  .delay44 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay44 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay44 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay44 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay44 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay44.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay45 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 15.75s, -webkit-transform 1s ease 15.75s;
  transition: opacity 1s ease 15.75s, -webkit-transform 1s ease 15.75s;
  transition: transform 1s ease 15.75s, opacity 1s ease 15.75s;
  transition: transform 1s ease 15.75s, opacity 1s ease 15.75s, -webkit-transform 1s ease 15.75s;
}

@media (min-width: 1650px) {
  .delay45 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay45 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay45 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay45 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay45 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay45.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay46 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 16.1s, -webkit-transform 1s ease 16.1s;
  transition: opacity 1s ease 16.1s, -webkit-transform 1s ease 16.1s;
  transition: transform 1s ease 16.1s, opacity 1s ease 16.1s;
  transition: transform 1s ease 16.1s, opacity 1s ease 16.1s, -webkit-transform 1s ease 16.1s;
}

@media (min-width: 1650px) {
  .delay46 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay46 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay46 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay46 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay46 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay46.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay47 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 16.45s, -webkit-transform 1s ease 16.45s;
  transition: opacity 1s ease 16.45s, -webkit-transform 1s ease 16.45s;
  transition: transform 1s ease 16.45s, opacity 1s ease 16.45s;
  transition: transform 1s ease 16.45s, opacity 1s ease 16.45s, -webkit-transform 1s ease 16.45s;
}

@media (min-width: 1650px) {
  .delay47 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay47 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay47 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay47 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay47 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay47.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay48 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 16.8s, -webkit-transform 1s ease 16.8s;
  transition: opacity 1s ease 16.8s, -webkit-transform 1s ease 16.8s;
  transition: transform 1s ease 16.8s, opacity 1s ease 16.8s;
  transition: transform 1s ease 16.8s, opacity 1s ease 16.8s, -webkit-transform 1s ease 16.8s;
}

@media (min-width: 1650px) {
  .delay48 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay48 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay48 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay48 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay48 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay48.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay49 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 17.15s, -webkit-transform 1s ease 17.15s;
  transition: opacity 1s ease 17.15s, -webkit-transform 1s ease 17.15s;
  transition: transform 1s ease 17.15s, opacity 1s ease 17.15s;
  transition: transform 1s ease 17.15s, opacity 1s ease 17.15s, -webkit-transform 1s ease 17.15s;
}

@media (min-width: 1650px) {
  .delay49 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay49 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay49 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay49 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay49 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay49.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.delay50 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 17.5s, -webkit-transform 1s ease 17.5s;
  transition: opacity 1s ease 17.5s, -webkit-transform 1s ease 17.5s;
  transition: transform 1s ease 17.5s, opacity 1s ease 17.5s;
  transition: transform 1s ease 17.5s, opacity 1s ease 17.5s, -webkit-transform 1s ease 17.5s;
}

@media (min-width: 1650px) {
  .delay50 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .delay50 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .delay50 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .delay50 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .delay50 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.delay50.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.row, .speaker_list, .session_count .color_box, .main_live_box .live_video_box .inner .color_box, .session_zoom .color_box, .main_live_box, .main_live_box .live_video_area, .main_live_box .live_description .inner, .main_liveday_box, .main_liveday_box .liveday_information_area, .main_graph_box, .main_graph_right .question_graph .question_box .box_row, .main_introduce .introduce_list_area .introduce_list, .main_agendar_box .agendar_list_area .agendar_list, .main_recommend .recommend_list_area .recommend_list_box {
  font-size: 0;
}

.col_1, .main_graph_right .question_graph .question_box .num {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    width: 90px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_1 span.ell_in, .main_graph_right .question_graph .question_box .num span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_1:first-child, .main_graph_right .question_graph .question_box .num:first-child {
    margin-left: 0;
  }
  .col_1:last-child, .main_graph_right .question_graph .question_box .num:last-child {
    margin-right: 0;
  }
  .col_1.ml_0, .main_graph_right .question_graph .question_box .ml_0.num {
    margin-left: 0;
  }
  .col_1.mr_0, .main_graph_right .question_graph .question_box .mr_0.num {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    width: 5.4545vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_1:first-child, .main_graph_right .question_graph .question_box .num:first-child {
    margin-left: 0;
  }
  .col_1:last-child, .main_graph_right .question_graph .question_box .num:last-child {
    margin-right: 0;
  }
  .col_1.ml_0, .main_graph_right .question_graph .question_box .ml_0.num {
    margin-left: 0;
  }
  .col_1.mr_0, .main_graph_right .question_graph .question_box .mr_0.num {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_1, .main_graph_right .question_graph .question_box .num {
    width: 20.5333vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_2 {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_2 {
    width: 210px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_2 span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_2 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_2 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_2 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_2 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_2 {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_2:first-child {
    margin-left: 0;
  }
  .col_2:last-child {
    margin-right: 0;
  }
  .col_2.ml_0 {
    margin-left: 0;
  }
  .col_2.mr_0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_2 {
    width: 12.7272vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_2:first-child {
    margin-left: 0;
  }
  .col_2:last-child {
    margin-right: 0;
  }
  .col_2.ml_0 {
    margin-left: 0;
  }
  .col_2.mr_0 {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_2 {
    width: 45.8666vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    width: 330px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_3 span.ell_in, .speaker_list .list_box span.ell_in, .main_live_box .live_video_list span.ell_in, .main_liveday_box .liveday_information_area .liveday_list_area span.ell_in, .main_introduce .introduce_list_area .introduce_list .list_box span.ell_in, .main_agendar_box .agendar_list_area .agendar_list .list_box span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_3:first-child, .speaker_list .list_box:first-child, .main_live_box .live_video_list:first-child, .main_liveday_box .liveday_information_area .liveday_list_area:first-child, .main_introduce .introduce_list_area .introduce_list .list_box:first-child, .main_agendar_box .agendar_list_area .agendar_list .list_box:first-child {
    margin-left: 0;
  }
  .col_3:last-child, .speaker_list .list_box:last-child, .main_live_box .live_video_list:last-child, .main_liveday_box .liveday_information_area .liveday_list_area:last-child, .main_introduce .introduce_list_area .introduce_list .list_box:last-child, .main_agendar_box .agendar_list_area .agendar_list .list_box:last-child {
    margin-right: 0;
  }
  .col_3.ml_0, .speaker_list .ml_0.list_box, .main_live_box .ml_0.live_video_list, .main_liveday_box .liveday_information_area .ml_0.liveday_list_area, .main_introduce .introduce_list_area .introduce_list .ml_0.list_box, .main_agendar_box .agendar_list_area .agendar_list .ml_0.list_box {
    margin-left: 0;
  }
  .col_3.mr_0, .speaker_list .mr_0.list_box, .main_live_box .mr_0.live_video_list, .main_liveday_box .liveday_information_area .mr_0.liveday_list_area, .main_introduce .introduce_list_area .introduce_list .mr_0.list_box, .main_agendar_box .agendar_list_area .agendar_list .mr_0.list_box {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    width: 19.9999vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_3:first-child, .speaker_list .list_box:first-child, .main_live_box .live_video_list:first-child, .main_liveday_box .liveday_information_area .liveday_list_area:first-child, .main_introduce .introduce_list_area .introduce_list .list_box:first-child, .main_agendar_box .agendar_list_area .agendar_list .list_box:first-child {
    margin-left: 0;
  }
  .col_3:last-child, .speaker_list .list_box:last-child, .main_live_box .live_video_list:last-child, .main_liveday_box .liveday_information_area .liveday_list_area:last-child, .main_introduce .introduce_list_area .introduce_list .list_box:last-child, .main_agendar_box .agendar_list_area .agendar_list .list_box:last-child {
    margin-right: 0;
  }
  .col_3.ml_0, .speaker_list .ml_0.list_box, .main_live_box .ml_0.live_video_list, .main_liveday_box .liveday_information_area .ml_0.liveday_list_area, .main_introduce .introduce_list_area .introduce_list .ml_0.list_box, .main_agendar_box .agendar_list_area .agendar_list .ml_0.list_box {
    margin-left: 0;
  }
  .col_3.mr_0, .speaker_list .mr_0.list_box, .main_live_box .mr_0.live_video_list, .main_liveday_box .liveday_information_area .mr_0.liveday_list_area, .main_introduce .introduce_list_area .introduce_list .mr_0.list_box, .main_agendar_box .agendar_list_area .agendar_list .mr_0.list_box {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_3, .speaker_list .list_box, .main_live_box .live_video_list, .main_liveday_box .liveday_information_area .liveday_list_area, .main_introduce .introduce_list_area .introduce_list .list_box, .main_agendar_box .agendar_list_area .agendar_list .list_box {
    width: 71.1999vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    width: 450px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_4 span.ell_in, .main_graph_right .question_graph .question_box .txt span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box span.ell_in, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_4:first-child, .main_graph_right .question_graph .question_box .txt:first-child, .main_recommend .recommend_list_area .recommend_list_box .list_box:first-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box:first-child {
    margin-left: 0;
  }
  .col_4:last-child, .main_graph_right .question_graph .question_box .txt:last-child, .main_recommend .recommend_list_area .recommend_list_box .list_box:last-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box:last-child {
    margin-right: 0;
  }
  .col_4.ml_0, .main_graph_right .question_graph .question_box .ml_0.txt, .main_recommend .recommend_list_area .recommend_list_box .ml_0.list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .ml_0.tit_box {
    margin-left: 0;
  }
  .col_4.mr_0, .main_graph_right .question_graph .question_box .mr_0.txt, .main_recommend .recommend_list_area .recommend_list_box .mr_0.list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .mr_0.tit_box {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    width: 27.2726vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_4:first-child, .main_graph_right .question_graph .question_box .txt:first-child, .main_recommend .recommend_list_area .recommend_list_box .list_box:first-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box:first-child {
    margin-left: 0;
  }
  .col_4:last-child, .main_graph_right .question_graph .question_box .txt:last-child, .main_recommend .recommend_list_area .recommend_list_box .list_box:last-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box:last-child {
    margin-right: 0;
  }
  .col_4.ml_0, .main_graph_right .question_graph .question_box .ml_0.txt, .main_recommend .recommend_list_area .recommend_list_box .ml_0.list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .ml_0.tit_box {
    margin-left: 0;
  }
  .col_4.mr_0, .main_graph_right .question_graph .question_box .mr_0.txt, .main_recommend .recommend_list_area .recommend_list_box .mr_0.list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .mr_0.tit_box {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_4, .main_graph_right .question_graph .question_box .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    width: 96.5332vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_5, .main_graph_left > .in, .main_graph_right > .in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    width: 570px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_5 span.ell_in, .main_graph_left > .in span.ell_in, .main_graph_right > .in span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_5:first-child, .main_graph_left > .in:first-child, .main_graph_right > .in:first-child {
    margin-left: 0;
  }
  .col_5:last-child, .main_graph_left > .in:last-child, .main_graph_right > .in:last-child {
    margin-right: 0;
  }
  .col_5.ml_0, .main_graph_left > .ml_0.in, .main_graph_right > .ml_0.in {
    margin-left: 0;
  }
  .col_5.mr_0, .main_graph_left > .mr_0.in, .main_graph_right > .mr_0.in {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    width: 34.5453vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_5:first-child, .main_graph_left > .in:first-child, .main_graph_right > .in:first-child {
    margin-left: 0;
  }
  .col_5:last-child, .main_graph_left > .in:last-child, .main_graph_right > .in:last-child {
    margin-right: 0;
  }
  .col_5.ml_0, .main_graph_left > .ml_0.in, .main_graph_right > .ml_0.in {
    margin-left: 0;
  }
  .col_5.mr_0, .main_graph_left > .mr_0.in, .main_graph_right > .mr_0.in {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_5, .main_graph_left > .in, .main_graph_right > .in {
    width: 121.8665vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_6, .main_graph_left, .main_graph_right {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_6, .main_graph_left, .main_graph_right {
    width: 690px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_6 span.ell_in, .main_graph_left span.ell_in, .main_graph_right span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_6, .main_graph_left, .main_graph_right {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_6:first-child, .main_graph_left:first-child, .main_graph_right:first-child {
    margin-left: 0;
  }
  .col_6:last-child, .main_graph_left:last-child, .main_graph_right:last-child {
    margin-right: 0;
  }
  .col_6.ml_0, .ml_0.main_graph_left, .ml_0.main_graph_right {
    margin-left: 0;
  }
  .col_6.mr_0, .mr_0.main_graph_left, .mr_0.main_graph_right {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    width: 41.818vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_6:first-child, .main_graph_left:first-child, .main_graph_right:first-child {
    margin-left: 0;
  }
  .col_6:last-child, .main_graph_left:last-child, .main_graph_right:last-child {
    margin-right: 0;
  }
  .col_6.ml_0, .ml_0.main_graph_left, .ml_0.main_graph_right {
    margin-left: 0;
  }
  .col_6.mr_0, .mr_0.main_graph_left, .mr_0.main_graph_right {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_6, .main_graph_left, .main_graph_right {
    width: 147.1998vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_7 {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_7 {
    width: 810px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_7 span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_7 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_7 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_7 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_7 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_7 {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_7:first-child {
    margin-left: 0;
  }
  .col_7:last-child {
    margin-right: 0;
  }
  .col_7.ml_0 {
    margin-left: 0;
  }
  .col_7.mr_0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_7 {
    width: 49.0907vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_7:first-child {
    margin-left: 0;
  }
  .col_7:last-child {
    margin-right: 0;
  }
  .col_7.ml_0 {
    margin-left: 0;
  }
  .col_7.mr_0 {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_7 {
    width: 172.5331vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    width: 930px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_8 span.ell_in, .session_zoom .zoom_box .zoom_fold_box .txt span.ell_in, .main_liveday_box .liveday_information_area .liveday_infobox_area span.ell_in, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_8:first-child, .session_zoom .zoom_box .zoom_fold_box .txt:first-child, .main_liveday_box .liveday_information_area .liveday_infobox_area:first-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:first-child {
    margin-left: 0;
  }
  .col_8:last-child, .session_zoom .zoom_box .zoom_fold_box .txt:last-child, .main_liveday_box .liveday_information_area .liveday_infobox_area:last-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:last-child {
    margin-right: 0;
  }
  .col_8.ml_0, .session_zoom .zoom_box .zoom_fold_box .ml_0.txt, .main_liveday_box .liveday_information_area .ml_0.liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .ml_0.list_box.main_box {
    margin-left: 0;
  }
  .col_8.mr_0, .session_zoom .zoom_box .zoom_fold_box .mr_0.txt, .main_liveday_box .liveday_information_area .mr_0.liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .mr_0.list_box.main_box {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    width: 56.3634vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_8:first-child, .session_zoom .zoom_box .zoom_fold_box .txt:first-child, .main_liveday_box .liveday_information_area .liveday_infobox_area:first-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:first-child {
    margin-left: 0;
  }
  .col_8:last-child, .session_zoom .zoom_box .zoom_fold_box .txt:last-child, .main_liveday_box .liveday_information_area .liveday_infobox_area:last-child, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:last-child {
    margin-right: 0;
  }
  .col_8.ml_0, .session_zoom .zoom_box .zoom_fold_box .ml_0.txt, .main_liveday_box .liveday_information_area .ml_0.liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .ml_0.list_box.main_box {
    margin-left: 0;
  }
  .col_8.mr_0, .session_zoom .zoom_box .zoom_fold_box .mr_0.txt, .main_liveday_box .liveday_information_area .mr_0.liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .mr_0.list_box.main_box {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_8, .session_zoom .zoom_box .zoom_fold_box .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    width: 197.8664vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_9, .main_live_box .live_video_box {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_9, .main_live_box .live_video_box {
    width: 1050px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_9 span.ell_in, .main_live_box .live_video_box span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_9, .main_live_box .live_video_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_9, .main_live_box .live_video_box {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_9, .main_live_box .live_video_box {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_9, .main_live_box .live_video_box {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_9, .main_live_box .live_video_box {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_9:first-child, .main_live_box .live_video_box:first-child {
    margin-left: 0;
  }
  .col_9:last-child, .main_live_box .live_video_box:last-child {
    margin-right: 0;
  }
  .col_9.ml_0, .main_live_box .ml_0.live_video_box {
    margin-left: 0;
  }
  .col_9.mr_0, .main_live_box .mr_0.live_video_box {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_9, .main_live_box .live_video_box {
    width: 63.6361vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_9:first-child, .main_live_box .live_video_box:first-child {
    margin-left: 0;
  }
  .col_9:last-child, .main_live_box .live_video_box:last-child {
    margin-right: 0;
  }
  .col_9.ml_0, .main_live_box .ml_0.live_video_box {
    margin-left: 0;
  }
  .col_9.mr_0, .main_live_box .mr_0.live_video_box {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_9, .main_live_box .live_video_box {
    width: 223.1997vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_10 {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_10 {
    width: 1170px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_10 span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_10 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_10 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_10 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_10 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_10 {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_10:first-child {
    margin-left: 0;
  }
  .col_10:last-child {
    margin-right: 0;
  }
  .col_10.ml_0 {
    margin-left: 0;
  }
  .col_10.mr_0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_10 {
    width: 70.9088vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_10:first-child {
    margin-left: 0;
  }
  .col_10:last-child {
    margin-right: 0;
  }
  .col_10.ml_0 {
    margin-left: 0;
  }
  .col_10.mr_0 {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_10 {
    width: 248.533vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_11 {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_11 {
    width: 1290px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_11 span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_11 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_11 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_11 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_11 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_11 {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_11:first-child {
    margin-left: 0;
  }
  .col_11:last-child {
    margin-right: 0;
  }
  .col_11.ml_0 {
    margin-left: 0;
  }
  .col_11.mr_0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_11 {
    width: 78.1815vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_11:first-child {
    margin-left: 0;
  }
  .col_11:last-child {
    margin-right: 0;
  }
  .col_11.ml_0 {
    margin-left: 0;
  }
  .col_11.mr_0 {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_11 {
    width: 273.8663vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

.col_12 {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .col_12 {
    width: 1410px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 20px;
    font-size: 20px;
  }
  .col_12 span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (min-width: 1650px) and (min-width: 1650px) {
  .col_12 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .col_12 {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1650px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .col_12 {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1650px) and (min-width: 768px) and (max-width: 1023.9px) {
  .col_12 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1650px) and (max-width: 767.9px) {
  .col_12 {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .col_12:first-child {
    margin-left: 0;
  }
  .col_12:last-child {
    margin-right: 0;
  }
  .col_12.ml_0 {
    margin-left: 0;
  }
  .col_12.mr_0 {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .col_12 {
    width: 85.4542vw;
    margin-left: 0.9091vw;
    margin-right: 0.9091vw;
  }
  .col_12:first-child {
    margin-left: 0;
  }
  .col_12:last-child {
    margin-right: 0;
  }
  .col_12.ml_0 {
    margin-left: 0;
  }
  .col_12.mr_0 {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .col_12 {
    width: 299.1996vw;
    margin-left: 2.4vw;
    margin-right: 2.4vw;
  }
}

@media (min-width: 1440px) {
  .ico_size0, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size0, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size0, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    width: 34px;
    height: 34px;
  }
}

@media (min-width: 1440px) {
  .ico_size1, .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size1, .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size1, .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 34px;
    height: 34px;
  }
}

@media (min-width: 1440px) {
  .ico_size2 {
    width: 70px;
    height: 52px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size2 {
    width: 50px;
    height: 38px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size2 {
    width: 30px;
    height: 22px;
  }
}

@media (min-width: 1440px) {
  .ico_size3 {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size3 {
    width: 54px;
    height: 54px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size3 {
    width: 44px;
    height: 44px;
  }
}

@media (min-width: 1440px) {
  .ico_size4 {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size4 {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size4 {
    width: 18px;
    height: 18px;
  }
}

@media (min-width: 1440px) {
  .ico_size5 {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .ico_size5 {
    width: 14px;
    height: 14px;
  }
}

@media (min-width: 375px) and (max-width: 1023.9px) {
  .ico_size5 {
    width: 12px;
    height: 12px;
  }
}

.radio_box {
  display: inline-block;
  vertical-align: middle;
}

.radio_box .radio {
  position: relative;
  display: inline-block;
}

.radio_box .radio:last-child {
  margin-right: 0;
}

.radio_box .radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.radio_box .radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.radio_box .radio input[type="radio"] + label span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .radio_box .radio input[type="radio"] + label {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .radio_box .radio input[type="radio"] + label {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .radio_box .radio input[type="radio"] + label {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .radio_box .radio input[type="radio"] + label {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .radio_box .radio input[type="radio"] + label {
    font-size: 3.46667vw;
    line-height: 4.53333vw;
  }
}

.radio_box .radio input[type="radio"] + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.radio_box .radio input[type="radio"]:checked + label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 1650px) {
  .radio_box .radio {
    margin-right: 16px;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 30px;
    line-height: 24px;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 24px;
    height: 24px;
    top: 2px;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 24px;
    height: 24px;
    border: 6px solid #e64c2e;
  }
}

@media (min-width: 1440px) and (max-width: 1650px) {
  .radio_box .radio {
    margin-right: 14px;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 26px;
    line-height: 24px;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
    top: 3px;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 18px;
    height: 18px;
    border: 5px solid #e64c2e;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .radio_box .radio {
    margin-right: 12px;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 26px;
    line-height: 17px;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
    top: 0;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 18px;
    height: 18px;
    border: 5px solid #e64c2e;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .radio_box .radio {
    margin-right: 10px;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 23px;
    line-height: 16px;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
    top: 0;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 18px;
    height: 18px;
    border: 5px solid #e64c2e;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .radio_box .radio {
    margin-right: 1.3021vw;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 22px;
    line-height: 18px;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
    top: 0;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 18px;
    height: 18px;
    border: 5px solid #e64c2e;
  }
}

@media (max-width: 767.9px) {
  .radio_box .radio {
    margin-right: 1.3333vw;
  }
  .radio_box .radio input[type="radio"] + label {
    padding-left: 8.0000vw;
    line-height: 5.3333vw;
    font-size: 3.4667vw;
  }
  .radio_box .radio input[type="radio"] + label:before {
    width: 5.3333vw;
    height: 5.3333vw;
    top: 0;
    border: 1px solid #eaeaea;
  }
  .radio_box .radio input[type="radio"]:checked + label:before {
    width: 5.3333vw;
    height: 5.3333vw;
    border: 1.6vw solid #e64c2e;
  }
}

.def_input input {
  display: block;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(36, 35, 34, 0.2);
  color: #242322;
}

@media (min-width: 1440px) {
  .def_input input {
    height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input {
    height: 45px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input {
    height: 41.65px;
  }
}

@media (min-width: 1440px) {
  .def_input input {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input {
    padding-right: 27px;
    padding-left: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input {
    padding-right: 24.99px;
    padding-left: 24.99px;
  }
}

@media (min-width: 1440px) {
  .def_input input {
    border-radius: 25px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input {
    border-radius: 22.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input {
    border-radius: 20.825px;
  }
}

.def_input input span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_input input {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input input {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .def_input input {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.def_input input::-webkit-input-placeholder {
  color: #9e9e9e;
}

.def_input input:-ms-input-placeholder {
  color: #9e9e9e;
}

.def_input input::-ms-input-placeholder {
  color: #9e9e9e;
}

.def_input input::placeholder {
  color: #9e9e9e;
}

.def_input input::-webkit-input-placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

.def_input input:-ms-input-placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

.def_input input::-ms-input-placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

.def_input input::placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input::-ms-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input::placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input::-ms-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
  .def_input input::placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 22px;
  }
  .def_input input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 22px;
  }
  .def_input input::-ms-input-placeholder {
    font-size: 16px;
    line-height: 22px;
  }
  .def_input input::placeholder {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .def_input input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .def_input input::-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .def_input input::placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
  .def_input input:-ms-input-placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
  .def_input input::-ms-input-placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
  .def_input input::placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.def_input input::-moz-placeholder {
  color: #9e9e9e;
}

.def_input input::-moz-placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_input input::-moz-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input input::-moz-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input::-moz-placeholder {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .def_input input::-moz-placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.def_input input::-webkit-input-placeholder {
  color: #9e9e9e;
}

.def_input input::-webkit-input-placeholder span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .def_input input::-webkit-input-placeholder {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.def_input input:not(:placeholder-shown) {
  border-color: #242322;
}

.def_input input:not(:-ms-input-placeholder) {
  border-color: #242322;
}

.def_input .err_txt {
  display: none;
  color: #e64c2e;
}

.def_input .err_txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_input .err_txt {
    font-size: 16px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input .err_txt {
    font-size: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input .err_txt {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input .err_txt {
    font-size: 12px;
  }
}

@media (max-width: 767.9px) {
  .def_input .err_txt {
    font-size: 3.46667vw;
  }
}

@media (min-width: 1650px) {
  .def_input .err_txt {
    padding-left: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_input .err_txt {
    padding-left: 8.73px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .def_input .err_txt {
    padding-left: 7.76px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .def_input .err_txt {
    padding-left: 6.21px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input .err_txt {
    padding-left: 4.65px;
  }
}

@media (min-width: 1440px) {
  .def_input .err_txt {
    margin-top: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_input .err_txt {
    margin-top: 12.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input .err_txt {
    margin-top: 11.662px;
  }
}

.def_input.err input {
  border-color: #e64c2e;
}

.def_input.err .err_txt {
  display: block;
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_input input {
    height: 43.0080px;
    padding-right: 24.0640px;
    padding-left: 24.0640px;
    border-width: 2px;
    border-radius: 46.0800px;
    line-height: 43.0080px;
  }
  .def_input .err_txt {
    padding-left: 10.2400px;
    margin-top: 10.2400px;
  }
}

@media (max-width: 767.9px) {
  .def_input input {
    height: 11.2000vw;
    padding-right: 6.2667vw;
    padding-left: 6.2667vw;
    border-width: 0.2667vw;
    border-radius: 12.0000vw;
    line-height: 11.2000vw;
  }
  .def_input .err_txt {
    padding-left: 2.6667vw;
    margin-top: 2.6667vw;
  }
}

.def_chkbox {
  position: relative;
  display: inline-block;
}

.def_chkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
}

.def_chkbox input:checked + label span::after {
  display: block;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2212%2E031%22%20height%3D%228%2E969%22%20viewBox%3D%220%200%2012%2E031%208%2E969%22%3E%3Cpath%20d%3D%22M601%2E565%2C198%2E561l%2D5%2E97%2C5%2E969a1%2E6%2C1%2E6%2C0%2C0%2C1%2D2%2E192%2C0l%2D2%2E968%2D2%2E968a1%2E506%2C1%2E506%2C0%2C1%2C1%2C2%2E129%2D2%2E131l1%2E936%2C1%2E936%2C4%2E935%2D4%2E936A1%2E506%2C1%2E506%2C0%2C0%2C1%2C601%2E565%2C198%2E561Z%22%20transform%3D%22translate%28%2D590%20%2D196%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.def_chkbox label {
  position: relative;
  display: inline-block;
  color: #242322;
  font-weight: bold;
}

@media (min-width: 1440px) {
  .def_chkbox label {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label {
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox label {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label {
    padding-left: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label {
    padding-left: 24.99px;
  }
}

.def_chkbox label span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .def_chkbox label {
    font-size: 16px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .def_chkbox label {
    font-size: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label {
    font-size: 12px;
  }
}

@media (max-width: 767.9px) {
  .def_chkbox label {
    font-size: 3.46667vw;
  }
}

@media (min-width: 1440px) {
  .def_chkbox label {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label {
    line-height: 19.992px;
  }
}

.def_chkbox label span {
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeaea;
  content: '';
  z-index: 5;
}

@media (min-width: 1440px) {
  .def_chkbox label span {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label span {
    width: 21.6px;
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label span {
    width: 19.992px;
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox label span {
    margin-top: -12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label span {
    margin-top: -10.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label span {
    margin-top: -9.996px;
  }
}

.def_chkbox label span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: '';
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 1440px) {
  .def_chkbox label span::after {
    width: 12px;
    height: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox label span::after {
    width: 10.8px;
    height: 10.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox label span::after {
    width: 9.996px;
    height: 9.996px;
  }
}

@media (max-width: 767.9px) {
  .def_chkbox label {
    padding-left: 7.2000vw;
    font-size: 3.4667vw;
  }
  .def_chkbox label span {
    width: 5.3333vw;
    height: 5.3333vw;
    margin-top: -2.6667vw;
  }
  .def_chkbox label span::after {
    width: 3.2000vw;
    height: 2.5333vw;
    left: 50%;
    top: 50%;
    margin-top: 0;
    margin-left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.def_chkbox.bg label span::after {
  background-image: none;
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label {
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label {
    padding-left: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label {
    padding-left: 30.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label {
    padding-left: 28.322px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label {
    line-height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label span {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label span {
    width: 21.6px;
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label span {
    width: 19.992px;
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label span {
    margin-top: -12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label span {
    margin-top: -10.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label span {
    margin-top: -9.996px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label span::after {
    margin-top: -6px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label span::after {
    margin-top: -5.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label span::after {
    margin-top: -4.998px;
  }
}

@media (min-width: 1440px) {
  .def_chkbox.h24 label span::after {
    left: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .def_chkbox.h24 label span::after {
    left: 4.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .def_chkbox.h24 label span::after {
    left: 4.165px;
  }
}

input[type=text]::-ms-clear {
  display: none;
}

.whitebox, .sub_session_box .list_box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

@media (min-width: 1440px) {
  .whitebox, .sub_session_box .list_box {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .whitebox, .sub_session_box .list_box {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .whitebox, .sub_session_box .list_box {
    border-radius: 12.495px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .whitebox, .sub_session_box .list_box {
    border-radius: 1.9531vw;
  }
}

@media (max-width: 767.9px) {
  .whitebox, .sub_session_box .list_box {
    border-radius: 2.0000vw;
  }
}

.main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
  display: inline-block;
  color: #ffffff;
  font-weight: 400;
}

.main_tag_agendar span.ell_in, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag span.ell_in, .sub_session_box .list_box .tit_box .tag span.ell_in, .main_live_box .live_video_list .video_list_box .list_area .tag span.ell_in, .main_live_box .live_description .inner .tag span.ell_in, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}

.main_tag_agendar.open, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .open.tag, .sub_session_box .list_box .tit_box .open.tag, .main_live_box .live_video_list .video_list_box .list_area .open.tag, .main_live_box .live_description .inner .open.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .open.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .open.tag, .main_tag_agendar.close, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .close.tag, .sub_session_box .list_box .tit_box .close.tag, .main_live_box .live_video_list .video_list_box .list_area .close.tag, .main_live_box .live_description .inner .close.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .close.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .close.tag, .main_tag_agendar.recap, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .recap.tag, .sub_session_box .list_box .tit_box .recap.tag, .main_live_box .live_video_list .video_list_box .list_area .recap.tag, .main_live_box .live_description .inner .recap.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .recap.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .recap.tag {
  background-color: #9e9e9e;
}

.main_tag_agendar.purple, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .purple.tag, .sub_session_box .list_box .tit_box .purple.tag, .main_live_box .live_video_list .video_list_box .list_area .purple.tag, .main_live_box .live_description .inner .purple.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .purple.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .purple.tag {
  background-color: #BE6DF7;
}

.main_tag_agendar.yellow, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .yellow.tag, .sub_session_box .list_box .tit_box .yellow.tag, .main_live_box .live_video_list .video_list_box .list_area .yellow.tag, .main_live_box .live_description .inner .yellow.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .yellow.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .yellow.tag {
  background-color: #d19b1b;
}

.main_tag_agendar.blue, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .blue.tag, .sub_session_box .list_box .tit_box .blue.tag, .main_live_box .live_video_list .video_list_box .list_area .blue.tag, .main_live_box .live_description .inner .blue.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .blue.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .blue.tag {
  background-color: #7983d9;
}

.main_tag_agendar.green, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .green.tag, .sub_session_box .list_box .tit_box .green.tag, .main_live_box .live_video_list .video_list_box .list_area .green.tag, .main_live_box .live_description .inner .green.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .green.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .green.tag {
  background-color: #6fb277;
}

.main_tag_agendar.skyblue, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .skyblue.tag, .sub_session_box .list_box .tit_box .skyblue.tag, .main_live_box .live_video_list .video_list_box .list_area .skyblue.tag, .main_live_box .live_description .inner .skyblue.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .skyblue.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .skyblue.tag {
  background-color: #6ba8d6;
}

.main_tag_agendar.pink, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .pink.tag, .sub_session_box .list_box .tit_box .pink.tag, .main_live_box .live_video_list .video_list_box .list_area .pink.tag, .main_live_box .live_description .inner .pink.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .pink.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .pink.tag {
  background-color: #f57f8f;
}

.main_tag_agendar.darkgray, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .darkgray.tag, .sub_session_box .list_box .tit_box .darkgray.tag, .main_live_box .live_video_list .video_list_box .list_area .darkgray.tag, .main_live_box .live_description .inner .darkgray.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .darkgray.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .darkgray.tag {
  background-color: #737480;
}

.main_tag_agendar.gray, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .gray.tag, .sub_session_box .list_box .tit_box .gray.tag, .main_live_box .live_video_list .video_list_box .list_area .gray.tag, .main_live_box .live_description .inner .gray.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .gray.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .gray.tag {
  background-color: #9e9e9e;
}

.main_tag_agendar.orange, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .orange.tag, .sub_session_box .list_box .tit_box .orange.tag, .main_live_box .live_video_list .video_list_box .list_area .orange.tag, .main_live_box .live_description .inner .orange.tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .orange.tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .orange.tag {
  background-color: #f5845b;
}

@media (min-width: 1650px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 26px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 26px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 22px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 7px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 23px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 7px;
  }
}

@media (max-width: 1023.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 2.6042vw;
    padding-left: 1.0417vw;
    padding-right: 1.0417vw;
    font-size: 1.5625vw;
    line-height: 2.6042vw;
    border-radius: 0.7813vw;
  }
}

@media (max-width: 767.9px) {
  .main_tag_agendar, .agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag, .sub_session_box .list_box .tit_box .tag, .main_live_box .live_video_list .video_list_box .list_area .tag, .main_live_box .live_description .inner .tag, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag, .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 5.3333vw;
    padding-left: 2.6667vw;
    padding-right: 2.6667vw;
    font-size: 3.4667vw;
    line-height: 5.3333vw;
    border-radius: 2.1333vw;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box {
    margin-top: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box {
    margin-top: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box {
    margin-top: 8.33px;
  }
}

.agendar_forum_box .agendar_forum_cont {
  display: table;
  width: 100%;
  max-width: 100%;
  border-top: 1px solid #dbceb4;
  font-size: 0;
  table-layout: fixed;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont {
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont {
    padding-top: 24.99px;
    padding-bottom: 24.99px;
  }
}

.agendar_forum_box .agendar_forum_cont:first-child {
  border-top: 2px solid #dbceb4;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont:first-child {
    padding-top: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont:first-child {
    padding-top: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont:first-child {
    padding-top: 33.32px;
  }
}

.agendar_forum_box .agendar_forum_cont:last-child {
  padding-bottom: 0;
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont {
    padding-top: 4vw;
    padding-bottom: 4vw;
    border-width: 0.2667vw;
  }
  .agendar_forum_box .agendar_forum_cont:first-child {
    padding-top: 6.6667vw;
    border-width: 0.5333vw;
  }
  .agendar_forum_box .agendar_forum_cont:last-child {
    padding-bottom: 4vw;
  }
}

.agendar_forum_box .agendar_forum_cont .thum_box {
  position: relative;
  vertical-align: middle;
  display: table-cell;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 400px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 360px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 333.2px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    min-width: 400px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    min-width: 360px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    min-width: 333.2px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    max-width: 400px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    max-width: 360px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    max-width: 333.2px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    border-radius: 12.495px;
  }
}

.agendar_forum_box .agendar_forum_cont .thum_box .thum {
  overflow: hidden;
  position: relative;
  z-index: 5;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .thum {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .thum {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .thum {
    border-radius: 12.495px;
  }
}

.agendar_forum_box .agendar_forum_cont .thum_box .thum img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  left: 50%;
  margin: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}

.agendar_forum_box .agendar_forum_cont .thum_box .thum::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50%);
  content: '';
  z-index: 10;
}

.agendar_forum_box .agendar_forum_cont .thum_box .ico {
  position: absolute;
  z-index: 10;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    width: 38px;
    height: 38px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    width: 34.2px;
    height: 34.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    width: 31.654px;
    height: 31.654px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    bottom: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    bottom: 16.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    bottom: 14.994px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    right: 21px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    right: 18.9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    right: 17.493px;
  }
}

.agendar_forum_box .agendar_forum_cont .thum_box .ico::before {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  content: '';
}

.agendar_forum_box .agendar_forum_cont .thum_box .ico.video::before {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2040%22%3e%3cg%3e%3cg%3e%3cpath%20d%3d%22M15%2c25a8%2e33%2c8%2e33%2c0%2c0%2c0%2c8%2e33%2d8%2e33V8%2e33a8%2e33%2c8%2e33%2c0%2c1%2c0%2d16%2e66%2c0v8%2e34A8%2e33%2c8%2e33%2c0%2c0%2c0%2c15%2c25ZM10%2c8%2e33a5%2c5%2c0%2c1%2c1%2c10%2c0v8%2e34a5%2c5%2c0%2c0%2c1%2d10%2c0Z%22%20fill%3d%22%23ffffff%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M30%2c16%2e67a1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c11%2e67%2c11%2e67%2c0%2c0%2c1%2d23%2e34%2c0%2c1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c15%2c15%2c0%2c0%2c0%2c13%2e35%2c14%2e9s0%2c%2e06%2c0%2c%2e1v6%2e66a1%2e67%2c1%2e67%2c0%2c0%2c0%2c3%2e34%2c0V31%2e67s0%2d%2e07%2c0%2d%2e1A15%2c15%2c0%2c0%2c0%2c30%2c16%2e67Z%22%20fill%3d%22%23ffffff%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
}

.agendar_forum_box .agendar_forum_cont .thum_box .ico.audio::before {
  background-image: ico_video("ffffff");
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 33.2vw;
    border-radius: 2vw;
  }
  .agendar_forum_box .agendar_forum_cont .thum_box .thum {
    border-radius: 2vw;
  }
  .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    width: 5.3333vw;
    height: 5.3333vw;
    bottom: 1.3333vw;
    right: 1.3333vw;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover {
  position: relative;
  vertical-align: middle;
  display: table-cell;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    padding-left: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    padding-left: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    padding-left: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    padding-left: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    padding-left: 23.25px;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
  position: relative;
  z-index: 5;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    width: calc(100% - 150px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    width: calc(100% - 130.95px);
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    width: calc(100% - 116.4px);
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    width: calc(100% - 93.15px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    width: calc(100% - 69.75px);
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
  display: block;
  color: #383635;
  font-weight: 600;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 17px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 15.3px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 14.161px;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
  font-size: 20px;
  color: #383635;
  font-weight: 600;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    margin-bottom: 13px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    margin-bottom: 11.7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    margin-bottom: 10.829px;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    font-size: 4vw;
    line-height: 6.4vw;
    height: 12.8vw;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox span.ell_in {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.agendar_forum_box .agendar_forum_cont .thumb_txtcover .tag {
  vertical-align: top;
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thumb_txtcover_inner {
    padding-left: 5.3333vw;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 2vw;
    font-size: 3.4667vw;
    line-height: 4.5333vw;
  }
  .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_txtbox {
    display: none;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time,
.agendar_forum_box .agendar_forum_cont .info_member {
  font-size: 20px;
  overflow: hidden;
  color: #615f5f;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    height: 19.992px;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time span.ell_in,
.agendar_forum_box .agendar_forum_cont .info_member span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    line-height: 19.992px;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time::before,
.agendar_forum_box .agendar_forum_cont .info_member::before {
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: '';
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    width: 21.6px;
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    width: 19.992px;
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    margin-right: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    margin-right: 7.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    margin-right: 6.664px;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time span,
.agendar_forum_box .agendar_forum_cont .info_member span {
  font-size: 20px;
  overflow: hidden;
  float: left;
  color: #615f5f;
}

.agendar_forum_box .agendar_forum_cont .info_time span span.ell_in,
.agendar_forum_box .agendar_forum_cont .info_member span span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    line-height: 19.992px;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time span:first-child::after,
.agendar_forum_box .agendar_forum_cont .info_member span:first-child::after {
  vertical-align: top;
  display: inline-block;
  color: #bfbab6;
  content: ' / ';
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time span:first-child::after,
  .agendar_forum_box .agendar_forum_cont .info_member span:first-child::after {
    padding-right: 3px;
    padding-left: 3px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span:first-child::after,
  .agendar_forum_box .agendar_forum_cont .info_member span:first-child::after {
    padding-right: 2.7px;
    padding-left: 2.7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time span:first-child::after,
  .agendar_forum_box .agendar_forum_cont .info_member span:first-child::after {
    padding-right: 2.499px;
    padding-left: 2.499px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    margin-bottom: 0;
  }
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    width: 14px;
    height: 14px;
    margin-top: 2px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time,
  .agendar_forum_box .agendar_forum_cont .info_member {
    height: 4.1333vw;
    font-size: 3.2vw;
    line-height: 4.1333vw;
  }
  .agendar_forum_box .agendar_forum_cont .info_time::before,
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    width: 4.1333vw;
    height: 4.1333vw;
    margin-right: 1.3333vw;
  }
  .agendar_forum_box .agendar_forum_cont .info_time span,
  .agendar_forum_box .agendar_forum_cont .info_member span {
    font-size: 3.2vw;
    line-height: 4.1333vw;
  }
  .agendar_forum_box .agendar_forum_cont .info_time span:first-child::after,
  .agendar_forum_box .agendar_forum_cont .info_member span:first-child::after {
    padding-right: 0.5333vw;
    padding-left: 0.5333vw;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .info_time {
    margin-bottom: 6px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time {
    margin-bottom: 5.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time {
    margin-bottom: 4.998px;
  }
}

.agendar_forum_box .agendar_forum_cont .info_time::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23615f5f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time {
    margin-bottom: 0;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .info_time {
    margin-bottom: 0.9333vw;
  }
}

.agendar_forum_box .agendar_forum_cont .info_member::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%2E03%22%20viewBox%3D%220%200%2024%2022%2E03%22%3E%20%20%3Cpath%20d%3D%22M651%2C4845%2E94v2%2E99a1%2E008%2C1%2E008%2C0%2C0%2C1%2D%2E075%2E44%2C1%2E03%2C1%2E03%2C0%2C0%2C1%2D1%2E69%2E33l%2D5%2E613%2D3%2E72A8%2E994%2C8%2E994%2C0%2C0%2C1%2C644%2C4828h6A9%2C9%2C0%2C0%2C1%2C651%2C4845%2E94ZM650%2C4830h%2D6a7%2C7%2C0%2C0%2C0%2D%2E011%2C14H645v0%2E45l0%2E828%2C0%2E55H647v0%2E78l2%2C1%2E32V4844h1A7%2C7%2C0%2C0%2C0%2C650%2C4830Zm1%2C8h%2D8a1%2C1%2C0%2C0%2C1%2D1%2D1h0a1%2C1%2C0%2C0%2C1%2C1%2D1h8a1%2C1%2C0%2C0%2C1%2C1%2C1h0A1%2C1%2C0%2C0%2C1%2C651%2C4838Z%22%20transform%3D%22translate%28%2D635%20%2D4828%29%22%20fill%3D%22%23615f5f%22%20fill%2Drule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E);
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .info_member::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2228%22%20viewBox%3D%220%200%2030%2028%22%3E%3Cpath%20d%3D%22M349%2C5104%2E4v4%2E6a1%2C1%2C0%2C0%2C1%2D1%2C1h%2D1a0%2E986%2C0%2E986%2C0%2C0%2C1%2D%2E937%2D0%2E69l%2D6%2E793%2D4%2E89a11%2E231%2C11%2E231%2C0%2C0%2C1%2C%2E964%2D22%2E42h7%2E532A11%2E234%2C11%2E234%2C0%2C0%2C1%2C349%2C5104%2E4Zm%2D0%2E5%2D19%2E4h%2D9a7%2E5%2C7%2E5%2C0%2C0%2C0%2D7%2E5%2C7%2E5v1a7%2E5%2C7%2E5%2C0%2C0%2C0%2C7%2E5%2C7%2E5H340v0%2E1a1%2E466%2C1%2E466%2C0%2C0%2C1%2C%2E639%2E38l5%2E361%2C3%2E86V5103a1%2C1%2C0%2C0%2C1%2C1%2D1h0v%2D1h1%2E5a7%2E5%2C7%2E5%2C0%2C0%2C0%2C7%2E5%2D7%2E5v%2D1A7%2E5%2C7%2E5%2C0%2C0%2C0%2C348%2E5%2C5085Zm1%2E5%2C12H338a1%2C1%2C0%2C0%2C1%2D1%2D1v%2D1a1%2C1%2C0%2C0%2C1%2C1%2D1h12a1%2C1%2C0%2C0%2C1%2C1%2C1v1A1%2C1%2C0%2C0%2C1%2C350%2C5097Zm0%2D5H338a1%2C1%2C0%2C0%2C1%2D1%2D1v%2D1a1%2C1%2C0%2C0%2C1%2C1%2D1h12a1%2C1%2C0%2C0%2C1%2C1%2C1v1A1%2C1%2C0%2C0%2C1%2C350%2C5092Z%22%20transform%3D%22translate%28%2D329%20%2D5082%29%22%20fill%3D%22%23615f5f%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #383736;
  color: #383736;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #383736;
  border-color: #383736;
  color: #ffffff;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.addalram:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.live {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.live::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::before, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after, .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::before {
    background-size: contain;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .agendar_forum_box .agendar_forum_cont .btn_detail_view.live:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box .agendar_forum_cont .btn_detail_view {
    display: none;
  }
}

.agendar_forum_box.before_forum {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

@media (min-width: 1650px) {
  .agendar_forum_box.before_forum {
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    padding-left: 60px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box.before_forum {
    padding-top: 17.46px;
    padding-right: 52.38px;
    padding-bottom: 17.46px;
    padding-left: 52.38px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum {
    padding-top: 15.52px;
    padding-right: 46.56px;
    padding-bottom: 15.52px;
    padding-left: 46.56px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .agendar_forum_box.before_forum {
    padding-top: 12.42px;
    padding-right: 37.26px;
    padding-bottom: 12.42px;
    padding-left: 37.26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum {
    padding-top: 9.3px;
    padding-right: 27.9px;
    padding-bottom: 9.3px;
    padding-left: 27.9px;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box.before_forum {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum {
    border-radius: 12.495px;
  }
}

.agendar_forum_box.before_forum .agendar_forum_cont {
  border-top: 1px solid #ede9e1;
}

@media (min-width: 1440px) {
  .agendar_forum_box.before_forum .agendar_forum_cont {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont {
    padding-top: 33.32px;
    padding-bottom: 33.32px;
  }
}

.agendar_forum_box.before_forum .agendar_forum_cont:first-child {
  border-top: none;
}

.agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover {
  vertical-align: top;
}

@media (min-width: 1440px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover {
    padding-top: 8.33px;
    padding-bottom: 8.33px;
  }
}

.agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
  overflow: initial;
  color: #383635;
  font-weight: 600;
  text-overflow: initial;
  white-space: inherit;
}

.agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
    height: 13.86667vw;
  }
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox span.ell_in {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

@media (min-width: 1440px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 19.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox {
    margin-bottom: 18.326px;
  }
}

.agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox strong.red {
  color: #e64c2e;
}

.agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .thum_titbox strong.blue {
  color: #3681b2;
}

@media (min-width: 1440px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .tag {
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .tag {
    margin-bottom: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_forum_box.before_forum .agendar_forum_cont .thumb_txtcover .tag {
    margin-bottom: 8.33px;
  }
}

@media (max-width: 767.9px) {
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont {
    padding-top: 5.3333vw;
    padding-bottom: 8.0000vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont:first-child {
    padding-top: 5.3333vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont:last-child {
    padding-bottom: 0;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thum_box {
    display: block;
    width: 100%;
    margin-bottom: 4.4000vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thum_box .ico {
    width: 10.6667vw;
    height: 10.6667vw;
    bottom: 4vw;
    right: 4vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover {
    display: block;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .thum_titbox {
    overflow: inherit;
    margin-bottom: 3.2vw;
    font-size: 5.3333vw;
    line-height: 6.9333vw;
    text-overflow: inherit;
    white-space: normal;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_time,
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_member {
    height: 5.3333vw;
    font-size: 4vw;
    line-height: 5.3333vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_time::before,
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_member::before {
    width: 5.3333vw;
    height: 5.3333vw;
    margin-right: 2vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_time span,
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_member span {
    font-size: 4vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_time {
    margin-bottom: 1.6vw;
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .info_member::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%2E03%22%20viewBox%3D%220%200%2024%2022%2E03%22%3E%20%20%3Cpath%20d%3D%22M651%2C4845%2E94v2%2E99a1%2E008%2C1%2E008%2C0%2C0%2C1%2D%2E075%2E44%2C1%2E03%2C1%2E03%2C0%2C0%2C1%2D1%2E69%2E33l%2D5%2E613%2D3%2E72A8%2E994%2C8%2E994%2C0%2C0%2C1%2C644%2C4828h6A9%2C9%2C0%2C0%2C1%2C651%2C4845%2E94ZM650%2C4830h%2D6a7%2C7%2C0%2C0%2C0%2D%2E011%2C14H645v0%2E45l0%2E828%2C0%2E55H647v0%2E78l2%2C1%2E32V4844h1A7%2C7%2C0%2C0%2C0%2C650%2C4830Zm1%2C8h%2D8a1%2C1%2C0%2C0%2C1%2D1%2D1h0a1%2C1%2C0%2C0%2C1%2C1%2D1h8a1%2C1%2C0%2C0%2C1%2C1%2C1h0A1%2C1%2C0%2C0%2C1%2C651%2C4838Z%22%20transform%3D%22translate%28%2D635%20%2D4828%29%22%20fill%3D%22%23615f5f%22%20fill%2Drule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E);
  }
  .agendar_list_forum.live .agendar_forum_box .agendar_forum_cont .thumb_txtcover .btn_detail_view {
    position: relative;
    display: inline-block;
    bottom: auto;
    right: auto;
    margin-top: 5.3333vw;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
}

@media (min-width: 1440px) {
  .agendar_list_forum.subforum .agendar_list_tit {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_list_forum.subforum .agendar_list_tit {
    margin-bottom: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_list_forum.subforum .agendar_list_tit {
    margin-bottom: 33.32px;
  }
}

@media (min-width: 1440px) {
  .agendar_list_forum.subforum .agendar_forum_inner {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner {
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner {
    margin-top: 0px;
  }
}

.agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

@media (min-width: 1440px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    padding-top: 30px;
    padding-right: 60px;
    padding-bottom: 30px;
    padding-left: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    padding-top: 27px;
    padding-right: 54px;
    padding-bottom: 27px;
    padding-left: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    padding-top: 24.99px;
    padding-right: 49.98px;
    padding-bottom: 24.99px;
    padding-left: 49.98px;
  }
}

@media (min-width: 1440px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box {
    border-radius: 12.495px;
  }
}

.agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont {
  border-top: 1px solid #dbceb4;
}

.agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont:first-child {
  border-top: none;
}

.agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont:last-child {
  border-bottom: none;
}

@media (min-width: 1440px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 400px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 360px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .agendar_list_forum.subforum .agendar_forum_inner .agendar_forum_box .agendar_forum_cont .thum_box {
    width: 333.2px;
  }
}

.main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
  font-size: 0;
}

.main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
  vertical-align: top;
  display: inline-block;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23383635%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  content: '';
}

.main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
  font-size: 20px;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  padding-right: 4px;
  color: #615f5f;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_info_box span span.ell_in, .sub_session_box .list_box .info_time span span.ell_in, .sub_session_box .list_box .info_type.video span span.ell_in, .sub_session_box .list_box .info_type.audio span span.ell_in, .main_live_box .live_description .inner .desc_right .info span span.ell_in, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span span.ell_in, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span span.ell_in, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
  vertical-align: top;
  display: inline-block;
  color: #bfbab6;
  content: ' / ';
}

@media (min-width: 1650px) {
  .main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
    height: 24px;
  }
  .main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    max-width: calc(100% - 32px);
  }
  .main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
    padding: 0 3px;
  }
  .main_info_box.audio::before, .sub_session_box .list_box .audio.info_time::before, .sub_session_box .list_box .audio.info_type::before, .main_live_box .live_description .inner .desc_right .audio.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .audio.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .audio.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .audio.info::before {
    background-size: auto 24px;
  }
  .main_info_box.video::before, .sub_session_box .list_box .video.info_time::before, .sub_session_box .list_box .video.info_type::before, .main_live_box .live_description .inner .desc_right .video.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .video.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .video.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .video.info::before {
    background-size: auto 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
    height: 1.6667vw;
  }
  .main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
    width: 1.6667vw;
    height: 1.6667vw;
    margin-right: 0.6250vw;
  }
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    max-width: calc(100% - 2.2917vw);
  }
  .main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
    padding: 0 3px;
  }
  .main_info_box.audio::before, .sub_session_box .list_box .audio.info_time::before, .sub_session_box .list_box .audio.info_type::before, .main_live_box .live_description .inner .desc_right .audio.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .audio.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .audio.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .audio.info::before {
    background-size: auto 1.6667px;
  }
  .main_info_box.video::before, .sub_session_box .list_box .video.info_time::before, .sub_session_box .list_box .video.info_type::before, .main_live_box .live_description .inner .desc_right .video.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .video.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .video.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .video.info::before {
    background-size: auto 1.6667px;
    margin-top: 0.1vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
    height: 22px;
  }
  .main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
    width: 22px;
    height: 22px;
    margin-right: 6px;
  }
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    max-width: calc(100% - 26px);
  }
  .main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
    padding: 0 5px;
  }
  .main_info_box.audio::before, .sub_session_box .list_box .audio.info_time::before, .sub_session_box .list_box .audio.info_type::before, .main_live_box .live_description .inner .desc_right .audio.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .audio.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .audio.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .audio.info::before {
    background-size: auto 22px;
  }
  .main_info_box.video::before, .sub_session_box .list_box .video.info_time::before, .sub_session_box .list_box .video.info_type::before, .main_live_box .live_description .inner .desc_right .video.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .video.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .video.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .video.info::before {
    background-size: auto 22px;
  }
}

@media (max-width: 1023.9px) {
  .main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
    height: 18px;
  }
  .main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    max-width: calc(100% - 22px);
  }
  .main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
    padding: 0 4px;
  }
  .main_info_box.audio::before, .sub_session_box .list_box .audio.info_time::before, .sub_session_box .list_box .audio.info_type::before, .main_live_box .live_description .inner .desc_right .audio.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .audio.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .audio.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .audio.info::before {
    background-size: auto 18px;
  }
  .main_info_box.video::before, .sub_session_box .list_box .video.info_time::before, .sub_session_box .list_box .video.info_type::before, .main_live_box .live_description .inner .desc_right .video.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .video.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .video.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .video.info::before {
    background-size: auto 18px;
  }
}

@media (max-width: 767.9px) {
  .main_info_box, .sub_session_box .list_box .info_time, .sub_session_box .list_box .info_type.video, .sub_session_box .list_box .info_type.audio, .main_live_box .live_description .inner .desc_right .info, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
    height: 5.33333vw;
  }
  .main_info_box::before, .sub_session_box .list_box .info_time::before, .sub_session_box .list_box .info_type.video::before, .sub_session_box .list_box .info_type.audio::before, .main_live_box .live_description .inner .desc_right .info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info::before {
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 2vw;
  }
  .main_info_box span, .sub_session_box .list_box .info_time span, .sub_session_box .list_box .info_type.video span, .sub_session_box .list_box .info_type.audio span, .main_live_box .live_description .inner .desc_right .info span, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span {
    max-width: calc(100% - 7.33333vw);
  }
  .main_info_box span + span::before, .sub_session_box .list_box .info_time span + span::before, .sub_session_box .list_box .info_type.video span + span::before, .sub_session_box .list_box .info_type.audio span + span::before, .main_live_box .live_description .inner .desc_right .info span + span::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox span + span::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video span + span::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio span + span::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info span + span::before {
    padding: 0 2vw;
  }
  .main_info_box.audio::before, .sub_session_box .list_box .audio.info_time::before, .sub_session_box .list_box .audio.info_type::before, .main_live_box .live_description .inner .desc_right .audio.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .audio.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .audio.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .audio.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .audio.info::before {
    background-size: auto 5.33333vw;
  }
  .main_info_box.video::before, .sub_session_box .list_box .video.info_time::before, .sub_session_box .list_box .video.info_type::before, .main_live_box .live_description .inner .desc_right .video.info::before, .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .video.timebox::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .video.timebox::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_time::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .video.info_type::before, .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .video.info::before {
    background-size: auto 5.33333vw;
  }
}

.main_member_photo, .main_live_box .live_description .inner .desc_right .member, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
  font-size: 0;
}

.main_member_photo p, .main_live_box .live_description .inner .desc_right .member p, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member p, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member p {
  vertical-align: top;
  display: inline-block;
}

.main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
  background-color: #ffffff;
  border-color: #f7f7f2;
}

.main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img {
  display: block;
}

.main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
  font-size: 20px;
  color: #615f5f;
}

.main_member_photo .txt span.ell_in, .main_live_box .live_description .inner .desc_right .member .txt span.ell_in, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt span.ell_in, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
  background-color: #383736;
  border-color: #f7f7f2;
  color: #ffffff;
  text-align: center;
}

@media (min-width: 1650px) {
  .main_member_photo, .main_live_box .live_description .inner .desc_right .member, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 30px;
  }
  .main_member_photo p, .main_live_box .live_description .inner .desc_right .member p, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member p, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member p {
    line-height: 60px;
  }
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 60px;
    height: 60px;
    margin-right: -10px;
    border-radius: 25px;
  }
  .main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img {
    width: 100%;
    height: 100%;
  }
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    padding-left: 22px;
    line-height: 60px;
  }
  .main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    min-width: 30px;
    height: 30px;
    border-width: 3px;
    border-style: solid;
    border-radius: 26px;
    background-color: #383736;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
  }
  .main_member_photo .photo + .txt, .main_live_box .live_description .inner .desc_right .member .photo + .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo + .txt {
    margin-left: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_member_photo, .main_live_box .live_description .inner .desc_right .member, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 2.1528vw;
  }
  .main_member_photo p, .main_live_box .live_description .inner .desc_right .member p, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member p, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member p {
    line-height: 4.1667vw;
  }
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 4.1667vw;
    height: 4.1667vw;
    margin-right: -0.5889vw;
    border-radius: 1.8056vw;
  }
  .main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img {
    width: 100%;
    height: 100%;
  }
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    height: 4.1667vw;
    padding-left: 2.2917vw;
    line-height: 4.1667vw;
  }
  .main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    min-width: 1.6667vw;
    height: 1.6667vw;
    border-width: 3px;
    border-style: solid;
    border-radius: 1.6667vw;
    background-color: #383736;
    font-size: 1.1111vw;
    font-weight: 600;
    line-height: 1.1806vw;
  }
  .main_member_photo .photo + .txt, .main_live_box .live_description .inner .desc_right .member .photo + .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo + .txt {
    margin-left: 1.6667vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    padding-left: 1.2500vw;
  }
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 44px;
    height: 44px;
    border-radius: 18px;
  }
  .main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    min-width: 24px;
    height: 24px;
    border-width: 2px;
    border-style: solid;
    border-radius: 15px;
    background-color: #383736;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
  }
  .main_member_photo .photo + .txt, .main_live_box .live_description .inner .desc_right .member .photo + .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo + .txt {
    margin-left: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 5.2734vw;
    height: 5.2734vw;
    border-radius: 2.1484vw;
  }
}

@media (max-width: 1023.9px) {
  .main_member_photo, .main_live_box .live_description .inner .desc_right .member, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 1.8229vw;
  }
  .main_member_photo p, .main_live_box .live_description .inner .desc_right .member p, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member p, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member p {
    line-height: 5.7292vw;
  }
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 5.7292vw;
    height: 5.7292vw;
    margin-right: -0.9115vw;
    border-radius: 2.3438vw;
  }
  .main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img {
    width: 100%;
    height: 100%;
  }
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    height: 5.7292vw;
    padding-left: 1.5625vw;
    line-height: 5.7292vw;
  }
  .main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    min-width: 3.125vw;
    height: 3.125vw;
    border-width: 0.3906vw;
    border-style: solid;
    border-radius: 3.125vw;
    background-color: #383736;
    font-size: 1.5625vw;
    font-weight: 600;
    line-height: 2.3438vw;
  }
  .main_member_photo .photo + .txt, .main_live_box .live_description .inner .desc_right .member .photo + .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo + .txt {
    margin-left: 3.1250vw;
  }
}

@media (max-width: 767.9px) {
  .main_member_photo, .main_live_box .live_description .inner .desc_right .member, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 6.9333vw;
  }
  .main_member_photo p, .main_live_box .live_description .inner .desc_right .member p, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member p, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member p {
    line-height: 14.4vw;
  }
  .main_member_photo .photo, .main_live_box .live_description .inner .desc_right .member .photo, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 14.4vw;
    height: 14.4vw;
    margin-right: -2.2667vw;
    border-radius: 5.8667vw;
  }
  .main_member_photo .photo img, .main_live_box .live_description .inner .desc_right .member .photo img, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo img, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo img {
    width: 100%;
    height: 100%;
  }
  .main_member_photo .txt, .main_live_box .live_description .inner .desc_right .member .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .txt {
    height: 14.4vw;
    padding-left: 4.5334vw;
    line-height: 14.4vw;
  }
  .main_member_photo .num, .main_live_box .live_description .inner .desc_right .member .num, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    min-width: 6.6667vw;
    height: 6.6667vw;
    border-width: 0.8vw;
    border-style: solid;
    border-radius: 6.6667vw;
    background-color: #383736;
    font-size: 3.7333vw;
    font-weight: 600;
    line-height: 5.0667vw;
  }
  .main_member_photo .photo + .txt, .main_live_box .live_description .inner .desc_right .member .photo + .txt, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo + .txt {
    margin-left: 6.6667vw;
  }
}

@media (min-width: 1650px) {
  .speaker_list .list_box {
    margin-bottom: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box {
    margin-bottom: 8.73px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .speaker_list .list_box {
    margin-bottom: 7.76px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .speaker_list .list_box {
    margin-bottom: 6.21px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box {
    margin-bottom: 4.65px;
  }
}

.speaker_list .list_box .box_in {
  max-width: 100%;
}

.speaker_list .list_box .box_in p {
  text-align: center;
}

.speaker_list .list_box .box_in p img {
  display: block;
}

.speaker_list .list_box .box_in .thum {
  position: relative;
  border-style: solid;
  border-color: transparent;
}

.speaker_list .list_box .box_in .thum p {
  z-index: 5;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.speaker_list .list_box .box_in .thum p img {
  display: block;
}

.speaker_list .list_box .box_in .thum::before {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  content: '';
}

@media (min-width: 768px) {
  .speaker_list .list_box .box_in .thum::before {
    background-image: url(/static/images/pc/bg/cover_sub.png);
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .thum::before {
    background-image: url(/static/images/mo/bg/cover_sub.png);
  }
}

.speaker_list .list_box .box_in .name {
  color: #242322;
  font-weight: 600;
}

.speaker_list .list_box .box_in .name span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .speaker_list .list_box .box_in .name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.speaker_list .list_box .box_in .txt {
  color: #615f5f;
}

.speaker_list .list_box .box_in .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.speaker_list .list_box .box_in .desc {
  border-top: 1px solid #e9e2d3;
  color: #615f5f;
  text-align: center;
}

@media (min-width: 1440px) {
  .speaker_list .list_box .box_in .desc {
    padding-top: 9px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .desc {
    padding-top: 8.1px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .desc {
    padding-top: 7.497px;
  }
}

@media (min-width: 1440px) {
  .speaker_list .list_box .box_in .desc {
    margin-top: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .desc {
    margin-top: 7.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .desc {
    margin-top: 6.664px;
  }
}

.speaker_list .list_box .box_in .desc span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .speaker_list .list_box .box_in .desc {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box .box_in .desc {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .desc {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .desc {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .desc {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}

.speaker_list .list_box:hover .thum::before {
  z-index: 10;
}

@media (min-width: 768px) {
  .speaker_list .list_box:hover .thum::before {
    background-image: url(/static/images/pc/bg/cover_sub_on.png);
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box:hover .thum::before {
    background-image: url(/static/images/mo/bg/cover_sub_on.png);
  }
}

@media (min-width: 1650px) {
  .speaker_list .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .speaker_list .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .speaker_list .list_box .box_in {
    margin-left: 21px;
    margin-right: 21px;
    padding-bottom: 20px;
    margin-top: 40px;
  }
  .speaker_list .list_box .box_in .thum {
    width: 288px;
    height: 288px;
  }
  .speaker_list .list_box .box_in .thum p {
    padding: 10px;
  }
  .speaker_list .list_box .box_in .name {
    margin-top: 15px;
  }
  .speaker_list .list_box .box_in .txt {
    margin-top: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .speaker_list {
    margin-top: -0.8vw;
  }
  .speaker_list .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .speaker_list .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .speaker_list .list_box .box_in {
    margin-left: 1.4153vw;
    margin-right: 1.4153vw;
    padding-bottom: 1.6667vw;
    margin-top: 2.9167vw;
  }
  .speaker_list .list_box .box_in .thum {
    width: 17.1594vw;
    height: 17.1594vw;
  }
  .speaker_list .list_box .box_in .thum p {
    padding: 0.6944vw;
  }
  .speaker_list .list_box .box_in .name {
    margin-top: 0.9722vw;
  }
  .speaker_list .list_box .box_in .txt {
    margin-top: 0.4861vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .speaker_list .list_box {
    width: auto;
  }
  .speaker_list .list_box .box_in {
    padding-bottom: 1.1718vw;
  }
  .speaker_list .list_box .box_in .name {
    margin-top: 1.2500vw;
  }
  .speaker_list .list_box .box_in .txt {
    margin-top: 0.3906vw;
  }
}

@media (max-width: 1023.9px) {
  .speaker_list .list_box {
    width: 27.2726vw;
    font-size: 0;
    text-align: center;
  }
  .speaker_list .list_box .box_in {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.9531vw;
    margin-top: 1.9531vw;
  }
  .speaker_list .list_box .box_in .thum {
    width: 24.349vw;
    height: 24.349vw;
    margin-left: auto;
    margin-right: auto;
  }
  .speaker_list .list_box .box_in .thum p {
    padding: 0.7813vw;
  }
  .speaker_list .list_box .box_in .name {
    margin-top: 1.0417vw;
  }
  .speaker_list .list_box .box_in .txt {
    margin-top: 0.6510vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box:nth-child(3n) {
    margin-right: 0;
  }
  .speaker_list .list_box:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .speaker_list {
    margin-top: 9.6vw;
    padding-bottom: 8vw;
  }
  .speaker_list .list_box {
    width: calc(50% - 3.4667vw);
    margin-bottom: 8.0vw;
    margin-left: 2.2667vw;
    margin-right: 2.2667vw;
  }
  .speaker_list .list_box:nth-child(2n) {
    margin-right: 0;
  }
  .speaker_list .list_box:nth-child(2n+1) {
    margin-left: 0;
  }
  .speaker_list .list_box .box_in {
    padding-bottom: 4.1333vw;
    margin-top: 0;
  }
  .speaker_list .list_box .box_in .thum {
    width: 32.2667vw;
    height: 32.2667vw;
    margin-left: auto;
    margin-right: auto;
  }
  .speaker_list .list_box .box_in .thum p {
    padding: 2.1333vw;
  }
  .speaker_list .list_box .box_in .name {
    margin-top: 1.9vw;
  }
  .speaker_list .list_box .box_in .name span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (max-width: 767.9px) and (min-width: 1650px) {
  .speaker_list .list_box .box_in .name {
    font-size: 18px;
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 18px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 16px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 14px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .speaker_list .list_box .box_in .name {
    font-size: 4vw;
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .txt {
    margin-top: 0.7333vw;
  }
  .speaker_list .list_box .box_in .txt span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (max-width: 767.9px) and (min-width: 1650px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .speaker_list .list_box .box_in .txt {
    font-size: 3.46667vw;
    line-height: 4.53333vw;
  }
}

@media (max-width: 767.9px) {
  .speaker_list .list_box .box_in .desc {
    padding-top: 1.9667vw;
    margin-top: 1.9667vw;
    border-top-width: 0.2667vw;
    font-size: 3.2000vw;
    line-height: 4.2667vw;
  }
}

.sub_session_box .list_box {
  display: inline-block;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 39px;
    padding-left: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box {
    padding-top: 43.65px;
    padding-right: 43.65px;
    padding-bottom: 34.047px;
    padding-left: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box {
    padding-top: 38.8px;
    padding-right: 38.8px;
    padding-bottom: 30.264px;
    padding-left: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box {
    padding-top: 31.05px;
    padding-right: 31.05px;
    padding-bottom: 24.219px;
    padding-left: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box {
    padding-top: 23.25px;
    padding-right: 23.25px;
    padding-bottom: 18.135px;
    padding-left: 23.25px;
  }
}

@media (min-width: 1650px) {
  .sub_session_box .list_box {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box {
    margin-top: 17.46px;
    margin-bottom: 13.095px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box {
    margin-top: 15.52px;
    margin-bottom: 11.64px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box {
    margin-top: 12.42px;
    margin-bottom: 9.315px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box {
    margin-top: 9.3px;
    margin-bottom: 6.975px;
  }
}

.sub_session_box .list_box .tit_box .tit {
  font-weight: 600;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 8.73px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 7.76px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 6.21px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 4.65px;
  }
}

.sub_session_box .list_box .tit_box .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .tit_box .tit {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .sub_session_box .list_box .tit_box .tit span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .tit_box .tit {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .sub_session_box .list_box .tit_box .tit span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .tit {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .sub_session_box .list_box .tit_box .tit span.ell_in {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .sub_session_box .list_box .tit_box .tit span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .tit_box .tit {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
    height: 13.86667vw;
  }
  .sub_session_box .list_box .tit_box .tit span.ell_in {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.sub_session_box .list_box .tit_box .tit.blind::after {
  display: inline-block;
  color: #849299;
  font-style: italic;
  line-height: 1;
  content: 'Blind';
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .tit_box .tit.blind::after {
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .tit.blind::after {
    font-size: 12.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .tit.blind::after {
    font-size: 11.662px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .tit.blind::after {
    font-size: 11.7760px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .tit_box .tit.blind::after {
    font-size: 3.0667vw;
  }
}

.sub_session_box .list_box .tit_box .count_open {
  position: absolute;
  top: 0;
  right: 0;
  color: #242322;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .tit_box .count_open {
    top: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    top: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    top: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    top: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    top: 23.25px;
  }
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .tit_box .count_open {
    right: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    right: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    right: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    right: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    right: 23.25px;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .tit_box .count_open {
    line-height: 26px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    line-height: 23.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    line-height: 21.658px;
  }
}

.sub_session_box .list_box .tit_box .count_open span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .tit_box .count_open {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .tit_box .count_open {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}

.sub_session_box .list_box .tit_box .count_open strong {
  color: #e64c2e;
  font-weight: 400;
}

.sub_session_box .list_box .info_time,
.sub_session_box .list_box .info_member {
  font-size: 20px;
  overflow: hidden;
  color: #615f5f;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    height: 19.992px;
  }
}

.sub_session_box .list_box .info_time span.ell_in,
.sub_session_box .list_box .info_member span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    line-height: 19.992px;
  }
}

.sub_session_box .list_box .info_time::before,
.sub_session_box .list_box .info_member::before {
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: '';
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    width: 21.6px;
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    width: 19.992px;
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    margin-right: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    margin-right: 7.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    margin-right: 6.664px;
  }
}

.sub_session_box .list_box .info_time span,
.sub_session_box .list_box .info_member span {
  font-size: 20px;
  overflow: hidden;
  float: left;
  color: #615f5f;
}

.sub_session_box .list_box .info_time span span.ell_in,
.sub_session_box .list_box .info_member span span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    line-height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    line-height: 19.992px;
  }
}

.sub_session_box .list_box .info_time span:first-child::after,
.sub_session_box .list_box .info_member span:first-child::after {
  vertical-align: top;
  display: inline-block;
  color: #bfbab6;
  content: ' / ';
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time span:first-child::after,
  .sub_session_box .list_box .info_member span:first-child::after {
    padding-right: 3px;
    padding-left: 3px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time span:first-child::after,
  .sub_session_box .list_box .info_member span:first-child::after {
    padding-right: 2.7px;
    padding-left: 2.7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time span:first-child::after,
  .sub_session_box .list_box .info_member span:first-child::after {
    padding-right: 2.499px;
    padding-left: 2.499px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    height: 14px;
    line-height: 14px;
  }
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .info_time,
  .sub_session_box .list_box .info_member {
    height: 4.1333vw;
    font-size: 3.2vw;
    line-height: 4.1333vw;
  }
  .sub_session_box .list_box .info_time::before,
  .sub_session_box .list_box .info_member::before {
    width: 4.1333vw;
    height: 4.1333vw;
    margin-right: 1.3333vw;
  }
  .sub_session_box .list_box .info_time span,
  .sub_session_box .list_box .info_member span {
    font-size: 3.2vw;
    line-height: 4.1333vw;
  }
  .sub_session_box .list_box .info_time span:first-child::after,
  .sub_session_box .list_box .info_member span:first-child::after {
    padding-right: 0.5333vw;
    padding-left: 0.5333vw;
  }
  .sub_session_box .list_box .info_time span + span::before,
  .sub_session_box .list_box .info_member span + span::before {
    display: none;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time {
    margin-bottom: 6px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time {
    margin-bottom: 5.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time {
    margin-bottom: 4.998px;
  }
}

.sub_session_box .list_box .info_time::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23615f5f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .info_time {
    margin-bottom: 0.9333vw;
  }
}

.sub_session_box .list_box .info_member::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%2E03%22%20viewBox%3D%220%200%2024%2022%2E03%22%3E%20%20%3Cpath%20d%3D%22M651%2C4845%2E94v2%2E99a1%2E008%2C1%2E008%2C0%2C0%2C1%2D%2E075%2E44%2C1%2E03%2C1%2E03%2C0%2C0%2C1%2D1%2E69%2E33l%2D5%2E613%2D3%2E72A8%2E994%2C8%2E994%2C0%2C0%2C1%2C644%2C4828h6A9%2C9%2C0%2C0%2C1%2C651%2C4845%2E94ZM650%2C4830h%2D6a7%2C7%2C0%2C0%2C0%2D%2E011%2C14H645v0%2E45l0%2E828%2C0%2E55H647v0%2E78l2%2C1%2E32V4844h1A7%2C7%2C0%2C0%2C0%2C650%2C4830Zm1%2C8h%2D8a1%2C1%2C0%2C0%2C1%2D1%2D1h0a1%2C1%2C0%2C0%2C1%2C1%2D1h8a1%2C1%2C0%2C0%2C1%2C1%2C1h0A1%2C1%2C0%2C0%2C1%2C651%2C4838Z%22%20transform%3D%22translate%28%2D635%20%2D4828%29%22%20fill%3D%22%23615f5f%22%20fill%2Drule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E);
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .info_member::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2228%22%20viewBox%3D%220%200%2030%2028%22%3E%3Cpath%20d%3D%22M349%2C5104%2E4v4%2E6a1%2C1%2C0%2C0%2C1%2D1%2C1h%2D1a0%2E986%2C0%2E986%2C0%2C0%2C1%2D%2E937%2D0%2E69l%2D6%2E793%2D4%2E89a11%2E231%2C11%2E231%2C0%2C0%2C1%2C%2E964%2D22%2E42h7%2E532A11%2E234%2C11%2E234%2C0%2C0%2C1%2C349%2C5104%2E4Zm%2D0%2E5%2D19%2E4h%2D9a7%2E5%2C7%2E5%2C0%2C0%2C0%2D7%2E5%2C7%2E5v1a7%2E5%2C7%2E5%2C0%2C0%2C0%2C7%2E5%2C7%2E5H340v0%2E1a1%2E466%2C1%2E466%2C0%2C0%2C1%2C%2E639%2E38l5%2E361%2C3%2E86V5103a1%2C1%2C0%2C0%2C1%2C1%2D1h0v%2D1h1%2E5a7%2E5%2C7%2E5%2C0%2C0%2C0%2C7%2E5%2D7%2E5v%2D1A7%2E5%2C7%2E5%2C0%2C0%2C0%2C348%2E5%2C5085Zm1%2E5%2C12H338a1%2C1%2C0%2C0%2C1%2D1%2D1v%2D1a1%2C1%2C0%2C0%2C1%2C1%2D1h12a1%2C1%2C0%2C0%2C1%2C1%2C1v1A1%2C1%2C0%2C0%2C1%2C350%2C5097Zm0%2D5H338a1%2C1%2C0%2C0%2C1%2D1%2D1v%2D1a1%2C1%2C0%2C0%2C1%2C1%2D1h12a1%2C1%2C0%2C0%2C1%2C1%2C1v1A1%2C1%2C0%2C0%2C1%2C350%2C5092Z%22%20transform%3D%22translate%28%2D329%20%2D5082%29%22%20fill%3D%22%23615f5f%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time {
    margin-top: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time {
    margin-top: 16.66px;
  }
}

.sub_session_box .list_box .info_time::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23615f5f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size: contain;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_time::before {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_time::before {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_time::before {
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_type {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_type {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_type {
    height: 19.992px;
  }
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .info_type {
    margin-top: 7px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .info_type {
    margin-top: 6.3px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .info_type {
    margin-top: 5.831px;
  }
}

.sub_session_box .list_box .info_type.video::before {
  background-image: ico_video("615f5f");
  background-position: center;
  background-size: contain;
}

.sub_session_box .list_box .info_type.audio::before {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2040%22%3e%3cg%3e%3cg%3e%3cpath%20d%3d%22M15%2c25a8%2e33%2c8%2e33%2c0%2c0%2c0%2c8%2e33%2d8%2e33V8%2e33a8%2e33%2c8%2e33%2c0%2c1%2c0%2d16%2e66%2c0v8%2e34A8%2e33%2c8%2e33%2c0%2c0%2c0%2c15%2c25ZM10%2c8%2e33a5%2c5%2c0%2c1%2c1%2c10%2c0v8%2e34a5%2c5%2c0%2c0%2c1%2d10%2c0Z%22%20fill%3d%22%23615f5f%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M30%2c16%2e67a1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c11%2e67%2c11%2e67%2c0%2c0%2c1%2d23%2e34%2c0%2c1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c15%2c15%2c0%2c0%2c0%2c13%2e35%2c14%2e9s0%2c%2e06%2c0%2c%2e1v6%2e66a1%2e67%2c1%2e67%2c0%2c0%2c0%2c3%2e34%2c0V31%2e67s0%2d%2e07%2c0%2d%2e1A15%2c15%2c0%2c0%2c0%2c30%2c16%2e67Z%22%20fill%3d%22%23615f5f%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
  background-position: center;
  background-size: contain;
}

.sub_session_box .list_box .box_utill {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1650px) {
  .sub_session_box .list_box .box_utill {
    margin-top: 19px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .sub_session_box .list_box .box_utill {
    margin-top: 16.587px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill {
    margin-top: 14.744px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .sub_session_box .list_box .box_utill {
    margin-top: 11.799px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill {
    margin-top: 8.835px;
  }
}

.sub_session_box .list_box .box_utill .btn_alram {
  white-space: nowrap;
}

.sub_session_box .list_box .box_utill .btn_alram.default {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #383736;
  border-color: #383736;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.default::before, .sub_session_box .list_box .box_utill .btn_alram.default::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.default {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after, .sub_session_box .list_box .box_utill .btn_alram.default::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after, .sub_session_box .list_box .box_utill .btn_alram.default::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after, .sub_session_box .list_box .box_utill .btn_alram.default::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after, .sub_session_box .list_box .box_utill .btn_alram.default::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.default:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.default:hover::before, .sub_session_box .list_box .box_utill .btn_alram.default:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.default:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after, .sub_session_box .list_box .box_utill .btn_alram.default:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after, .sub_session_box .list_box .box_utill .btn_alram.default:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after, .sub_session_box .list_box .box_utill .btn_alram.default:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.default:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after, .sub_session_box .list_box .box_utill .btn_alram.default:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.active {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
}

.sub_session_box .list_box .box_utill .btn_alram.active::before, .sub_session_box .list_box .box_utill .btn_alram.active::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.active {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after, .sub_session_box .list_box .box_utill .btn_alram.active::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after, .sub_session_box .list_box .box_utill .btn_alram.active::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after, .sub_session_box .list_box .box_utill .btn_alram.active::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after, .sub_session_box .list_box .box_utill .btn_alram.active::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.active:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.active:hover::before, .sub_session_box .list_box .box_utill .btn_alram.active:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.active:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after, .sub_session_box .list_box .box_utill .btn_alram.active:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after, .sub_session_box .list_box .box_utill .btn_alram.active:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after, .sub_session_box .list_box .box_utill .btn_alram.active:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.active:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after, .sub_session_box .list_box .box_utill .btn_alram.active:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.live {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.live::before, .sub_session_box .list_box .box_utill .btn_alram.live::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.live {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after, .sub_session_box .list_box .box_utill .btn_alram.live::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after, .sub_session_box .list_box .box_utill .btn_alram.live::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after, .sub_session_box .list_box .box_utill .btn_alram.live::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after, .sub_session_box .list_box .box_utill .btn_alram.live::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.live:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.live:hover::before, .sub_session_box .list_box .box_utill .btn_alram.live:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.live:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after, .sub_session_box .list_box .box_utill .btn_alram.live:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after, .sub_session_box .list_box .box_utill .btn_alram.live:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after, .sub_session_box .list_box .box_utill .btn_alram.live:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.live:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after, .sub_session_box .list_box .box_utill .btn_alram.live:hover::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.private {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
}

.sub_session_box .list_box .box_utill .btn_alram.private::before, .sub_session_box .list_box .box_utill .btn_alram.private::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.sub_session_box .list_box .box_utill .btn_alram.private:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .sub_session_box .list_box .box_utill .btn_alram.private {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after, .sub_session_box .list_box .box_utill .btn_alram.private::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.private {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after, .sub_session_box .list_box .box_utill .btn_alram.private::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.private {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after, .sub_session_box .list_box .box_utill .btn_alram.private::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box .box_utill .btn_alram.private {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after, .sub_session_box .list_box .box_utill .btn_alram.private::before {
    background-size: contain;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .sub_session_box .list_box .box_utill .btn_alram.private span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.sub_session_box .list_box .box_utill .btn_alram.private span {
  display: inline-block;
  background-image: url(/static/images/pc/main/ico_privacy.png);
  background-position: center center;
  background-size: contain;
  content: '';
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .sub_session_box .list_box .box_utill .member {
    padding-top: 6px;
    padding-right: 12px;
  }
  .sub_session_box .list_box .box_utill .member .photo {
    width: 44px;
    height: 44px;
    margin-left: -18px;
    border-width: 2px;
    border-radius: 19px;
  }
  .sub_session_box .list_box .box_utill .member .num {
    width: 20px;
    height: 20px;
    min-width: 1px;
    right: 0;
    border-width: 2px;
    line-height: 17px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .sub_session_box .list_box {
    padding: 3.1250vw 3.1250vw 2.2135vw 3.1250vw;
    margin-top: 0.9115vw;
    margin-bottom: 0.9115vw;
  }
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 0.6510vw;
  }
  .sub_session_box .list_box .tit_box .count_open {
    top: 3.3052vw;
    right: 3.4531vw;
    line-height: 2.6042vw;
  }
  .sub_session_box .list_box .info_time {
    margin-top: 0.6510vw;
  }
  .sub_session_box .list_box .info_type {
    margin-top: 0.6510vw;
  }
  .sub_session_box .list_box .box_utill {
    margin-top: 2.3438vw;
  }
  .sub_session_box .list_box .box_utill .left {
    margin-top: 0.1021vw;
  }
  .sub_session_box .list_box .box_utill .left span {
    margin-right: 0.3906vw;
  }
  .sub_session_box .list_box .box_utill .member {
    padding-top: 0.7813vw;
    padding-right: 1.5625vw;
  }
  .sub_session_box .list_box .box_utill .member .photo {
    width: 5.7292vw;
    height: 5.7292vw;
    margin-left: -2.3438vw;
    border-width: 0.2604vw;
    border-radius: 2.4740vw;
  }
  .sub_session_box .list_box .box_utill .member .num {
    width: 2.6042vw;
    height: 2.6042vw;
    min-width: 0.1302vw;
    right: 0;
    border-width: 0.2604vw;
    line-height: 2.2136vw;
  }
}

@media (max-width: 767.9px) {
  .sub_session_box .list_box {
    padding: 6.6667vw 5.0667vw 6.6667vw 6.6667vw;
    margin-top: 0.9115vw;
    margin-bottom: 0.8000vw;
  }
  .sub_session_box .list_box .tit_box .tit {
    margin-top: 2.2667vw;
  }
  .sub_session_box .list_box .tit_box .count_open {
    top: 8vw;
    right: 8vw;
    line-height: 5.3333vw;
  }
  .sub_session_box .list_box .info_time {
    margin-top: 4.4vw;
  }
  .sub_session_box .list_box .info_type {
    margin-top: 1.6vw;
  }
  .sub_session_box .list_box .box_utill {
    margin-top: 0;
  }
  .sub_session_box .list_box .box_utill .left {
    margin-top: 4vw;
  }
  .sub_session_box .list_box .box_utill .left span {
    margin-right: 0.3906vw;
  }
  .sub_session_box .list_box .box_utill .member {
    padding-top: 0.7813vw;
    padding-right: 1.8667vw;
  }
  .sub_session_box .list_box .box_utill .member .photo {
    width: 13.3333vw;
    height: 13.3333vw;
    margin-left: -4.4000vw;
    border-width: 0.5333vw;
    border-radius: 5.6787vw;
  }
  .sub_session_box .list_box .box_utill .member .num {
    width: 5.3333vw;
    height: 5.3333vw;
    min-width: 1px;
    right: 0;
    border-width: 0.5333vw;
    line-height: 4.8666vw;
  }
}

.session_count, .main_live_box .live_video_box .inner {
  /* &.audio {
        .color_box {
            height: 39.3939vw;
            max-height: 650px;
            line-height: 39.3939vw;
            //SCSS_AREA 세션 :: 미디어 :: 플레이어 1650-
            @media (min-width: 1650px) {
                line-height: 650px;
            }
        }
    } */
}

.session_count .color_box, .main_live_box .live_video_box .inner .color_box {
  position: relative;
  overflow: hidden;
  width: 85.4166666667vw;
  height: 47.9861111111vw;
  border-radius: 15px;
  line-height: 47.9861111111vw;
}

@media (min-width: 1650px) {
  .session_count .color_box, .main_live_box .live_video_box .inner .color_box {
    width: 1410px;
    height: 793px;
    line-height: 793px;
  }
}

@media (max-width: 767.9px) {
  .session_count .color_box, .main_live_box .live_video_box .inner .color_box {
    width: auto;
    height: 119.6000vw;
    border-radius: 0;
    line-height: 119.6000vw;
  }
}

.session_count .ready_count_box, .main_live_box .live_video_box .inner .ready_count_box {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  font-size: 0;
  text-align: center;
  z-index: 5;
}

.session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
  font-weight: 600;
  color: #ffffff;
  word-break: keep-all;
}

.session_count .ready_count_box .count_title span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_title span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    font-size: 7.2vw;
    line-height: 9.33333vw;
  }
}

.session_count .ready_count_box .count_numbox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox {
  max-width: 930px;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
  font-size: 0;
  text-align: center;
}

.session_count .ready_count_box .count_numbox *, .main_live_box .live_video_box .inner .ready_count_box .count_numbox * {
  display: inline-block;
}

.session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
  position: relative;
  vertical-align: top;
  text-align: center;
  color: #242322;
  font-weight: 600;
}

@media (min-width: 1440px) {
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    width: 380px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    width: 342px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    width: 316.54px;
  }
}

.session_count .ready_count_box .count_numbox .day::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day::after {
  position: absolute;
  width: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #e9e9e8;
  content: '';
}

.session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
  vertical-align: top;
  color: #e64c2e;
  font-weight: 600;
}

.session_count .ready_count_box .count_numbox .day strong span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
  font-size: 20px;
  vertical-align: text-bottom;
  color: #242322;
  font-family: 'Noto Sans KR';
  font-weight: 400;
}

.session_count .ready_count_box .count_numbox .day span span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
  overflow: hidden;
  vertical-align: top;
}

@media (min-width: 1440px) {
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    width: 550px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    width: 495px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    width: 458.15px;
  }
}

.session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
  font-size: 20px;
  float: left;
  width: 33.3333%;
  color: #242322;
  font-weight: 400;
  text-align: center;
}

.session_count .ready_count_box .count_numbox .timebox p span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
  vertical-align: sub;
  font-weight: 600;
}

.session_count .ready_count_box .count_numbox .timebox p strong span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.session_count .ready_count_box .count_numbox .timebox strong span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .timebox strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.session_count .ready_count_box .count_numbox .timebox .h, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h,
.session_count .ready_count_box .count_numbox .timebox .m,
.main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m {
  position: relative;
}

.session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
.session_count .ready_count_box .count_numbox .timebox .m::after,
.main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  color: #242322;
  text-align: center;
  font-weight: 600;
  content: ':';
}

.session_count .ready_count_box .count_numbox .timebox .h::after span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after span.ell_in,
.session_count .ready_count_box .count_numbox .timebox .m::after span.ell_in,
.main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 6.4vw;
    line-height: 8.26667vw;
  }
}

.session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.session_count .ready_count_box .enter_txt span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .enter_txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .enter_txt, .main_live_box .live_video_box .inner .ready_count_box .enter_txt {
    font-size: 7.2vw;
    line-height: 9.33333vw;
  }
}

.session_count .ready_count_box .enter_txt.type_video span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .enter_txt.type_video, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .enter_txt.type_video, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .enter_txt.type_video, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .enter_txt.type_video, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .enter_txt.type_video, .main_live_box .live_video_box .inner .ready_count_box .enter_txt.type_video {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.session_count .ready_count_box .enter_txt br.mo, .main_live_box .live_video_box .inner .ready_count_box .enter_txt br.mo {
  display: none;
}

@media (max-width: 1279.9px) {
  .session_count .ready_count_box .enter_txt br.mo, .main_live_box .live_video_box .inner .ready_count_box .enter_txt br.mo {
    display: block;
  }
}

.session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.session_count .ready_count_box .ready_txt span.ell_in, .main_live_box .live_video_box .inner .ready_count_box .ready_txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    font-size: 44px;
    line-height: 62px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    font-size: 9.86667vw;
    line-height: 12.8vw;
  }
}

.session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
}

.session_count .ready_count_box .btn_alram_add::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::before, .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.session_count .ready_count_box .btn_alram_add:disabled, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after, .session_count .ready_count_box .btn_alram_add::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after, .session_count .ready_count_box .btn_alram_add::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after, .session_count .ready_count_box .btn_alram_add::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after, .session_count .ready_count_box .btn_alram_add::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.session_count .ready_count_box .btn_alram_add:hover, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.session_count .ready_count_box .btn_alram_add:hover::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::before, .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .session_count .ready_count_box .btn_alram_add:hover, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after, .session_count .ready_count_box .btn_alram_add:hover::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box .btn_alram_add:hover, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after, .session_count .ready_count_box .btn_alram_add:hover::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box .btn_alram_add:hover, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after, .session_count .ready_count_box .btn_alram_add:hover::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box .btn_alram_add:hover, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after, .session_count .ready_count_box .btn_alram_add:hover::before, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::before {
    background-size: contain;
  }
  .session_count .ready_count_box .btn_alram_add:hover::after, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.session_count .bg, .main_live_box .live_video_box .inner .bg {
  display: none;
}

.session_count.open .color_box.media_ready, .main_live_box .live_video_box .open.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/open_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.esg .color_box.media_ready, .main_live_box .live_video_box .esg.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/esg_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.envir .color_box.media_ready, .main_live_box .live_video_box .envir.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/envir_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.social .color_box.media_ready, .main_live_box .live_video_box .social.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/social_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.inst .color_box.media_ready, .main_live_box .live_video_box .inst.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/inst_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.work .color_box.media_ready, .main_live_box .live_video_box .work.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/work_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.gover .color_box.media_ready, .main_live_box .live_video_box .gover.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/gover_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.fianancial .color_box.media_ready, .main_live_box .live_video_box .fianancial.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/financial_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.session_count.tech .color_box.media_ready, .main_live_box .live_video_box .tech.inner .color_box.media_ready {
  background-image: url(/static/images/pc/bg/tech_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (min-width: 1440px) {
  .session_count .ready_count_box, .main_live_box .live_video_box .inner .ready_count_box {
    padding-right: 90px;
    padding-left: 90px;
  }
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    margin: 0 auto 53px;
  }
  .session_count .ready_count_box .count_numbox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox {
    height: 160px;
    padding: 40px 0;
    border-radius: 40px;
  }
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    height: 80px;
    font-size: 52px;
    line-height: 80px;
  }
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    margin-top: -5px;
  }
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    height: 80px;
    line-height: 80px;
  }
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    line-height: 80px;
  }
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    padding-right: 5px;
    margin-top: -5px;
  }
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    line-height: 80px;
  }
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    margin-top: 60px;
  }
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    right: 50%;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    width: 1520px;
    height: 1520px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    width: 1326.96px;
    height: 1326.96px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    width: 1179.52px;
    height: 1179.52px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    width: 943.92px;
    height: 943.92px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    width: 706.8px;
    height: 706.8px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    top: 33px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    top: 28.809px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    top: 25.608px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    top: 20.493px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    top: 15.345px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    margin-right: -55px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    margin-right: -48.015px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    margin-right: -42.68px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    margin-right: -34.155px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg1, .main_live_box .live_video_box .inner .bg1 {
    margin-right: -25.575px;
  }
}

@media (min-width: 1440px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    left: 50%;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    width: 940px;
    height: 940px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    width: 820.62px;
    height: 820.62px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    width: 729.44px;
    height: 729.44px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    width: 583.74px;
    height: 583.74px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    width: 437.1px;
    height: 437.1px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    top: -471px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    top: -411.183px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    top: -365.496px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    top: -292.491px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    top: -219.015px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    margin-left: 235px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    margin-left: 205.155px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    margin-left: 182.36px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    margin-left: 145.935px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg2, .main_live_box .live_video_box .inner .bg2 {
    margin-left: 109.275px;
  }
}

@media (min-width: 1440px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    right: 50%;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    width: 760px;
    height: 760px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    width: 663.48px;
    height: 663.48px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    width: 589.76px;
    height: 589.76px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    width: 471.96px;
    height: 471.96px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    width: 353.4px;
    height: 353.4px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    top: -130px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    top: -113.49px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    top: -100.88px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    top: -80.73px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    top: -60.45px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    margin-right: -121px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    margin-right: -105.633px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    margin-right: -93.896px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    margin-right: -75.141px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg3, .main_live_box .live_video_box .inner .bg3 {
    margin-right: -56.265px;
  }
}

@media (min-width: 1440px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    left: 50%;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    width: 580px;
    height: 580px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    width: 506.34px;
    height: 506.34px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    width: 450.08px;
    height: 450.08px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    width: 360.18px;
    height: 360.18px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    width: 269.7px;
    height: 269.7px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    bottom: -39px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    bottom: -34.047px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    bottom: -30.264px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    bottom: -24.219px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    bottom: -18.135px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    margin-left: -32px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    margin-left: -27.936px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    margin-left: -24.832px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    margin-left: -19.872px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg4, .main_live_box .live_video_box .inner .bg4 {
    margin-left: -14.88px;
  }
}

@media (min-width: 1440px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    left: 50%;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    width: 360px;
    height: 360px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    width: 314.28px;
    height: 314.28px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    width: 279.36px;
    height: 279.36px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    width: 223.56px;
    height: 223.56px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    width: 167.4px;
    height: 167.4px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    top: -181px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    top: -158.013px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    top: -140.456px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    top: -112.401px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    top: -84.165px;
  }
}

@media (min-width: 1440px) and (min-width: 1650px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    margin-left: 78px;
  }
}

@media (min-width: 1440px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    margin-left: 68.094px;
  }
}

@media (min-width: 1440px) and (min-width: 1280px) and (max-width: 1439.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    margin-left: 60.528px;
  }
}

@media (min-width: 1440px) and (min-width: 1024px) and (max-width: 1279.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    margin-left: 48.438px;
  }
}

@media (min-width: 1440px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .bg5, .main_live_box .live_video_box .inner .bg5 {
    margin-left: 36.27px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_count .ready_count_box, .main_live_box .live_video_box .inner .ready_count_box {
    padding-right: 90px;
    padding-left: 90px;
  }
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    margin: 0 auto 38px;
  }
  .session_count .ready_count_box .count_numbox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox {
    height: auto;
    padding: 29px 0;
    border-radius: 29px;
  }
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    overflow: visible;
    width: 27.2726vw;
    height: 44px;
    padding-right: 2.5vw;
    font-size: 46px;
    line-height: 44px;
  }
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    margin-top: -14px;
    font-size: 60px;
  }
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    overflow: visible;
    width: 34.5453vw;
    height: 44px;
    line-height: 44px;
  }
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    line-height: 44px;
  }
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    padding-right: 4px;
    margin-top: -14px;
  }
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    line-height: 44px;
  }
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    margin-top: 44px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_count .ready_count_box, .main_live_box .live_video_box .inner .ready_count_box {
    padding-right: 5.4545vw;
    padding-left: 5.4545vw;
  }
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    margin: 0 auto 3.6458vw;
  }
  .session_count .ready_count_box .count_numbox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox {
    height: auto;
    padding: 3.176vw 0;
    border-radius: 3.176vw;
  }
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    overflow: visible;
    width: 46%;
    height: 6.3292vw;
    padding-top: 0.4vw;
    font-size: 40px;
    line-height: 6.3292vw;
  }
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    margin-top: -1.1229vw;
    font-size: 7.0313vw;
  }
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    margin-bottom: 3px;
  }
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    overflow: visible;
    width: 54%;
    height: 6.3292vw;
    padding-top: 0.4vw;
    line-height: 6.3292vw;
  }
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    line-height: 6.3292vw;
  }
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    padding-right: 0.5208vw;
    margin-top: -0.5vw;
    font-size: 7.0313vw;
    line-height: 1;
  }
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    line-height: 6.3292vw;
  }
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    margin-top: 0.9115vw;
    margin-bottom: 0.9115vw;
  }
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    margin-top: 5.7292vw;
  }
}

@media (max-width: 767.9px) {
  .session_count .ready_count_box, .main_live_box .live_video_box .inner .ready_count_box {
    padding-top: 8.5333vw;
    padding-right: 5.6000vw;
    padding-left: 5.6000vw;
  }
  .session_count .ready_count_box .count_title, .main_live_box .live_video_box .inner .ready_count_box .count_title {
    margin: 0 auto 7.3333vw;
    font-size: 6.4000vw;
    line-height: 8.2667vw;
  }
  .session_count .ready_count_box .count_numbox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox {
    max-width: 85.48vw;
    padding: 0 5.3333vw;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10.6667vw;
  }
  .session_count .ready_count_box .count_numbox .day, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day {
    display: block;
    height: 20.6667vw;
    padding-top: 1vw;
    border-bottom: 1px solid #e9e9e8;
    font-size: 7.2000vw;
    line-height: 19.6667vw;
  }
  .session_count .ready_count_box .count_numbox .day strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day strong {
    margin-top: 3.1771vw;
    font-size: 9.8667vw;
  }
  .session_count .ready_count_box .count_numbox .day span, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day span {
    vertical-align: top;
    margin-top: 7.5vw;
    font-size: 3.4667vw;
  }
  .session_count .ready_count_box .count_numbox .day::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .day::after {
    display: none;
  }
  .session_count .ready_count_box .count_numbox .timebox, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox {
    display: block;
    height: 20.6667vw;
    padding-top: 1.5vw;
    line-height: 19.1667vw;
  }
  .session_count .ready_count_box .count_numbox .timebox p, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p {
    line-height: 20.6667vw;
    font-size: 3.4667vw;
  }
  .session_count .ready_count_box .count_numbox .timebox p strong, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox p strong {
    padding-right: 0.5208vw;
    margin-top: -1.8229vw;
    font-size: 9.8667vw;
  }
  .session_count .ready_count_box .count_numbox .timebox .h::after, .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .h::after,
  .session_count .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .ready_count_box .count_numbox .timebox .m::after {
    font-size: 3.4667vw;
    line-height: 16.6667vw;
  }
  .session_count .ready_count_box .ready_txt, .main_live_box .live_video_box .inner .ready_count_box .ready_txt {
    margin-top: 0.9115vw;
    margin-bottom: 0.9115vw;
    font-size: 9.0667vw;
  }
  .session_count .ready_count_box .btn_alram_add, .main_live_box .live_video_box .inner .ready_count_box .btn_alram_add {
    margin-top: 5.7292vw;
  }
  .session_count.open .color_box.media_ready, .main_live_box .live_video_box .open.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/open_bg.jpg);
  }
  .session_count.esg .color_box.media_ready, .main_live_box .live_video_box .esg.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/esg_bg.jpg);
  }
  .session_count.envir .color_box.media_ready, .main_live_box .live_video_box .envir.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/envir_bg.jpg);
  }
  .session_count.social .color_box.media_ready, .main_live_box .live_video_box .social.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/social_bg.jpg);
  }
  .session_count.inst .color_box.media_ready, .main_live_box .live_video_box .inst.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/inst_bg.jpg);
  }
  .session_count.work .color_box.media_ready, .main_live_box .live_video_box .work.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/work_bg.jpg);
  }
  .session_count.gover .color_box.media_ready, .main_live_box .live_video_box .gover.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/gover_bg.jpg);
  }
  .session_count.fianancial .color_box.media_ready, .main_live_box .live_video_box .fianancial.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/financial_bg.jpg);
  }
  .session_count.tech .color_box.media_ready, .main_live_box .live_video_box .tech.inner .color_box.media_ready {
    background-image: url(/static/images/mo/bg/tech_bg.jpg);
  }
}

.session_zoom .color_box {
  position: relative;
  overflow: hidden;
}

.session_zoom .zoom_box {
  width: auto;
  height: auto;
  line-height: 1;
}

.session_zoom .zoom_box .open,
.session_zoom .zoom_box .zoom_frame_box {
  overflow: hidden;
  display: none;
}

.session_zoom .zoom_box .close {
  display: block;
}

.session_zoom .zoom_box .zoom_fold_box {
  position: relative;
  overflow: hidden;
}

.session_zoom .zoom_box .zoom_fold_box .txt,
.session_zoom .zoom_box .zoom_fold_box .btn_fold {
  position: relative;
  z-index: 5;
}

.session_zoom .zoom_box .zoom_fold_box .txt {
  font-size: 20px;
  float: left;
  color: #ffffff;
  font-weight: 600;
}

.session_zoom .zoom_box .zoom_fold_box .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 20px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 16px;
  }
}

@media (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 4.53333vw;
  }
}

@media (min-width: 1440px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    line-height: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    line-height: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    line-height: 49.98px;
  }
}

.session_zoom .zoom_box .zoom_fold_box .btn_fold {
  float: right;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
}

.session_zoom .zoom_box .zoom_fold_box .btn_fold::before, .session_zoom .zoom_box .zoom_fold_box .btn_fold::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.session_zoom .zoom_box .zoom_fold_box .btn_fold:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::before, .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after, .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::before {
    background-size: contain;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.session_zoom .zoom_box .zoom_fold_box .bg1,
.session_zoom .zoom_box .zoom_fold_box .bg2 {
  position: absolute;
  top: 0;
  border-radius: 300px;
  z-index: 1;
}

.session_zoom .zoom_box .zoom_fold_box .bg1 {
  top: auto;
  right: 50%;
  bottom: 0;
  opacity: 0.10;
}

.session_zoom .zoom_box .zoom_fold_box .bg1 span {
  display: block;
  border-radius: 300px;
}

.session_zoom .zoom_box .zoom_fold_box .bg2 {
  left: 50%;
  opacity: 0.15;
}

.session_zoom .zoom_box .zoom_fold_box + .zoom_frame_box {
  border-radius: 0;
}

.session_zoom .zoom_box .zoom_frame_box {
  background-color: #242322;
  width: 85.4166666667vw;
  height: 47.9861111111vw;
  border-radius: 15px;
  line-height: 47.9861111111vw;
}

.session_zoom .zoom_box .zoom_frame_box iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 1650px) {
  .session_zoom .zoom_box .zoom_frame_box {
    width: 1410px;
    height: 793px;
    line-height: 793px;
  }
}

@media (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_frame_box {
    width: auto;
    height: 119.6000vw;
    border-radius: 0;
    line-height: 119.6000vw;
  }
}

@media (min-width: 1440px) {
  .session_zoom {
    /* &.open {
            .zoom_box {
                height: 709px;
                line-height: 709px;
            }
        } */
  }
  .session_zoom .zoom_box .zoom_fold_box {
    padding-top: 37px;
    padding-right: 90px;
    padding-bottom: 37px;
    padding-left: 90px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    padding-right: 0;
    padding-left: 0;
    width: 160px;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold:hover {
    padding-right: 0;
    padding-left: 0;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 {
    margin-right: 545px;
    margin-bottom: 50px;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 span {
    width: 120px;
    height: 120px;
    margin: 44px;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg2 {
    width: 463px;
    height: 463px;
    margin-top: -67px;
    margin-left: 310px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom {
    /* &.open {
            .zoom_box {
                height: calc(32.4172vw + 168px);
                line-height: calc(32.4172vw + 168px);
            }
        } */
  }
  .session_zoom .zoom_box {
    /* .zoom_frame_box {
                height: 32.4172vw;
            } */
  }
  .session_zoom .zoom_box .zoom_fold_box {
    padding-top: 22px;
    padding-right: 5.4545vw;
    padding-bottom: 22px;
    padding-left: 5.4545vw;
    text-align: center;
  }
  .session_zoom .zoom_box .zoom_fold_box .txt {
    display: block;
    width: auto;
    text-align: left;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    margin-top: 3px;
    margin-right: auto;
    margin-left: auto;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 {
    margin-right: 386px;
    margin-bottom: 49px;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 span {
    width: 125px;
    height: 125px;
    margin: 32px;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg2 {
    width: 312px;
    height: 312px;
    margin-top: -70;
    margin-left: 225px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom {
    /* &.open {
            .zoom_box {
                height: 55.6938vw;
                line-height: 55.6938vw;
            }
        } */
  }
  .session_zoom .zoom_box {
    /* .zoom_frame_box {
                height: 39.3229vw;
            } */
  }
  .session_zoom .zoom_box .zoom_fold_box {
    padding-top: 1.4323vw;
    padding-right: 5.4545vw;
    padding-bottom: 2.3438vw;
    padding-left: 5.4545vw;
    text-align: center;
  }
  .session_zoom .zoom_box .zoom_fold_box > * {
    padding-right: 0.91vw;
    padding-left: 0.91vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .txt {
    float: none;
    display: block;
    width: auto;
    text-align: left;
  }
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    float: none;
    margin-top: 1.8229vw;
    margin-right: auto;
    margin-left: auto;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -7.8125vw;
    margin-left: -45.8333vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 span {
    width: 10.4167vw;
    height: 10.4167vw;
    margin: 2.9948vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg2 {
    width: 32.1615vw;
    height: 32.1615vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -4.8177vw;
    margin-left: 16.6667vw;
  }
}

@media (max-width: 767.9px) {
  .session_zoom {
    /* &.open {
            .zoom_box {
                height: 186vw;
                line-height: 186vw;
            }
        } */
  }
  .session_zoom .zoom_box .zoom_fold_box {
    padding-top: 8.4323vw;
    padding-right: 5.4545vw;
    padding-bottom: 9.3438vw;
    padding-left: 5.4545vw;
    text-align: center;
  }
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 20px;
    float: none;
    display: block;
    width: auto;
    margin-top: 0;
    font-weight: 600;
    text-align: left;
  }
  .session_zoom .zoom_box .zoom_fold_box .txt span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (max-width: 767.9px) and (min-width: 1650px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_fold_box .txt {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (max-width: 767.9px) {
  .session_zoom .zoom_box .zoom_fold_box .btn_fold {
    float: none;
    margin-top: 6.8852vw;
    margin-right: auto;
    margin-left: auto;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -35.8667vw;
    margin-left: -86.2667vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg1 span {
    width: 38.2667vw;
    height: 38.2667vw;
    margin: 11.0667vw;
  }
  .session_zoom .zoom_box .zoom_fold_box .bg2 {
    width: 117.8667vw;
    height: 117.8667vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: 10.5333vw;
    margin-left: -6vw;
  }
  .session_zoom .zoom_box .zoom_frame_box {
    width: auto;
    height: 119.6000vw;
    max-height: none;
    line-height: 119.6000vw;
  }
}

.session_zoom.open .zoom_box .open,
.session_zoom.open .zoom_box .zoom_frame_box {
  display: block;
}

.session_zoom.open .zoom_box .close {
  display: none;
}

.session_zoom.esg .color_box.zoom_box {
  background-color: #F46E5A;
}

.session_zoom.esg .color_box.zoom_box .bg1,
.session_zoom.esg .color_box.zoom_box .bg2 {
  background-color: #cc572d;
}

.session_zoom.esg .color_box.zoom_box .bg1 span {
  background-color: #F46E5A;
}

.session_zoom.envir .color_box.zoom_box {
  background-color: #41C48C;
}

.session_zoom.envir .color_box.zoom_box .bg1,
.session_zoom.envir .color_box.zoom_box .bg2 {
  background-color: #518758;
}

.session_zoom.envir .color_box.zoom_box .bg1 span {
  background-color: #41C48C;
}

.session_zoom.social .color_box.zoom_box {
  background-color: #6A79F8;
}

.session_zoom.social .color_box.zoom_box .bg1,
.session_zoom.social .color_box.zoom_box .bg2 {
  background-color: #3681b2;
}

.session_zoom.social .color_box.zoom_box .bg1 span {
  background-color: #6A79F8;
}

.session_zoom.inst .color_box.zoom_box {
  background-color: #BE6DF7;
}

.session_zoom.inst .color_box.zoom_box .bg1,
.session_zoom.inst .color_box.zoom_box .bg2 {
  background-color: #99599e;
}

.session_zoom.inst .color_box.zoom_box .bg1 span {
  background-color: #BE6DF7;
}

.session_zoom.work .color_box.zoom_box {
  background-color: #ED74D7;
}

.session_zoom.work .color_box.zoom_box .bg1,
.session_zoom.work .color_box.zoom_box .bg2 {
  background-color: #d14f61;
}

.session_zoom.work .color_box.zoom_box .bg1 span {
  background-color: #ED74D7;
}

.session_zoom.gover .color_box.zoom_box {
  background-color: #737480;
}

.session_zoom.gover .color_box.zoom_box .bg1,
.session_zoom.gover .color_box.zoom_box .bg2 {
  background-color: #626369;
}

.session_zoom.gover .color_box.zoom_box .bg1 span {
  background-color: #737480;
}

.session_zoom.fianancial .color_box.zoom_box {
  background-color: #d19b1b;
}

.session_zoom.fianancial .color_box.zoom_box .bg1,
.session_zoom.fianancial .color_box.zoom_box .bg2 {
  background-color: #a3750a;
}

.session_zoom.fianancial .color_box.zoom_box .bg1 span {
  background-color: #d19b1b;
}

.session_zoom.tech .color_box.zoom_box {
  background-color: #7983d9;
}

.session_zoom.tech .color_box.zoom_box .bg1,
.session_zoom.tech .color_box.zoom_box .bg2 {
  background-color: #5e65bd;
}

.session_zoom.tech .color_box.zoom_box .bg1 span {
  background-color: #7983d9;
}

.cont_empty_box .empty_inner {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
  text-align: center;
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner {
    padding-top: 73px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner {
    padding-top: 65.7px;
    padding-bottom: 72px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner {
    padding-top: 60.809px;
    padding-bottom: 66.64px;
  }
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner {
    border-radius: 12.495px;
  }
}

.cont_empty_box .empty_inner .empty_tit {
  color: #3681b2;
  font-weight: 600;
  text-align: center;
}

.cont_empty_box .empty_inner .empty_tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .cont_empty_box .empty_inner .empty_tit {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .cont_empty_box .empty_inner .empty_tit {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .empty_tit {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .empty_tit {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .empty_tit {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.cont_empty_box .empty_inner .empty_tit br.mo {
  display: none;
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .empty_tit br.mo {
    display: block;
  }
}

.cont_empty_box .empty_inner .empty_txt {
  font-size: 20px;
  color: #615f5f;
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .empty_txt {
    margin-top: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    margin-top: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    margin-top: 8.33px;
  }
}

.cont_empty_box .empty_inner .empty_txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .cont_empty_box .empty_inner .empty_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .empty_txt {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.cont_empty_box .empty_inner .btn_empty {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  font-weight: 500;
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_empty {
    margin-top: 37px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_empty {
    margin-top: 33.3px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_empty {
    margin-top: 30.821px;
  }
}

.cont_empty_box .empty_inner .btn_empty::before, .cont_empty_box .empty_inner .btn_empty::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.cont_empty_box .empty_inner .btn_empty::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_empty {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .cont_empty_box .empty_inner .btn_empty::after, .cont_empty_box .empty_inner .btn_empty::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_empty {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .cont_empty_box .empty_inner .btn_empty::after, .cont_empty_box .empty_inner .btn_empty::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_empty {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .cont_empty_box .empty_inner .btn_empty::after, .cont_empty_box .empty_inner .btn_empty::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .btn_empty {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .cont_empty_box .empty_inner .btn_empty::after, .cont_empty_box .empty_inner .btn_empty::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.cont_empty_box .empty_inner .btn_empty:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
  font-weight: 500;
}

.cont_empty_box .empty_inner .btn_empty:hover::before, .cont_empty_box .empty_inner .btn_empty:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.cont_empty_box .empty_inner .btn_empty:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_empty:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after, .cont_empty_box .empty_inner .btn_empty:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_empty:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after, .cont_empty_box .empty_inner .btn_empty:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_empty:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after, .cont_empty_box .empty_inner .btn_empty:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .btn_empty:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after, .cont_empty_box .empty_inner .btn_empty:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_empty:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.cont_empty_box .empty_inner .btn_dark {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_dark {
    margin-top: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_dark {
    margin-top: 28.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_dark {
    margin-top: 26.656px;
  }
}

.cont_empty_box .empty_inner .btn_dark::before, .cont_empty_box .empty_inner .btn_dark::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.cont_empty_box .empty_inner .btn_dark::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.cont_empty_box .empty_inner .btn_dark:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_dark {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .cont_empty_box .empty_inner .btn_dark::after, .cont_empty_box .empty_inner .btn_dark::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_dark {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .cont_empty_box .empty_inner .btn_dark::after, .cont_empty_box .empty_inner .btn_dark::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_dark {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .cont_empty_box .empty_inner .btn_dark::after, .cont_empty_box .empty_inner .btn_dark::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .btn_dark {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .cont_empty_box .empty_inner .btn_dark::after, .cont_empty_box .empty_inner .btn_dark::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.cont_empty_box .empty_inner .btn_dark:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.cont_empty_box .empty_inner .btn_dark:hover::before, .cont_empty_box .empty_inner .btn_dark:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.cont_empty_box .empty_inner .btn_dark:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .cont_empty_box .empty_inner .btn_dark:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after, .cont_empty_box .empty_inner .btn_dark:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box .empty_inner .btn_dark:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after, .cont_empty_box .empty_inner .btn_dark:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box .empty_inner .btn_dark:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after, .cont_empty_box .empty_inner .btn_dark:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner .btn_dark:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after, .cont_empty_box .empty_inner .btn_dark:hover::before {
    background-size: contain;
  }
  .cont_empty_box .empty_inner .btn_dark:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (max-width: 767.9px) {
  .cont_empty_box .empty_inner {
    padding: 9.3333vw 0 10.6667vw 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 2.0000vw;
  }
  .cont_empty_box .empty_inner .btn_empty,
  .cont_empty_box .empty_inner .btn_dark {
    margin-top: 7.8667vw;
  }
  .cont_empty_box .empty_inner .btn_empty::after,
  .cont_empty_box .empty_inner .btn_dark::after {
    margin-top: -0.8vw;
  }
}

@media (min-width: 1440px) {
  .cont_empty_box.notice_box {
    padding-top: 73px;
    padding-bottom: 73px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .cont_empty_box.notice_box {
    padding-top: 65.7px;
    padding-bottom: 65.7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .cont_empty_box.notice_box {
    padding-top: 60.809px;
    padding-bottom: 60.809px;
  }
}

.cont_empty_box.notice_box .empty_inner {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.9px) {
  .cont_empty_box.notice_box {
    padding-top: 9.6000vw;
    padding-right: 12.6667vw;
    padding-bottom: 9.6000vw;
    padding-left: 12.6667vw;
  }
  .cont_empty_box.notice_box .empty_txt {
    margin-top: 2.4000vw;
  }
}

.page_area {
  font-size: 0;
  text-align: center;
}

@media (min-width: 1440px) {
  .page_area {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area {
    margin-top: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area {
    margin-top: 33.32px;
  }
}

.page_area a {
  vertical-align: top;
  display: inline-block;
  font-size: 0;
}

.page_area a.num {
  color: #242322;
}

@media (min-width: 1440px) {
  .page_area a.num {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.num {
    padding-right: 13.5px;
    padding-left: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.num {
    padding-right: 12.495px;
    padding-left: 12.495px;
  }
}

.page_area a.num span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .page_area a.num {
    font-size: 18px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .page_area a.num {
    font-size: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.num {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.num {
    font-size: 14px;
  }
}

@media (max-width: 767.9px) {
  .page_area a.num {
    font-size: 4vw;
  }
}

@media (min-width: 1440px) {
  .page_area a.num {
    line-height: 44px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.num {
    line-height: 39.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.num {
    line-height: 36.652px;
  }
}

.page_area a.num.on {
  color: #e64c2e;
  text-decoration: underline;
}

.page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
  border-color: rgba(158, 158, 158, 0.2);
  border-radius: 50px;
  border-style: solid;
}

@media (min-width: 1440px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    width: 44px;
    height: 44px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    width: 39.6px;
    height: 39.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    width: 36.652px;
    height: 36.652px;
  }
}

@media (min-width: 1440px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    margin-right: 4.5px;
    margin-left: 4.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    margin-right: 4.165px;
    margin-left: 4.165px;
  }
}

@media (min-width: 1440px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    border-width: 2px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    border-width: 1.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_first, .page_area a.btn_prev, .page_area a.btn_next, .page_area a.btn_last {
    border-width: 1.666px;
  }
}

.page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
  display: inline-block;
  height: 100%;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%22132%2E562%22%20height%3D%22225%2E313%22%20viewBox%3D%220%200%20132%2E562%20225%2E313%22%3E%3Cpath%20d%3D%22M640%2E65%2C246%2E932l%2D73%2E828%2C78%2E75a19%2E921%2C19%2E921%2C0%2C1%2C0%2C28%2E165%2C28%2E181L687%2E72%2C261%2E1a19%2E906%2C19%2E906%2C0%2C0%2C0%2C0%2D28%2E161l%2D92%2E733%2D92%2E712a19%2E9%2C19%2E9%2C0%2C0%2C0%2D28%2E165%2C28%2E134l73%2E828%2C78%2E567%22%20transform%3D%22translate%28%2D561%20%2D134%2E375%29%22%20fill%2Drule%3D%22evenodd%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fsvg%3E);
  background-size: 100% auto;
  background-position: 0 center;
  background-repeat: no-repeat;
}

@media (min-width: 1440px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    width: 7px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    width: 6.3px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    width: 5.831px;
  }
}

@media (min-width: 1440px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    margin-left: 2px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    margin-left: 1.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_first span, .page_area a.btn_prev span, .page_area a.btn_next span, .page_area a.btn_last span {
    margin-left: 1.666px;
  }
}

.page_area a.btn_first span + span, .page_area a.btn_prev span + span, .page_area a.btn_next span + span, .page_area a.btn_last span + span {
  margin-left: -1px;
}

.page_area a.btn_first:hover, .page_area a.btn_prev:hover, .page_area a.btn_next:hover, .page_area a.btn_last:hover {
  border-color: #242322;
  -webkit-transition: border-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s;
}

.page_area a.btn_first:hover span, .page_area a.btn_prev:hover span, .page_area a.btn_next:hover span, .page_area a.btn_last:hover span {
  -webkit-transition: background-image 0.3s ease 0s;
  transition: background-image 0.3s ease 0s;
}

.page_area a.btn_first, .page_area a.btn_prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 1440px) {
  .page_area a.btn_prev {
    margin-right: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_prev {
    margin-right: 45px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_prev {
    margin-right: 41.65px;
  }
}

@media (min-width: 1440px) {
  .page_area a.btn_next {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .page_area a.btn_next {
    margin-left: 45px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .page_area a.btn_next {
    margin-left: 41.65px;
  }
}

.page_area .total {
  display: none;
}

@media (max-width: 767.9px) {
  .page_area {
    position: relative;
    padding: 0 33.0667vw;
    margin-top: 8vw;
    text-align: center;
  }
  .page_area a.num {
    display: none;
  }
  .page_area a.num.on {
    display: inline-block;
    height: 11.2000vw;
    text-decoration: none;
    line-height: 11.2000vw;
  }
  .page_area a.btn_first, .page_area a.btn_last {
    display: none;
  }
  .page_area a.btn_prev, .page_area a.btn_next {
    position: absolute;
    width: 11.2000vw;
    height: 11.2000vw;
    margin: 0;
    border-width: 0.53333333vw;
  }
  .page_area a.btn_prev span, .page_area a.btn_next span {
    width: 1.8667vw;
  }
  .page_area a.btn_prev {
    left: 0;
    margin-right: 5.3333vw;
  }
  .page_area a.btn_next {
    right: 0;
    margin-left: 5.3333vw;
  }
  .page_area .total {
    vertical-align: top;
    display: inline-block;
    height: 11.2000vw;
    color: #242322;
    font-size: 4vw;
    text-align: center;
    line-height: 11.2000vw;
  }
}

.main_visual {
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 1650px) {
  .main_visual {
    padding-bottom: 120px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual {
    padding-bottom: 104.76px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_visual {
    padding-bottom: 93.12px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_visual {
    padding-bottom: 74.52px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual {
    padding-bottom: 55.8px;
  }
}

@media (min-width: 1650px) {
  .main_visual {
    padding-top: 110px;
  }
  .main_visual.main_after {
    padding-top: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual {
    padding-top: 96px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_visual {
    padding-top: 85px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_visual {
    padding-top: 68px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual {
    padding-top: 51px;
  }
}

@media (max-width: 767.9px) {
  .main_visual {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .main_visual.main_after {
    padding-bottom: 18.6667vw;
  }
}

.main_visual_box {
  position: relative;
  z-index: 10;
}

@media (max-width: 767.9px) {
  .main_visual_box {
    height: 100%;
    margin-top: 0;
  }
}

.main_visual_box .desc p {
  color: #e64c2e;
  font-weight: 600;
}

.main_visual_box .desc p strong {
  color: #383635;
}

@media (min-width: 1650px) {
  .main_visual_box .desc {
    height: 42px;
    margin-bottom: 8px;
  }
  .main_visual_box .desc p {
    font-size: 30px;
    line-height: 42px;
  }
}

@media (min-width: 1440px) {
  .main_visual_box .desc {
    height: 42px;
    margin-bottom: 8px;
  }
  .main_visual_box .desc p {
    font-size: 30px;
    line-height: 42px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .desc {
    height: 28px;
    margin-bottom: 8px;
  }
  .main_visual_box .desc p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .desc {
    height: 3.3854vw;
    margin-bottom: 1.0417vw;
  }
  .main_visual_box .desc p {
    font-size: 2.3438vw;
    line-height: 3.3854vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .desc {
    height: 7.7333vw;
    margin-bottom: 4.0000vw;
  }
  .main_visual_box .desc p {
    font-size: 5.6000vw;
    line-height: 7.7333vw;
  }
}

.main_visual_box .title {
  color: #383635;
  font-weight: 600;
  letter-spacing: -5px;
}

.main_visual_box .title p,
.main_visual_box .title strong {
  letter-spacing: -5px;
}

.main_visual_box .title strong {
  color: #db492c;
}

@media (min-width: 1650px) {
  .main_visual_box .title {
    padding-bottom: 58px;
  }
  .main_visual_box .title p {
    padding-bottom: 16px;
    font-size: 100px;
  }
  .main_visual_box .title p:first-child {
    margin-bottom: 4px;
  }
  .main_visual_box .title p strong {
    padding-top: 20px;
    font-size: 120px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual_box .title {
    padding-bottom: 53px;
  }
  .main_visual_box .title p {
    padding-bottom: 16px;
    font-size: 100px;
  }
  .main_visual_box .title p strong {
    padding-top: 10px;
    font-size: 120px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_visual_box .title {
    padding-bottom: 27px;
  }
  .main_visual_box .title p {
    padding-bottom: 21px;
    font-size: 72px;
  }
  .main_visual_box .title p strong {
    padding-top: 10px;
    font-size: 83px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_visual_box .title {
    padding-bottom: 30px;
  }
  .main_visual_box .title p {
    padding-bottom: 16px;
    font-size: 72px;
  }
  .main_visual_box .title p strong {
    margin-top: 5px;
    font-size: 83px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .title {
    padding-bottom: 24px;
  }
  .main_visual_box .title p {
    padding-bottom: 10px;
    font-size: 52px;
    letter-spacing: -2.5px;
  }
  .main_visual_box .title p strong {
    font-size: 62px;
    letter-spacing: -2.5px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .title {
    padding-bottom: 4.1333vw;
  }
  .main_visual_box .title p {
    padding-bottom: 2.1333vw;
    font-size: 9.6000vw;
  }
  .main_visual_box .title p strong {
    font-size: 10.9333vw;
  }
}

.main_visual_box .text p,
.main_visual_box .text span {
  color: #383736;
}

.main_visual_box .text span {
  position: relative;
  color: #ffffff;
  font-weight: 600;
}

.main_visual_box .text span::before {
  position: absolute;
  display: block;
  background-color: #e64c2e;
  content: '';
  z-index: -1;
}

.main_visual_box .text.main_after p,
.main_visual_box .text.main_after span {
  color: #383635;
}

@media (min-width: 1440px) {
  .main_visual_box .text {
    padding-top: 0.91vw;
    padding-bottom: 48px;
  }
  .main_visual_box .text p {
    font-size: 30px;
    line-height: 50px;
  }
  .main_visual_box .text span::before {
    top: -10px;
    right: -3px;
    bottom: -10px;
    left: -8px;
    border-radius: 15px;
  }
}

@media (min-width: 1650px) {
  .main_visual_box .text {
    padding-top: 15px;
  }
  .main_visual_box .text p {
    font-size: 30px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .text {
    padding-top: 0.91vw;
    padding-bottom: 38px;
  }
  .main_visual_box .text p {
    font-size: 21px;
    line-height: 34px;
  }
  .main_visual_box .text span::before {
    top: -6px;
    right: -3px;
    bottom: -6px;
    left: -6px;
    border-radius: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .text {
    padding-top: 0.91vw;
    padding-bottom: 27px;
  }
  .main_visual_box .text p {
    font-size: 2.0833vw;
    line-height: 3.3854vw;
  }
  .main_visual_box .text span::before {
    top: -5px;
    right: -3px;
    bottom: -5px;
    left: -4px;
    border-radius: 10px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .text {
    padding-top: 4vw;
    padding-bottom: 9.0667vw;
  }
  .main_visual_box .text p {
    display: inline;
    font-size: 4.9152vw;
    line-height: 7.9189vw;
  }
  .main_visual_box .text span {
    white-space: nowrap;
  }
  .main_visual_box .text span::before {
    top: -1.3333vw;
    right: -2.2667vw;
    bottom: -1.3333vw;
    left: -2.2667vw;
    border-radius: 2.93333333vw;
  }
  .main_visual_box .text.main_after {
    padding-bottom: 18.6667vw;
  }
  .main_visual_box .text.main_after p {
    font-size: 4.8vw;
    line-height: 7.7333vw;
  }
}

.main_visual_box .count_box {
  display: inline-block;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

.main_visual_box .count_box .count_numbox {
  font-size: 0;
}

.main_visual_box .count_box .count_numbox > div {
  vertical-align: top;
  display: inline-block;
}

.main_visual_box .count_box .count_numbox .day .inner {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  text-align: left;
  line-height: 1;
}

.main_visual_box .count_box .count_numbox .day p {
  color: #242322;
  text-align: left;
}

.main_visual_box .count_box .count_numbox .day p.day_desc {
  font-weight: 600;
}

.main_visual_box .count_box .count_numbox .day p.day_tit {
  font-weight: 600;
}

.main_visual_box .count_box .count_numbox .day p.day_tit strong,
.main_visual_box .count_box .count_numbox .day p.day_tit span {
  display: none;
}

.main_visual_box .count_box .count_numbox .day strong {
  color: #e64c2e;
}

.main_visual_box .count_box .count_numbox .day span {
  color: #242322;
}

.main_visual_box .count_box .count_numbox .timebox {
  font-size: 0;
}

.main_visual_box .count_box .count_numbox .timebox p {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.main_visual_box .count_box .count_numbox .timebox p strong {
  color: #242322;
}

.main_visual_box .count_box .count_numbox .timebox p::after, .main_visual_box .count_box .count_numbox .timebox p::before {
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  background-color: #242322;
  border-radius: 50px;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.main_visual_box .count_box .count_numbox .timebox p.d strong {
  color: #e64c2e;
}

.main_visual_box .count_box .count_numbox .timebox p.s {
  padding-right: 0;
}

.main_visual_box .count_box .count_numbox .timebox p.s::after, .main_visual_box .count_box .count_numbox .timebox p.s::before {
  display: none;
}

@media (min-width: 768px) {
  .main_visual_box .count_box {
    border-radius: 40px;
  }
  .main_visual_box .count_box .day {
    margin-right: 2px;
    border-right: 1px solid #e9e9e9;
  }
  .main_visual_box .count_box .timebox {
    margin-left: 2px;
  }
  .main_visual_box .count_box .timebox p {
    width: 182px;
  }
}

@media (min-width: 1440px) {
  .main_visual_box .count_box {
    padding-top: 35px;
    padding-bottom: 35px;
    margin-right: 52px;
    margin-left: 52px;
  }
}

@media (min-width: 1440px) {
  .main_visual_box .count_box {
    padding-top: 27px;
    padding-right: 2.7778vw;
    padding-bottom: 27px;
    padding-left: 2.7778vw;
    margin-bottom: 60px;
  }
  .main_visual_box .count_box .day {
    width: 235px;
    padding-left: 27px;
    line-height: 110px;
  }
  .main_visual_box .count_box .day .day_desc {
    font-size: 18px;
    line-height: 38px;
  }
  .main_visual_box .count_box .day .day_tit {
    font-size: 52px;
  }
  .main_visual_box .count_box .timebox {
    height: 110px;
    line-height: 120px;
  }
  .main_visual_box .count_box .timebox p {
    padding-right: 6px;
    font-size: 18px;
  }
  .main_visual_box .count_box .timebox p::after, .main_visual_box .count_box .timebox p::before {
    width: 6px;
    height: 6px;
  }
  .main_visual_box .count_box .timebox p::after {
    margin-top: -6px;
  }
  .main_visual_box .count_box .timebox p::before {
    margin-top: 6px;
  }
  .main_visual_box .count_box .timebox p strong {
    padding-right: 10px;
    font-size: 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .count_box {
    padding-top: 14px;
    padding-right: 2.109vw;
    padding-bottom: 14px;
    padding-left: 2.109vw;
    margin-bottom: 36px;
  }
  .main_visual_box .count_box .day {
    width: 174px;
    padding-left: 21px;
    line-height: 84px;
  }
  .main_visual_box .count_box .day .day_desc {
    font-size: 14px;
    line-height: 22px;
  }
  .main_visual_box .count_box .day .day_tit {
    font-size: 38px;
  }
  .main_visual_box .count_box .timebox {
    height: 84px;
    line-height: 94px;
  }
  .main_visual_box .count_box .timebox p {
    width: 133px;
    padding-right: 5px;
    font-size: 16px;
  }
  .main_visual_box .count_box .timebox p::after, .main_visual_box .count_box .timebox p::before {
    width: 5px;
    height: 5px;
  }
  .main_visual_box .count_box .timebox p::after {
    margin-top: -5px;
  }
  .main_visual_box .count_box .timebox p::before {
    margin-top: 5px;
  }
  .main_visual_box .count_box .timebox p strong {
    padding-right: 8px;
    font-size: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .count_box {
    padding-top: 17px;
    padding-right: 3.125vw;
    padding-bottom: 17px;
    padding-left: 3.125vw;
    margin-bottom: 43px;
  }
  .main_visual_box .count_box .day {
    width: 131px;
    padding-left: 13px;
    line-height: 52px;
  }
  .main_visual_box .count_box .day .day_desc {
    font-size: 12px;
    line-height: 15px;
  }
  .main_visual_box .count_box .day .day_tit {
    font-size: 32px;
  }
  .main_visual_box .count_box .timebox {
    height: 52px;
    line-height: 58px;
  }
  .main_visual_box .count_box .timebox p {
    width: 91px;
    padding-right: 4px;
    font-size: 14px;
  }
  .main_visual_box .count_box .timebox p::after, .main_visual_box .count_box .timebox p::before {
    width: 4px;
    height: 4px;
  }
  .main_visual_box .count_box .timebox p::after {
    margin-top: -4px;
  }
  .main_visual_box .count_box .timebox p::before {
    margin-top: 4px;
  }
  .main_visual_box .count_box .timebox p strong {
    padding-right: 6px;
    font-size: 38px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .count_box {
    display: block;
    width: 100%;
    padding-right: 5.3333vw;
    padding-left: 5.3333vw;
    margin-bottom: 9.7227vw;
    border-radius: 10.6667vw;
  }
  .main_visual_box .count_box .count_numbox > div {
    display: block;
  }
  .main_visual_box .count_box .count_numbox .day {
    display: block;
    padding-right: 2.2667vw;
    padding-left: 2.2667vw;
    border-right: none;
    border-bottom: 0.2731vw solid #e9e9e9;
    text-align: center;
    line-height: 22vw;
  }
  .main_visual_box .count_box .count_numbox .day .inner {
    width: auto;
  }
  .main_visual_box .count_box .count_numbox .day .inner p.day_desc {
    font-size: 3.4667vw;
    line-height: 5.3333vw;
  }
  .main_visual_box .count_box .count_numbox .day .inner p.day_tit {
    font-size: 7.2000vw;
  }
  .main_visual_box .count_box .count_numbox .day .inner p.day_tit span,
  .main_visual_box .count_box .count_numbox .day .inner p.day_tit strong {
    display: inline-block;
  }
  .main_visual_box .count_box .count_numbox .day .inner p.day_tit span {
    vertical-align: top;
    margin-top: -2vw;
    padding-left: 4vw;
    font-size: 3.4667vw;
  }
  .main_visual_box .count_box .count_numbox .day .inner p.day_tit strong {
    font-size: 9.8667vw;
  }
  .main_visual_box .count_box .timebox {
    height: 22vw;
    line-height: 23vw;
  }
  .main_visual_box .count_box .timebox p {
    width: 23.8667vw;
    padding-right: 0.5333vw;
    margin-left: 0;
    font-size: 3.4667vw;
  }
  .main_visual_box .count_box .timebox p::after, .main_visual_box .count_box .timebox p::before {
    width: 0.8vw;
    height: 0.8vw;
  }
  .main_visual_box .count_box .timebox p::after {
    margin-top: -0.8vw;
  }
  .main_visual_box .count_box .timebox p::before {
    margin-top: 0.8vw;
  }
  .main_visual_box .count_box .timebox p strong {
    padding-right: 0.6667vw;
    font-size: 9.8667vw;
  }
  .main_visual_box .count_box .timebox p.d {
    display: none;
  }
  .main_visual_box .count_box .timebox p.h {
    margin-left: 0;
  }
}

.main_visual_box .visual_btn {
  font-size: 0;
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn {
    width: 100%;
  }
}

.main_visual_box .visual_btn .btn.fullsche {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
  font-weight: 500;
}

.main_visual_box .visual_btn .btn.fullsche::before, .main_visual_box .visual_btn .btn.fullsche::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_visual_box .visual_btn .btn.fullsche::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_visual_box .visual_btn .btn.fullsche:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .main_visual_box .visual_btn .btn.fullsche {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.fullsche::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .visual_btn .btn.fullsche {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.fullsche::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .visual_btn .btn.fullsche {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.fullsche::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn .btn.fullsche {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.fullsche::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.main_visual_box .visual_btn .btn.fullsche:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_visual_box .visual_btn .btn.fullsche:hover::before, .main_visual_box .visual_btn .btn.fullsche:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_visual_box .visual_btn .btn.fullsche:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_visual_box .visual_btn .btn.fullsche:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after, .main_visual_box .visual_btn .btn.fullsche:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .visual_btn .btn.fullsche:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after, .main_visual_box .visual_btn .btn.fullsche:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .visual_btn .btn.fullsche:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after, .main_visual_box .visual_btn .btn.fullsche:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn .btn.fullsche:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after, .main_visual_box .visual_btn .btn.fullsche:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.fullsche:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.main_visual_box .visual_btn .btn.forumfaq {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  font-weight: 500;
}

.main_visual_box .visual_btn .btn.forumfaq::before, .main_visual_box .visual_btn .btn.forumfaq::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_visual_box .visual_btn .btn.forumfaq::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_visual_box .visual_btn .btn.forumfaq {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after, .main_visual_box .visual_btn .btn.forumfaq::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .visual_btn .btn.forumfaq {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after, .main_visual_box .visual_btn .btn.forumfaq::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .visual_btn .btn.forumfaq {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after, .main_visual_box .visual_btn .btn.forumfaq::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn .btn.forumfaq {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after, .main_visual_box .visual_btn .btn.forumfaq::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

.main_visual_box .visual_btn .btn.forumfaq:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_visual_box .visual_btn .btn.forumfaq:hover::before, .main_visual_box .visual_btn .btn.forumfaq:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_visual_box .visual_btn .btn.forumfaq:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_visual_box .visual_btn .btn.forumfaq:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after, .main_visual_box .visual_btn .btn.forumfaq:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .visual_btn .btn.forumfaq:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after, .main_visual_box .visual_btn .btn.forumfaq:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .visual_btn .btn.forumfaq:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after, .main_visual_box .visual_btn .btn.forumfaq:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn .btn.forumfaq:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after, .main_visual_box .visual_btn .btn.forumfaq:hover::before {
    background-size: contain;
  }
  .main_visual_box .visual_btn .btn.forumfaq:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (min-width: 1440px) {
  .main_visual_box .visual_btn .btn.fullsche:hover:after, .main_visual_box .visual_btn .btn.forumfaq:hover:after {
    margin-left: 8px;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.forumfaq::after {
    margin-left: 8px;
  }
  .main_visual_box .visual_btn .btn.fullsche {
    margin-right: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual_box .visual_btn .btn.fullsche:hover:after, .main_visual_box .visual_btn .btn.forumfaq:hover:after {
    margin-left: 7px;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.forumfaq::after {
    margin-left: 7px;
  }
  .main_visual_box .visual_btn .btn.fullsche {
    margin-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual_box .visual_btn .btn.fullsche:after, .main_visual_box .visual_btn .btn.forumfaq:after, .main_visual_box .visual_btn .btn.fullsche:hover:after, .main_visual_box .visual_btn .btn.forumfaq:hover:after {
    width: 13px;
    height: 13px;
    margin-left: 6px;
    background-size: 13px auto;
  }
  .main_visual_box .visual_btn .btn.fullsche {
    margin-right: 9px;
  }
}

@media (max-width: 767.9px) {
  .main_visual_box .visual_btn .btn {
    margin-top: 1.2vw;
  }
  .main_visual_box .visual_btn .btn::after {
    margin-left: 3.2vw;
  }
  .main_visual_box .visual_btn .btn.fullsche {
    margin-right: 1.3333vw;
  }
  .main_visual_box .visual_btn .btn.forumfaq {
    border-width: 0.5334vw;
  }
  .main_visual_box .visual_btn .btn.fullsche, .main_visual_box .visual_btn .btn.forumfaq, .main_visual_box .visual_btn .btn.fullsche:hover, .main_visual_box .visual_btn .btn.forumfaq:hover {
    width: 44vw;
    height: 11.2vw;
    padding: 0;
    text-align: center;
    line-height: 10.2vw;
  }
  .main_visual_box .visual_btn .btn.fullsche::after, .main_visual_box .visual_btn .btn.forumfaq::after, .main_visual_box .visual_btn .btn.fullsche:hover::after, .main_visual_box .visual_btn .btn.forumfaq:hover::after {
    width: 3.2vw;
    height: 3.2vw;
    margin-top: -0.8vw;
    margin-left: 1.3vw;
  }
}

.main_visual .visual_amimation {
  overflow: hidden;
  position: absolute;
  width: 2268px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1134px;
  z-index: 5;
}

.main_visual .visual_amimation > * {
  position: relative;
  width: 50%;
  height: 100%;
  float: left;
}

.main_visual .visual_amimation > * p {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  opacity: 0;
}

.main_visual .visual_amimation > * p.aniset {
  opacity: 1;
}

.main_visual .visual_amimation .ani_left .circle {
  overflow: hidden;
  -webkit-transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
  transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
}

.main_visual .visual_amimation .ani_left .circle.full {
  z-index: 16;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/pc/main/left_circle1.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/mo/main/left_circle1.png);
  }
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_left .circle.full:last-of-type {
    background-image: url(/static/images/pc/main/left_circle2.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_left .circle.full:last-of-type {
    background-image: url(/static/images/mo/main/left_circle2.png);
  }
}

.main_visual .visual_amimation .ani_left .circle.half {
  z-index: 17;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/pc/main/left_circle3.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/mo/main/left_circle3.png);
  }
}

@media (min-width: 1650px) {
  .main_visual .visual_amimation .ani_left .circle {
    width: 150px;
    height: 150px;
    top: 30px;
    right: 740px;
  }
  .main_visual .visual_amimation .ani_left .circle.aniset {
    right: 660px;
  }
  .main_visual .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: 0;
  }
  .main_visual .visual_amimation .ani_left .circle.full:last-of-type {
    margin-right: 75px;
  }
  .main_visual .visual_amimation .ani_left .circle.half {
    width: 75px;
    height: 129px;
    top: 41px;
    margin-right: 75px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_visual .visual_amimation .ani_left .circle {
    width: 9.0909vw;
    height: 9.0909vw;
    top: 2.4782vw;
    right: 44.8485vw;
  }
  .main_visual .visual_amimation .ani_left .circle.aniset {
    right: 40.4000vw;
  }
  .main_visual .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: 0;
  }
  .main_visual .visual_amimation .ani_left .circle.full:last-of-type {
    margin-right: 4.5455vw;
  }
  .main_visual .visual_amimation .ani_left .circle.half {
    width: 4.5455vw;
    height: 7.8182vw;
    top: 3.0848vw;
    margin-right: 4.5455vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_left .circle {
    width: 20.0000vw;
    height: 20.0000vw;
    top: 4.0000vw;
    right: 36.8000vw;
  }
  .main_visual .visual_amimation .ani_left .circle.aniset {
    right: 35.0667vw;
  }
  .main_visual .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: 0;
  }
  .main_visual .visual_amimation .ani_left .circle.full:last-of-type {
    margin-right: 10.0000vw;
  }
  .main_visual .visual_amimation .ani_left .circle.half {
    width: 10.0000vw;
    height: 17.2000vw;
    top: 5.3333vw;
    margin-right: 10.0000vw;
  }
}

.main_visual .visual_amimation .ani_right .circle {
  overflow: hidden;
  z-index: 15;
}

.main_visual .visual_amimation .ani_right .circle.full:nth-child(3) {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3) {
    background-image: url(/static/images/pc/main/right_circle3_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3) {
    background-image: url(/static/images/mo/main/right_circle3_.png);
  }
}

.main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
  -webkit-transition: opacity 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
    background-image: url(/static/images/pc/main/right_circle4.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
    background-image: url(/static/images/mo/main/right_circle4.png);
  }
}

.main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
  -webkit-transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, transform 0.8s ease 0.5s, -webkit-transform 0.8s ease 0.5s;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/pc/main/right_circle1_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/mo/main/right_circle1_.png);
  }
}

.main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
  -webkit-transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, transform 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
    background-image: url(/static/images/pc/main/right_circle2_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
    background-image: url(/static/images/mo/main/right_circle2_.png);
  }
}

.main_visual .visual_amimation .ani_right .circle.aniset {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.main_visual .visual_amimation .ani_right .squere {
  z-index: 5;
}

.main_visual .visual_amimation .ani_right .squere.normal {
  background-size: auto 100%;
}

.main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
  -webkit-transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
  transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
    background-image: url(/static/images/pc/main/right_squere1_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
    background-image: url(/static/images/mo/main/right_squere1_.png);
  }
}

.main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
  -webkit-transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
  transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
    background-image: url(/static/images/pc/main/right_squere2_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
    background-image: url(/static/images/mo/main/right_squere2_.png);
  }
}

.main_visual .visual_amimation .ani_right .squere.double {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/pc/main/right_squere3_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/mo/main/right_squere3_.png);
  }
}

.main_visual .visual_amimation .ani_right .triangle {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  z-index: 10;
}

@media (min-width: 768px) {
  .main_visual .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/pc/main/right_triangle_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/mo/main/right_triangle_.png);
  }
}

@media (min-width: 1650px) {
  .main_visual .visual_amimation .ani_right .circle {
    width: 150px;
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .circle.full {
    height: 150px;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3) {
    top: 229px;
    margin-top: 40px;
    margin-left: 335px;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3).aniset {
    margin-top: 0;
    margin-left: 385px;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
    width: 300px;
    height: 300px;
    top: 370px;
    margin-left: 480px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4).aniset {
    top: 370px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .main_visual .visual_amimation .ani_right .circle.half {
    height: 75px;
    top: -90px;
    opacity: 1;
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
    margin-left: 385px;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    transform: rotate(15deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
    margin-left: 555px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half.aniset {
    top: 30px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .main_visual .visual_amimation .ani_right .squere {
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .squere.normal {
    height: 36px;
    margin-left: 705px;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
    width: 0;
    top: 125px;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5).aniset {
    width: 320px;
    margin-left: 385px;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
    width: 0;
    top: 191px;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6).aniset {
    width: 180px;
    margin-left: 545px;
  }
  .main_visual .visual_amimation .ani_right .squere.double {
    width: 150px;
    height: 150px;
    top: 304px;
    margin-top: -40px;
    margin-left: 364px;
  }
  .main_visual .visual_amimation .ani_right .squere.double.aniset {
    margin-top: 0;
    margin-left: 304px;
  }
  .main_visual .visual_amimation .ani_right .triangle {
    width: 372px;
    height: 320px;
    top: 20px;
    left: 0;
    margin-top: 40px;
    margin-left: 618px;
  }
  .main_visual .visual_amimation .ani_right .triangle.aniset {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_visual .visual_amimation .ani_right .circle {
    width: 9.0909vw;
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .circle.full {
    height: 9.0909vw;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3) {
    top: 14.2788vw;
    margin-top: 2.4242vw;
    margin-left: 20.3030vw;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3).aniset {
    margin-top: 0;
    margin-left: 23.3333vw;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
    width: 18.1818vw;
    height: 18.1818vw;
    top: 22.4242vw;
    margin-left: 29.0909vw;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(4).aniset {
    top: 22.8242vw;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .main_visual .visual_amimation .ani_right .circle.half {
    height: 4.5455vw;
    top: -5.4545vw;
    opacity: 1;
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
    margin-left: 23.3333vw;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    transform: rotate(15deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
    margin-left: 33.6364vw;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half.aniset {
    top: 2.2182vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .main_visual .visual_amimation .ani_right .squere {
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .squere.normal {
    height: 2.1818vw;
    margin-left: 42.7273vw;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
    width: 0;
    top: 7.9758vw;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5).aniset {
    width: 19.3939vw;
    margin-left: 23.3333vw;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
    width: 0;
    top: 11.9758vw;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6).aniset {
    width: 10.9091vw;
    margin-left: 33.0303vw;
  }
  .main_visual .visual_amimation .ani_right .squere.double {
    width: 9.0909vw;
    height: 9.0909vw;
    top: 18.8242vw;
    margin-top: -2.4242vw;
    margin-left: 22.4606vw;
  }
  .main_visual .visual_amimation .ani_right .squere.double.aniset {
    margin-top: 0;
    margin-left: 18.4242vw;
  }
  .main_visual .visual_amimation .ani_right .triangle {
    width: 22.5455vw;
    height: 19.3939vw;
    top: 1.6121vw;
    left: 0;
    margin-top: 2.4242vw;
    margin-left: 37.4545vw;
  }
  .main_visual .visual_amimation .ani_right .triangle.aniset {
    margin-top: 0;
  }
}

@media (max-width: 767.9px) {
  .main_visual .visual_amimation .ani_right .circle {
    width: 20.0000vw;
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .circle.full:nth-child(3), .main_visual .visual_amimation .ani_right .circle.full:nth-child(4) {
    display: none;
  }
  .main_visual .visual_amimation .ani_right .circle.half {
    height: 10.0000vw;
    top: -0;
    opacity: 1;
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(1) {
    -webkit-transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
    transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
    transition: top 1s ease 0s, transform 0.8s ease 0.5s;
    transition: top 1s ease 0s, transform 0.8s ease 0.5s, -webkit-transform 0.8s ease 0.5s;
    margin-left: 10.1333vw;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half:nth-child(2) {
    -webkit-transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
    transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
    transition: top 1s ease 0.3s, transform 0.9s ease 0.9s;
    transition: top 1s ease 0.3s, transform 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
    margin-left: 32.8000vw;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  .main_visual .visual_amimation .ani_right .circle.half.aniset {
    top: 4.0000vw;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .main_visual .visual_amimation .ani_right .squere {
    left: 0;
  }
  .main_visual .visual_amimation .ani_right .squere.normal {
    height: 4.8000vw;
    margin-left: 0;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5) {
    width: 0;
    top: 16.6667vw;
    -webkit-transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
    transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(5).aniset {
    width: 42.6667vw;
    margin-left: 10.1333vw;
  }
  .main_visual .visual_amimation .ani_right .squere.normal:nth-child(6) {
    display: none;
  }
  .main_visual .visual_amimation .ani_right .squere.double {
    display: none;
  }
  .main_visual .visual_amimation .ani_right .triangle {
    display: none;
  }
}

@media (min-width: 1650px) {
  .main_visual.main_before {
    padding-bottom: 140px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual.main_before {
    padding-bottom: 122.22px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_visual.main_before {
    padding-bottom: 108.64px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_visual.main_before {
    padding-bottom: 86.94px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual.main_before {
    padding-bottom: 65.1px;
  }
}

.main_visual.main_before .main_visual_box {
  text-align: center;
}

@media (max-width: 767.9px) {
  .main_visual.main_before .main_visual_box {
    margin-top: -2.3210vw;
  }
}

.main_visual.main_before .main_visual_box .title,
.main_visual.main_before .main_visual_box .visual_btn {
  height: auto;
  padding: 0;
  line-height: 1;
}

.main_visual.main_before .main_visual_box .title p,
.main_visual.main_before .main_visual_box .visual_btn p {
  padding: 0;
  text-align: center;
}

.main_visual.main_before .main_visual_box .text {
  height: auto;
  line-height: 1;
}

.main_visual.main_before .main_visual_box .text .mobile {
  display: none;
}

.main_visual.main_before .main_visual_box .visual_btn {
  text-align: center;
}

.main_visual.main_before .visual_amimation {
  width: 100%;
  margin-left: 0;
  left: auto;
}

.main_visual.main_before .visual_amimation .ani_left .circle {
  overflow: hidden;
  -webkit-transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
  transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
}

.main_visual.main_before .visual_amimation .ani_left .circle.full {
  z-index: 16;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/pc/main/before_left_circle1.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/mo/main/before_left_circle1.png);
  }
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(3) {
    background-image: url(/static/images/pc/main/before_left_circle2.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(3) {
    background-image: url(/static/images/mo/main/before_left_circle2.png);
  }
}

.main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
  -webkit-transition: opacity 0.8s ease 0s, top 1s ease 0.1s, margin-right 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, top 1s ease 0.1s, margin-right 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
    background-image: url(/static/images/pc/main/before_left_circle4.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
    background-image: url(/static/images/mo/main/before_left_circle4.png);
  }
}

.main_visual.main_before .visual_amimation .ani_left .circle.half {
  z-index: 17;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/pc/main/before_left_circle3.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/mo/main/before_left_circle3.png);
  }
}

.main_visual.main_before .visual_amimation .ani_left .squere {
  z-index: 5;
}

.main_visual.main_before .visual_amimation .ani_left .squere.double {
  -webkit-transition: opacity 0.8s ease 0s, right 1s ease 0.1s, margin-right 1s ease 0.1s, top 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, right 1s ease 0.1s, margin-right 1s ease 0.1s, top 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_left .squere.double {
    background-image: url(/static/images/pc/main/before_left_squere_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .squere.double {
    background-image: url(/static/images/mo/main/before_left_squere_.png);
  }
}

@media (min-width: 1650px) {
  .main_visual.main_before .visual_amimation .ani_left .circle {
    width: 200px;
    height: 200px;
    top: -60px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.aniset {
    right: 650px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: -125px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(3) {
    margin-right: 0px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
    width: 300px;
    height: 300px;
    top: 160px;
    margin-right: 50px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4).aniset {
    margin-right: 90px;
    top: 130px;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.half {
    width: 100px;
    height: 174px;
    top: -58px;
    margin-right: -15px;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double {
    width: 200px;
    height: 200px;
    top: 170px;
    margin-right: 180px;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double.aniset {
    right: 550px;
    top: 312px;
    margin-right: 130px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle {
    width: 12.1212121vw;
    height: 12.1212121vw;
    top: -3.6363636vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.aniset {
    right: 39.3939394vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: -7.5757576vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(3) {
    margin-right: 0vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
    width: 18.1818182vw;
    height: 18.1818182vw;
    top: 9.6969697vw;
    margin-right: 3.0303030vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4).aniset {
    margin-right: 5.4545455vw;
    top: 7.8787879vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.half {
    width: 6.0606061vw;
    height: 10.5454545vw;
    top: -3.5151515vw;
    margin-right: -0.9090909vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double {
    width: 12.1212121vw;
    height: 12.1212121vw;
    top: 10.3030303vw;
    margin-right: 10.9090909vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double.aniset {
    right: 33.3333333vw;
    top: 18.9090909vw;
    margin-right: 7.8787879vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_left .circle {
    display: block;
    width: 27.3066666667vw;
    height: 27.3066666667vw;
    top: -10.192vw;
    right: 93vw;
    opacity: 0;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.aniset {
    right: 88.7466666667vw;
    opacity: 1;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:first-of-type {
    margin-right: -69.066667vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(3) {
    margin-right: -55vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.full:nth-of-type(4) {
    display: none;
  }
  .main_visual.main_before .visual_amimation .ani_left .circle.half {
    width: 13.6533333333vw;
    height: 23.7568000000vw;
    top: -8.492vw;
    margin-right: -55.48vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double {
    width: 27.3066666667vw;
    height: 27.3066666667vw;
    top: 59.5984vw;
    margin-right: 24.5760000000vw;
  }
  .main_visual.main_before .visual_amimation .ani_left .squere.double.aniset {
    right: 76.093333vw;
    top: 59.5984vw;
    margin-right: -37.250667vw;
  }
}

.main_visual.main_before .visual_amimation .ani_right .circle {
  overflow: hidden;
  z-index: 15;
}

.main_visual.main_before .visual_amimation .ani_right .circle.full:nth-child(2) {
  -webkit-transition: opacity 0.8s ease 0s, -webkit-transform 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, -webkit-transform 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, transform 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, transform 1s ease 0.1s, -webkit-transform 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.full:nth-child(2) {
    background-image: url(/static/images/pc/main/before_right_circle2_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.full:nth-child(2) {
    background-image: url(/static/images/mo/main/before_right_circle2_.png);
  }
}

.main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
  -webkit-transition: top 1s ease 0s;
  transition: top 1s ease 0s;
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  -webkit-transform: none;
          transform: none;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/pc/main/before_right_circle1_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/mo/main/before_right_circle1_.png);
  }
}

.main_visual.main_before .visual_amimation .ani_right .squere {
  z-index: 5;
}

.main_visual.main_before .visual_amimation .ani_right .squere.double {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/pc/main/before_right_squere_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/mo/main/before_right_squere_.png);
  }
}

.main_visual.main_before .visual_amimation .ani_right .triangle {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  z-index: 10;
}

@media (min-width: 768px) {
  .main_visual.main_before .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/pc/main/before_right_triangle_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/mo/main/before_right_triangle_.png);
  }
}

@media (min-width: 1650px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.full {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.full.aniset {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.full:nth-child(2) {
    width: 360px;
    height: 360px;
    top: 291px;
    left: 0;
    margin-left: 681px;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half {
    opacity: 0;
    margin-top: -40px;
    margin-left: 620px;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half.aniset {
    margin-top: -103px;
    opacity: 1;
    left: 0;
    margin-left: 670px;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
    width: 200px;
    height: 200px;
    top: 0;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double {
    width: 200px;
    height: 200px;
    top: 0;
    margin-left: 630px;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double.aniset {
    margin-left: 570px;
    margin-top: -40px;
  }
  .main_visual.main_before .visual_amimation .ani_right .triangle {
    width: 486px;
    height: 410px;
    top: -153px;
    margin-left: 810px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.full {
    width: 19.3939394vw;
    height: 19.3939394vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.full.aniset {
    width: 21.8181818vw;
    height: 21.8181818vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.full:nth-child(2) {
    top: 17.6363636vw;
    left: 0;
    margin-left: 41.2727273vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half {
    opacity: 0;
    margin-top: -2.4242424vw;
    margin-left: 37.5757576vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half.aniset {
    margin-top: -6.2424242vw;
    opacity: 1;
    left: 0;
    margin-left: 40.6060606vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
    width: 12.1212121vw;
    height: 12.1212121vw;
    top: 0;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double {
    width: 12.1212121vw;
    height: 12.1212121vw;
    top: 0;
    margin-left: 38.1818182vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double.aniset {
    margin-left: 34.5454545vw;
    margin-top: -2.4242424vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .triangle {
    width: 29.4545455vw;
    height: 24.8484848vw;
    top: -9.2727273vw;
    margin-left: 49.0909091vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before .visual_amimation .ani_right .circle.full {
    display: none;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half {
    opacity: 0;
    margin-top: -5.4613333333vw;
    margin-left: 47.842666vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half.aniset {
    left: 0;
    top: 0;
    margin-top: -14.0629333333vw;
    margin-left: 43.842666vw;
    opacity: 1;
  }
  .main_visual.main_before .visual_amimation .ani_right .circle.half:nth-child(1) {
    width: 27.3066666667vw;
    height: 27.3066666667vw;
    top: 0;
    margin-top: -14.0629333333vw;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere {
    display: block;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double {
    width: 27.3066666667vw;
    height: 27.3066666667vw;
    top: 0;
    margin-left: 86.0160000000vw;
    opacity: 0;
  }
  .main_visual.main_before .visual_amimation .ani_right .squere.double.aniset {
    margin-left: 35.008533vw;
    margin-top: -2.461333vw;
    opacity: 1;
  }
  .main_visual.main_before .visual_amimation .ani_right .triangle {
    display: none;
  }
}

@media (min-width: 1440px) {
  .main_visual.main_before .main_visual_box .title p {
    font-size: 72px;
    line-height: 94px;
  }
}

@media (min-width: 1650px) {
  .main_visual.main_before .main_visual_box .title p {
    line-height: 94px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual.main_before .main_visual_box .title p {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual.main_before .main_visual_box .title p {
    font-size: 38px;
    line-height: 50px;
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_before {
    padding-bottom: 19.1147vw;
  }
  .main_visual.main_before .main_visual_box .title p {
    font-size: 9.8667vw;
    line-height: 12.8000vw;
  }
  .main_visual.main_before .main_visual_box .text span {
    font-weight: 400;
    color: #383736;
  }
  .main_visual.main_before .main_visual_box .text span:before {
    display: none;
  }
  .main_visual.main_before .main_visual_box .text span.m_view {
    color: #ffffff;
  }
  .main_visual.main_before .main_visual_box .text span.m_view:before {
    display: block;
    margin: 0 1.4vw 0 0.5vw;
    border-radius: 2.93333333vw;
  }
  .main_visual.main_before .main_visual_box .text .mobile {
    display: block;
  }
}

.main_visual.main_after .main_visual_box .title,
.main_visual.main_after .main_visual_box .visual_btn {
  height: auto;
  padding: 0;
  line-height: 1;
}

.main_visual.main_after .main_visual_box .title p,
.main_visual.main_after .main_visual_box .visual_btn p {
  padding: 0;
  font-weight: 500;
  font-size: 76px;
  line-height: 110px;
  margin-bottom: 16px;
}

.main_visual.main_after .main_visual_box .title p {
  font-size: 76px;
  line-height: 110px;
}

.main_visual.main_after .main_visual_box .title span {
  position: relative;
  color: #ffffff;
  font-weight: 600;
}

.main_visual.main_after .main_visual_box .title span::before {
  position: absolute;
  display: block;
  background-color: #e64c2e;
  border-radius: 500px;
  content: '';
  z-index: -1;
}

.main_visual.main_after .main_visual_box .text {
  padding-top: 26px;
  padding-bottom: 64px;
}

.main_visual.main_after .main_visual_box .text p {
  font-size: 24px;
  line-height: 38px;
}

.main_visual.main_after .main_visual_box .text p br {
  display: none;
}

.main_visual.main_after .main_visual_box .text p br.mo {
  display: none;
}

.main_visual.main_after .visual_amimation {
  top: -10px;
}

.main_visual.main_after .visual_amimation .ani_left .circle {
  overflow: hidden;
  -webkit-transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
  transition: right 1.2s ease 0s, opacity 1.2s ease 0s;
}

.main_visual.main_after .visual_amimation .ani_left .circle.full {
  z-index: 16;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/pc/main/after_left_circle1.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.full:first-of-type {
    background-image: url(/static/images/mo/main/after_left_circle1.png);
  }
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.full:last-of-type {
    background-image: url(/static/images/pc/main/after_left_circle2.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.full:last-of-type {
    background-image: url(/static/images/mo/main/after_left_circle2.png);
  }
}

.main_visual.main_after .visual_amimation .ani_left .circle.half {
  z-index: 17;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/pc/main/after_left_circle3.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_left .circle.half {
    background-image: url(/static/images/mo/main/after_left_circle3.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .circle {
  overflow: hidden;
  z-index: 15;
}

.main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(3) {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(3) {
    background-image: url(/static/images/pc/main/after_right_circle3_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(3) {
    background-image: url(/static/images/mo/main/after_right_circle3_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(4) {
  -webkit-transition: opacity 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.2s;
  transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.2s, -webkit-transform 1.2s ease 0.2s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(4) {
    background-image: url(/static/images/pc/main/after_right_circle4.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(4) {
    background-image: url(/static/images/mo/main/after_right_circle4.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(1) {
  -webkit-transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, -webkit-transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, transform 0.8s ease 0.5s;
  transition: top 1s ease 0s, transform 0.8s ease 0.5s, -webkit-transform 0.8s ease 0.5s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/pc/main/after_right_circle1_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(1) {
    background-image: url(/static/images/mo/main/after_right_circle1_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(2) {
  -webkit-transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, -webkit-transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, transform 0.9s ease 0.9s;
  transition: top 1s ease 0.3s, transform 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(2) {
    background-image: url(/static/images/pc/main/after_right_circle2_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(2) {
    background-image: url(/static/images/mo/main/after_right_circle2_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .circle.aniset {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.main_visual.main_after .visual_amimation .ani_right .squere {
  z-index: 5;
}

.main_visual.main_after .visual_amimation .ani_right .squere.normal {
  background-size: auto 100%;
}

.main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(5) {
  -webkit-transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
  transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(5) {
    background-image: url(/static/images/pc/main/after_right_squere1_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(5) {
    background-image: url(/static/images/mo/main/after_right_squere1_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(6) {
  -webkit-transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
  transition: width 1.2s ease 0s, margin-left 1.2s ease 0s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(6) {
    background-image: url(/static/images/pc/main/after_right_squere2_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(6) {
    background-image: url(/static/images/mo/main/after_right_squere2_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .squere.double {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s, margin-left 1s ease 0.1s;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/pc/main/after_right_squere3_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .squere.double {
    background-image: url(/static/images/mo/main/after_right_squere3_.png);
  }
}

.main_visual.main_after .visual_amimation .ani_right .triangle {
  -webkit-transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  transition: opacity 0.8s ease 0s, margin-top 1s ease 0.1s;
  z-index: 10;
}

@media (min-width: 768px) {
  .main_visual.main_after .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/pc/main/after_right_triangle_.png);
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .visual_amimation .ani_right .triangle {
    background-image: url(/static/images/mo/main/after_right_triangle_.png);
  }
}

@media (min-width: 1650px) {
  .main_visual.main_after .visual_amimation .ani_left .circle {
    width: 160px;
    height: 160px;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.full::first-of-type {
    margin-right: 5px;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.full::last-of-type {
    margin-right: 80px;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.half {
    width: 80px;
    height: 138px;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(3) {
    width: 160px;
    height: 160px;
    top: 242px;
    margin-left: 365px;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(4) {
    width: 320px;
    height: 320px;
    top: 400px;
    margin-left: 465px;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(1) {
    width: 160px;
    height: 80px;
    margin-left: 365px;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(2) {
    width: 160px;
    height: 80px;
    margin-left: 545px;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.double {
    width: 160px;
    height: 160px;
    top: 324px;
    margin-left: 284px;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(5) {
    width: 340px;
    height: 40px;
    top: 134px;
    margin-left: 365px;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(6) {
    width: 170px;
    height: 40px;
    top: 206px;
    margin-left: 535px;
  }
  .main_visual.main_after .visual_amimation .ani_right .triangle {
    width: 395px;
    height: 340px;
    margin-left: 608px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_visual.main_after .visual_amimation .ani_left .circle {
    width: 9.6969697vw;
    height: 9.6969697vw;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.full::first-of-type {
    margin-right: 0.3030303vw;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.full::last-of-type {
    margin-right: 4.8484848vw;
  }
  .main_visual.main_after .visual_amimation .ani_left .circle.half {
    width: 4.8484848vw;
    height: 8.3636364vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(3) {
    width: 9.6969697vw;
    height: 9.6969697vw;
    top: 14.6666667vw;
    margin-left: 22.1212121vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.full:nth-child(4) {
    width: 19.3939394vw;
    height: 19.3939394vw;
    top: 24.2424242vw;
    margin-left: 28.1818182vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(1) {
    width: 9.6969697vw;
    height: 4.8484848vw;
    margin-left: 22.1212121vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .circle.half:nth-child(2) {
    width: 9.6969697vw;
    height: 4.8484848vw;
    margin-left: 33.0303030vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.double {
    width: 9.6969697vw;
    height: 9.6969697vw;
    top: 19.6363636vw;
    margin-left: 17.2121212vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(5) {
    width: 20.6060606vw;
    height: 2.4242424vw;
    top: 8.1212121vw;
    margin-left: 22.1212121vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .squere.normal:nth-child(6) {
    width: 10.3030303vw;
    height: 2.4242424vw;
    top: 12.4848485vw;
    margin-left: 32.4242424vw;
  }
  .main_visual.main_after .visual_amimation .ani_right .triangle {
    width: 23.9393939vw;
    height: 20.6060606vw;
    margin-left: 36.8484848vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .ani_left .circle {
    width: 21.8453333333vw;
    height: 21.8453333333vw;
  }
  .main_visual.main_after .ani_left .circle.full::first-of-type {
    margin-right: 0.6826666667vw;
  }
  .main_visual.main_after .ani_left .circle.full::last-of-type {
    margin-right: 10.9226666667vw;
  }
  .main_visual.main_after .ani_left .circle.half {
    width: 10.9226666667vw;
    height: 18.8416000000vw;
  }
  .main_visual.main_after .ani_right .circle.full {
    display: none;
  }
  .main_visual.main_after .ani_right .circle.half:nth-child(1) {
    width: 21.8453333333vw;
    height: 10.9226666667vw;
  }
  .main_visual.main_after .ani_right .circle.half:nth-child(2) {
    width: 21.8453333333vw;
    height: 10.9226666667vw;
  }
  .main_visual.main_after .ani_right .squere.double {
    display: none;
  }
  .main_visual.main_after .ani_right .squere.normal:nth-child(5) {
    width: 46.4213333333vw;
    height: 5.4613333333vw;
    top: 18.2954666667vw;
    margin-left: 49.8346666667vw;
  }
  .main_visual.main_after .ani_right .squere.normal:nth-child(6) {
    display: none;
  }
  .main_visual.main_after .ani_right .triangle {
    display: none;
  }
  .main_visual.main_after .main_visual_box .text p {
    display: inline;
  }
  .main_visual.main_after .main_visual_box .text p br {
    display: block;
  }
  .main_visual.main_after .main_visual_box .text p br.mo {
    display: block;
  }
}

@media (min-width: 1440px) {
  .main_visual.main_after .main_visual_box .desc {
    margin-bottom: 11px;
  }
  .main_visual.main_after .main_visual_box .title p {
    margin-bottom: 0;
  }
  .main_visual.main_after .main_visual_box .title span {
    margin-right: 15px;
    margin-left: 3px;
    letter-spacing: -2.5px;
  }
  .main_visual.main_after .main_visual_box .title span::before {
    top: -10px;
    right: -23px;
    bottom: -13px;
    left: -17px;
    border-radius: 44px;
  }
  .main_visual.main_after .main_visual_box .text {
    padding-top: 34px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1650px) {
  .main_visual.main_after .main_visual_box .desc {
    margin-bottom: -4px;
  }
  .main_visual.main_after .main_visual_box .title {
    padding-top: 15px;
    padding-bottom: 13px;
  }
  .main_visual.main_after .main_visual_box .text {
    padding-top: 20px;
    padding-bottom: 64px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual.main_after .main_visual_box .desc {
    margin-bottom: 11px;
  }
  .main_visual.main_after .main_visual_box .title p {
    font-size: 48px;
    line-height: 70px;
    margin-bottom: 0;
  }
  .main_visual.main_after .main_visual_box .title span {
    margin-right: 10px;
    margin-left: 7px;
    letter-spacing: -1.6px;
  }
  .main_visual.main_after .main_visual_box .title span::before {
    top: -6px;
    right: -14px;
    bottom: -9px;
    left: -4px;
    border-radius: 26px;
  }
  .main_visual.main_after .main_visual_box .text {
    padding-top: 29px;
    padding-bottom: 51px;
  }
  .main_visual.main_after .main_visual_box .text p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual.main_after .main_visual_box .desc {
    margin-bottom: 0.2604vw;
  }
  .main_visual.main_after .main_visual_box .title p {
    font-size: 4.9479vw;
    line-height: 7.1615vw;
    margin-bottom: 0;
  }
  .main_visual.main_after .main_visual_box .title span {
    margin-right: 1.222222vw;
    letter-spacing: -0.18vw;
  }
  .main_visual.main_after .main_visual_box .title span::before {
    top: -0.6510vw;
    right: -1.6229vw;
    bottom: -0.7813vw;
    left: -1.0146vw;
    border-radius: 2.60416667vw;
  }
  .main_visual.main_after .main_visual_box .text {
    padding-top: 1.6927vw;
    padding-bottom: 3.5156vw;
  }
  .main_visual.main_after .main_visual_box .text p {
    font-size: 1.9531vw;
    line-height: 3.1250vw;
  }
}

@media (max-width: 767.9px) {
  .main_visual.main_after .main_visual_box .desc {
    margin-bottom: 3.4667vw;
  }
  .main_visual.main_after .main_visual_box .desc p {
    font-size: 4.2667vw;
  }
  .main_visual.main_after .main_visual_box .title p {
    font-size: 7.7333vw;
    line-height: 11.0667vw;
    margin-bottom: 0;
    letter-spacing: -0.13vw;
  }
  .main_visual.main_after .main_visual_box .title span {
    margin-right: 1.822222vw;
    letter-spacing: -0.3vw;
  }
  .main_visual.main_after .main_visual_box .title span::before {
    top: -0.9333vw;
    right: -2.9333vw;
    bottom: -1.3333vw;
    left: -1.8vw;
    border-radius: 4vw;
  }
  .main_visual.main_after .main_visual_box .text {
    padding-top: 5.0667vw;
    padding-bottom: 9.4667vw;
  }
  .main_visual.main_after .main_visual_box .text p {
    display: inline;
    font-size: 4.8vw;
    line-height: 7.7334vw;
    letter-spacing: -0.13vw;
  }
  .main_visual.main_after .main_visual_box .text p br {
    display: none;
  }
  .main_visual.main_after .main_visual_box .visual_btn .btn.fullsche:after, .main_visual.main_after .main_visual_box .visual_btn .btn.forumfaq:after {
    width: 3.4667vw;
    height: 3.4667vw;
    margin-top: -0.6vw;
  }
  .main_visual.main_after .main_visual_box .visual_btn .btn.fullsche:hover:after, .main_visual.main_after .main_visual_box .visual_btn .btn.forumfaq:hover:after {
    width: 3.4667vw;
    height: 3.4667vw;
    margin-top: -0.6vw;
  }
}

.main_visual .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_visual .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_visual .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_visual .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_visual .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_visual .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_visual .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_visual .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_visual .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_visual .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_visual .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_visual .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_visual .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_visual .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_visual .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_visual .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_visual .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_visual .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live_box {
  overflow: hidden;
  -webkit-transition: margin-top 0.8s ease 0s, opacity 0.8s ease 0s;
  transition: margin-top 0.8s ease 0s, opacity 0.8s ease 0s;
}

.main_live_box .live_video_box {
  position: relative;
}

.main_live_box .live_video_box .inner {
  display: none;
  background-color: #d7dbe0;
}

.main_live_box .live_video_box .inner:first-child {
  display: block;
}

.main_live_box .live_video_box .inner.count {
  background-color: transparent;
}

.main_live_box .live_video_box .inner .color_box,
.main_live_box .live_video_box .inner .live_video {
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
  height: 34.8485vw;
  max-height: 590px;
  line-height: 34.8485vw;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    height: 590px;
    border-radius: 15px;
    line-height: 590px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    height: 514px;
    line-height: 514px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    height: 48.0606vw;
    max-height: none;
    border-radius: 1.4648vw;
    line-height: 48.0606vw;
  }
}

@media (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    height: 48.0606vw;
    max-height: none;
    border-radius: 1.9531vw;
    line-height: 48.0606vw;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box,
  .main_live_box .live_video_box .inner .live_video {
    height: 50.1333vw;
    max-height: none;
    line-height: 50.1333vw;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box,
.main_live_box .live_video_box .inner .live_video .ready_count_box {
  padding-top: 0;
  margin: 0 auto;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box,
  .main_live_box .live_video_box .inner .live_video .ready_count_box {
    padding-right: 240px;
    padding-left: 240px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box,
  .main_live_box .live_video_box .inner .live_video .ready_count_box {
    padding-right: 14.5472vw;
    padding-left: 14.5472vw;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box,
  .main_live_box .live_video_box .inner .live_video .ready_count_box {
    padding-right: 12vw;
    padding-left: 12vw;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
  display: block;
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_title span.ell_in,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_title span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 30px;
    line-height: 42px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 30px;
    line-height: 42px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 5.6vw;
    line-height: 7.73333vw;
  }
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    max-height: 84px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    max-height: 84px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    max-height: 56px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    max-height: 52px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    max-height: 15.46667vw;
  }
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    margin-bottom: 34px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    margin-bottom: 29.682px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    margin-bottom: 26.384px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    margin-bottom: 21.114px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    margin-bottom: 15.81px;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_title:hover,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_title:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_title,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_title {
    font-size: 4.0000vw;
    line-height: 6.4vw;
    letter-spacing: -1.5px;
    margin-bottom: 4vw;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
  overflow: hidden;
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    height: 120px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    height: 108px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    height: 99.96px;
  }
}

@media (min-width: 1650px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    border-radius: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    border-radius: 30.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    border-radius: 28.322px;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    line-height: 130px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    line-height: 117px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    line-height: 108.29px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox {
    height: 16.8000vw;
    border-radius: 5.3333vw;
    line-height: 16.8000vw;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  line-height: 1;
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox {
  width: auto;
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p {
  width: auto;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p {
    font-size: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p {
    font-size: 14.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p {
    font-size: 13.328px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p {
    font-size: 3.4667vw;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p strong,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p strong {
  margin-top: 0;
  line-height: 1;
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p strong,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p strong {
    font-size: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p strong,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p strong {
    font-size: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p strong,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p strong {
    font-size: 49.98px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox p strong,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox p strong {
    font-size: 8vw;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    padding-right: 25px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    padding-right: 22.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    padding-right: 20.825px;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    margin-right: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    margin-right: 14.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    margin-right: 13.328px;
  }
}

.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
.main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
.main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
  line-height: 1;
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    padding-top: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    padding-top: 14.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    padding-top: 13.328px;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    font-size: 19px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    font-size: 17.1px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    font-size: 15.827px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m {
    padding-right: 3.6000vw;
    margin-right: 2.6667vw;
  }
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .m::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .h::after,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .m::after {
    padding-top: 1.4vw;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    padding-right: 0px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    padding-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    padding-right: 0px;
  }
}

@media (min-width: 1440px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    margin-right: 0px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    margin-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_box .inner .color_box .ready_count_box .count_numbox .timebox .s,
  .main_live_box .live_video_box .inner .live_video .ready_count_box .count_numbox .timebox .s {
    margin-right: 0px;
  }
}

.main_live_box .live_video_box .swiper_page.swiper-pagination {
  display: none;
}

.main_live_box .live_video_box .tag_live {
  position: absolute;
  background-color: #e64c2e;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  z-index: 10;
}

.main_live_box .live_video_box .tag_live::after {
  display: inline-block;
  background-color: #242322;
  border-radius: 50px;
  content: '';
}

.main_live_box .live_video_box .btn_play {
  position: absolute;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer%5F1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cg%3E%3Cpath%20d%3D%22M1419%2e95%2c1508%2e6a0%2e585%2c0%2e585%2c0%2c0%2c0%2d%2e02%2d0%2e13%2c2%2e5%2c2%2e5%2c0%2c0%2c0%2d%2e15%2d0%2e38c%2d0%2e03%2d%2e05%2d0%2e07%2d0%2e11%2d0%2e1%2d0%2e16a2%2e028%2c2%2e028%2c0%2c0%2c0%2d%2e18%2d0%2e23c%2d0%2e04%2d%2e04%2d0%2e08%2d0%2e09%2d0%2e12%2d0%2e13a2%2e661%2c2%2e661%2c0%2c0%2c0%2d%2e38%2d0%2e28%2c0%2e01%2c0%2e01%2c0%2c0%2c0%2d%2e01%2d0%2e01l%2d13%2e94%2d9c%2d0%2e05%2d%2e03%2d0%2e11%2d0%2e04%2d0%2e16%2d0%2e07a2%2e256%2c2%2e256%2c0%2c0%2c0%2d%2e33%2d0%2e13%2c1%2e973%2c1%2e973%2c0%2c0%2c0%2d%2e48%2d0%2e06c%2d0%2e02%2c0%2d%2e03%2d0%2e01%2d0%2e05%2d0%2e01a0%2e772%2c0%2e772%2c0%2c0%2c0%2d%2e15%2e02c%2d0%2e11%2e01%2d%2e22%2c0%2e02%2d0%2e33%2c0%2e04%2d0%2e05%2e02%2d%2e1%2c0%2e03%2d0%2e15%2c0%2e05a2%2e045%2c2%2e045%2c0%2c0%2c0%2d%2e31%2e13%2c1%2e091%2c1%2e091%2c0%2c0%2c0%2d%2e11%2e06%2c1%2e992%2c1%2e992%2c0%2c0%2c0%2d%2e33%2e24c%2d0%2e01%2e01%2d%2e03%2c0%2e02%2d0%2e05%2c0%2e04a1%2e6%2c1%2e6%2c0%2c0%2c0%2d%2e28%2e35%2c0%2e826%2c0%2e826%2c0%2c0%2c0%2d%2e07%2e13%2c2%2e018%2c2%2e018%2c0%2c0%2c0%2d%2e14%2e3c%2d0%2e01%2e05%2d%2e03%2c0%2e1%2d0%2e04%2c0%2e15a1%2e854%2c1%2e854%2c0%2c0%2c0%2d%2e07%2e48v18a2%2e333%2c2%2e333%2c0%2c0%2c0%2c%2e07%2e53%2c2%2e408%2c2%2e408%2c0%2c0%2c0%2c%2e15%2e33%2c0%2e591%2c0%2e591%2c0%2c0%2c0%2c%2e06%2e14c0%2e02%2c0%2e04%2e05%2c0%2e07%2c0%2e07%2c0%2e11%2c0%2e07%2c0%2e09%2e14%2c0%2e18%2c0%2e22%2c0%2e27a1%2c1%2c0%2c0%2c1%2c%2e11%2e1c0%2e09%2c0%2e07%2e18%2c0%2e14%2c0%2e27%2c0%2e2l0%2e12%2c0%2e06a1%2e251%2c1%2e251%2c0%2c0%2c0%2c%2e36%2e15%2c0%2e488%2c0%2e488%2c0%2c0%2c1%2c%2e07%2e03%2c1%2e666%2c1%2e666%2c0%2c0%2c0%2c%2e44%2e06%2c1%2e082%2c1%2e082%2c0%2c0%2c0%2c%2e18%2c0c0%2e1%2c0%2c%2e2%2d0%2e02%2e31%2d0%2e03a0%2e847%2c0%2e847%2c0%2c0%2c1%2c%2e17%2d0%2e04%2c2%2e717%2c2%2e717%2c0%2c0%2c0%2c%2e44%2d0%2e18%2c0%2e01%2c0%2e01%2c0%2c0%2c0%2c%2e01%2d0%2e01l13%2e94%2d8%2e99c0%2e06%2d%2e04%2e1%2d0%2e09%2c0%2e16%2d0%2e13a1%2e742%2c1%2e742%2c0%2c0%2c0%2c%2e26%2d0%2e19%2c2%2e183%2c2%2e183%2c0%2c0%2c0%2c%2e26%2d0%2e34c0%2e05%2d%2e08%2e1%2d0%2e16%2c0%2e14%2d0%2e24a2%2e176%2c2%2e176%2c0%2c0%2c0%2c%2e11%2d0%2e27%2c1%2e364%2c1%2e364%2c0%2c0%2c1%2c%2e04%2d0%2e17%2c1%2e428%2c1%2e428%2c0%2c0%2c0%2c%2e03%2d0%2e29%2c0%2e915%2c0%2e915%2c0%2c0%2c0%2c%2e01%2d0%2e16A1%2e857%2c1%2e857%2c0%2c0%2c0%2c1419%2e95%2c1508%2e6Zm%2d14%2e93%2c7%2e95h0v%2d15%2e03l11%2e73%2c7%2e48Z%22%20transform%3D%22translate%28%2d1402%20%2d1498%29%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
  z-index: 10;
}

.main_live_box .live_video_box .btn_play .main_play {
  fill: #242322;
  fill-rule: evenodd;
}

.main_live_box .live_video_box .live_video {
  position: relative;
  z-index: 5;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_area {
    height: 590px;
  }
  .main_live_box .live_video_box {
    height: 100%;
    margin-bottom: 67px;
  }
  .main_live_box .live_video_box .inner {
    display: none;
    height: 100%;
    border-radius: 15px;
  }
  .main_live_box .live_video_box .inner:first-child {
    display: block;
  }
  .main_live_box .live_video_box .tag_live,
  .main_live_box .live_video_box .btn_play {
    right: 40px;
  }
  .main_live_box .live_video_box .tag_live {
    width: 126px;
    height: 54px;
    top: 40px;
    border-radius: 29px;
    font-size: 30px;
    line-height: 54px;
  }
  .main_live_box .live_video_box .tag_live::after {
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-top: 16px;
    margin-left: 8px;
  }
  .main_live_box .live_video_box .btn_play {
    width: 80px;
    height: 80px;
    bottom: 40px;
    padding-left: 3px;
    background-size: 18px 22px;
    border-radius: 35px;
    text-align: center;
    line-height: 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_live_box .live_video_area {
    height: 35.6944vw;
  }
  .main_live_box .live_video_box {
    margin-bottom: 4.7917vw;
    border-radius: 15px;
  }
  .main_live_box .live_video_box .inner {
    display: none;
    height: 100%;
  }
  .main_live_box .live_video_box .inner:first-child {
    display: block;
  }
  .main_live_box .live_video_box .tag_live,
  .main_live_box .live_video_box .btn_play {
    right: 2.4306vw;
  }
  .main_live_box .live_video_box .tag_live {
    width: 8.7500vw;
    height: 3.7500vw;
    top: 2.4306vw;
    border-radius: 50vw;
    font-size: 2.0833vw;
    line-height: 3.7500vw;
  }
  .main_live_box .live_video_box .tag_live::after {
    vertical-align: top;
    width: 0.8333vw;
    height: 0.8333vw;
    margin-top: 1.1111vw;
    margin-left: 0.6944vw;
  }
  .main_live_box .live_video_box .btn_play {
    width: 5.5556vw;
    height: 5.5556vw;
    bottom: 2.4306vw;
    background-size: 1.2500vw 1.5278vw;
    border-radius: 2.4306vw;
    text-align: center;
    line-height: 5.5556vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_live_box .live_video_box .tag_live,
  .main_live_box .live_video_box .btn_play {
    right: 2.3437vw;
  }
  .main_live_box .live_video_box .tag_live {
    width: 8.5937vw;
    height: 3.7500vw;
    top: 2.3437vw;
    border-radius: 50vw;
    font-size: 2.0312vw;
    line-height: 3.7500vw;
  }
  .main_live_box .live_video_box .tag_live::after {
    vertical-align: top;
    width: 0.7812vw;
    height: 0.7812vw;
    margin-top: 1.0156vw;
    margin-left: 0.6250vw;
  }
  .main_live_box .live_video_box .btn_play {
    width: 5.4687vw;
    height: 5.4687vw;
    bottom: 2.3437vw;
    background-size: 1.3281vw 1.5625vw;
    border-radius: 2.3437vw;
    text-align: center;
    line-height: 5.4687vw;
  }
}

@media (max-width: 1023.9px) {
  .main_live_box .live_video_box {
    width: 85.4542vw;
    padding-bottom: 3.6458vw;
    margin-bottom: 4.5573vw;
  }
  .main_live_box .live_video_box .inner {
    display: block;
    border-radius: 1.9531vw;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination span {
    width: 1.0417vw;
    height: 1.0417vw;
    margin: 0 0.6510vw;
    background-color: #383736;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
  .main_live_box .live_video_box .tag_live,
  .main_live_box .live_video_box .btn_play {
    right: 2.4740vw;
  }
  .main_live_box .live_video_box .tag_live {
    width: 12.7604vw;
    height: 5.4688vw;
    top: 2.4740vw;
    font-size: 2.9948vw;
    border-radius: 50vw;
    line-height: 5.4688vw;
  }
  .main_live_box .live_video_box .tag_live::after {
    vertical-align: top;
    width: 1.1719vw;
    height: 1.1719vw;
    margin-top: 1.4323vw;
    margin-left: 0.7813vw;
  }
  .main_live_box .live_video_box .btn_play {
    width: 8.0729vw;
    height: 8.0729vw;
    bottom: 2.4740vw;
    background-size: 2.0833vw 2.3438vw;
    border-radius: 3.5156vw;
    text-align: center;
    line-height: 8.0729vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_live_box .live_video_area {
    height: auto;
  }
  .main_live_box .live_video_box {
    width: 85.4542vw;
    padding-bottom: 3.5156vw;
    margin-bottom: 0;
    border-radius: 1.4648vw;
  }
  .main_live_box .live_video_box .inner {
    display: block;
    border-radius: 1.4648vw;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination span {
    width: 1.0417vw;
    height: 1.0417vw;
    margin: 0 0.6510vw;
    background-color: #383736;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
  .main_live_box .live_video_box .tag_live {
    width: 10.7422vw;
    height: 4.6875vw;
    font-size: 2.5391vw;
    border-radius: 50vw;
    line-height: 4.6875vw;
  }
  .main_live_box .live_video_box .tag_live::after {
    width: 0.9766vw;
    height: 0.9766vw;
    margin-top: 1.2695vw;
    margin-left: 0.5859vw;
  }
  .main_live_box .live_video_box .btn_play {
    width: 6.8359vw;
    height: 6.8359vw;
    background-size: 1.6602vw 1.9531vw;
    border-radius: 2.9297vw;
    line-height: 8.0729vw;
  }
}

@media (min-width: 768px) {
  .main_live_box .live_video .swiper_page.swiper-pagination {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_box {
    width: 100%;
    padding-bottom: 4.8000vw;
    margin-bottom: 4vw;
    margin-left: 0;
    margin-right: 0;
  }
  .main_live_box .live_video_box .inner {
    border-radius: 2.0000vw;
  }
  .main_live_box .live_video_box .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.9333vw;
  }
  .main_live_box .live_video_box .tag_live,
  .main_live_box .live_video_box .btn_play {
    right: 2.6667vw;
  }
  .main_live_box .live_video_box .tag_live {
    width: auto;
    height: 7.2000vw;
    padding-left: 3.7333vw;
    padding-right: 3.7333vw;
    top: 2.6667vw;
    font-size: 4vw;
    border-radius: 50vw;
    line-height: 7.2000vw;
  }
  .main_live_box .live_video_box .tag_live::after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: 2.1333vw;
    margin-left: 1.3333vw;
  }
  .main_live_box .live_video_box .btn_play {
    width: 10.6667vw;
    height: 10.6667vw;
    bottom: 2.6667vw;
    background-size: 2.4000vw 2.9333vw;
    border-radius: 4.6667vw;
    line-height: 10.6667vw;
  }
}

.main_live_box .media_ready {
  width: 100% !important;
}

.main_live_box .live_video_list {
  height: 100%;
}

.main_live_box .live_video_list .video_list_box {
  overflow: hidden;
  overflow-y: auto;
}

.main_live_box .live_video_list .video_list_box .list_area {
  position: relative;
  display: block;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: transparent;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

.main_live_box .live_video_list .video_list_box .list_area .ico {
  position: absolute;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: .2;
}

.main_live_box .live_video_list .video_list_box .list_area .ico.audio {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2038%2050%22%3e%3cg%3e%3cg%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M19%2c35A12%2c12%2c0%2c0%2c0%2c31%2c23V12A12%2c12%2c0%2c0%2c0%2c7%2c12V23A12%2c12%2c0%2c0%2c0%2c19%2c35ZM11%2c12a8%2c8%2c0%2c0%2c1%2c16%2c0V23a8%2c8%2c0%2c0%2c1%2d16%2c0Z%22%20fill%3d%22%23242322%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M36%2c21a2%2c2%2c0%2c0%2c0%2d2%2c2A15%2c15%2c0%2c0%2c1%2c4%2c23a2%2c2%2c0%2c0%2c0%2d4%2c0A19%2c19%2c0%2c0%2c0%2c17%2c41%2e89V48a2%2c2%2c0%2c0%2c0%2c4%2c0V41%2e89A19%2c19%2c0%2c0%2c0%2c38%2c23%2c2%2c2%2c0%2c0%2c0%2c36%2c21Z%22%20fill%3d%22%23242322%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
}

.main_live_box .live_video_list .video_list_box .list_area .ico.video {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2038%2024%22%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M34%2e5%2c4%2e5h%2d%2e24L30%2c5%2e93A6%2e5%2c6%2e5%2c0%2c0%2c0%2c23%2e5%2c0H6%2e5A6%2e51%2c6%2e51%2c0%2c0%2c0%2c0%2c6%2e5v11A6%2e51%2c6%2e51%2c0%2c0%2c0%2c6%2e5%2c24h17A6%2e5%2c6%2e5%2c0%2c0%2c0%2c30%2c18%2e07l4%2e29%2c1%2e43h%2e24A3%2e5%2c3%2e5%2c0%2c0%2c0%2c38%2c16V8A3%2e5%2c3%2e5%2c0%2c0%2c0%2c34%2e5%2c4%2e5ZM27%2c17%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c23%2e5%2c21H6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c3%2c17%2e5V6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c6%2e5%2c3h17A3%2e5%2c3%2e5%2c0%2c0%2c1%2c27%2c6%2e5v11ZM35%2c16a%2e49%2e49%2c0%2c0%2c1%2d%2e34%2e47L30%2c14%2e92V9%2e08l4%2e66%2d1%2e55A%2e49%2e49%2c0%2c0%2c1%2c35%2c8Z%22%20fill%3d%22%23242322%22%2f%3e%3c%2fsvg%3e);
}

.main_live_box .live_video_list .video_list_box .list_area .tag {
  vertical-align: top;
}

.main_live_box .live_video_list .video_list_box .list_area .tit {
  color: #383736;
  font-weight: 600;
  font-size: 20px;
}

.main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit {
    font-size: 14px;
    line-height: 18px;
    height: 36px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit {
    font-size: 4vw;
    line-height: 6.4vw;
    height: 12.8vw;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tit span.ell_in {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
  display: inline-block;
  color: #3681b2;
  font-style: italic;
  line-height: 1;
  content: 'Blind';
  margin-left: 10px;
}

@media (min-width: 1440px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
    font-size: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
    font-size: 10.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
    font-size: 9.996px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
    font-size: 11.7760px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .tit.blind::after {
    font-size: 5.0667vw;
  }
}

.main_live_box .live_video_list .video_list_box .list_area .desc {
  color: #615d5d;
}

.main_live_box .live_video_list .video_list_box .list_area .desc span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}

.main_live_box .live_video_list .video_list_box .list_area.on, .main_live_box .live_video_list .video_list_box .list_area:hover {
  -webkit-transition: border 0.15s linear 0s;
  transition: border 0.15s linear 0s;
  border-color: #242322;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 1650px) {
  .main_live_box .live_video_list .video_list_box {
    height: 100%;
  }
  .main_live_box .live_video_list .video_list_box .list_area {
    height: 177px;
    padding-top: 28px;
    padding-right: 58px;
    padding-bottom: 26px;
    padding-left: 28px;
    margin-top: 10px;
    border-width: 2px;
    border-radius: 15px;
  }
  .main_live_box .live_video_list .video_list_box .list_area:first-child {
    margin-top: 0;
  }
  .main_live_box .live_video_list .video_list_box .list_area .ico {
    width: 38px;
    height: 38px;
    margin: 0;
    top: 23px;
    right: 29px;
    background-position: center;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tag {
    margin-bottom: 9px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    margin-top: 14px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .ico {
    right: 25px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_live_box .live_video_list .video_list_box {
    overflow: visible;
    overflow-y: visible;
    height: 100%;
  }
  .main_live_box .live_video_list .video_list_box .list_area {
    height: auto;
    padding-top: 1.6050vw;
    padding-right: 2.4306vw;
    padding-bottom: 1.8056vw;
    padding-left: 1.6744vw;
    margin-top: 8px;
    border-width: 2px;
    border-radius: 15px;
  }
  .main_live_box .live_video_list .video_list_box .list_area:first-child {
    margin-top: 0;
  }
  .main_live_box .live_video_list .video_list_box .list_area .tag {
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.6944vw;
  }
  .main_live_box .live_video_list .video_list_box .list_area .desc {
    margin-top: 0.6944vw;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_video_list .video_list_box .list_area .ico {
    width: 38px;
    height: 38px;
    margin: 0;
    top: 17px;
    right: 25px;
    background-position: right center;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_live_box .live_video_list .video_list_box .list_area {
    margin-top: 4px;
  }
  .main_live_box .live_video_list .video_list_box .list_area .ico {
    width: 32px;
    height: 32px;
    top: 16px;
    right: 22px;
    margin: 0;
    background-position: center;
  }
}

@media (max-width: 1279.9px) {
  .main_live_box .live_video_list .video_list_box {
    display: none;
  }
}

.main_live_box .live_description .inner {
  display: none;
}

.main_live_box .live_description .inner:first-child {
  display: block;
}

.main_live_box .live_description .inner .tag {
  display: none;
}

.main_live_box .live_description .inner .desc_left {
  float: left;
  margin-left: 0;
  letter-spacing: -1px;
  font-weight: 600;
  color: #242322;
}

.main_live_box .live_description .inner .desc_left span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_live_box .live_description .inner .desc_left {
    font-size: 42px;
    line-height: 58px;
    height: 174px;
  }
  .main_live_box .live_description .inner .desc_left span.ell_in {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_left {
    font-size: 42px;
    line-height: 58px;
    height: 174px;
  }
  .main_live_box .live_description .inner .desc_left span.ell_in {
    font-size: 42px;
    line-height: 58px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_description .inner .desc_left {
    font-size: 38px;
    line-height: 54px;
    height: 162px;
  }
  .main_live_box .live_description .inner .desc_left span.ell_in {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_description .inner .desc_left {
    font-size: 32px;
    line-height: 44px;
    height: 132px;
  }
  .main_live_box .live_description .inner .desc_left span.ell_in {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description .inner .desc_left {
    font-size: 7.2vw;
    line-height: 9.33333vw;
    height: 28vw;
  }
  .main_live_box .live_description .inner .desc_left span.ell_in {
    font-size: 7.2vw;
    line-height: 9.33333vw;
  }
}

.main_live_box .live_description .inner .desc_left:hover {
  text-decoration: underline;
}

@media (min-width: 1650px) {
  .main_live_box .live_description .inner .desc_left {
    width: calc( 1050px - 570px - 90px);
    margin-right: 90px;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_left {
    width: calc( 63.6361vw - 34.5453vw - 5.4545vw);
    margin-right: 5.4545vw;
  }
}

@media (min-width: 768px) and (max-width: 1279.9px) {
  .main_live_box .live_description .inner .desc_left {
    width: calc(85.4542vw - 49.0907vw - 5.4545vw - 1vw);
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description .inner .desc_left {
    width: calc( 223.1997vw - 121.8665vw - 20.5333vw);
    margin-right: 20.5333vw;
  }
}

.main_live_box .live_description .inner .desc_right {
  display: inline-block;
}

.main_live_box .live_description .inner .desc_right .member .photo + .txt {
  padding-left: 0;
}

.main_live_box .live_description .inner .desc_right .member .txt {
  padding-left: 0;
}

.main_live_box .live_description .inner .desc_right .txt {
  font-size: 20px;
  color: #383736;
}

.main_live_box .live_description .inner .desc_right .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_live_box .live_description .inner .desc_right .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (min-width: 1650px) {
  .main_live_box .live_description .inner .desc_right .txt {
    max-height: 102px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    max-height: 102px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    max-height: 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    max-height: 78px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description .inner .desc_right .txt {
    max-height: 21.6vw;
  }
}

.main_live_box .live_description .inner .desc_right .member .num {
  position: relative;
  top: -10px;
  right: 10px;
}

@media (min-width: 1650px) {
  .main_live_box .live_description .inner .desc_right {
    width: 570px;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_right {
    width: 34.5453vw;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1279.9px) {
  .main_live_box .live_description .inner .desc_right {
    width: 49.0907vw;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description .inner .desc_right {
    width: 121.8665vw;
    margin-left: 0;
  }
}

@media (min-width: 1650px) {
  .main_live_box .live_description {
    margin-top: 72px;
    padding-bottom: 121px;
  }
  .main_live_box .live_description .desc_left {
    margin-left: 0;
    font-weight: 600;
  }
  .main_live_box .live_description .desc_right .info {
    margin-top: 21px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live_box .live_description .inner .desc_right .member .photo {
    width: 60px;
    height: 60px;
    border-radius: 25px;
  }
  .main_live_box .live_description .inner .desc_right .member .num {
    width: 30px;
    height: 30px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_live_box .live_description {
    margin-top: 4.3056vw;
    padding-bottom: 9.7222vw;
  }
  .main_live_box .live_description .inner .desc_left {
    font-weight: 600;
  }
  .main_live_box .live_description .inner .desc_right .info {
    margin-top: 1.7361vw;
  }
  .main_live_box .live_description .inner .desc_right .member .txt {
    line-height: 44px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_live_box .live_description {
    margin-top: 3.9843vw;
  }
  .main_live_box .live_description .desc_right .info {
    margin-top: 0.9375vw;
  }
  .main_live_box .live_description .desc_right .info::before {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .main_live_box .live_description .desc_right .member {
    margin-top: 0.9375vw;
  }
  .main_live_box .live_description .desc_right .member .photo {
    width: 44px;
    height: 44px;
    border-radius: 17.93px;
  }
  .main_live_box .live_description .desc_right .member .num {
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_live_box .live_description .inner .desc_right .info {
    margin-top: 1.8461vw;
  }
  .main_live_box .live_description .inner .desc_right .info::before {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .main_live_box .live_description .inner .desc_right .member {
    margin-top: 2.2461vw;
  }
  .main_live_box .live_description .inner .desc_right .member .photo {
    width: 44px;
    height: 44px;
    border-radius: 17.93px;
  }
  .main_live_box .live_description .inner .desc_right .member .num {
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

@media (max-width: 1279.9px) {
  .main_live_box .live_description {
    padding-bottom: 9.3750vw;
  }
  .main_live_box .live_description .inner {
    overflow: hidden;
    display: block;
    font-size: 0;
  }
  .main_live_box .live_description .inner .desc_left {
    float: left;
  }
  .main_live_box .live_description .inner .desc_right {
    float: right;
    margin-left: 0;
  }
  .main_live_box .live_description .inner .desc_right .info,
  .main_live_box .live_description .inner .desc_right .member {
    margin-top: 1.9531vw;
  }
  .main_live_box .live_description .inner .desc_right .member .num {
    width: 24px;
    height: 24px;
    padding: 0 6px;
    border-width: 2px;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live_box .live_description .inner .desc_right .member .num {
    width: 22px;
    height: 22px;
    min-width: 22px;
    padding: 0 5px;
    border-width: 2px;
    font-size: 12px;
    line-height: 17px;
  }
}

@media (max-width: 767.9px) {
  .main_live_box .live_description {
    padding-bottom: 20.375vw;
  }
  .main_live_box .live_description .inner {
    padding: 10px;
  }
  .main_live_box .live_description .inner .tag {
    display: inline-block;
    margin: 0;
  }
  .main_live_box .live_description .inner .desc_left {
    display: block;
    width: auto;
    margin: 0;
    height: 19vw;
    margin-top: 3.3333vw;
    margin-bottom: 5.3333vw;
  }
  .main_live_box .live_description .inner .desc_left::before {
    display: inline-block;
    position: absolute;
    top: 1.3333vw;
    right: 0;
    width: 10.1333vw;
    height: 10.1333vw;
    margin-top: -2.4vw;
    margin-right: 0.26667vw;
    background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2038%2024%22%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M34%2e5%2c4%2e5h%2d%2e24L30%2c5%2e93A6%2e5%2c6%2e5%2c0%2c0%2c0%2c23%2e5%2c0H6%2e5A6%2e51%2c6%2e51%2c0%2c0%2c0%2c0%2c6%2e5v11A6%2e51%2c6%2e51%2c0%2c0%2c0%2c6%2e5%2c24h17A6%2e5%2c6%2e5%2c0%2c0%2c0%2c30%2c18%2e07l4%2e29%2c1%2e43h%2e24A3%2e5%2c3%2e5%2c0%2c0%2c0%2c38%2c16V8A3%2e5%2c3%2e5%2c0%2c0%2c0%2c34%2e5%2c4%2e5ZM27%2c17%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c23%2e5%2c21H6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c3%2c17%2e5V6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c6%2e5%2c3h17A3%2e5%2c3%2e5%2c0%2c0%2c1%2c27%2c6%2e5v11ZM35%2c16a%2e49%2e49%2c0%2c0%2c1%2d%2e34%2e47L30%2c14%2e92V9%2e08l4%2e66%2d1%2e55A%2e49%2e49%2c0%2c0%2c1%2c35%2c8Z%22%20fill%3d%22%23d3d3d3%22%2f%3e%3c%2fsvg%3e);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10.1333vw;
    content: '';
  }
  .main_live_box .live_description .inner .desc_right {
    display: block;
    width: auto;
    margin: 0;
  }
  .main_live_box .live_description .inner .desc_right .info,
  .main_live_box .live_description .inner .desc_right .member {
    margin-top: 5.0667vw;
  }
  .main_live_box .live_description .inner .desc_right .info .photo,
  .main_live_box .live_description .inner .desc_right .member .photo {
    width: 13.3333vw;
    height: 13.3333vw;
  }
  .main_live_box .live_description .inner .desc_right .info .num,
  .main_live_box .live_description .inner .desc_right .member .num {
    min-width: 6.4vw;
    height: 6.4vw;
    border-width: 0.5334vw;
    font-size: 3.7333vw;
    line-height: 5.0667vw;
    text-align: center;
  }
  .main_live_box .live_description .inner .desc_right .info:before {
    margin-top: 0.6667vw;
  }
  .main_live_box .live_description .inner .desc_right .txt {
    line-height: 6.8vw;
  }
}

.main_live .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_live .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_live .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_live .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_live .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_live .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_live .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_live .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_live .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_live .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_live .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_live .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_live .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_live .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_live .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_live .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_live .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_live .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday {
  position: relative;
  background-color: #f5f2eb;
}

.main_liveday_box {
  position: relative;
  z-index: 5;
}

@media (min-width: 1650px) {
  .main_liveday_box {
    padding-top: 137px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday_box {
    padding-top: 7.9167vw;
    padding-bottom: 9.7222vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_liveday_box {
    padding-bottom: 9.4531vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_liveday_box {
    padding-top: 7.3308vw;
    padding-bottom: 9.7222vw;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box {
    padding-top: 9.3750vw;
    padding-bottom: 8.3750vw;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box {
    max-width: none;
    padding-top: 16.4vw;
    padding-right: 0;
    padding-bottom: 26.9333vw;
    padding-left: 0;
  }
}

.main_liveday_box .titbox .date {
  color: #e64c2e;
  font-weight: 600;
}

.main_liveday_box .titbox .date > * {
  vertical-align: top;
  display: inline-block;
}

.main_liveday_box .titbox .date strong {
  color: transparent;
  text-shadow: -1px 0 0 #e64c2e, 1px 0 0 #e64c2e, 0 -1px 0 #e64c2e, 0 1px 0 #e64c2e, 1px 1px 0 #e64c2e, -1px 1px 0 #e64c2e, 1px -1px 0 #e64c2e, -1px -1px 0 #e64c2e;
  color: #f5f2eb;
}

.main_liveday_box .titbox .date span {
  vertical-align: baseline;
  color: #e64c2e;
}

.main_liveday_box .titbox .tit {
  color: #242322;
  font-weight: 600;
  letter-spacing: -3px;
}

.main_liveday_box .titbox .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_liveday_box .titbox .tit {
    font-size: 90px;
    line-height: 108px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .titbox .tit {
    font-size: 90px;
    line-height: 108px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .titbox .tit {
    font-size: 66px;
    line-height: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .titbox .tit {
    font-size: 48px;
    line-height: 58px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .titbox .tit {
    font-size: 10.66667vw;
    line-height: 12.8vw;
  }
}

.main_liveday_box .titbox .txt {
  color: #383635;
}

.main_liveday_box .titbox .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_liveday_box .titbox .txt {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .titbox .txt {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .titbox .txt {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .titbox .txt {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .titbox .txt {
    font-size: 6.4vw;
    line-height: 8.26667vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .titbox {
    width: 1170px;
    padding-bottom: 3px;
    /*TITLE*/
  }
  .main_liveday_box .titbox .date {
    height: 131px;
    font-size: 100px;
    line-height: 131px;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 100px;
    line-height: 131px;
  }
  .main_liveday_box .titbox .date span {
    font-size: 50px;
  }
  .main_liveday_box .titbox .tit {
    margin-top: -10px;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .titbox .tit br {
    display: none;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .titbox {
    width: 70.9088vw;
    padding-bottom: 0.1818vw;
    padding-top: 0.9028vw;
    letter-spacing: -0.25vw;
    /*TITLE*/
  }
  .main_liveday_box .titbox .date {
    height: 110px;
    font-size: 100px;
    line-height: 110px;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 100px;
    line-height: 110px;
  }
  .main_liveday_box .titbox .date span {
    font-size: 50px;
  }
  .main_liveday_box .titbox .tit {
    margin-top: 0.9722vw;
    margin-bottom: 1.1111vw;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .titbox {
    width: 70.9088vw;
    padding-bottom: 0.9766vw;
    padding-top: 15px;
    /*TITLE*/
  }
  .main_liveday_box .titbox .date {
    height: 86px;
    font-size: 72px;
    line-height: 86px;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 72px;
    line-height: 86px;
  }
  .main_liveday_box .titbox .date span {
    font-size: 44px;
  }
  .main_liveday_box .titbox .tit {
    margin-top: 0.7813vw;
    margin-bottom: 1.1719vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_liveday_box .titbox {
    /*TITLE*/
    width: 70.9088vw;
  }
  .main_liveday_box .titbox .date {
    height: 86px;
    font-size: 72px;
    line-height: 86px;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 72px;
    line-height: 86px;
  }
  .main_liveday_box .titbox .date span {
    font-size: 44px;
  }
  .main_liveday_box .titbox .tit {
    margin-top: 0.7031vw;
    margin-bottom: 0.6250vw;
  }
  .main_liveday_box .titbox .tit br {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_liveday_box .titbox {
    padding-bottom: 0;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box .titbox {
    width: 70.9088vw;
    padding-bottom: 0;
    /*TITLE*/
  }
  .main_liveday_box .titbox .date {
    height: 8.0729vw;
    font-size: 6.7708vw;
    line-height: 8.0729vw;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 6.7708vw;
    line-height: 8.0729vw;
  }
  .main_liveday_box .titbox .date span {
    font-size: 4.9479vw;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .titbox {
    width: 96.5332vw;
    padding-right: 5.3333vw;
    padding-left: 5.3333vw;
    /*TITLE*/
  }
  .main_liveday_box .titbox .date {
    height: 19.3333vw;
    font-size: 10.9333vw;
    line-height: 19.3333vw;
  }
  .main_liveday_box .titbox .date strong {
    font-size: 10.9333vw;
    line-height: 19.3333vw;
  }
  .main_liveday_box .titbox .date span {
    font-size: 6.4vw;
  }
  .main_liveday_box .titbox .tit {
    font-size: 9.6vw;
    line-height: 11.4667vw;
  }
  .main_liveday_box .titbox .txt {
    margin-top: 4.3vw;
    text-overflow: initial;
    white-space: normal;
  }
}

.main_liveday_box .btn_full_program {
  text-align: right;
}

.main_liveday_box .btn_full_program a {
  display: inline-block;
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
  color: #242322;
  font-weight: 500;
}

.main_liveday_box .btn_full_program a::before, .main_liveday_box .btn_full_program a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_liveday_box .btn_full_program a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_liveday_box .btn_full_program a::after {
  vertical-align: top;
  background-color: #242322;
}

@media (min-width: 1440px) {
  .main_liveday_box .btn_full_program a::before, .main_liveday_box .btn_full_program a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .btn_full_program a::before, .main_liveday_box .btn_full_program a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .btn_full_program a::before, .main_liveday_box .btn_full_program a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .btn_full_program a::before, .main_liveday_box .btn_full_program a::after {
    -webkit-box-shadow: 0 0 0 0vw #242322;
            box-shadow: 0 0 0 0vw #242322;
  }
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #242322;
            box-shadow: 0 0 0 0.5334vw #242322;
  }
}

@media (min-width: 1440px) {
  .main_liveday_box .btn_full_program a {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_liveday_box .btn_full_program a::after, .main_liveday_box .btn_full_program a::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .btn_full_program a {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_liveday_box .btn_full_program a::after, .main_liveday_box .btn_full_program a::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .btn_full_program a {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_liveday_box .btn_full_program a::after, .main_liveday_box .btn_full_program a::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .btn_full_program a {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_liveday_box .btn_full_program a::after, .main_liveday_box .btn_full_program a::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

.main_liveday_box .btn_full_program a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
}

.main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_liveday_box .btn_full_program a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_liveday_box .btn_full_program a:hover::after {
  vertical-align: top;
  background-color: #e64c2e;
}

@media (min-width: 1440px) {
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_liveday_box .btn_full_program a:hover:hover::before, .main_liveday_box .btn_full_program a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_liveday_box .btn_full_program a:hover:hover::before, .main_liveday_box .btn_full_program a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_liveday_box .btn_full_program a:hover:hover::before, .main_liveday_box .btn_full_program a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .btn_full_program a:hover::before, .main_liveday_box .btn_full_program a:hover::after {
    -webkit-box-shadow: 0 0 0 0vw #e64c2e;
            box-shadow: 0 0 0 0vw #e64c2e;
  }
  .main_liveday_box .btn_full_program a:hover:hover::before, .main_liveday_box .btn_full_program a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #e64c2e;
            box-shadow: 0 0 0 0.5334vw #e64c2e;
  }
}

@media (min-width: 1440px) {
  .main_liveday_box .btn_full_program a:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_liveday_box .btn_full_program a:hover::after, .main_liveday_box .btn_full_program a:hover::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a:hover::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .btn_full_program a:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_liveday_box .btn_full_program a:hover::after, .main_liveday_box .btn_full_program a:hover::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a:hover::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .btn_full_program a:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_liveday_box .btn_full_program a:hover::after, .main_liveday_box .btn_full_program a:hover::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a:hover::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .btn_full_program a:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_liveday_box .btn_full_program a:hover::after, .main_liveday_box .btn_full_program a:hover::before {
    background-size: contain;
  }
  .main_liveday_box .btn_full_program a:hover::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .btn_full_program {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday_box .btn_full_program {
    margin-bottom: 1.1806vw;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box .btn_full_program {
    margin-top: 16px;
    margin-bottom: 1.0417vw;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .btn_full_program {
    margin-top: 8vw;
    margin-right: 5.3333vw;
    margin-bottom: 2.6667vw;
    margin-left: 5.3333vw;
  }
}

.main_liveday_box .liveday_information_area {
  overflow: hidden;
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area {
    overflow: visible;
  }
}

.main_liveday_box .liveday_information_area::after {
  width: 0;
  height: 0;
  clear: '';
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    display: block;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
  position: relative;
  display: block;
  border-top: 1px solid #e8e0cf;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list.on::before {
  opacity: 1;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list.on:hover::before {
  opacity: 1;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list:first-child {
  border-top: none;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23e64c2e%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: 0;
  content: '';
  z-index: 5;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list:hover::before {
  opacity: 0;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list:hover .list_in {
  opacity: 1;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in {
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in > * {
  position: relative;
  z-index: 10;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in.on {
  opacity: 1;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23383635%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox::before {
    width: 20px;
    height: 20px;
  }
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .timebox .time {
  color: #383736;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
  display: block;
  color: #383736;
  font-weight: 600;
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    font-size: 4.53333vw;
    line-height: 6.93333vw;
    height: 13.86667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit span.ell_in {
    font-size: 4.53333vw;
    line-height: 6.93333vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    width: calc(210px + 15px);
  }
}

@media (min-width: 768px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    width: calc(12.7272vw + 0.91vw);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    width: calc(19.9999vw + 0.91vw);
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit {
    width: calc(45.8666vw + 1.2vw);
  }
}

.main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
  display: inline-block;
  color: #3681b2;
  font-style: italic;
  line-height: 1;
  content: 'Blind';
  margin-left: 10px;
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 12.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 11.662px;
  }
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 12px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 11px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 10px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .list_in .tit.blind::after {
    font-size: 5.0667vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
  font-size: 0;
}

.main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  display: inline-block;
  border-color: #242322;
  text-align: center;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: center center;
}

.main_liveday_box .liveday_information_area .liveday_list_area .list_btn a:hover, .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a.on {
  opacity: 1;
}

.main_liveday_box .liveday_information_area .liveday_list_area .list_btn a.prev {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2022%2e7a0%2e93%2c0%2e93%2c0%2c0%2c1%2d1%2e382%2c0l%2d5%2e833%2d6%2e2%2d5%2e834%2c6%2e2a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0%2c1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46l6%2e524%2d6%2e94a0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l6%2e525%2c6%2e94A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2022%2e7Z%22%20transform%3D%22translate%28%2d268%20%2d2014%29%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.main_liveday_box .liveday_information_area .liveday_list_area .list_btn a.next {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2035%2e76l%2d6%2e525%2c6%2e97a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0l%2d6%2e524%2d6%2e97a1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46%2c0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l5%2e834%2c6%2e22%2c5%2e833%2d6%2e22a0%2e93%2c0%2e93%2c0%2c0%2c1%2c1%2e382%2c0A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2035%2e76Z%22%20transform%3D%22translate%28%2d268%20%2d2034%29%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    border-radius: 1.0417vw;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    margin-top: 8.9333vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    overflow: hidden;
    float: left;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box {
    border-top: 3px solid #dbceb4;
    border-bottom: 3px solid #dbceb4;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
    height: 135px;
    padding-top: 25px;
    padding-right: 115px;
    padding-bottom: 25px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before {
    background-size: 70px 53px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox {
    margin-bottom: 8px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
    padding-top: 20px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 41px;
    height: 41px;
    padding-top: 3px;
    border-width: 2px;
    border-style: solid;
    border-radius: 15px;
    background-size: 15px 9px;
    line-height: 41px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .prev {
    margin-right: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    overflow: hidden;
    width: 19.9999vw;
    margin-right: 5.4545vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box {
    border-top: 3px solid #dbceb4;
    border-bottom: 3px solid #dbceb4;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
    height: 9.2361vw;
    padding-top: 1.6667vw;
    padding-right: 8.4028vw;
    padding-bottom: 2.0833vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before {
    background-size: 4.8611vw 3.6806vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox {
    margin-bottom: 0.6361vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox:before {
    width: 24px;
    height: 24px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
    padding-top: 1.3889vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 2.8472vw;
    height: 2.8472vw;
    border-width: 2px;
    border-style: solid;
    border-radius: 15px;
    background-size: 1.0417vw 0.6250vw;
    line-height: 2.8472vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .prev {
    margin-right: 0.6944vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
    height: 8.5156vw;
    padding-top: 1.3281vw;
    padding-bottom: 1.9531vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before {
    background-size: 50px 38px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox {
    margin-bottom: 0.3125vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox:before {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
    height: auto;
    padding-right: 5.9614vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox {
    margin-bottom: 0.2455vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox:before {
    width: 20px;
    height: 20px;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
    padding-top: 1.4648vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 3.5156vw;
    height: 3.5156vw;
    border-radius: 1.2695vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .prev {
    margin-right: 0.7813vw;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    overflow: hidden;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box {
    border-top: 0.3906vw solid #dbceb4;
    border-bottom: 0.3906vw solid #dbceb4;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list {
    padding-top: 1.4323vw;
    padding-right: 5.2083vw;
    padding-bottom: 1.4323vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list::before {
    background-size: 3.9063vw 2.8646vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box .liveday_list .timebox {
    margin-bottom: 0;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
    padding-top: 1.1719vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 4.1667vw;
    height: 4.1667vw;
    padding-top: 0.3906vw;
    margin-top: 0;
    border-width: 0.2604vw;
    border-style: solid;
    border-radius: 1.5625vw;
    background-size: 1.4323vw 0.9115vw;
    line-height: 4.1667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .prev {
    margin-right: 0.9115vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    width: 27.2726vw;
    margin-right: 5.4545vw;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_list_area {
    overflow: hidden;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .liveday_list_box {
    display: none;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn {
    display: none;
    padding-top: 0;
    text-align: right;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn a {
    width: 9.6vw;
    height: 9.6vw;
    padding-top: 0;
    margin-top: 0;
    border-width: 0.5334vw;
    border-radius: 1.7333vw;
    background-size: 3.4667vw auto;
    line-height: 9.6vw;
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .next {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .main_liveday_box .liveday_information_area .liveday_list_area .list_btn .prev {
    margin-right: 2.1333vw;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner {
  display: none;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner:first-child {
  display: block;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit {
  border-bottom: 1px solid #e5e5e5;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
  position: absolute;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico.audio {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2038%2050%22%3e%3cg%3e%3cg%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M19%2c35A12%2c12%2c0%2c0%2c0%2c31%2c23V12A12%2c12%2c0%2c0%2c0%2c7%2c12V23A12%2c12%2c0%2c0%2c0%2c19%2c35ZM11%2c12a8%2c8%2c0%2c0%2c1%2c16%2c0V23a8%2c8%2c0%2c0%2c1%2d16%2c0Z%22%20fill%3d%22%23e64c2e%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M36%2c21a2%2c2%2c0%2c0%2c0%2d2%2c2A15%2c15%2c0%2c0%2c1%2c4%2c23a2%2c2%2c0%2c0%2c0%2d4%2c0A19%2c19%2c0%2c0%2c0%2c17%2c41%2e89V48a2%2c2%2c0%2c0%2c0%2c4%2c0V41%2e89A19%2c19%2c0%2c0%2c0%2c38%2c23%2c2%2c2%2c0%2c0%2c0%2c36%2c21Z%22%20fill%3d%22%23e64c2e%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico.video {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2038%2024%22%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M34%2e5%2c4%2e5h%2d%2e24L30%2c5%2e93A6%2e5%2c6%2e5%2c0%2c0%2c0%2c23%2e5%2c0H6%2e5A6%2e51%2c6%2e51%2c0%2c0%2c0%2c0%2c6%2e5v11A6%2e51%2c6%2e51%2c0%2c0%2c0%2c6%2e5%2c24h17A6%2e5%2c6%2e5%2c0%2c0%2c0%2c30%2c18%2e07l4%2e29%2c1%2e43h%2e24A3%2e5%2c3%2e5%2c0%2c0%2c0%2c38%2c16V8A3%2e5%2c3%2e5%2c0%2c0%2c0%2c34%2e5%2c4%2e5ZM27%2c17%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c23%2e5%2c21H6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c3%2c17%2e5V6%2e5A3%2e5%2c3%2e5%2c0%2c0%2c1%2c6%2e5%2c3h17A3%2e5%2c3%2e5%2c0%2c0%2c1%2c27%2c6%2e5v11ZM35%2c16a%2e49%2e49%2c0%2c0%2c1%2d%2e34%2e47L30%2c14%2e92V9%2e08l4%2e66%2d1%2e55A%2e49%2e49%2c0%2c0%2c1%2c35%2c8Z%22%20fill%3d%22%23e64c2e%22%2f%3e%3c%2fsvg%3e);
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
  display: inline-block;
  color: #242322;
  font-weight: 600;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 6.4vw;
    line-height: 8.26667vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    max-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    max-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    max-height: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    max-height: 64px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    max-height: 16.53333vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
  display: inline-block;
  color: #3681b2;
  font-style: italic;
  line-height: 1;
  content: 'Blind';
  margin-left: 10px;
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 10.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 9.996px;
  }
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 11.7760px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit.blind::after {
    font-size: 5.0667vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit:hover {
  text-decoration: underline;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
  font-size: 20px;
  color: #383736;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    max-height: 60px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    max-height: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    max-height: 52px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    max-height: 44px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    max-height: 12.8vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox {
  display: none;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
  overflow: hidden;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member::after {
  width: 0;
  height: 0;
  clear: both;
  content: '';
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member {
  float: left;
  margin-top: 0;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo {
  background-color: rgba(0, 0, 0, 0.07);
  border-color: #ffffff;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
  position: relative;
  top: -10px;
  right: 10px;
  border-color: #ffffff;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo + .txt {
  padding-left: 0;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
  padding-left: 0;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
  float: right;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  font-weight: 500;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::before, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after, .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::before {
    background-size: contain;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .swiper_page.swiper-pagination {
  display: none;
}

@media (min-width: 1650px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area {
    float: right;
    padding-bottom: 160px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    border-radius: 15px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner {
    padding-top: 50px;
    padding-right: 60px;
    padding-bottom: 54px;
    padding-left: 60px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit {
    margin-bottom: 32px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: 38px;
    right: 66px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag {
    margin-bottom: 9px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    width: calc(100% - 110px);
    margin-bottom: 20px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
    padding-top: 33px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
    line-height: 50px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    margin-top: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area {
    float: right;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    padding-top: 2.9861vw;
    padding-right: 3.6111vw;
    padding-bottom: 3.6111vw;
    padding-left: 3.6111vw;
    border-radius: 15px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit {
    margin-bottom: 2.2222vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: 0;
    right: 0;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag {
    margin-bottom: 0.6250vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    margin-bottom: 1.3889vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
    padding-top: 1.8056vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member {
    margin-top: 5px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo {
    width: 44px;
    height: 44px;
    border-radius: 18px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-width: 2px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
    line-height: 4.1667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    margin-top: 0.8333vw;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: -15px;
    right: 6px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    width: calc(100% - 50px - 54px);
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
    line-height: 44px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    margin-bottom: 1.8750vw;
    padding-bottom: 2.7343vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: -9px;
    right: 4px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    width: calc(100% - 40px - 49px);
    margin-bottom: 1.1718vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    margin-top: 0.5468vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
    border-width: 2px;
    line-height: 20px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
    line-height: 44px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    padding-top: 38px;
    padding-bottom: 38px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: -9px;
    right: 0;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    width: calc(100% - 40px - 43px);
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
    padding-top: 2.0986vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo {
    width: 44px;
    height: 44px;
    margin-right: -0.7813vw;
    border-radius: 17.93px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
    top: -5px;
    right: 5px;
    width: 24px;
    height: 24px;
    border-width: 2px;
    text-align: center;
    line-height: 19px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .txt {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    margin-bottom: 1vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    width: calc(100% - 34px - 33px);
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:after {
    width: 11px;
    height: 11px;
    margin-top: -4px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover:after {
    width: 11px;
    height: 11px;
    margin-top: -4px;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area {
    float: right;
    width: 49.0907vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    border-radius: 1.9531vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner {
    padding-top: 3.1250vw;
    padding-right: 3.3854vw;
    padding-bottom: 3.3854vw;
    padding-left: 3.3854vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit {
    margin-bottom: 1.3021vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    top: 17px;
    right: 32px;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag {
    margin-bottom: 0.7813vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    margin-bottom: 1.3021vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
    padding-top: 2.0833vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
    border-width: 2px;
  }
}

@media (max-width: 767.9px) {
  .main_liveday_box .liveday_information_area .liveday_infobox_area {
    overflow: visible;
    display: block;
    float: none;
    width: auto;
    margin-top: 2.6667vw;
    margin-left: 0;
    margin-right: 0;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox {
    overflow: visible;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner {
    display: block;
    width: 87.3333vw;
    padding-top: 8.0000vw;
    padding-right: 6.6667vw;
    padding-bottom: 10.6667vw;
    padding-left: 6.6667vw;
    margin: 0 1vw;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
    border-radius: 2vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner:first-child {
    margin-left: 5.3333vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .inner:last-child {
    margin-right: 5.3333vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit {
    margin-top: 13.2vw;
    margin-bottom: 6.6667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .ico {
    width: 10.6667vw;
    height: 10.6667vw;
    top: 6vw;
    right: 6.6667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tag {
    margin-bottom: 2.6667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_tit .tit {
    font-size: 7.2vw;
    line-height: 9.333vw;
    height: 21.8vw;
    max-height: 21.8vw;
    margin-bottom: 4.8000vw;
    border-width: 0.2667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox {
    position: absolute;
    display: block;
    top: 0;
    right: 21vw;
    left: 6.6667vw;
    margin-top: 8vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .timebox:before {
    margin-top: 0.4vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_txt {
    height: 19.4vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member {
    padding-top: 6.8vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member,
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    float: none;
    text-align: left;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .photo {
    width: 13.333vw;
    height: 13.333vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .number {
    width: 5.333vw;
    height: 5.333vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .member .num {
    border-width: 0.5334vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail {
    margin-top: 6.6666vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:after {
    width: 3.4667vw;
    height: 3.4667vw;
    margin-top: -0.6667vw;
    margin-left: 0.6667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .infobox_cont .cont_member .btn_detail:hover:after {
    width: 3.4667vw;
    height: 3.4667vw;
    margin-top: -0.6667vw;
    margin-left: 0.6667vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .swiper_page.swiper-pagination {
    display: block;
    bottom: -5.6000vw;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1vw;
    background-color: #383736;
  }
  .main_liveday_box .liveday_information_area .liveday_infobox_area .liveday_infobox .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
}

.main_liveday_box .liveday_information_area .ani_idx1 {
  -webkit-transition: margin-top 0.9s ease 0s, opacity 0.9s ease 0s;
  transition: margin-top 0.9s ease 0s, opacity 0.9s ease 0s;
}

.main_liveday_box .liveday_information_area .ani_idx2 {
  -webkit-transition: margin-top 0.9s ease 0.35s, opacity 0.9s ease 0.35s;
  transition: margin-top 0.9s ease 0.35s, opacity 0.9s ease 0.35s;
}

.main_liveday_box .liveday_information_area .ani_idx3 {
  -webkit-transition: margin-top 0.9s ease 0.7s, opacity 0.9s ease 0.7s;
  transition: margin-top 0.9s ease 0.7s, opacity 0.9s ease 0.7s;
}

.main_liveday_box .liveday_information_area .ani_idx4 {
  -webkit-transition: margin-top 0.9s ease 1.05s, opacity 0.9s ease 1.05s;
  transition: margin-top 0.9s ease 1.05s, opacity 0.9s ease 1.05s;
}

.main_liveday .bg {
  position: absolute;
  border-radius: 500px;
  z-index: 3;
}

.main_liveday .bg.circle1 {
  background-color: #daa49c;
  opacity: 0;
  -webkit-transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
  transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
}

.main_liveday .bg.circle1 > div {
  display: block;
  width: 63.1578%;
  height: 63.1578%;
  margin-top: 18.4211%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 500px;
  background-color: #f5f2eb;
}

.main_liveday .bg.circle1.start {
  opacity: 0.1;
}

.main_liveday .bg.circle2 {
  background-color: #3e5429;
  opacity: 0;
  -webkit-transition: margin-top 0.8s ease 0.4s, opacity 0.8s ease 0.4s;
  transition: margin-top 0.8s ease 0.4s, opacity 0.8s ease 0.4s;
}

.main_liveday .bg.circle2.start {
  opacity: 0.05;
}

@media (min-width: 1650px) {
  .main_liveday .bg.circle1 {
    width: 380px;
    height: 380px;
    top: 93px;
    left: 50%;
    margin-left: 360px;
  }
  .main_liveday .bg.circle2 {
    width: 786px;
    height: 786px;
    top: 113px;
    left: 50%;
    margin-left: 553px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_liveday .bg.circle1 {
    width: 22.9861vw;
    height: 22.9861vw;
    top: 5.6250vw;
    left: 50%;
    margin-left: 29.3750vw;
  }
  .main_liveday .bg.circle2 {
    width: 47.5694vw;
    height: 47.5694vw;
    top: 6.8750vw;
    left: 50%;
    margin-left: 41.1111vw;
  }
}

@media (max-width: 1023.9px) {
  .main_liveday .bg.circle1 {
    width: 22.9167vw;
    height: 22.9167vw;
    top: 5.5990vw;
    left: 50%;
    margin-left: 20.8333vw;
  }
  .main_liveday .bg.circle2 {
    width: 47.5260vw;
    height: 47.5260vw;
    top: 6.7708vw;
    left: 50%;
    margin-left: 33.2031vw;
  }
}

@media (max-width: 767.9px) {
  .main_liveday .bg.circle1 {
    width: 40.5333vw;
    height: 40.5333vw;
    top: 15.6vw;
    margin-left: 15.6vw;
  }
  .main_liveday .bg.circle2 {
    width: 83.7333vw;
    height: 83.7333vw;
    top: 17.7333vw;
    margin-left: 36vw;
  }
}

.main_liveday .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_liveday .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_liveday .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_liveday .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_liveday .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_liveday .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_liveday .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_liveday .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_liveday .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_liveday .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_liveday .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_liveday .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_liveday .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_liveday .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_liveday .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_liveday .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_liveday .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_liveday .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph {
  position: relative;
  background-color: #242322;
}

.main_graph::before {
  position: absolute;
  width: 1px;
  left: 50%;
  background-color: #f0f0f0;
  opacity: 0.1;
  content: '';
}

.main_graph_box .tit {
  color: #ffffff;
  white-space: nowrap;
}

.main_graph_box .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_graph_box .tit {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph_box .tit {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_box .tit {
    font-size: 44px;
    line-height: 62px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_box .tit {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_box .tit {
    font-size: 9.86667vw;
    line-height: 12.8vw;
  }
}

.main_graph_left .tab_area {
  z-index: 15;
  position: relative;
}

.main_graph_left .tab_area .mo_txt {
  display: none;
}

.main_graph_left .tab_area .tab {
  overflow: hidden;
  position: relative;
  border-radius: 60px;
  font-weight: 500;
}

.main_graph_left .tab_area .tab::before {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 600px;
  content: '';
}

.main_graph_left .tab_area .tab a {
  z-index: 10;
  position: relative;
  float: left;
  display: block;
  margin-left: -2px;
  border-radius: 600px;
  text-align: center;
  opacity: 0.12;
}

.main_graph_left .tab_area .tab a.on {
  opacity: 1;
}

.main_graph_left .tab_area .tab::before {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.04);
}

.main_graph_left .tab_area .tab a {
  color: #ffffff;
}

.main_graph_left .tab_area .tab a.on {
  background-color: #ffffff;
  color: #242322;
}

@media (min-width: 1440px) {
  .main_graph_left .tab_area .tab::before {
    border-width: 2px;
  }
  .main_graph_left .tab_area .tab a {
    width: calc(100% / 4);
    height: 50px;
    padding-left: 34px;
    padding-right: 34px;
    font-size: 18px;
    line-height: 50px;
  }
  .main_graph_left .tab_area .tab a:first-child {
    margin-left: -2px;
  }
  .main_graph_left .tab_area .tab a:last-child {
    margin-right: -2px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    vertical-align: top;
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_left .tab_area .tab::before {
    border-width: 2px;
  }
  .main_graph_left .tab_area .tab a {
    width: calc(100% / 4);
    height: 44px;
    padding-left: 34px;
    padding-right: 34px;
    font-size: 18px;
    line-height: 44px;
  }
  .main_graph_left .tab_area .tab a:first-child {
    margin-left: -2px;
  }
  .main_graph_left .tab_area .tab a:last-child {
    margin-right: -2px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    vertical-align: top;
    display: inline-block;
    font-size: 18px;
    line-height: 44px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_left .tab_area .tab::before {
    border-width: 2px;
  }
  .main_graph_left .tab_area .tab a {
    width: calc(100% / 4);
    height: 40px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 14px;
    line-height: 40px;
  }
  .main_graph_left .tab_area .tab a:first-child {
    margin-left: -2px;
  }
  .main_graph_left .tab_area .tab a:last-child {
    margin-right: -2px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_left .tab_area .tab::before {
    border-width: 0.5334vw;
  }
  .main_graph_left .tab_area .tab a {
    width: calc(100% / 4);
    height: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
    font-size: 4vw;
    line-height: 11.2vw;
  }
  .main_graph_left .tab_area .tab a:first-child {
    margin-left: -0.5334vw;
  }
  .main_graph_left .tab_area .tab a:last-child {
    margin-right: -0.5334vw;
  }
  .main_graph_left .tab_area .tab a span.txt {
    vertical-align: top;
    display: inline-block;
    font-size: 4vw;
    line-height: 11.2vw;
  }
}

.main_graph_left .graph_hot_keyword {
  z-index: 10;
  overflow: visible;
  position: relative;
}

.main_graph_left .graph_hot_keyword svg {
  overflow: visible;
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_graph_left .graph_hot_keyword {
    height: 458px;
  }
}

.main_graph_left .btn_detail {
  z-index: 15;
  position: relative;
  margin-top: 28px;
}

.main_graph_left .btn_detail a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  font-weight: 500;
}

.main_graph_left .btn_detail a::before, .main_graph_left .btn_detail a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_graph_left .btn_detail a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_graph_left .btn_detail a {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_graph_left .btn_detail a::after, .main_graph_left .btn_detail a::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_left .btn_detail a {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_graph_left .btn_detail a::after, .main_graph_left .btn_detail a::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_left .btn_detail a {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_graph_left .btn_detail a::after, .main_graph_left .btn_detail a::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_left .btn_detail a {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_graph_left .btn_detail a::after, .main_graph_left .btn_detail a::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_graph_left .btn_detail a:hover {
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_graph_left .btn_detail a:hover::before, .main_graph_left .btn_detail a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_graph_left .btn_detail a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_graph_left .btn_detail a:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_graph_left .btn_detail a:hover::after, .main_graph_left .btn_detail a:hover::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_left .btn_detail a:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_graph_left .btn_detail a:hover::after, .main_graph_left .btn_detail a:hover::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_left .btn_detail a:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_graph_left .btn_detail a:hover::after, .main_graph_left .btn_detail a:hover::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_left .btn_detail a:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_graph_left .btn_detail a:hover::after, .main_graph_left .btn_detail a:hover::before {
    background-size: contain;
  }
  .main_graph_left .btn_detail a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_graph_right {
  text-align: right;
}

.main_graph_right > .in {
  text-align: left;
}

.main_graph_right .question_graph {
  overflow: hidden;
}

.main_graph_right .question_graph .question_box {
  font-size: 0;
}

.main_graph_right .question_graph .question_box .num {
  font-weight: 500;
  color: #ffffff;
}

.main_graph_right .question_graph .question_box .num span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_graph_right .question_graph .question_box .num {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph_right .question_graph .question_box .num {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_right .question_graph .question_box .num {
    font-size: 44px;
    line-height: 62px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_right .question_graph .question_box .num {
    font-size: 38px;
    line-height: 54px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .question_graph .question_box .num {
    font-size: 9.86667vw;
    line-height: 12.8vw;
  }
}

.main_graph_right .question_graph .question_box .txt {
  font-size: 20px;
  margin-left: 0;
  color: #cccccc;
}

.main_graph_right .question_graph .question_box .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_graph_right .question_graph .question_box .txt {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .main_graph_right .question_graph .question_box .txt span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph_right .question_graph .question_box .txt {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .main_graph_right .question_graph .question_box .txt span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_right .question_graph .question_box .txt {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
  }
  .main_graph_right .question_graph .question_box .txt span.ell_in {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_right .question_graph .question_box .txt {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
  }
  .main_graph_right .question_graph .question_box .txt span.ell_in {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .question_graph .question_box .txt {
    font-size: 4vw;
    line-height: 6.4vw;
    height: 12.8vw;
  }
  .main_graph_right .question_graph .question_box .txt span.ell_in {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.main_graph_right .question_graph .question_box .chart_box {
  overflow: hidden;
  background-repeat: repeat-x;
  background-size: auto 100%;
  border-radius: 50px;
  font-size: 0;
}

@media (min-width: 768px) {
  .main_graph_right .question_graph .question_box .chart_box {
    background-image: url(/static/images/pc/pattern/main_chart_bar.png);
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .question_graph .question_box .chart_box {
    background-image: url(/static/images/mo/pattern/main_chart_bar.png);
  }
}

.main_graph_right .question_graph .question_box .chart_box .chart_half {
  overflow: hidden;
  display: inline-block;
  width: 50%;
  height: 100%;
  color: #242322;
  text-align: center;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half .in {
  display: block;
  float: left;
  height: 100%;
  background-color: #ffffff;
  color: #242322;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half span {
  position: absolute;
  width: 0;
  height: 0;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half strong {
  color: #242322;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half:first-child {
  color: #ffffff;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
  float: right;
  background-color: #e64c2e;
  color: #ffffff;
}

.main_graph_right .question_graph .question_box .chart_box .chart_half:first-child strong {
  color: #ffffff;
}

.main_graph_right .graph_category {
  font-size: 0;
}

.main_graph_right .graph_category span {
  display: inline-block;
  color: #bebebe;
}

.main_graph_right .graph_category span::before {
  overflow: hidden;
  display: inline-block;
  border-radius: 50px;
  content: '';
}

.main_graph_right .graph_category .agree::before {
  background-color: #e64c2e;
}

.main_graph_right .graph_category .disagree::before {
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .main_graph_right .graph_category .notsure::before {
    background-image: url(/static/images/pc/pattern/main_chart_bar2.png);
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .graph_category .notsure::before {
    background-image: url(/static/images/mo/pattern/main_chart_bar2.png);
  }
}

.main_graph_right .graph_utill_area {
  overflow: hidden;
}

.main_graph_right .graph_utill_area .btn_detail {
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  font-weight: 500;
}

.main_graph_right .graph_utill_area .btn_detail::before, .main_graph_right .graph_utill_area .btn_detail::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_graph_right .graph_utill_area .btn_detail::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_graph_right .graph_utill_area .btn_detail {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_graph_right .graph_utill_area .btn_detail::after, .main_graph_right .graph_utill_area .btn_detail::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_right .graph_utill_area .btn_detail {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_graph_right .graph_utill_area .btn_detail::after, .main_graph_right .graph_utill_area .btn_detail::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_right .graph_utill_area .btn_detail {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_graph_right .graph_utill_area .btn_detail::after, .main_graph_right .graph_utill_area .btn_detail::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .graph_utill_area .btn_detail {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_graph_right .graph_utill_area .btn_detail::after, .main_graph_right .graph_utill_area .btn_detail::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_graph_right .graph_utill_area .btn_detail:hover {
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_graph_right .graph_utill_area .btn_detail:hover::before, .main_graph_right .graph_utill_area .btn_detail:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_graph_right .graph_utill_area .btn_detail:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_graph_right .graph_utill_area .btn_detail:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after, .main_graph_right .graph_utill_area .btn_detail:hover::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph_right .graph_utill_area .btn_detail:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after, .main_graph_right .graph_utill_area .btn_detail:hover::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph_right .graph_utill_area .btn_detail:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after, .main_graph_right .graph_utill_area .btn_detail:hover::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_graph_right .graph_utill_area .btn_detail:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after, .main_graph_right .graph_utill_area .btn_detail:hover::before {
    background-size: contain;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

@media (min-width: 1650px) {
  .main_graph {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .main_graph::before {
    top: 160px;
    bottom: 160px;
  }
  .main_graph_box .tit {
    margin-top: -10px;
  }
  .main_graph_left .tab_area {
    padding-top: 70px;
  }
  .main_graph_left .tab_area .tab a {
    height: 60px;
    line-height: 60px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    vertical-align: baseline;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 65px;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 55px;
  }
  .main_graph_right .question_graph .question_box .txt {
    margin-top: 10px;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    height: 29px;
    margin-top: 26px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 16px;
    line-height: 29px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half strong {
    line-height: 29px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half .in {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0 50px 50px 0;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
    padding-right: 0;
    padding-left: 0;
    border-radius: 50px 0 0 50px;
  }
  .main_graph_right .graph_category {
    padding-top: 20px;
  }
  .main_graph_right .graph_category span {
    margin-right: 30px;
    font-size: 18px;
  }
  .main_graph_right .graph_category span::before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 66px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph {
    padding-top: 9.4444vw;
    padding-bottom: 9.4444vw;
  }
  .main_graph::before {
    top: 9.4444vw;
    bottom: 9.4444vw;
  }
  .main_graph_box .tit {
    margin-top: -10px;
  }
  .main_graph_left .tab_area {
    padding-top: 4.1667vw;
  }
  .main_graph_left .tab_area .tab a {
    height: 60px;
    line-height: 60px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    line-height: 60px;
  }
  .main_graph_left .btn_detail {
    margin-top: 40px;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 4.1667vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 2.8472vw;
  }
  .main_graph_right .question_graph .question_box .txt {
    margin-top: 10px;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    height: 28px;
    margin-top: 1.4583vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 16px;
    line-height: 28px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half strong {
    line-height: 28px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half .in {
    padding-right: 0.7639vw;
    padding-left: 0;
    border-radius: 0 50px 50px 0;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
    padding-right: 0;
    padding-left: 0.7639vw;
    border-radius: 50px 0 0 50px;
  }
  .main_graph_right .graph_category {
    padding-top: 1.1806vw;
  }
  .main_graph_right .graph_category span {
    margin-right: 28px;
    font-size: 16px;
  }
  .main_graph_right .graph_category span::before {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    margin-right: 10px;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 75px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph {
    padding-top: 9.4444vw;
    padding-bottom: 9.4444vw;
  }
  .main_graph::before {
    top: 9.4444vw;
    bottom: 9.4444vw;
  }
  .main_graph_box .tit {
    margin-top: -10px;
  }
  .main_graph_left .tab_area {
    padding-top: 4.1667vw;
  }
  .main_graph_left .tab_area .tab a {
    height: 54px;
    line-height: 54px;
  }
  .main_graph_left .tab_area .tab a span.txt {
    line-height: 54px;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 4.1992vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 3.2227vw;
  }
  .main_graph_right .question_graph .question_box .txt {
    margin-top: 1.4648vw;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    height: 22px;
    margin-top: 2.3438vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 12px;
    line-height: 22px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half strong {
    line-height: 22px;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half .in {
    padding-right: 1.2695vw;
    padding-left: 0;
    border-radius: 0 50px 50px 0;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
    padding-right: 0;
    padding-left: 1.2695vw;
    border-radius: 50px 0 0 50px;
  }
  .main_graph_right .question_graph .graph_category {
    padding-top: 1.5625vw;
  }
  .main_graph_right .question_graph .graph_category span {
    margin-right: 2.0833vw;
    font-size: 18px;
  }
  .main_graph_right .question_graph .graph_category span::before {
    width: 1.1111vw;
    height: 1.1111vw;
    margin-right: 0.6944vw;
  }
  .main_graph_right .question_graph .graph_utill_area .btn_detail {
    margin-top: 3.0556vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_graph_left .btn_detail {
    margin-top: 19px;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 3.5937vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 2.6562vw;
  }
  .main_graph_right .question_graph .question_box .txt {
    margin-top: 10px;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    margin-top: 1.8750vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 14px;
  }
  .main_graph_right .question_graph .graph_category {
    padding-top: 1.5625vw;
  }
  .main_graph_right .question_graph .graph_category span {
    font-size: 16px;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 55px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_graph_left .tab_area .tab a {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
  }
  .main_graph_left .tab_area .tab a span.txt {
    font-size: 16px;
    line-height: 52px;
  }
  .main_graph_left .btn_detail {
    margin-top: 42px;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 3.0992vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 2.1227vw;
  }
  .main_graph_right .question_graph .question_box .num {
    width: 7.4545vw;
  }
  .main_graph_right .question_graph .question_box .txt {
    width: calc(100% - 8.4545vw);
    margin-top: 0.8648vw;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    margin-top: 14px;
  }
  .main_graph_right .question_graph .graph_category {
    padding-top: 10px;
  }
  .main_graph_right .question_graph .graph_category span {
    font-size: 16px;
  }
  .main_graph .graph_utill_area .btn_detail {
    margin-top: 43px;
  }
}

@media (max-width: 1023.9px) {
  .main_graph {
    padding-top: 9.5052vw;
    padding-bottom: 9.7656vw;
  }
  .main_graph::before {
    display: none;
  }
  .main_graph_box .tit {
    margin-top: 0;
  }
  .main_graph_left {
    float: none;
    width: 85.4542vw;
    padding-bottom: 6.5104vw;
    margin-bottom: 5.3104vw;
    border-bottom: 1px solid #393837;
  }
  .main_graph_left > .in {
    width: 85.4542vw;
  }
  .main_graph_left .tab_area {
    display: inline-block;
    padding-top: 22px;
  }
  .main_graph_left .tab_area .tab a {
    width: auto;
    height: 48px;
    padding-left: 2.9948vw;
    padding-right: 2.9948vw;
    line-height: 48px;
    font-weight: bold;
  }
  .main_graph_left .tab_area .tab a span.txt {
    line-height: 48px;
    font-weight: bold;
  }
  .main_graph_left .btn_detail {
    margin-top: 0;
  }
  .main_graph_right {
    float: none;
    width: 85.4542vw;
  }
  .main_graph_right > .in {
    width: 85.4542vw;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 3.2573vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 14px;
  }
  .main_graph_right .question_graph .question_box .num {
    width: 8.4635vw;
  }
  .main_graph_right .question_graph .question_box .txt {
    width: calc(100% - 17.4635vw);
    margin-top: 1.0625vw;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    height: 2.8646vw;
    margin-top: 1.9531vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 1.5625vw;
    line-height: 2.8646vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half strong {
    line-height: 2.8646vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half .in {
    padding-right: 1.6927vw;
    padding-left: 0;
    border-radius: 0 50vw 50vw 0;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
    padding-right: 0;
    padding-left: 1.6927vw;
    border-radius: 50vw 0 0 50vw;
  }
  .main_graph_right .graph_category {
    padding-top: 1.1719vw;
  }
  .main_graph_right .graph_category span {
    margin-right: 1.8229vw;
    font-size: 1.8229vw;
  }
  .main_graph_right .graph_category span::before {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 0.6510vw;
    margin-bottom: -0.2vw;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 32px;
  }
}

@media (min-width: 767.9px) and (max-width: 1023.9px) {
  .main_graph_left .in .btn_detail {
    margin-top: 2.6042vw;
  }
  .main_graph_left .in .btn_detail a::after {
    width: 11px;
    height: 8px;
    margin-top: -3px;
    margin-left: 0.9333vw;
  }
  .main_graph_left .in .btn_detail a:hover::after {
    width: 11px;
    height: 8px;
    margin-top: -3px;
    margin-left: 0.9333vw;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 2.6042vw;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 11px;
    height: 8px;
    margin-top: -3px;
    margin-left: 0.9333vw;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 11px;
    height: 8px;
    margin-top: -3px;
    margin-left: 0.9333vw;
  }
}

@media (max-width: 767.9px) {
  .main_graph {
    padding-top: 19.3333vw;
    padding-bottom: 21.3333vw;
  }
  .main_graph_box .tit {
    font-size: 9.0667vw;
    line-height: 11.733vw;
  }
  .main_graph_left {
    display: block;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15.4667vw;
    margin-bottom: 12.4667vw;
    border-width: 0.2667vw;
  }
  .main_graph_left .tab_area {
    position: relative;
    display: block;
    padding-top: 0;
    padding-left: 10.9333vw;
    margin-top: 12vw;
  }
  .main_graph_left .tab_area .mo_txt {
    position: absolute;
    display: block;
    width: 10.9333vw;
    height: 10.6667vw;
    top: 0;
    left: 0;
    line-height: 13.3333vw;
    font-size: 3.8667vw;
    font-weight: 600;
    color: #ffffff;
  }
  .main_graph_left .tab_area .tab {
    display: block;
  }
  .main_graph_left .tab_area .tab a {
    width: calc(100% / 4);
    height: 13.3333vw;
    padding-left: 2.9948vw;
    padding-right: 2.9948vw;
    line-height: 13.3333vw;
  }
  .main_graph_left .tab_area .tab a span.pc_txt {
    display: none;
  }
  .main_graph_left .btn_detail {
    margin-top: 0;
  }
  .main_graph_left .btn_detail a {
    border-width: 0.5334vw;
  }
  .main_graph_left .btn_detail a::after {
    width: 3.2vw;
    height: 2.4vw;
    margin-top: -0.8vw;
    margin-left: 0.9333vw;
  }
  .main_graph_left .btn_detail a:hover::after {
    width: 3.2vw;
    height: 2.4vw;
    margin-top: -0.8vw;
    margin-left: 0.9333vw;
  }
  .main_graph_right {
    display: block;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .main_graph_right .question_graph .question_box {
    margin-top: 10.2667vw;
  }
  .main_graph_right .question_graph .question_box:first-child {
    margin-top: 4vw;
  }
  .main_graph_right .question_graph .question_box .num {
    width: 17.3333vw;
    font-size: 9.0667vw;
    line-height: 11.7333vw;
    margin-left: 0;
    margin-right: 0;
  }
  .main_graph_right .question_graph .question_box .txt {
    width: calc(100% - 17.3333vw);
    margin-top: 1.6667vw;
    margin-right: 0;
  }
  .main_graph_right .question_graph .question_box .chart_box {
    height: 7.4667vw;
    margin-top: 6.5vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half {
    font-size: 3.7333vw;
    line-height: 7.4667vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half strong {
    line-height: 7.4667vw;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half .in {
    padding-right: 4.6667vw;
    padding-left: 0;
  }
  .main_graph_right .question_graph .question_box .chart_box .chart_half:first-child .in {
    padding-right: 0;
    padding-left: 4.6667vw;
  }
  .main_graph_right .graph_category {
    padding-top: 4.0000vw;
  }
  .main_graph_right .graph_category span {
    margin-right: 6.1333vw;
    font-size: 4vw;
  }
  .main_graph_right .graph_category span::before {
    width: 3.7333vw;
    height: 3.7333vw;
    margin-right: 2.1333vw;
  }
  .main_graph_right .graph_utill_area .btn_detail {
    margin-top: 13.3333vw;
    border-width: 0.5334vw;
  }
  .main_graph_right .graph_utill_area .btn_detail::after {
    width: 3.2vw;
    height: 2.4vw;
    margin-top: -0.8vw;
    margin-left: 0.9333vw;
  }
  .main_graph_right .graph_utill_area .btn_detail:hover::after {
    width: 3.2vw;
    height: 2.4vw;
    margin-top: -0.8vw;
    margin-left: 0.9333vw;
  }
}

.main_graph .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_graph .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_graph .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_graph .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_graph .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_graph .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_graph .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_graph .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_graph .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_graph .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_graph .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_graph .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_graph .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_graph .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_graph .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_graph .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_graph .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_graph .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce {
  background-color: #f5f2eb;
}

.main_introduce_box {
  position: relative;
}

.main_introduce_box p.bg {
  z-index: 1;
  overflow: hidden;
  position: absolute;
}

.main_introduce_box p.bg::before {
  display: block;
  content: '';
  background-color: #ebeae2;
}

.main_introduce_box > * {
  position: relative;
  z-index: 5;
}

@media (min-width: 1650px) {
  .main_introduce_box {
    padding-top: 142px;
    padding-bottom: 130px;
  }
  .main_introduce_box p.bg {
    width: 594px;
    height: 594px;
    top: 213px;
    left: 50%;
    margin-left: -1299px;
  }
  .main_introduce_box p.bg::before {
    width: 1188px;
    height: 1188px;
    margin-top: -594px;
    margin-left: -594px;
    border-radius: 1188px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce_box {
    padding-bottom: 8.4389vw;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_introduce_box {
    padding-top: 8.1250vw;
  }
  .main_introduce_box p.bg {
    width: 35.9722vw;
    height: 35.9722vw;
    top: 12.9167vw;
    left: 50%;
    margin-left: -78.75vw;
  }
  .main_introduce_box p.bg::before {
    width: 71.9444vw;
    height: 71.9444vw;
    margin-top: -35.9722vw;
    margin-left: -35.9722vw;
    border-radius: 71.9444vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_introduce_box {
    padding-top: 8.4375vw;
    padding-bottom: 8.4375vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_introduce_box {
    padding-bottom: 7.6389vw;
  }
}

@media (max-width: 1023.9px) {
  .main_introduce_box {
    padding-top: 7.7656vw;
    padding-bottom: 9.7656vw;
  }
  .main_introduce_box p.bg {
    width: 35.5469vw;
    height: 35.5469vw;
    top: 12.8906vw;
    left: 50%;
    margin-left: -78.5157vw;
  }
  .main_introduce_box p.bg::before {
    width: 71.0938vw;
    height: 71.0938vw;
    margin-top: -35.5469vw;
    margin-left: -35.5469vw;
    border-radius: 71.0938vw;
  }
}

@media (max-width: 767.9px) {
  .main_introduce_box {
    padding-top: 21.8667vw;
    padding-bottom: 12.8vw;
  }
  .main_introduce_box p.bg {
    width: 71.2vw;
    height: 71.2vw;
    top: 31.3333vw;
    margin-left: -112.5333vw;
  }
  .main_introduce_box p.bg::before {
    width: 142.4vw;
    height: 142.4vw;
    margin-top: -71.2vw;
    margin-left: -71.2vw;
    border-radius: 142.4vw;
  }
}

.main_introduce .introduce_tit .tit {
  position: relative;
  display: inline-block;
  font-weight: 600;
  color: #242322;
}

.main_introduce .introduce_tit .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_introduce .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .tit {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .tit {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .tit {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_introduce .introduce_tit .tit strong {
  color: transparent;
  text-shadow: -1px 0 0 #242322, 1px 0 0 #242322, 0 -1px 0 #242322, 0 1px 0 #242322, 1px 1px 0 #242322, -1px 1px 0 #242322, 1px -1px 0 #242322, -1px -1px 0 #242322;
  z-index: 10;
  position: relative;
  font-weight: 600;
  color: #f5f2eb;
  mix-blend-mode: color-burn;
}

.main_introduce .introduce_tit .tit strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_introduce .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .tit strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .tit strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .tit strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_introduce .introduce_tit .tit::before, .main_introduce .introduce_tit .tit::after {
  z-index: -1;
  position: absolute;
  display: block;
  top: 0;
  content: '';
}

.main_introduce .introduce_tit .tit::before {
  z-index: 5;
  left: 0;
  background-color: #93cc9a;
  mix-blend-mode: darken;
}

.main_introduce .introduce_tit .tit::after {
  right: 0;
  background-color: #98c6f5;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.main_introduce .introduce_tit .txt {
  font-size: 20px;
  color: #383736;
}

.main_introduce .introduce_tit .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_introduce .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .txt {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

.main_introduce .introduce_tit .btn_more {
  text-align: right;
  font-weight: 500;
}

.main_introduce .introduce_tit .btn_more a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
  color: #242322;
  font-weight: 500;
}

.main_introduce .introduce_tit .btn_more a::before, .main_introduce .introduce_tit .btn_more a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_introduce .introduce_tit .btn_more a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_introduce .introduce_tit .btn_more a::after {
  vertical-align: top;
  background-color: #242322;
}

@media (min-width: 1440px) {
  .main_introduce .introduce_tit .btn_more a::before, .main_introduce .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .btn_more a::before, .main_introduce .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .btn_more a::before, .main_introduce .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .btn_more a::before, .main_introduce .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0vw #242322;
            box-shadow: 0 0 0 0vw #242322;
  }
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #242322;
            box-shadow: 0 0 0 0.5334vw #242322;
  }
}

@media (min-width: 1440px) {
  .main_introduce .introduce_tit .btn_more a {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_introduce .introduce_tit .btn_more a::after, .main_introduce .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .btn_more a {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_introduce .introduce_tit .btn_more a::after, .main_introduce .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .btn_more a {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_introduce .introduce_tit .btn_more a::after, .main_introduce .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .btn_more a {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_introduce .introduce_tit .btn_more a::after, .main_introduce .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

.main_introduce .introduce_tit .btn_more a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
}

.main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_introduce .introduce_tit .btn_more a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_introduce .introduce_tit .btn_more a:hover::after {
  vertical-align: top;
  background-color: #e64c2e;
}

@media (min-width: 1440px) {
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_introduce .introduce_tit .btn_more a:hover:hover::before, .main_introduce .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_introduce .introduce_tit .btn_more a:hover:hover::before, .main_introduce .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_introduce .introduce_tit .btn_more a:hover:hover::before, .main_introduce .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .btn_more a:hover::before, .main_introduce .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0vw #e64c2e;
            box-shadow: 0 0 0 0vw #e64c2e;
  }
  .main_introduce .introduce_tit .btn_more a:hover:hover::before, .main_introduce .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #e64c2e;
            box-shadow: 0 0 0 0.5334vw #e64c2e;
  }
}

@media (min-width: 1440px) {
  .main_introduce .introduce_tit .btn_more a:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after, .main_introduce .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .btn_more a:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after, .main_introduce .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_tit .btn_more a:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after, .main_introduce .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .btn_more a:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after, .main_introduce .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_introduce .introduce_tit .btn_more a:hover::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

@media (min-width: 1650px) {
  .main_introduce .introduce_tit .tit::before {
    width: 86px;
    height: 86px;
    margin-top: 32px;
    margin-left: -45px;
    border-radius: 86px;
  }
  .main_introduce .introduce_tit .tit::after {
    width: 82px;
    height: 15px;
    margin-top: 17px;
    margin-right: -28px;
    border-radius: 50px;
  }
  .main_introduce .introduce_tit .txt {
    width: 930px;
    margin-top: 16px;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 23px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_tit .txt {
    width: 56.3634vw;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 26px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_introduce .introduce_tit .tit::after {
    margin-right: -0.3125vw;
  }
  .main_introduce .introduce_tit .txt {
    width: 56.3634vw;
    margin-top: 0.6250vw;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_introduce .introduce_tit .tit::before {
    width: 5.9722vw;
    height: 5.9722vw;
    margin-top: 2.3544vw;
    margin-left: -3.0472vw;
    border-radius: 5.9722vw;
  }
  .main_introduce .introduce_tit .tit::after {
    width: 5.2639vw;
    height: 1.0606vw;
    margin-top: 1.2861vw;
    margin-right: -1.7889vw;
    border-radius: 50px;
  }
  .main_introduce .introduce_tit .txt {
    width: 56.3634vw;
    margin-top: 1.0417vw;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 19px;
  }
}

@media (max-width: 1023.9px) {
  .main_introduce .introduce_tit .tit::before {
    width: 8.3333vw;
    height: 8.3333vw;
    margin-top: 2.9948vw;
    margin-left: -4.1667vw;
    border-radius: 8.3333vw;
  }
  .main_introduce .introduce_tit .tit::after {
    width: 8.0729vw;
    height: 1.4323vw;
    margin-top: 1.9531vw;
    margin-right: -3.9063vw;
    border-radius: 50px;
  }
  .main_introduce .introduce_tit .txt {
    width: 56.3634vw;
    margin-top: 0;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 12px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_tit .tit::before {
    width: 11.4667vw;
    height: 11.4667vw;
    margin-top: 6.1333vw;
    margin-left: -3.8667vw;
    border-radius: 11.4667vw;
  }
  .main_introduce .introduce_tit .tit::after {
    width: 10.9333vw;
    height: 2.0000vw;
    margin-top: 1.3333vw;
    margin-left: -4.5000vw;
    border-radius: 50vw;
  }
  .main_introduce .introduce_tit .txt {
    width: auto;
    margin-top: 4.4vw;
  }
  .main_introduce .introduce_tit .btn_more {
    margin-top: 7.4667vw;
  }
  .main_introduce .introduce_tit .btn_more a {
    font-weight: 500;
  }
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in {
  max-width: 100%;
  border-bottom: 2px solid #e8e2d6;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in p {
  text-align: center;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in p img {
  position: relative;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum {
  overflow: hidden;
  position: relative;
  border-style: solid;
  border-color: transparent;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum p {
  z-index: 5;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum p img {
  display: block;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum::before {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  content: '';
}

@media (min-width: 768px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum::before {
    background-image: url(/static/images/pc/main/cover_main.png);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum::before {
    background-image: url(/static/images/mo/main/cover_main.png);
  }
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
  color: #383736;
  font-weight: 600;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .name span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
  color: #615f5f;
}

.main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    font-size: 4vw;
    line-height: 5.33333vw;
  }
}

.main_introduce .introduce_list_area .introduce_list .list_box:hover .thum::before {
  z-index: 10;
}

@media (min-width: 768px) {
  .main_introduce .introduce_list_area .introduce_list .list_box:hover .thum::before {
    background-image: url(/static/images/pc/main/cover_main_on.png);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box:hover .thum::before {
    background-image: url(/static/images/mo/main/cover_main_on.png);
  }
}

@media (min-width: 1650px) {
  .main_introduce .introduce_list_area .list_box {
    margin-bottom: 30px;
  }
  .main_introduce .introduce_list_area .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_introduce .introduce_list_area .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .main_introduce .introduce_list_area .list_box .box_in {
    margin-left: 21px;
    margin-right: 21px;
    padding-bottom: 20px;
    margin-top: 40px;
  }
  .main_introduce .introduce_list_area .list_box .box_in .thum {
    width: 288px;
    height: 288px;
  }
  .main_introduce .introduce_list_area .list_box .box_in .thum p {
    padding: 10px;
  }
  .main_introduce .introduce_list_area .list_box .box_in .name {
    margin-top: 15px;
  }
  .main_introduce .introduce_list_area .list_box .box_in .txt {
    margin-top: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_introduce .introduce_list_area {
    margin-top: -0.8vw;
  }
  .main_introduce .introduce_list_area .list_box {
    margin-bottom: 1.4306vw;
  }
  .main_introduce .introduce_list_area .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_introduce .introduce_list_area .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .main_introduce .introduce_list_area .list_box .box_in {
    margin-left: 1.4153vw;
    margin-right: 1.4153vw;
    padding-bottom: 1.6667vw;
    margin-top: 2.9167vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .thum {
    width: 17.1594vw;
    height: 17.1594vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .thum p {
    padding: 0.6944vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .name {
    margin-top: 0.9722vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .txt {
    margin-top: 0.4861vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_introduce .introduce_list_area .list_box {
    margin-bottom: 1.0937vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in {
    padding-bottom: 1.1718vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .name {
    margin-top: 1.2500vw;
  }
  .main_introduce .introduce_list_area .list_box .box_in .txt {
    margin-top: 0.3906vw;
  }
}

@media (max-width: 1023.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box {
    width: 27.2726vw;
    margin-bottom: 2.2083vw;
    font-size: 0;
    text-align: center;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.9531vw;
    margin-top: 12px;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum {
    width: 24.349vw;
    height: 24.349vw;
    margin-left: auto;
    margin-right: auto;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum p {
    overflow: hidden;
    width: calc(100% - 2.2666vw);
    height: calc(100% - 2.2666vw);
    margin: 0.7813vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    margin-top: 1.0417vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    margin-top: 0.6510vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .introduce_list_area .introduce_list .list_box:nth-child(3n) {
    margin-right: 0;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (max-width: 767.9px) {
  .main_introduce .introduce_list_area .introduce_list {
    margin-top: 5.3333vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box {
    width: calc(50% - 3.4667vw);
    margin-bottom: 3.9vw;
    margin-left: 2.2667vw;
    margin-right: 2.2667vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box:nth-child(2n) {
    margin-right: 0;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box:nth-child(2n+1) {
    margin-left: 0;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 4.1333vw;
    margin-top: 0;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum {
    width: 34.6667vw;
    height: 34.6667vw;
    margin-left: auto;
    margin-right: auto;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .thum p {
    overflow: hidden;
    width: calc(100% - 2.2666vw);
    height: calc(100% - 2.2666vw);
    margin: 1.1333vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .name {
    margin-top: 1.8667vw;
    font-size: 4vw;
    line-height: 5.3333vw;
  }
  .main_introduce .introduce_list_area .introduce_list .list_box .box_in .txt {
    margin-top: 1.7333vw;
    font-size: 3.4667vw;
    line-height: 4.5333vw;
    text-overflow: clip;
    white-space: normal;
  }
}

.main_introduce .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s, -webkit-transform 1s ease 1s;
  transition: opacity 1s ease 1s, -webkit-transform 1s ease 1s;
  transition: transform 1s ease 1s, opacity 1s ease 1s;
  transition: transform 1s ease 1s, opacity 1s ease 1s, -webkit-transform 1s ease 1s;
}

@media (min-width: 1650px) {
  .main_introduce .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.35s, -webkit-transform 1s ease 1.35s;
  transition: opacity 1s ease 1.35s, -webkit-transform 1s ease 1.35s;
  transition: transform 1s ease 1.35s, opacity 1s ease 1.35s;
  transition: transform 1s ease 1.35s, opacity 1s ease 1.35s, -webkit-transform 1s ease 1.35s;
}

@media (min-width: 1650px) {
  .main_introduce .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.7s, -webkit-transform 1s ease 1.7s;
  transition: opacity 1s ease 1.7s, -webkit-transform 1s ease 1.7s;
  transition: transform 1s ease 1.7s, opacity 1s ease 1.7s;
  transition: transform 1s ease 1.7s, opacity 1s ease 1.7s, -webkit-transform 1s ease 1.7s;
}

@media (min-width: 1650px) {
  .main_introduce .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.05s, -webkit-transform 1s ease 2.05s;
  transition: opacity 1s ease 2.05s, -webkit-transform 1s ease 2.05s;
  transition: transform 1s ease 2.05s, opacity 1s ease 2.05s;
  transition: transform 1s ease 2.05s, opacity 1s ease 2.05s, -webkit-transform 1s ease 2.05s;
}

@media (min-width: 1650px) {
  .main_introduce .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.4s, -webkit-transform 1s ease 2.4s;
  transition: opacity 1s ease 2.4s, -webkit-transform 1s ease 2.4s;
  transition: transform 1s ease 2.4s, opacity 1s ease 2.4s;
  transition: transform 1s ease 2.4s, opacity 1s ease 2.4s, -webkit-transform 1s ease 2.4s;
}

@media (min-width: 1650px) {
  .main_introduce .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.75s, -webkit-transform 1s ease 2.75s;
  transition: opacity 1s ease 2.75s, -webkit-transform 1s ease 2.75s;
  transition: transform 1s ease 2.75s, opacity 1s ease 2.75s;
  transition: transform 1s ease 2.75s, opacity 1s ease 2.75s, -webkit-transform 1s ease 2.75s;
}

@media (min-width: 1650px) {
  .main_introduce .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.1s, -webkit-transform 1s ease 3.1s;
  transition: opacity 1s ease 3.1s, -webkit-transform 1s ease 3.1s;
  transition: transform 1s ease 3.1s, opacity 1s ease 3.1s;
  transition: transform 1s ease 3.1s, opacity 1s ease 3.1s, -webkit-transform 1s ease 3.1s;
}

@media (min-width: 1650px) {
  .main_introduce .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.45s, -webkit-transform 1s ease 3.45s;
  transition: opacity 1s ease 3.45s, -webkit-transform 1s ease 3.45s;
  transition: transform 1s ease 3.45s, opacity 1s ease 3.45s;
  transition: transform 1s ease 3.45s, opacity 1s ease 3.45s, -webkit-transform 1s ease 3.45s;
}

@media (min-width: 1650px) {
  .main_introduce .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.8s, -webkit-transform 1s ease 3.8s;
  transition: opacity 1s ease 3.8s, -webkit-transform 1s ease 3.8s;
  transition: transform 1s ease 3.8s, opacity 1s ease 3.8s;
  transition: transform 1s ease 3.8s, opacity 1s ease 3.8s, -webkit-transform 1s ease 3.8s;
}

@media (min-width: 1650px) {
  .main_introduce .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 4.15s, -webkit-transform 1s ease 4.15s;
  transition: opacity 1s ease 4.15s, -webkit-transform 1s ease 4.15s;
  transition: transform 1s ease 4.15s, opacity 1s ease 4.15s;
  transition: transform 1s ease 4.15s, opacity 1s ease 4.15s, -webkit-transform 1s ease 4.15s;
}

@media (min-width: 1650px) {
  .main_introduce .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 4.5s, -webkit-transform 1s ease 4.5s;
  transition: opacity 1s ease 4.5s, -webkit-transform 1s ease 4.5s;
  transition: transform 1s ease 4.5s, opacity 1s ease 4.5s;
  transition: transform 1s ease 4.5s, opacity 1s ease 4.5s, -webkit-transform 1s ease 4.5s;
}

@media (min-width: 1650px) {
  .main_introduce .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_introduce .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_introduce .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_introduce .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_introduce .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_introduce .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_introduce.start_ani {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s;
}

.main_introduce.start_ani.aniset {
  opacity: 1;
}

.main_agendar {
  position: relative;
  background-color: #ede9e1;
}

.main_agendar .bg1 {
  z-index: 5;
  overflow: hidden;
  position: absolute;
  border-radius: 500px;
  content: '';
  bottom: 0;
  left: 50%;
  background-color: #e7ded2;
}

.main_agendar .bg2 {
  z-index: 5;
  overflow: hidden;
  position: absolute;
  border-radius: 500px;
  content: '';
  top: 0;
  left: 50%;
  background-color: transparent;
  border-color: #e1e1da;
}

@media (min-width: 1650px) {
  .main_agendar .bg1 {
    width: 349px;
    height: 349px;
    margin-bottom: 115px;
    margin-left: -986px;
  }
  .main_agendar .bg2 {
    width: 680px;
    height: 680px;
    margin-top: 164px;
    margin-left: 495px;
    border-width: 125px;
    border-radius: 500vw;
    border-style: solid;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .bg1 {
    width: 304px;
    height: 304px;
    margin-bottom: 115px;
    margin-left: -936px;
  }
  .main_agendar .bg2 {
    width: 593px;
    height: 593px;
    margin-top: 173px;
    margin-left: 496px;
    border-width: 110px;
    border-radius: 500vw;
    border-style: solid;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_agendar .bg1 {
    width: 304px;
    height: 304px;
    margin-bottom: 95px;
    margin-left: -856px;
  }
  .main_agendar .bg2 {
    width: 593px;
    height: 593px;
    margin-top: 93px;
    margin-left: 426px;
    border-width: 110px;
    border-radius: 500vw;
    border-style: solid;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_agendar .bg1 {
    width: 216px;
    height: 216px;
    margin-bottom: 110px;
    margin-left: -716px;
  }
  .main_agendar .bg2 {
    width: 422px;
    height: 422px;
    margin-top: 123px;
    margin-left: 416px;
    border-width: 78px;
    border-radius: 500vw;
    border-style: solid;
  }
}

@media (max-width: 1023.9px) {
  .main_agendar .bg1 {
    width: 162px;
    height: 162px;
    margin-bottom: 772px;
    margin-left: -546px;
  }
  .main_agendar .bg2 {
    width: 316px;
    height: 316px;
    margin-top: 9.8958vw;
    margin-left: 30.2083vw;
    border-width: 60px;
    border-radius: 500vw;
    border-style: solid;
  }
}

@media (max-width: 767.9px) {
  .main_agendar .bg1 {
    width: 46.6667vw;
    height: 46.6667vw;
    margin-bottom: 19.0667vw;
    margin-left: -85.0667vw;
  }
  .main_agendar .bg2 {
    width: 90.6667vw;
    height: 90.6667vw;
    margin-top: 45.0667vw;
    margin-left: 14.4000vw;
    border-width: 16.6667vw;
    border-radius: 500vw;
    border-style: solid;
  }
}

.main_agendar_box {
  z-index: 10;
  position: relative;
}

.main_agendar_box .introduce_tit .tit {
  position: relative;
  display: inline-block;
  font-weight: 600;
  color: #242322;
}

.main_agendar_box .introduce_tit .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_agendar_box .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .introduce_tit .tit {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .introduce_tit .tit {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .introduce_tit .tit {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_agendar_box .introduce_tit .tit strong {
  color: transparent;
  text-shadow: -1px 0 0 #242322, 1px 0 0 #242322, 0 -1px 0 #242322, 0 1px 0 #242322, 1px 1px 0 #242322, -1px 1px 0 #242322, 1px -1px 0 #242322, -1px -1px 0 #242322;
  color: #ede9e1;
  font-weight: 600;
}

.main_agendar_box .introduce_tit .tit strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_agendar_box .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .introduce_tit .tit strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .introduce_tit .tit strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .introduce_tit .tit strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_agendar_box .introduce_tit .txt {
  font-size: 20px;
  color: #383736;
}

.main_agendar_box .introduce_tit .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_agendar_box .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .introduce_tit .txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .introduce_tit .txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .introduce_tit .txt {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

@media (max-width: 1649.9px) {
  .main_agendar_box .introduce_tit .txt br {
    display: none;
  }
}

@media (min-width: 1650px) {
  .main_agendar_box {
    padding-top: 142px;
    padding-bottom: 145px;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 16px;
    max-width: 930px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work .tit {
    margin-bottom: 20px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box {
    padding-top: 124px;
    padding-bottom: 127px;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 14px;
    max-width: 56.3634vw;
  }
  .main_agendar_box .main_agendar_box .agendar_list_area .agendar_list .list_box.work .tit {
    margin-bottom: 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_agendar_box {
    padding-top: 110px;
    padding-bottom: 112px;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 12px;
    max-width: 56.3634vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_agendar_box {
    padding-top: 88px;
    padding-bottom: 90px;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 10px;
    max-width: 56.3634vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box {
    padding-top: 8.4635vw;
    padding-bottom: 9.7656vw;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 0;
    padding-bottom: 1.4vw;
    max-width: 56.3634vw;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box {
    padding-top: 19.6000vw;
    padding-bottom: 21.3333vw;
  }
  .main_agendar_box .introduce_tit .txt {
    margin-top: 5.6vw;
  }
  .main_agendar_box .introduce_tit .txt br {
    display: none;
  }
}

@media (min-width: 1650px) {
  .main_agendar_box .agendar_list_area {
    margin-top: 78px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .agendar_list_area {
    margin-top: 68px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area {
    margin-top: 61px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_agendar_box .agendar_list_area {
    margin-top: 48px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area {
    margin-top: 4.2421vw;
  }
  .main_agendar_box .agendar_list_area .swiper_page.swiper-pagination {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area {
    padding-bottom: 6.9333vw;
    margin-top: 13.9264vw;
  }
  .main_agendar_box .agendar_list_area .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_agendar_box .agendar_list_area .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.6510vw;
    background-color: #383736;
  }
  .main_agendar_box .agendar_list_area .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
}

.main_agendar_box .agendar_list_area .agendar_list {
  display: block;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

.main_agendar_box .agendar_list_area .agendar_list .list_box .agendar_img {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: 100% auto;
  opacity: 0;
  z-index: 5;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box .agendar_img:first-child {
  opacity: 1;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box > * {
  position: relative;
  z-index: 10;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
  font-weight: 600;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    font-size: 6.4vw;
    line-height: 7.73333vw;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box .tit span {
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg .tit {
  color: #cc572d;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #cc572d, 1px 0 0 #cc572d, 0 -1px 0 #cc572d, 0 1px 0 #cc572d, 1px 1px 0 #cc572d, -1px 1px 0 #cc572d, 1px -1px 0 #cc572d, -1px -1px 0 #cc572d;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #cc572d;
  color: #cc572d;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23cc572d%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #cc572d;
  border-color: #cc572d;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir .tit {
  color: #518758;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #518758, 1px 0 0 #518758, 0 -1px 0 #518758, 0 1px 0 #518758, 1px 1px 0 #518758, -1px 1px 0 #518758, 1px -1px 0 #518758, -1px -1px 0 #518758;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #518758;
  color: #518758;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23518758%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #518758;
  border-color: #518758;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social .tit {
  color: #3681b2;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #3681b2, 1px 0 0 #3681b2, 0 -1px 0 #3681b2, 0 1px 0 #3681b2, 1px 1px 0 #3681b2, -1px 1px 0 #3681b2, 1px -1px 0 #3681b2, -1px -1px 0 #3681b2;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #3681b2;
  color: #3681b2;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%233681b2%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #3681b2;
  border-color: #3681b2;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst .tit {
  color: #99599e;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #99599e, 1px 0 0 #99599e, 0 -1px 0 #99599e, 0 1px 0 #99599e, 1px 1px 0 #99599e, -1px 1px 0 #99599e, 1px -1px 0 #99599e, -1px -1px 0 #99599e;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #99599e;
  color: #99599e;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%2399599e%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #99599e;
  border-color: #99599e;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work .tit {
  color: #d14f61;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #d14f61, 1px 0 0 #d14f61, 0 -1px 0 #d14f61, 0 1px 0 #d14f61, 1px 1px 0 #d14f61, -1px 1px 0 #d14f61, 1px -1px 0 #d14f61, -1px -1px 0 #d14f61;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #d14f61;
  color: #d14f61;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23d14f61%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #d14f61;
  border-color: #d14f61;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover .tit {
  color: #626369;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #626369, 1px 0 0 #626369, 0 -1px 0 #626369, 0 1px 0 #626369, 1px 1px 0 #626369, -1px 1px 0 #626369, 1px -1px 0 #626369, -1px -1px 0 #626369;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #626369;
  color: #626369;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23626369%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #626369;
  border-color: #626369;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial .tit {
  color: #a3750a;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #a3750a, 1px 0 0 #a3750a, 0 -1px 0 #a3750a, 0 1px 0 #a3750a, 1px 1px 0 #a3750a, -1px 1px 0 #a3750a, 1px -1px 0 #a3750a, -1px -1px 0 #a3750a;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #a3750a;
  color: #a3750a;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23a3750a%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #a3750a;
  border-color: #a3750a;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech .tit {
  color: #5e65bd;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech .tit span {
  color: transparent;
  text-shadow: -1px 0 0 #5e65bd, 1px 0 0 #5e65bd, 0 -1px 0 #5e65bd, 0 1px 0 #5e65bd, 1px 1px 0 #5e65bd, -1px 1px 0 #5e65bd, 1px -1px 0 #5e65bd, -1px -1px 0 #5e65bd;
  color: #ffffff;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  border-color: #5e65bd;
  color: #5e65bd;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%235e65bd%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #5e65bd;
  border-color: #5e65bd;
  color: #ffffff;
  font-weight: 500;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::before, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::before {
    background-size: contain;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1650px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    height: 452px;
    padding: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 18px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    height: 27.7778vw;
    padding: 2.3611vw;
    margin-top: 1.0417vw;
    margin-bottom: 0.9028vw;
    border-radius: 1.0417vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list \  .list_box {
    height: 34.7656vw;
    padding: 2.9297vw;
    margin-top: 1.1230vw;
    margin-bottom: 1.1230vw;
    border-radius: 1.4648vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list \  .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list \  .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list \  .list_box .tit {
    margin-bottom: 0.6836vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    height: 27.8125vw;
    padding: 2.3437vw;
    margin-top: 1.1718vw;
    margin-bottom: 0.6250vw;
    border-radius: 1.1718vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box a:after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    height: 27.7344vw;
    padding: 2.4414vw;
    margin-top: 0.8789vw;
    margin-bottom: 0.8789vw;
    border-radius: 1.4648vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n) {
    margin-right: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 7px;
  }
}

@media (max-width: 1023.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    width: 27.2726vw;
    height: 39.7333vw;
    padding: 3.2552vw;
    margin-top: 0.9115vw;
    margin-bottom: 0.9115vw;
    border-radius: 1.9531vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(3n) {
    margin-right: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(3n+1) {
    margin-left: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 1.2115vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.6510vw;
    background-color: #383736;
  }
  .main_agendar_box .agendar_list_area .agendar_list .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
}

@media (min-width: 768px) and (max-width: 1279.9999px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-left: 6px;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_agendar_box .agendar_list_area .agendar_list .list_box {
    display: block;
    width: auto;
    height: auto;
    min-height: 39.7333vw;
    padding: 8vw 5.3333vw;
    margin-top: 0.9115vw;
    margin-right: 0;
    margin-left: 0;
    background-size: auto 39.7333vw;
    background-position: right center;
    border-radius: 2.0000vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(1), .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(2), .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(3), .main_agendar_box .agendar_list_area .agendar_list .list_box:nth-child(4), .main_agendar_box .agendar_list_area .agendar_list .list_box:first-child, .main_agendar_box .agendar_list_area .agendar_list .list_box:last-child {
    margin-right: 0;
    margin-left: 0;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .tit {
    margin-bottom: 3.3333vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg {
    background-image: url("/static/images/mo/main/main_agendar_01.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.envir {
    background-image: url("/static/images/mo/main/main_agendar_02.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.social {
    background-image: url("/static/images/mo/main/main_agendar_03.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.inst {
    background-image: url("/static/images/mo/main/main_agendar_04.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.work {
    background-image: url("/static/images/mo/main/main_agendar_05.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.gover {
    background-image: url("/static/images/mo/main/main_agendar_06.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial {
    background-image: url("/static/images/mo/main/main_agendar_07.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.tech {
    background-image: url("/static/images/mo/main/main_agendar_08.png");
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box .agendar_img {
    visibility: hidden;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a {
    border-width: 0.53334vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a::after {
    width: 2.6667vw;
    height: 1.8667vw;
    margin-top: -0.8vw;
    margin-left: 1.333vw;
  }
  .main_agendar_box .agendar_list_area .agendar_list .list_box.esg a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.envir a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.social a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.inst a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.work a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.gover a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.fianancial a:hover::after, .main_agendar_box .agendar_list_area .agendar_list .list_box.tech a:hover::after {
    width: 2.6667vw;
    height: 1.8667vw;
    margin-top: -0.8vw;
    margin-left: 1.333vw;
  }
}

.main_agendar .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_agendar .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_agendar .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_agendar .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_agendar .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_agendar .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_agendar .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_agendar .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_agendar .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_agendar .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_agendar .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_agendar .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_agendar .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_agendar .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_agendar .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_agendar .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_agendar .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_agendar .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend {
  position: relative;
  background-color: #f5f2eb;
}

@media (min-width: 1650px) {
  .main_recommend_box {
    padding-top: 150px;
    padding-bottom: 145px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend_box {
    padding-top: 8.4722vw;
    padding-bottom: 8.8889vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend_box {
    padding-top: 8.4635vw;
    padding-bottom: 9.7656vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend_box {
    padding-top: 21.3333vw;
    padding-bottom: 14.4vw;
  }
}

.main_recommend_box > * {
  z-index: 10;
  position: relative;
}

.main_recommend_box .bg1 {
  z-index: 5;
  overflow: hidden;
  position: absolute;
  content: '';
  left: 50%;
}

.main_recommend_box .bg1::before {
  display: block;
  background-color: #eee9dd;
  border-radius: 500px;
  content: '';
}

.main_recommend_box .bg2 {
  z-index: 5;
  overflow: hidden;
  position: absolute;
  content: '';
  background-color: #eee9de;
  border-radius: 1000px;
}

.main_recommend_box .bg2::before {
  display: block;
  background-color: #f5f2eb;
  border-radius: 1000px;
  content: '';
}

@media (min-width: 1650px) {
  .main_recommend_box .bg1 {
    z-index: 1;
    width: 400px;
    height: 400px;
    top: 305px;
    margin-left: 560px;
  }
  .main_recommend_box .bg1::before {
    width: 800px;
    height: 800px;
    margin-top: -400px;
  }
  .main_recommend_box .bg2 {
    z-index: 1;
    top: 100%;
    right: 50%;
    margin-top: -926px;
    margin-right: 335px;
  }
  .main_recommend_box .bg2::before {
    width: 1145px;
    height: 1145px;
    margin: 260px;
  }
}

@media (min-width: 1280px) and (max-width: 1649.9px) {
  .main_recommend_box .bg1 {
    z-index: 1;
    width: 250px;
    height: 250px;
    top: 235px;
    margin-left: 515px;
  }
  .main_recommend_box .bg1::before {
    width: 500px;
    height: 500px;
    margin-top: -250px;
  }
  .main_recommend_box .bg2 {
    z-index: 1;
    top: 100%;
    right: 50%;
    margin-top: -700px;
    margin-right: 285px;
  }
  .main_recommend_box .bg2::before {
    width: 1226px;
    height: 1226px;
    margin: 245px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend_box .bg1 {
    z-index: 1;
    width: 250px;
    height: 250px;
    top: 195px;
    margin-left: 455px;
  }
  .main_recommend_box .bg1::before {
    width: 500px;
    height: 500px;
    margin-top: -250px;
  }
  .main_recommend_box .bg2 {
    z-index: 1;
    top: 100%;
    right: 50%;
    margin-top: -550px;
    margin-right: 235px;
  }
  .main_recommend_box .bg2::before {
    width: 700px;
    height: 700px;
    margin: 170px;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend_box .bg1 {
    width: 24.0885vw;
    height: 24.0885vw;
    top: 14.4531vw;
    margin-left: 35.1563vw;
  }
  .main_recommend_box .bg1::before {
    width: 48.177vw;
    height: 48.177vw;
    margin-top: -24.0885vw;
  }
  .main_recommend_box .bg2 {
    top: 100%;
    right: 50%;
    margin-top: -800px;
    margin-right: 200px;
  }
  .main_recommend_box .bg2::before {
    width: 393px;
    height: 393px;
    margin: 130px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend_box .bg1 {
    display: none;
  }
  .main_recommend_box .bg2 {
    top: 100%;
    right: 50%;
    margin-top: -218.333vw;
    margin-right: -5.3333vw;
  }
  .main_recommend_box .bg2::before {
    width: 191.82933vw;
    height: 191.82933vw;
    margin: 38.37333vw;
  }
}

.main_recommend .introduce_tit .tit {
  position: relative;
  display: inline-block;
  font-weight: 600;
  color: #242322;
}

.main_recommend .introduce_tit .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .introduce_tit .tit {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .tit {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .tit {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .tit {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_recommend .introduce_tit .tit strong {
  color: transparent;
  text-shadow: -1px 0 0 #242322, 1px 0 0 #242322, 0 -1px 0 #242322, 0 1px 0 #242322, 1px 1px 0 #242322, -1px 1px 0 #242322, 1px -1px 0 #242322, -1px -1px 0 #242322;
  color: #ede9e1;
}

.main_recommend .introduce_tit .tit strong span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .introduce_tit .tit strong {
    font-size: 72px;
    line-height: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .tit strong {
    font-size: 60px;
    line-height: 84px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .tit strong {
    font-size: 54px;
    line-height: 76px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .tit strong {
    font-size: 10.66667vw;
    line-height: 13.86667vw;
  }
}

.main_recommend .introduce_tit .txt {
  font-size: 20px;
  color: #383736;
}

.main_recommend .introduce_tit .txt span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .introduce_tit .txt {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .txt {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .txt {
    font-size: 4.53333vw;
    line-height: 7.2vw;
  }
}

.main_recommend .introduce_tit .btn_more {
  text-align: right;
}

.main_recommend .introduce_tit .btn_more a {
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
  color: #242322;
  font-weight: 500;
}

.main_recommend .introduce_tit .btn_more a::before, .main_recommend .introduce_tit .btn_more a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend .introduce_tit .btn_more a::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_recommend .introduce_tit .btn_more a::after {
  vertical-align: top;
  background-color: #242322;
}

@media (min-width: 1440px) {
  .main_recommend .introduce_tit .btn_more a::before, .main_recommend .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .btn_more a::before, .main_recommend .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .btn_more a::before, .main_recommend .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0px #242322;
            box-shadow: 0 0 0 0px #242322;
  }
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 2px #242322;
            box-shadow: 0 0 0 2px #242322;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .btn_more a::before, .main_recommend .introduce_tit .btn_more a::after {
    -webkit-box-shadow: 0 0 0 0vw #242322;
            box-shadow: 0 0 0 0vw #242322;
  }
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #242322;
            box-shadow: 0 0 0 0.5334vw #242322;
  }
}

@media (min-width: 1440px) {
  .main_recommend .introduce_tit .btn_more a {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_recommend .introduce_tit .btn_more a::after, .main_recommend .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .btn_more a {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_recommend .introduce_tit .btn_more a::after, .main_recommend .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .btn_more a {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_recommend .introduce_tit .btn_more a::after, .main_recommend .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .btn_more a {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_recommend .introduce_tit .btn_more a::after, .main_recommend .introduce_tit .btn_more a::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

.main_recommend .introduce_tit .btn_more a::after {
  background-size: 18px auto;
}

.main_recommend .introduce_tit .btn_more a:hover {
  font-weight: 500;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: hidden;
}

.main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend .introduce_tit .btn_more a:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_recommend .introduce_tit .btn_more a:hover::after {
  vertical-align: top;
  background-color: #e64c2e;
}

@media (min-width: 1440px) {
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_recommend .introduce_tit .btn_more a:hover:hover::before, .main_recommend .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_recommend .introduce_tit .btn_more a:hover:hover::before, .main_recommend .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0px #e64c2e;
            box-shadow: 0 0 0 0px #e64c2e;
  }
  .main_recommend .introduce_tit .btn_more a:hover:hover::before, .main_recommend .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 2px #e64c2e;
            box-shadow: 0 0 0 2px #e64c2e;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .btn_more a:hover::before, .main_recommend .introduce_tit .btn_more a:hover::after {
    -webkit-box-shadow: 0 0 0 0vw #e64c2e;
            box-shadow: 0 0 0 0vw #e64c2e;
  }
  .main_recommend .introduce_tit .btn_more a:hover:hover::before, .main_recommend .introduce_tit .btn_more a:hover:hover::after {
    -webkit-box-shadow: 0 0 0 0.5334vw #e64c2e;
            box-shadow: 0 0 0 0.5334vw #e64c2e;
  }
}

@media (min-width: 1440px) {
  .main_recommend .introduce_tit .btn_more a:hover {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after, .main_recommend .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after {
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-radius: 50px;
    background-size: 16px auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .btn_more a:hover {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after, .main_recommend .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after {
    width: 44px;
    height: 44px;
    margin-left: 7px;
    border-radius: 44px;
    background-size: 16px auto;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .introduce_tit .btn_more a:hover {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after, .main_recommend .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after {
    width: 40px;
    height: 40px;
    margin-left: 6px;
    border-radius: 40px;
    background-size: 14px auto;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .btn_more a:hover {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after, .main_recommend .introduce_tit .btn_more a:hover::before {
    background-size: contain;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after {
    width: 11.2vw;
    height: 11.2vw;
    margin-left: 1.86667vw;
    border-radius: 11.2vw;
    background-size: 4vw 4vw;
  }
}

.main_recommend .introduce_tit .btn_more a:hover::after {
  background-size: 18px auto;
}

@media (min-width: 1650px) {
  .main_recommend .introduce_tit .txt {
    margin-top: 16px;
    max-width: 930px;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 23px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .introduce_tit .txt {
    margin-top: 2.1528vw;
    max-width: 56.3634vw;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 26px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .introduce_tit .txt {
    margin-top: 13px;
    max-width: 56.3634vw;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .introduce_tit .txt {
    margin-top: 2.1528vw;
    max-width: 56.3634vw;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 19px;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend .introduce_tit .txt {
    max-width: 56.3634vw;
    margin-top: 1.3021vw;
    letter-spacing: -0.4px;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 12px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .introduce_tit .txt {
    max-width: 100%;
    margin-top: 5.7333vw;
  }
  .main_recommend .introduce_tit .txt br {
    display: none;
  }
  .main_recommend .introduce_tit .btn_more {
    margin-top: 6.3vw;
  }
  .main_recommend .introduce_tit .btn_more a::after {
    background-size: 3.8666vw 2.6667vw;
  }
  .main_recommend .introduce_tit .btn_more a:hover::after {
    background-size: 3.8666vw 2.6667vw;
  }
}

.main_recommend .recommend_list_area {
  z-index: 10;
}

.main_recommend .recommend_list_area .recommend_list_box {
  display: block;
}

.main_recommend .recommend_list_area .recommend_list_box a.more_btn {
  display: none;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box {
  display: inline-block;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 39px;
    padding-left: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 43.65px;
    padding-right: 43.65px;
    padding-bottom: 34.047px;
    padding-left: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 38.8px;
    padding-right: 38.8px;
    padding-bottom: 30.264px;
    padding-left: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 31.05px;
    padding-right: 31.05px;
    padding-bottom: 24.219px;
    padding-left: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 23.25px;
    padding-right: 23.25px;
    padding-bottom: 18.135px;
    padding-left: 23.25px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    margin-top: 17.46px;
    margin-bottom: 13.095px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    margin-top: 15.52px;
    margin-bottom: 11.64px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    margin-top: 12.42px;
    margin-bottom: 9.315px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    margin-top: 9.3px;
    margin-bottom: 6.975px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    border-radius: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    border-radius: 13.5px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    border-radius: 12.495px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
  display: block;
  color: #383635;
  font-weight: 600;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 10px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 8.73px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 7.76px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 6.21px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 4.65px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
    height: 13.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit span.ell_in {
    font-size: 5.33333vw;
    line-height: 6.93333vw;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit:hover {
  text-decoration: underline;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
  display: inline-block;
  color: #3681b2;
  font-style: italic;
  line-height: 1;
  content: 'Blind';
  margin-left: 10px;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
    font-size: 12.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
    font-size: 11.662px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
    font-size: 11.7760px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit.blind::after {
    font-size: 2.6667vw;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
  position: absolute;
  top: 0;
  right: 0;
  color: #242322;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 23.25px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    right: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    right: 43.65px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    right: 38.8px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    right: 31.05px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    right: 23.25px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    line-height: 26px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    line-height: 23.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    line-height: 21.658px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    font-size: 3.46667vw;
    line-height: 5.33333vw;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open strong {
  color: #e64c2e;
  font-weight: 400;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 20px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 17.46px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 15.52px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 12.42px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 9.3px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23615f5f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size: contain;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    height: 19.992px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    margin-top: 0px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    margin-top: 0.448px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    width: 1.6667vw;
    height: 1.6667vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    margin-top: 0.5px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time::before {
    margin-top: 0.4096vw;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    height: 24px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    height: 21.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    height: 19.992px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 7px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 6.111px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 5.432px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 4.347px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 3.255px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
  background-image: ico_video("615f5f");
  background-position: center;
  background-size: contain;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -2px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -1.746px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -1.552px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -1.242px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -0.93px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: -1px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    width: 1.8vw;
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: 0px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.video::before {
    margin-top: 0.67888vw;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .info_type.audio::before {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2040%22%3e%3cg%3e%3cg%3e%3cpath%20d%3d%22M15%2c25a8%2e33%2c8%2e33%2c0%2c0%2c0%2c8%2e33%2d8%2e33V8%2e33a8%2e33%2c8%2e33%2c0%2c1%2c0%2d16%2e66%2c0v8%2e34A8%2e33%2c8%2e33%2c0%2c0%2c0%2c15%2c25ZM10%2c8%2e33a5%2c5%2c0%2c1%2c1%2c10%2c0v8%2e34a5%2c5%2c0%2c0%2c1%2d10%2c0Z%22%20fill%3d%22%23615f5f%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M30%2c16%2e67a1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c11%2e67%2c11%2e67%2c0%2c0%2c1%2d23%2e34%2c0%2c1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c15%2c15%2c0%2c0%2c0%2c13%2e35%2c14%2e9s0%2c%2e06%2c0%2c%2e1v6%2e66a1%2e67%2c1%2e67%2c0%2c0%2c0%2c3%2e34%2c0V31%2e67s0%2d%2e07%2c0%2d%2e1A15%2c15%2c0%2c0%2c0%2c30%2c16%2e67Z%22%20fill%3d%22%23615f5f%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
  background-position: center;
  background-size: contain;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 26px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 22.698px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 20.176px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 16.146px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 12.09px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 5px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 4.365px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 3.88px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 3.105px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 2.325px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram {
  white-space: nowrap;
  font-weight: 500;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #383736;
  border-color: #383736;
  color: #ffffff;
  font-weight: 500;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.default:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  font-weight: 500;
  border-color: #383736;
  color: #383736;
  /* &:active {
                                    @include setButton('light', 'red', 'small', 'bg', '', '');
                                }
                                @media (hover: none) and (pointer: coarse) {
                                    &:hover {
                                        @include setButton('light', 'black', 'small', 'line', '', '');
                                        border-color: $def_gray3;
                                        color: $def_gray3;
                                    }
                                    &:focus {
                                        color: red;
                                    }
                                    &:active {
                                        color: blue;
                                    }
                                } */
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.active:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
  font-weight: 500;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.live:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #242322;
  border-color: #242322;
  color: #ffffff;
  font-weight: 500;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::before, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #9c9fa0;
  cursor: no-drop;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after, .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span {
  display: inline-block;
  content: '';
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3e%3Cpath%20d%3D%22M753%2C1426h%2D8a3%2C3%2C0%2C0%2C1%2D3%2D3v%2D3a3%2C3%2C0%2C0%2C1%2C3%2D3v%2D3a2%2C2%2C0%2C0%2C1%2C2%2D2h4a2%2C2%2C0%2C0%2C1%2C2%2C2v3a3%2C3%2C0%2C0%2C1%2C3%2C3v3A3%2C3%2C0%2C0%2C1%2C753%2C1426Zm%2D2%2D12h%2D4v3h4v%2D3Zm3%2C6a1%2C1%2C0%2C0%2C0%2D1%2D1h%2D8a1%2C1%2C0%2C0%2C0%2D1%2C1v3a1%2C1%2C0%2C0%2C0%2C1%2C1h8a1%2C1%2C0%2C0%2C0%2C1%2D1v%2D3Z%22%20transform%3D%22translate%28%2D742%20%2D1412%29%22%20fill%3D%22%239e9e9e%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    width: 14px;
    height: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    width: 12.6px;
    height: 12.6px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_alram.private span.ico {
    width: 11.662px;
    height: 11.662px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
  position: relative;
  float: right;
  text-align: right;
  white-space: nowrap;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 6px;
    padding-right: 14px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 5.238px;
    padding-right: 12.222px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 4.656px;
    padding-right: 10.864px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 3.726px;
    padding-right: 8.694px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 2.79px;
    padding-right: 6.51px;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 0px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 0px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    margin-top: 0px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
  display: inline-block;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%224%22%20viewBox%3D%220%200%2018%204%22%3E%3Cpath%20d%3D%22M1802%2C678a2%2C2%2C0%2C1%2C1%2C2%2D2A2%2C2%2C0%2C0%2C1%2C1802%2C678Zm%2D7%2C0a2%2C2%2C0%2C1%2C1%2C2%2D2A2%2C2%2C0%2C0%2C1%2C1795%2C678Zm%2D7%2C0a2%2C2%2C0%2C1%2C1%2C2%2D2A2%2C2%2C0%2C0%2C1%2C1788%2C678Z%22%20transform%3D%22translate%28%2D1786%20%2D674%29%22%20fill%3D%22%239e9e9e%22%20fill%2Drule%3D%22evenodd%22%20%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 18px;
    height: 66px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 16.2px;
    height: 59.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 14.994px;
    height: 54.978px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    margin-right: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    margin-right: 25.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    margin-right: 23.324px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
  background-color: #000;
  border-style: solid;
  border-color: #ffffff;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 66px;
    height: 66px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 59.4px;
    height: 59.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 54.978px;
    height: 54.978px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    margin-left: -16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    margin-left: -14.4px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    margin-left: -13.328px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-width: 3px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-width: 2.7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-width: 2.499px;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-radius: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-radius: 25.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    border-radius: 23.324px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
  position: absolute;
  top: 0;
  min-width: 30px;
  height: 30px;
  line-height: 22px;
  margin-left: 0;
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    right: -2px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    right: -1.8px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    right: -1.666px;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    font-size: 16px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    font-size: 16px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    font-size: 12px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    font-size: 3.46667vw;
  }
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: 267px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: calc(132.73px + 8.7501vw);
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: calc(116.56px + 8.4114vw);
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: calc(127.56px + 8.4114vw);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: calc(154.986px + 5.84vw);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .inner {
    height: 55.86673vw;
  }
}

.main_recommend .recommend_list_area .recommend_list_box .list_box.main_box .inner {
  height: auto;
}

@media (min-width: 1024px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(3n) {
    margin-right: 0;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .info_time {
    height: 1.6667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 6px;
    padding-right: 12px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 15px;
    height: 44px;
    margin-right: 22px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 48px;
    height: 48px;
    margin-left: -18px;
    border-width: 2px;
    border-radius: 19px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    width: 24px;
    height: 24px;
    min-width: 1px;
    right: 0;
    border-width: 2px;
    line-height: 19px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    padding-top: 30px;
    padding-bottom: 26px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .btn_alram {
    margin-top: 5px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    margin-right: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    width: 41.818vw;
    padding: 24px 28px 17px 26px;
    margin-top: 0.9115vw;
    margin-bottom: 0.9115vw;
    border-radius: 2.3438vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(2n) {
    margin-right: 0;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(2n+1) {
    margin-left: 0;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 0.6510vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 3.3052vw;
    right: 3.4531vw;
    line-height: 2.6042vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 0.6510vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 0.6510vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 2.3438vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left {
    margin-top: 0.1021vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 0.3906vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 0.7813vw;
    padding-right: 1.5625vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 12px;
    height: 46px;
    margin-right: 25px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 48px;
    height: 48px;
    margin-left: -2.3438vw;
    border-width: 2px;
    border-radius: 19px;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    width: 22px;
    height: 22px;
    min-width: 16px;
    right: 0;
    border-width: 2px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box {
    margin: 0 5.3333vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
    border-style: solid;
    border-color: #black;
    color: #black;
    display: block;
    color: #242322;
    font-weight: 500;
    text-align: center;
    margin-top: 8vw;
    border-color: #e4e1dc;
    border-width: 0.5334vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::before, .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    vertical-align: middle;
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2035%2e76l%2d6%2e525%2c6%2e97a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0l%2d6%2e524%2d6%2e97a1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46%2c0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l5%2e834%2c6%2e22%2c5%2e833%2d6%2e22a0%2e93%2c0%2e93%2c0%2c0%2c1%2c1%2e382%2c0A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2035%2e76Z%22%20transform%3D%22translate%28%2d268%20%2d2034%29%22%20fill%3D%22%23black%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn::after {
    width: 2.9333vw;
    height: 2.9333vw;
    margin-top: -0.5vw;
    margin-left: 1.8667vw;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%22132%2E562%22%20height%3D%22225%2E313%22%20viewBox%3D%220%200%20132%2E562%20225%2E313%22%3E%3Cpath%20d%3D%22M640%2E65%2C246%2E932l%2D73%2E828%2C78%2E75a19%2E921%2C19%2E921%2C0%2C1%2C0%2C28%2E165%2C28%2E181L687%2E72%2C261%2E1a19%2E906%2C19%2E906%2C0%2C0%2C0%2C0%2D28%2E161l%2D92%2E733%2D92%2E712a19%2E9%2C19%2E9%2C0%2C0%2C0%2D28%2E165%2C28%2E134l73%2E828%2C78%2E567%22%20transform%3D%22translate%28%2D561%20%2D134%2E375%29%22%20fill%2Drule%3D%22evenodd%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fsvg%3E);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
    border-style: solid;
    background-color: transparent;
    border-color: #242322;
    color: #242322;
    display: block;
    color: #242322;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::before, .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
    transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    vertical-align: middle;
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2035%2e76l%2d6%2e525%2c6%2e97a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0l%2d6%2e524%2d6%2e97a1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46%2c0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l5%2e834%2c6%2e22%2c5%2e833%2d6%2e22a0%2e93%2c0%2e93%2c0%2c0%2c1%2c1%2e382%2c0A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2035%2e76Z%22%20transform%3D%22translate%28%2d268%20%2d2034%29%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after, .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .recommend_list_box a.more_btn:hover::after {
    width: 2.9333vw;
    height: 2.9333vw;
    margin-top: -0.5vw;
    margin-left: 1.8667vw;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%22132%2E562%22%20height%3D%22225%2E313%22%20viewBox%3D%220%200%20132%2E562%20225%2E313%22%3E%3Cpath%20d%3D%22M640%2E65%2C246%2E932l%2D73%2E828%2C78%2E75a19%2E921%2C19%2E921%2C0%2C1%2C0%2C28%2E165%2C28%2E181L687%2E72%2C261%2E1a19%2E906%2C19%2E906%2C0%2C0%2C0%2C0%2D28%2E161l%2D92%2E733%2D92%2E712a19%2E9%2C19%2E9%2C0%2C0%2C0%2D28%2E165%2C28%2E134l73%2E828%2C78%2E567%22%20transform%3D%22translate%28%2D561%20%2D134%2E375%29%22%20fill%2Drule%3D%22evenodd%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fsvg%3E);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box {
    width: 100%;
    padding: 6.6667vw 5.0667vw 4.4vw 6.6667vw;
    margin-bottom: 0.8000vw;
    border-radius: 2.0000vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(2), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(3), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(5), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(6), .main_recommend .recommend_list_area .recommend_list_box .list_box:first-child, .main_recommend .recommend_list_area .recommend_list_box .list_box:last-child {
    margin-right: 1.2vw;
    margin-left: 1.2vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(5), .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(6) {
    display: none;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box:first-child {
    margin-top: 0.9115vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    margin-top: 2.2667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .tit_box .count_open {
    top: 8vw;
    right: 8vw;
    line-height: 5.3333vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_time {
    margin-top: 4.4vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .info_type {
    margin-top: 1.6vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 1.3334vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left {
    margin-top: 0;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .left span {
    margin-right: 0.3906vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member {
    padding-top: 1.8667vw;
    padding-right: 3.8667vw;
    margin-top: 0;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .more_icon {
    width: 3.6000vw;
    height: 13.3333vw;
    margin-right: 7.0667vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .photo {
    width: 14.4001vw;
    height: 14.4001vw;
    margin-left: -4.4000vw;
    border-width: 0.5334vw;
    border-radius: 5.6787vw;
  }
  .main_recommend .recommend_list_area .recommend_list_box .list_box .box_utill .member .num {
    width: 6.4002vw;
    height: 6.4002vw;
    min-width: 1.5334px;
    right: 0;
    border-width: 0.5334vw;
    line-height: 5.3334vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(1),
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(2),
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(3),
  .main_recommend .recommend_list_area .recommend_list_box .list_box:nth-child(4) {
    display: inline-block;
  }
}

.main_recommend .recommend_list_area .recommend_list_box.open .list_box {
  display: inline-block;
}

.main_recommend .recommend_list_area .btn_moreview {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  display: block;
  border-color: #e4e1dc;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 1650px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 25px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 21.825px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 19.4px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 15.525px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 11.625px;
  }
}

.main_recommend .recommend_list_area .btn_moreview::before, .main_recommend .recommend_list_area .btn_moreview::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend .recommend_list_area .btn_moreview::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2035%2e76l%2d6%2e525%2c6%2e97a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0l%2d6%2e524%2d6%2e97a1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46%2c0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l5%2e834%2c6%2e22%2c5%2e833%2d6%2e22a0%2e93%2c0%2e93%2c0%2c0%2c1%2c1%2e382%2c0A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2035%2e76Z%22%20transform%3D%22translate%28%2d268%20%2d2034%29%22%20fill%3D%22%23242322%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .btn_moreview {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_recommend .recommend_list_area .btn_moreview::after, .main_recommend .recommend_list_area .btn_moreview::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_recommend .recommend_list_area .btn_moreview::after, .main_recommend .recommend_list_area .btn_moreview::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_recommend .recommend_list_area .btn_moreview::after, .main_recommend .recommend_list_area .btn_moreview::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_recommend .recommend_list_area .btn_moreview::after, .main_recommend .recommend_list_area .btn_moreview::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 13px;
    height: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 11.7px;
    height: 7.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 10.829px;
    height: 6.664px;
  }
}

.main_recommend .recommend_list_area .btn_moreview:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
  display: block;
}

.main_recommend .recommend_list_area .btn_moreview:hover::before, .main_recommend .recommend_list_area .btn_moreview:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend .recommend_list_area .btn_moreview:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2ew3%2eorg%2F1999%2Fxlink%22%20version%3D%221%2e1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cg%3E%3Cpath%20d%3D%22M282%2e715%2c2035%2e76l%2d6%2e525%2c6%2e97a0%2e929%2c0%2e929%2c0%2c0%2c1%2d1%2e381%2c0l%2d6%2e524%2d6%2e97a1%2e075%2c1%2e075%2c0%2c0%2c1%2c0%2d1%2e46%2c0%2e929%2c0%2e929%2c0%2c0%2c1%2c1%2e381%2c0l5%2e834%2c6%2e22%2c5%2e833%2d6%2e22a0%2e93%2c0%2e93%2c0%2c0%2c1%2c1%2e382%2c0A1%2e075%2c1%2e075%2c0%2c0%2c1%2c282%2e715%2c2035%2e76Z%22%20transform%3D%22translate%28%2d268%20%2d2034%29%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .btn_moreview:hover {
    height: 60px;
    border-width: 2px;
    font-size: 18px;
    line-height: 56px;
    border-radius: 60px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after, .main_recommend .recommend_list_area .btn_moreview:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .btn_moreview:hover {
    height: 54px;
    border-width: 2px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 54px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after, .main_recommend .recommend_list_area .btn_moreview:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 9px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview:hover {
    height: 50px;
    border-width: 2px;
    font-size: 14px;
    line-height: 46px;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after, .main_recommend .recommend_list_area .btn_moreview:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: 4px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .btn_moreview:hover {
    height: 13.33333vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 12.26653vw;
    border-radius: 13.33333vw;
    padding-left: 8.53333vw;
    padding-right: 8.53333vw;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after, .main_recommend .recommend_list_area .btn_moreview:hover::before {
    background-size: contain;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -1.2vw;
    margin-left: 2.4vw;
  }
}

@media (min-width: 1440px) {
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 13px;
    height: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 11.7px;
    height: 7.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 10.829px;
    height: 6.664px;
  }
}

.main_recommend .recommend_list_area .btn_moreview.open::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 35.8400px;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 12.2880px;
    height: 7.1680px;
    margin-top: -6.1440px;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 12.2880px;
    height: 7.1680px;
    margin-top: -6.1440px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area .btn_moreview {
    margin-top: 8vw;
  }
  .main_recommend .recommend_list_area .btn_moreview::after {
    width: 3.2000vw;
    height: 1.8667vw;
    margin-top: -0.6vw;
  }
  .main_recommend .recommend_list_area .btn_moreview:hover::after {
    width: 3.2000vw;
    height: 1.8667vw;
    margin-top: -0.6vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend .recommend_list_area {
    margin-top: 0.1vw;
  }
}

@media (min-width: 768px) {
  .main_recommend .recommend_list_area .swiper_page.swiper-pagination {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .main_recommend .recommend_list_area {
    padding-bottom: 5.06333vw;
    margin-top: 4.4215vw;
    margin-left: -5.3333vw;
    margin-right: -5.3333vw;
  }
  .main_recommend .recommend_list_area .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_recommend .recommend_list_area .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.6510vw;
    background-color: #383736;
  }
  .main_recommend .recommend_list_area .swiper_page.swiper-pagination span.swiper_page.swiper-pagination-bullet-active {
    background-color: #bcb9b4;
  }
}

.main_recommend .delay0 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  transition: transform 1s ease 0s, opacity 1s ease 0s, -webkit-transform 1s ease 0s;
}

@media (min-width: 1650px) {
  .main_recommend .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay0 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay0 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay0 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay0 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay0.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay1 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s;
  transition: transform 1s ease 0.35s, opacity 1s ease 0.35s, -webkit-transform 1s ease 0.35s;
}

@media (min-width: 1650px) {
  .main_recommend .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay1 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay1 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay1 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay1.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay2 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s;
  transition: transform 1s ease 0.7s, opacity 1s ease 0.7s, -webkit-transform 1s ease 0.7s;
}

@media (min-width: 1650px) {
  .main_recommend .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay2 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay2 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay2 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay2 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay2.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s;
  transition: transform 1s ease 1.05s, opacity 1s ease 1.05s, -webkit-transform 1s ease 1.05s;
}

@media (min-width: 1650px) {
  .main_recommend .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay3 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay3 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay3 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay3 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay3.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay4 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;
  transition: transform 1s ease 1.4s, opacity 1s ease 1.4s, -webkit-transform 1s ease 1.4s;
}

@media (min-width: 1650px) {
  .main_recommend .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay4 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay4 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay4 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay4 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay4.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay5 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s;
  transition: transform 1s ease 1.75s, opacity 1s ease 1.75s, -webkit-transform 1s ease 1.75s;
}

@media (min-width: 1650px) {
  .main_recommend .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay5 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay5 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay5 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay5 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay5.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay6 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s;
  transition: transform 1s ease 2.1s, opacity 1s ease 2.1s, -webkit-transform 1s ease 2.1s;
}

@media (min-width: 1650px) {
  .main_recommend .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay6 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay6 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay6 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay6 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay6.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay7 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s;
  transition: transform 1s ease 2.45s, opacity 1s ease 2.45s, -webkit-transform 1s ease 2.45s;
}

@media (min-width: 1650px) {
  .main_recommend .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay7 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay7 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay7 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay7 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay7.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay8 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s;
  transition: transform 1s ease 2.8s, opacity 1s ease 2.8s, -webkit-transform 1s ease 2.8s;
}

@media (min-width: 1650px) {
  .main_recommend .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay8 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay8 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay8 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay8 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay8.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay9 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s;
  transition: transform 1s ease 3.15s, opacity 1s ease 3.15s, -webkit-transform 1s ease 3.15s;
}

@media (min-width: 1650px) {
  .main_recommend .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay9 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay9 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay9 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay9 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay9.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend .delay10 {
  opacity: 0;
  -webkit-transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s;
  transition: transform 1s ease 3.5s, opacity 1s ease 3.5s, -webkit-transform 1s ease 3.5s;
}

@media (min-width: 1650px) {
  .main_recommend .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend .delay10 {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend .delay10 {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend .delay10 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media (max-width: 767.9px) {
  .main_recommend .delay10 {
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}

.main_recommend .delay10.start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main_recommend.session .introduce_tit .tit strong {
  display: inline-block;
  vertical-align: middle;
  color: #f5f2eb;
}

.main_recommend.session .introduce_tit .txt {
  color: #383635;
}

.main_recommend.session .introduce_tit .tag_area {
  padding-top: 77px;
}

.main_recommend.session .introduce_tit .tag_area a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  -webkit-transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border 0.5s ease 0s;
  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border 0.5s ease 0s;
  display: inline-block;
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
  font-weight: 600;
}

.main_recommend.session .introduce_tit .tag_area a::before, .main_recommend.session .introduce_tit .tag_area a::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

@media (min-width: 1440px) {
  .main_recommend.session .introduce_tit .tag_area a {
    height: 50px;
    border-width: 2px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 46px;
    line-height: 46px;
    padding-left: 34px;
    padding-right: 34px;
  }
  .main_recommend.session .introduce_tit .tag_area a::after, .main_recommend.session .introduce_tit .tag_area a::before {
    background-size: contain;
  }
  .main_recommend.session .introduce_tit .tag_area a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 8px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .introduce_tit .tag_area a {
    height: 44px;
    line-height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .main_recommend.session .introduce_tit .tag_area a::after, .main_recommend.session .introduce_tit .tag_area a::before {
    background-size: contain;
  }
  .main_recommend.session .introduce_tit .tag_area a::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .introduce_tit .tag_area a {
    border-width: 2px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend.session .introduce_tit .tag_area a::after, .main_recommend.session .introduce_tit .tag_area a::before {
    background-size: contain;
  }
  .main_recommend.session .introduce_tit .tag_area a::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 6px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .introduce_tit .tag_area a {
    height: 11.2vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 10.1332vw;
    border-radius: 11.2vw;
    padding-left: 7.46667vw;
    padding-right: 7.46667vw;
  }
  .main_recommend.session .introduce_tit .tag_area a::after, .main_recommend.session .introduce_tit .tag_area a::before {
    background-size: contain;
  }
  .main_recommend.session .introduce_tit .tag_area a::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.93333vw;
    margin-left: 1.86667vw;
  }
}

.main_recommend.session .introduce_tit .tag_area a.orange {
  color: #cc572d;
}

.main_recommend.session .introduce_tit .tag_area a.orange.on, .main_recommend.session .introduce_tit .tag_area a.orange:hover {
  border-color: #F46E5A;
  background-color: #F46E5A;
}

.main_recommend.session .introduce_tit .tag_area a.green {
  color: #518758;
}

.main_recommend.session .introduce_tit .tag_area a.green.on, .main_recommend.session .introduce_tit .tag_area a.green:hover {
  border-color: #41C48C;
  background-color: #41C48C;
}

.main_recommend.session .introduce_tit .tag_area a.blue {
  color: #3681b2;
}

.main_recommend.session .introduce_tit .tag_area a.blue.on, .main_recommend.session .introduce_tit .tag_area a.blue:hover {
  border-color: #6A79F8;
  background-color: #6A79F8;
}

.main_recommend.session .introduce_tit .tag_area a.purple {
  color: #99599e;
}

.main_recommend.session .introduce_tit .tag_area a.purple.on, .main_recommend.session .introduce_tit .tag_area a.purple:hover {
  border-color: #BE6DF7;
  background-color: #BE6DF7;
}

.main_recommend.session .introduce_tit .tag_area a.pink {
  color: #d14f61;
}

.main_recommend.session .introduce_tit .tag_area a.pink.on, .main_recommend.session .introduce_tit .tag_area a.pink:hover {
  border-color: #ED74D7;
  background-color: #ED74D7;
}

.main_recommend.session .introduce_tit .tag_area a.gray {
  color: #626369;
}

.main_recommend.session .introduce_tit .tag_area a.gray.on, .main_recommend.session .introduce_tit .tag_area a.gray:hover {
  border-color: #737480;
  background-color: #737480;
}

.main_recommend.session .introduce_tit .tag_area a.yellow {
  color: #a3750a;
}

.main_recommend.session .introduce_tit .tag_area a.yellow.on, .main_recommend.session .introduce_tit .tag_area a.yellow:hover {
  border-color: #d19b1b;
  background-color: #d19b1b;
}

.main_recommend.session .introduce_tit .tag_area a.skyblue {
  color: #5e65bd;
}

.main_recommend.session .introduce_tit .tag_area a.skyblue.on, .main_recommend.session .introduce_tit .tag_area a.skyblue:hover {
  border-color: #7983d9;
  background-color: #7983d9;
}

.main_recommend.session .introduce_tit .tag_area a.open {
  color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.open.on, .main_recommend.session .introduce_tit .tag_area a.open:hover {
  border-color: #888888;
  background-color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.close {
  color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.close.on, .main_recommend.session .introduce_tit .tag_area a.close:hover {
  border-color: #888888;
  background-color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.recap {
  color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.recap.on, .main_recommend.session .introduce_tit .tag_area a.recap:hover {
  border-color: #888888;
  background-color: #888888;
}

.main_recommend.session .introduce_tit .tag_area a.on, .main_recommend.session .introduce_tit .tag_area a:hover {
  color: #ffffff;
}

@media (min-width: 1650px) {
  .main_recommend.session .introduce_tit .tag_area a {
    margin-top: 15px;
    margin-right: 5px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend.session .introduce_tit .tag_area a {
    margin-top: 15px;
    margin-right: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .introduce_tit .tag_area a {
    margin-top: 0.91vw;
    margin-right: 5px;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend.session .introduce_tit .tag_area {
    width: auto;
    margin-bottom: 0.91vw;
  }
  .main_recommend.session .introduce_tit .tag_area a {
    margin-top: 0.91vw;
    margin-right: 5px;
  }
  .main_recommend.session .introduce_tit .tag_area br {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .introduce_tit .tag_area {
    margin-top: 10.6667vw;
    margin-bottom: 1.2vw;
    padding: 0;
  }
  .main_recommend.session .introduce_tit .tag_area a {
    height: 8vw;
    margin-top: 1.3333vw;
    margin-bottom: 1.3333vw;
    margin-right: 0.6667vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3.0037vw;
    line-height: 6.8vw;
  }
  .main_recommend.session .introduce_tit .tag_area br {
    display: none;
  }
}

@media (min-width: 1650px) {
  .main_recommend.session .introduce_tit .txt {
    margin-top: 16px;
    line-height: 30px;
  }
  .main_recommend.session .introduce_tit .btn_more {
    margin-top: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.session .introduce_tit .txt {
    margin-top: 2.1528vw;
  }
  .main_recommend.session .introduce_tit .btn_more {
    margin-top: 0.9722vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend.session .introduce_tit .txt {
    margin-top: 0.9375vw;
  }
  .main_recommend.session .introduce_tit .btn_more {
    margin-top: 0.7031vw;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.session .introduce_tit .btn_more {
    margin-bottom: 1vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend.session .introduce_tit .txt {
    margin-top: 1.3021vw;
  }
  .main_recommend.session .introduce_tit .btn_more {
    margin-top: 0;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .introduce_tit .tit {
    font-size: 9.6vw;
  }
  .main_recommend.session .introduce_tit .txt {
    margin-top: 5.7333vw;
  }
  .main_recommend.session .introduce_tit .btn_more {
    margin-top: 5.2083vw;
  }
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box {
  overflow: hidden;
  display: inline-block;
  padding: 0;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(5), .main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(6) {
  margin-top: 15px;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum {
  overflow: hidden;
  position: relative;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum img {
  position: relative;
  display: block;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
  position: absolute;
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 15;
}

@media (min-width: 1440px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    width: 38px;
    height: 38px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    width: 34.2px;
    height: 34.2px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    width: 31.654px;
    height: 31.654px;
  }
}

@media (min-width: 1440px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    bottom: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    bottom: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    bottom: 16.66px;
  }
}

@media (min-width: 1440px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    right: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    right: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    right: 24.99px;
  }
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico.audio {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2040%22%3e%3cg%3e%3cg%3e%3cpath%20d%3d%22M15%2c25a8%2e33%2c8%2e33%2c0%2c0%2c0%2c8%2e33%2d8%2e33V8%2e33a8%2e33%2c8%2e33%2c0%2c1%2c0%2d16%2e66%2c0v8%2e34A8%2e33%2c8%2e33%2c0%2c0%2c0%2c15%2c25ZM10%2c8%2e33a5%2c5%2c0%2c1%2c1%2c10%2c0v8%2e34a5%2c5%2c0%2c0%2c1%2d10%2c0Z%22%20fill%3d%22%23ffffff%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M30%2c16%2e67a1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c11%2e67%2c11%2e67%2c0%2c0%2c1%2d23%2e34%2c0%2c1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c15%2c15%2c0%2c0%2c0%2c13%2e35%2c14%2e9s0%2c%2e06%2c0%2c%2e1v6%2e66a1%2e67%2c1%2e67%2c0%2c0%2c0%2c3%2e34%2c0V31%2e67s0%2d%2e07%2c0%2d%2e1A15%2c15%2c0%2c0%2c0%2c30%2c16%2e67Z%22%20fill%3d%22%23ffffff%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico.video {
  background-image: ico_video("ffffff");
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50%);
  content: '';
  z-index: 10;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left {
  position: relative;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: transparent;
  border-color: #242322;
  color: #242322;
  border-color: #383635;
  color: #383635;
  font-weight: 500;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::before, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s, border-color 0.35s ease 0s;
  border-style: solid;
  background-color: #e64c2e;
  border-color: #e64c2e;
  color: #ffffff;
  border-color: #e64c2e;
  color: #ffffff;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::before, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
  -webkit-transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, -webkit-box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s;
  transition: width 0.35s ease 0s, height 0.35s ease 0s, background-color 0.35s ease 0s, box-shadow 0.14s ease 0.098s, -webkit-box-shadow 0.14s ease 0.098s;
}

.main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
  vertical-align: middle;
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1440px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover {
    border-width: 2px;
    height: 44px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 44px;
    padding-left: 26px;
    padding-right: 26px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 7px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover span.ico {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover {
    height: 40px;
    border-width: 2px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-left: 6px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover span.ico {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover {
    height: 36px;
    border-width: 2px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
    width: 14px;
    height: 14px;
    margin-top: -5px;
    margin-left: 5px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover span.ico {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover {
    height: 9.86667vw;
    border-width: 0.5334vw;
    font-size: 4vw;
    line-height: 8.8vw;
    border-radius: 9.86667vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after, .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::before {
    background-size: contain;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover::after {
    width: 4vw;
    height: 4vw;
    margin-top: -0.8vw;
    margin-left: 1.6vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail:hover span.ico {
    vertical-align: middle;
    width: 4vw;
    height: 4vw;
    margin-top: -0.5208vw;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 1650px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner {
    padding: 35px 40px 35px 35px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner .tit_box .tit {
    width: 280px;
    margin-top: 14px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner .tit_box .tag {
    padding: 0 12px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill {
    margin-top: 30px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
    width: 100%;
    height: auto;
    top: 50%;
    left: auto;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    left: 50px;
    bottom: 39px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner {
    padding: 2.9861vw 2.5694vw 2.4306vw 2.9861vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
    height: auto;
    width: 62vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    bottom: 2.4306vw;
    left: 2.9861vw;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner {
    padding: 2.9687vw 2.4218vw 2.1093vw 2.9687vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    bottom: 2.1093vw;
    left: 2.9687vw;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
    width: 79vw;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(5), .main_recommend.session .recommend_list_area .recommend_list_box .list_box:nth-child(6) {
    margin-top: 10px;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner {
    padding: 3.3052vw 3.4531vw 2.5348vw 3.4531vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box {
    height: 48vw !important;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
    width: auto;
    height: 100%;
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    bottom: 2.5348vw;
    left: 3.4531vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area .recommend_list_box {
    display: block;
    width: auto;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum img {
    width: 100%;
    height: auto;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .thum .ico {
    width: 5.1883vw;
    height: 5.1883vw;
    bottom: 4.0000vw;
    right: 6.1333vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .inner {
    padding: 8vw 8vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    bottom: 8vw;
    left: 8vw;
  }
  .main_recommend.session .recommend_list_area .recommend_list_box .list_box .box_utill .left .btn_detail {
    border-width: 0.53334vw;
  }
}

.main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .inner .tit_box .info {
  display: none;
}

@media (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.07);
    border-radius: 2.0000vw;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box {
    padding: 5.3333vw;
    margin: 0;
    background-color: transparent;
    border-top: 1px solid #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 0;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box:first-child {
    border-top: none;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .thum,
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner {
    vertical-align: top;
    display: inline-block;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .thum {
    width: 33.2000vw;
    height: 18.6667vw;
    border-radius: 2.0000vw;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .thum img {
    height: 100%;
    width: auto;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .thum .ico {
    width: 5.0667vw;
    height: 5.0667vw;
    right: 1.3333vw;
    bottom: 1.3333vw;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner {
    width: calc(100% - 33.2000vw);
    padding-top: 1.4667vw;
    padding-right: 0;
    padding-left: 4.0000vw;
    padding-bottom: 0;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tag {
    display: none;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    margin-top: 0;
    margin-bottom: 2.0000vw;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    vertical-align: top;
    display: inline-block;
  }
}

@media (max-width: 767.9px) and (min-width: 1650px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) and (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) and (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    font-size: 14px;
    line-height: 18px;
    height: 36px;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    font-size: 12px;
    line-height: 16px;
    height: 32px;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) and (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit {
    font-size: 3.46667vw;
    line-height: 4.53333vw;
    height: 9.06667vw;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 3.46667vw;
    line-height: 4.53333vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .info {
    display: block;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .info::before {
    width: 4.0000vw;
    height: 4.0000vw;
    margin-right: 1.2000vw;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%2Ecls%2D1%7Bfill%3Anone%3B%7D%2Ecls%2D2%7Bclip%2Dpath%3Aurl%28%23clip%2Dpath%29%3B%7D%2Ecls%2D3%7Bfill%3A%23615f5f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip%2Dpath%22%3E%3Crect%20class%3D%22cls%2D1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%5F2%22%20data%2Dname%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer%5F1%2D2%22%20data%2Dname%3D%22Layer%201%22%3E%3Cg%20class%3D%22cls%2D2%22%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0ZM8%2C14%2E67A6%2E67%2C6%2E67%2C0%2C1%2C1%2C14%2E67%2C8%2C6%2E67%2C6%2E67%2C0%2C0%2C1%2C8%2C14%2E67Z%22%2F%3E%3Cpath%20class%3D%22cls%2D3%22%20d%3D%22M8%2E67%2C3%2E33A%2E67%2E67%2C0%2C0%2C0%2C8%2C4V8H5%2E33a%2E67%2E67%2C0%2C0%2C0%2C0%2C1%2E33H8%2E67a%2E67%2E67%2C0%2C0%2C0%2C%2E66%2D%2E66V4A%2E67%2E67%2C0%2C0%2C0%2C8%2E67%2C3%2E33Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .info span::before {
    height: 4.0000vw;
    color: #cccccc;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .tit_box .info span {
    font-size: 3.2000vw;
    line-height: 4.0000vw;
    color: #615f5f;
  }
  .main_recommend.session .recommend_list_area.mobile_list .recommend_list_box .list_box .box_in .inner .box_utill {
    display: none;
  }
}

.main_recommend.session .bg {
  position: absolute;
  border-radius: 500px;
  z-index: 3;
}

.main_recommend.session .bg.circle1 {
  background-color: #daa49c;
  opacity: 0;
  -webkit-transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
  transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
}

.main_recommend.session .bg.circle1 > div {
  display: block;
  width: 63.1578%;
  height: 63.1578%;
  margin-top: 18.4211%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 500px;
  background-color: #f5f2eb;
}

.main_recommend.session .bg.circle1.start {
  opacity: 0.1;
}

.main_recommend.session .bg.circle2 {
  background-color: #3e5429;
  opacity: 0;
  -webkit-transition: margin-top 0.8s ease 0.4s, opacity 0.8s ease 0.4s;
  transition: margin-top 0.8s ease 0.4s, opacity 0.8s ease 0.4s;
}

.main_recommend.session .bg.circle2.start {
  opacity: 0.05;
}

@media (min-width: 1650px) {
  .main_recommend.session .bg.circle1 {
    width: 380px;
    height: 380px;
    top: 358px;
    left: 50%;
    margin-left: 360px;
  }
  .main_recommend.session .bg.circle2 {
    width: 686px;
    height: 686px;
    top: 293px;
    left: 50%;
    margin-left: 553px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.session .bg.circle1 {
    width: 22.9861vw;
    height: 22.9861vw;
    top: 5.6250vw;
    left: 50%;
    margin-left: 29.3750vw;
  }
  .main_recommend.session .bg.circle2 {
    width: 47.5694vw;
    height: 47.5694vw;
    top: 6.8750vw;
    left: 50%;
    margin-left: 41.1111vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend.session .bg.circle1 {
    width: 22.9167vw;
    height: 22.9167vw;
    top: 5.5990vw;
    left: 50%;
    margin-left: 20.8333vw;
  }
  .main_recommend.session .bg.circle2 {
    width: 47.5260vw;
    height: 47.5260vw;
    top: 6.7708vw;
    left: 50%;
    margin-left: 33.2031vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.session .bg.circle1 {
    width: 51.8826666667vw;
    height: 51.8826666667vw;
    top: 15.6vw;
    margin-left: 15.6vw;
  }
  .main_recommend.session .bg.circle2 {
    width: 91.684267vw;
    height: 91.684267vw;
    top: 10.6vw;
    margin-left: 3.6vw;
  }
}

.main_recommend.session.main_after .main_recommend_box .introduce_tit .txt {
  break-work: keep-all;
}

.main_recommend.session.main_after .main_recommend_box .introduce_tit .txt br {
  display: none;
}

.main_recommend.popular {
  background-color: #ede9e1;
}

@media (max-width: 767.9px) {
  .main_recommend.popular .main_recommend_box {
    padding-bottom: 21.3334vw;
  }
}

.main_recommend.popular .introduce_tit .tit strong {
  display: inline-block;
  vertical-align: middle;
  color: #ede9e1;
}

.main_recommend.popular .introduce_tit .txt {
  word-break: keep-all;
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .introduce_tit .txt br {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .introduce_tit .btn_more {
    margin-top: 6.65vw;
  }
}

.main_recommend.popular .recommend_list_area .swiper_page.swiper-pagination {
  display: none;
}

@media (max-width: 767.9px) {
  .main_recommend.popular .recommend_list_area .swiper_page.swiper-pagination {
    display: block;
    bottom: 0;
  }
  .main_recommend.popular .recommend_list_area .swiper_page.swiper-pagination span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1.024vw;
    background-color: #bcb9b4;
    opacity: 1;
  }
  .main_recommend.popular .recommend_list_area .swiper_page.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #383736;
  }
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box {
  display: inline-block;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in {
  height: 100%;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in .inner .tit_box .desc {
  display: none;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in {
  position: relative;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum {
  position: relative;
  height: 100%;
  z-index: 10;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
  position: absolute;
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 15;
}

@media (min-width: 1440px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    width: 33.32px;
    height: 33.32px;
  }
}

@media (min-width: 1440px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    bottom: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    bottom: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    bottom: 24.99px;
  }
}

@media (min-width: 1440px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    right: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    right: 45px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico {
    right: 41.65px;
  }
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico.audio {
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2030%2040%22%3e%3cg%3e%3cg%3e%3cpath%20d%3d%22M15%2c25a8%2e33%2c8%2e33%2c0%2c0%2c0%2c8%2e33%2d8%2e33V8%2e33a8%2e33%2c8%2e33%2c0%2c1%2c0%2d16%2e66%2c0v8%2e34A8%2e33%2c8%2e33%2c0%2c0%2c0%2c15%2c25ZM10%2c8%2e33a5%2c5%2c0%2c1%2c1%2c10%2c0v8%2e34a5%2c5%2c0%2c0%2c1%2d10%2c0Z%22%20fill%3d%22%23ffffff%22%2f%3e%3cpath%20class%3d%22cls%2d1%22%20d%3d%22M30%2c16%2e67a1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c11%2e67%2c11%2e67%2c0%2c0%2c1%2d23%2e34%2c0%2c1%2e67%2c1%2e67%2c0%2c1%2c0%2d3%2e33%2c0%2c15%2c15%2c0%2c0%2c0%2c13%2e35%2c14%2e9s0%2c%2e06%2c0%2c%2e1v6%2e66a1%2e67%2c1%2e67%2c0%2c0%2c0%2c3%2e34%2c0V31%2e67s0%2d%2e07%2c0%2d%2e1A15%2c15%2c0%2c0%2c0%2c30%2c16%2e67Z%22%20fill%3d%22%23ffffff%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e);
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum .ico.video {
  background-image: ico_video("ffffff");
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum:after, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  z-index: 10;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(50%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50%);
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum:before {
  top: auto;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(70%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 70%);
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
  color: #ffffff;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    font-size: 36px;
    line-height: 50px;
    height: 100px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    font-size: 36px;
    line-height: 50px;
    height: 100px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    font-size: 28px;
    line-height: 40px;
    height: 80px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    font-size: 6.4vw;
    line-height: 8.26667vw;
    height: 16.53333vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit span.ell_in {
    font-size: 6.4vw;
    line-height: 8.26667vw;
  }
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
  font-size: 20px;
  display: block;
  color: #ffffff;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
  vertical-align: top;
  display: inline-block;
}

@media (min-width: 1650px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    font-size: 4vw;
    line-height: 6.4vw;
    height: 12.8vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc span.ell_in {
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
  position: absolute;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail {
  bottom: 0;
  left: 0;
  border-color: #ffffff;
  color: #ffffff;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail:hover {
  border-color: #e64c2e;
  color: #ffffff;
}

.main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail:hover::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23ffffff%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

@media (min-width: 1650px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 75px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .introduce_tit .txt {
    line-height: 30px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box {
    margin-right: 15px;
    margin-left: 15px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n-1) {
    margin-right: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n) {
    margin-left: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(5) {
    margin-top: 15px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    width: 400px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    width: 400px;
    margin-top: 15px;
  }
}

@media (min-width: 1440px) and (max-width: 1649.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 55px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 43px;
  }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    margin-top: 9.0112vw;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box {
    margin-right: 0.91vw;
    margin-left: 0.91vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n-1) {
    margin-right: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n) {
    margin-left: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    margin-top: 0.91vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box {
    margin-right: 0.91vw;
    margin-left: 0.91vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(2n-1) {
    margin-right: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(2n) {
    margin-left: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    width: 85.4542vw;
    margin-right: 0.91vw;
    margin-left: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    width: 400px;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    width: 400px;
    margin-top: 0.91vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .recommend_list_area .recommend_list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -1.2373vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box {
    width: 66.4000vw;
    border-radius: 4.0960vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(2n-1), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(2n), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n-1), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(3n) {
    margin-right: 1.2vw;
    margin-left: 1.2vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(1), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(4), .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:nth-child(5) {
    margin-top: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box:last-child {
    margin-right: 2.4vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .tit_box .tag {
    height: 6.0075vw;
    line-height: 6.0075vw;
    border-radius: 2.5vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .tit_box .tit {
    width: 55.7333vw;
    margin-top: 2.5627vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in .thum {
    width: 100%;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in .thum .ico {
    width: 8.5333vw;
    height: 8.5333vw;
    right: 4vw;
    bottom: 2.7307vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in .inner {
    position: relative;
    padding: 6.8267vw 5.4613vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box .box_in .inner .box_utill {
    margin-top: 5.0667vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box {
    width: 66.4000vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box, .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:first-child {
    margin-right: 1.2vw;
    margin-left: 2.4vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box:first-child {
    margin-left: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum {
    height: auto;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .thum img {
    height: auto;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner {
    position: relative;
    top: auto;
    background: #ffffff;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .tit {
    line-height: 6.93333vw;
    height: 13.86667vw;
    font-size: 5.33333vw;
    color: #242322;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .tit_box .desc {
    margin-top: 1.2vw;
    display: none;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 5.0667vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail {
    color: #242322;
    border-color: #242322;
    border-width: 0.53334vw;
  }
  .main_recommend.popular .recommend_list_area .recommend_list_box .list_box.main_box .box_in .inner .box_utill .left .btn_detail::after {
    width: 3.0037vw;
    height: 3.0037vw;
    margin-left: 1.333vw;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2229%2E312%22%20height%3D%2220%2E624%22%20viewBox%3D%220%200%2029%2E312%2020%2E624%22%3E%3Cpath%20d%3D%22M477%2E727%2C727%2E4l%2D8%2E314%2C8%2E312a2%2C2%2C0%2C0%2C1%2D2%2E828%2D2%2E826L471%2E47%2C728H451a2%2C2%2C0%2C0%2C1%2C0%2D4h20%2E5l%2D4%2E914%2D4%2E915a2%2C2%2C0%2C1%2C1%2C2%2E828%2D2%2E829l8%2E314%2C8%2E316A2%2C2%2C0%2C0%2C1%2C477%2E727%2C727%2E4Z%22%20transform%3D%22translate%28%2D449%20%2D715%2E688%29%22%20fill%3D%22%23242322%22%20fill%2Drule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  }
}

.main_recommend.popular .bg {
  position: absolute;
  border-radius: 500px;
  z-index: 3;
}

.main_recommend.popular .bg.circle3 {
  background-color: #727bcc;
  opacity: 0;
  -webkit-transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
  transition: margin-top 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
}

.main_recommend.popular .bg.circle3 > div {
  display: block;
  width: 63.1578%;
  height: 63.1578%;
  margin-top: 27.4211%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

.main_recommend.popular .bg.circle3.start {
  opacity: 0.05;
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

@media (min-width: 1650px) {
  .main_recommend.popular .bg.circle3 {
    width: 254px;
    height: 62px;
    top: auto;
    bottom: 237px;
    left: 50%;
    margin-left: -852px;
  }
}

@media (min-width: 1024px) and (max-width: 1649.9px) {
  .main_recommend.popular .bg.circle3 {
    width: 254px;
    height: 62px;
    bottom: 300px;
    margin-left: 0;
  }
  .main_recommend.popular .bg.circle3.circle1 {
    width: 22.9861vw;
    height: 22.9861vw;
    top: 5.6250vw;
    left: 50%;
    margin-left: 29.3750vw;
  }
  .main_recommend.popular .bg.circle3.circle2 {
    width: 47.5694vw;
    height: 47.5694vw;
    top: 6.8750vw;
    left: 50%;
    margin-left: 41.1111vw;
  }
}

@media (max-width: 1023.9px) {
  .main_recommend.popular .bg.circle3 {
    width: 254px;
    height: 62px;
    bottom: 150px;
    margin-left: -20px;
  }
  .main_recommend.popular .bg.circle3.circle1 {
    width: 22.9167vw;
    height: 22.9167vw;
    top: 5.5990vw;
    left: 50%;
    margin-left: 20.8333vw;
  }
  .main_recommend.popular .bg.circle3.circle2 {
    width: 47.5260vw;
    height: 47.5260vw;
    top: 6.7708vw;
    left: 50%;
    margin-left: 33.2031vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .bg.circle3 {
    width: 54.1333vw;
    height: 12vw;
    bottom: 24vw;
    left: -7vw;
  }
}

@media (max-width: 767.9px) {
  .main_recommend.popular .main_recommend_box {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .main_recommend.popular .main_recommend_box .introduce_tit {
    margin-right: 5.33333vw;
    margin-left: 5.33333vw;
  }
  .main_recommend.popular .main_recommend_box .recommend_list_area {
    overflow: visible;
    width: auto;
    margin-right: 0;
    margin-left: 5.33333vw;
  }
  .main_recommend.popular .main_recommend_box .recommend_list_area .recommend_list_box {
    margin-right: 0;
    margin-left: 0;
  }
  .main_recommend.popular .main_recommend_box .recommend_list_area .recommend_list_box .list_box:last-child {
    margin-right: 5.33333vw;
  }
}