@charset "UTF-8";

.top_bg {
  background: url("../../images/scoutcp/scoutcp_all/sp/top-bg.png") repeat-x;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 220px;
  position: relative;
}

.kv{
  width: 375px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

@media screen and (min-width: 414px) {
  .top_bg {
    background: url("../../images/scoutcp/scoutcp_all/sp/top-bg-414.png") repeat-x;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 220px;
  }

  .kv {
  }
}

@media screen and (min-width: 768px) {
  .top_bg {
    background: url("../../images/scoutcp/scoutcp_all/pc/top-bg.png") repeat-x;
    background-size: contain;
    background-position: center;
    height: 312px;
  }

  .kv {
    width: 520px;
  }
}

@media screen and (min-width: 2000px) {
  .top_bg {
    background: url("../../images/scoutcp/scoutcp_all/pc/top-bg-2000.png") repeat-x;
    background-size: contain;
    background-position: center;
    height: 312px;
  }
}