.contents_01{
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding-top: 120px;
}

  /***** PC *****/
  .bottom_area{position:relative;}
  .bottom_area .slide_wrap .slide_area{position:absolute; top:0; left:0; width:100%; height:auto;}
  .bottom_area .slide_wrap .slide_area .slide.pc{display:block}
  .bottom_area .slide_wrap .slide_area .slide.mo{display:none}

  .main_section{padding:60px 0; color:#333}
  .main_section p{font-size:18px;}
  .main_section .wrap{max-width:800px; margin:0 auto; position:relative;}
  .main_section .wrap .top_area{margin-bottom:35px; position:relative;}
  .main_section .wrap .top_area .title h2{font-size:50px; line-height:50px; font-weight:500; margin-bottom:35px; font-weight:bold;}
  .main_section .wrap .top_area .title p{font-size:18px; line-height:28px;}
  .main_section .wrap .top_area .page_num{position:relative; margin-top:35px;}
  .main_section .page_num ul:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
  .main_section .page_num ul li{float:left; margin-right:10px; width:90px; height:40px; border:1px solid #333;}
  .main_section .page_num ul li:last-child{margin-right:0;}
  .main_section .page_num ul li a{cursor:pointer; background:#fff; color:#333; text-align:center; transition:color 0.5s ease-out, background 0.5s ease-out; display:flex; align-items:center; justify-content: center; height:100%; font-size:18px;}
  .main_section .page_num ul li.active a{background:#0c4da2; color:#fff;}
  .main_section .page_num ul li a:hover{background:#0c4da2; color:#fff;}

  .bottom_area .slide_wrap > div{visibility:hidden; opacity:0; filter:bulr(0.25ex);  transition:all 0.6s ease-out}
  .bottom_area .slide_wrap > div.active{position:relative; visibility:visible; opacity:1; filter:bulr(0ex);}
  .bottom_area .slide_wrap > div img{width:100%; max-width:100%;}
  
  .slide_area .slide_btn{cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:2;}
  .slide_area .slide_btn i{font-size:40px; color:#0c4da2; font-weight:bold;}
  .slide_area .slide_btn.prev_btn{left:-45px;}
  .slide_area .slide_btn.next_btn{right:-45px;}
  
  .slide_area .dots_area{margin:20px auto 0; display:flex; justify-content:center;}
  .slide_area .slick-dots:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
  .slide_area .slick-dots > li{float:left; width:12px; height:12px; border-radius:100%;  margin-right:10px; overflow:hidden;}
  .slide_area .slick-dots > li:last-child{margin-right:0;}
  .slide_area .slick-dots > li button{ outline:none;  border:none; box-shadow:none; border-radius:0; cursor:pointer; width:100%; height:100%; display:block; background:#e7e7e7;  transition:background 0.5s linear;}
  .slide_area .slick-dots > li:hover button{background:#d5d3d2}
  .slide_area .slick-dots > li.slick-active button{background:#0c4da2; }
  
  .slide_area .info{margin-top:35px;}
  .slide_area .info .info_title{margin-bottom:30px; font-size:24px; font-weight:bold;}
  .slick-dots{padding-bottom: 10px;}
  .slide_area .info p{font-size:18px; line-height:28px;}
  .slide_area .slick-dots li.slick-active button:before{ color: unset; content: ' ';}
  .slide_area .slick-dots li button:before{content: ' ';}
  @media(max-width:800px){
    /***** PC *****/
    .bottom_area .slide_wrap .slide_area .slide.pc{display:none}
    .bottom_area .slide_wrap .slide_area .slide.mo{display:block; }
    
    .main_section .wrap{ max-width:100%; padding:0 45px;}
    .bottom_area .slide_wrap .slide_area .slide.mo img{width:100%;}
    .main_section .wrap .top_area{margin-bottom:20px;}
    .main_section .wrap .top_area .title{margin-bottom:35px;}
    .main_section .wrap .top_area .title h2{font-size:30px; line-height:30px; margin-bottom:20px;}  
    .main_section .wrap .top_area .title p{font-size:14px; line-height:20px; margin-bottom:0;}
    .main_section .wrap .top_area .page_num{margin-top:0;}
    .main_section .page_num ul li{margin:0 4px 5px; width:calc(100% / 2 - 10px); height:30px; }
    /* .main_section .page_num ul li:nth-child(3n){margin-right:0;} */
    .main_section .page_num ul li:nth-child(n+7):nth-child(-n+9){margin-bottom:0;}
    .main_section .page_num ul li a{font-size:14px; font-weight:bold;}
 
    .slide_area .slick-dots > li{width:7.5px; height:7.5px;}
    
    .slide_area .info .info_title{font-size:20px; line-height:normal; margin-bottom:20px; }
    .slide_area .info p{font-size:14px; line-height:22px;}
 
}