@charset "utf-8";

/* DPC KOBE top page – responsive stability + banner cap */

/* Keep the Hajimete banner from enlarging indefinitely on large desktop monitors. */
.top_banner a{
  display:block;
  width:100%;
}
.top_banner img{
  width:min(100%, 1400px);
  max-width:1400px;
  height:auto;
  display:block;
  margin:0 auto;
}

/* Legacy SP layout is designed around a 480px canvas.
   Keep it deterministic and prevent image expansion beyond that canvas. */
@media screen and (max-width:500px){
  .top_banner{
    width:100%;
    max-width:480px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
  }
  .top_banner img{
    width:100%;
    max-width:100%;
    height:auto;
  }
}