@media screen and (min-width: 751px) {
  #content{padding-bottom: 80px;}
  .image_l{float:left;margin:0 30px 0 0}
  .image_r{float:right;margin:0 0 0 30px}

  .ovn_detail h3,.ovn_detail h4{margin-bottom: 29px;letter-spacing: 0.08rem;}
  .btn_ovn{margin-top: -25px;}
  .btn_ovn_ite{max-width: 32%;}
  .btn_ovn_ite a{max-width: 100%;}


  /* HOVER */
  .btn_ovn_ite a:hover{background-color: var(--mcolor);color: #FFF;}
  .btn_ovn_ite a:hover span{border-color: #FFF;}
  .topic_path li a:hover{text-decoration:none}
  .link{color: var(--scolor);}
}
@media screen and (min-width: 751px) and (max-width: 1140px){
  .ovn_list li .img{height: 175px;}
}

@media screen and (max-width: 750px) {
  section{padding-bottom: 40px;}
  #content{padding:0 0 50px}
  .image_r,
  .image_l{display:inline-block;width:100%;text-align:center;margin:0 auto 30px}
  /*  TOP INFO  */
  .top_info{height:200px;background: url('../images/top_info_bg_sp.jpg') no-repeat top right /cover;}
  .topic_path{margin-bottom:40px}
  .top_info .inner::after{width: 157px;height: 62px;}

  /* ovn btn */
  .ovn_date{margin-bottom: 20px;}
  .btn_ovn_ite{width: 32%;}
  .btn_ovn_ite a{max-width: 100%;}
  .ovn_list li .img{height: 20vw;}

}

@media screen and (max-width: 640px) {
  /* ovn list 3col */
  .ovn_list li{width: 100%; margin-right: 0 !important; }
  .ovn_list li:not(:last-child){margin-bottom: 30px;}
  .ovn_list li .img{height: 260px;max-height: 69vw;}
}

/* IPHONE 14 */
@media screen and (max-width: 440px) {
  .btn_ovn {flex-direction: column;}
  .btn_ovn_ite{width: auto;}
  .btn_ovn_ite:not(:first-child){margin: 20px 0 0 0;}
  .btn_ovn_ite.viewPage{order: 3;}
  .hidden{display: none !important;}
}

/* IPHONE 6 */
@media screen and (max-width: 360px) {

}