/*
==================================
banner
==================================
*/
/* pc */
@media(min-width:741px){
  .o-banner{
    display: block;
    margin: 60px 0;
  }
  .o-banner:hover,
  .o-banner:active,
  .o-banner:focus{
    opacity: 0.8;
  }
  .o-banner-img{
    max-width: 708px;
    width: 100%;
    max-height: 180px;
  }
}
/* sp */
@media(max-width:740px){
  .o-banner{
    display: block;
    margin: 40px 0;
    text-align: center;
  }
  .o-banner:hover,
  .o-banner:active,
  .o-banner:focus{
    opacity: 0.8;
  }
  .o-banner-img{
    max-width: 345px;
    width: 100%;
    max-height: 150px;
  }
}