/*.summer4 */
.summer4 .p-top-kv{
  background-image:none;
  background-position:center bottom;
}
.summer4 .p-top-kv2 {
  background:
  url(/my-koala/assets/img/top/kv_summer4_bg.png) no-repeat bottom center;
  background-color:#38beef;
  padding-top: 102px;
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width:1638px) { 
  .summer4 .p-top-kv2 {
    background-size:100% auto;
  }
}
.summer4 .p-top-kv__onpu--1{
  top:60px;
  left:120px;
}
/* .summer4 .p-top-kv__onpu--2{
  top:270px;
  left:75px;
} */
.summer4 .p-top-kv__stamp{
  top:210px;
  left:140px;
  opacity:1;
}
.summer4 .p-top-kv__onpu--3{
  top:60px;
  right:120px;
}
.summer4 .p-top-kv__onpu--4{
  top:230px;
  right:150px
}
@media print, screen and (min-width: 751px) {
  .summer4 .p-top-kv {
    height: 707px; }
    .summer4 .p-top-kv__ttl{
      width:400px;
    }
    .summer4 .p-top-kv__figure{
      width:400px;
      text-align: center;
      margin-top: -22px;
    }
    .summer4 .p-top-kv__figure picture img{
      /* width:93%; */
    }
    .summer4 .p-top-kv__btn{
      top:335px;
      left:10px;
    }
}
@media print, screen and (max-width: 750px) {
  .summer4 .p-top-kv2 {
    padding-top: 3%;
    padding-bottom: 13%;
    background:
    url(/my-koala/assets/img/top/kv_summer4_bg_sp.png) no-repeat center bottom / 100% auto !important;
    background-color:#38beef !important;
    }
    .summer4 .p-top-kv__ttl{
      z-index:auto;
    }
    .summer4 .p-top-kv__figure{
      width:100%;
      text-align: center;
      margin-top: -3vw;
      z-index:2;
    }
    .summer4 .p-top-kv__figure picture img{
      width:80.2%;
    }
    .summer4 .p-top-kv__btn{
      top:auto;
      bottom:-13vw;
    }
    .summer4 .p-top-kv__onpu--1{
      display:inherit;
      top: 57%;
      left: 2%;
      width: 14%;
    }
    /* .summer4 .p-top-kv__onpu--2{
      display:inherit;
      top:67%;
      left:-1%;
      width:15%;
    } */
    .summer4 .p-top-kv__stamp{
      opacity:1;
      top: 72%;
      left: 2%;
      width: 16%;
    }
    .summer4 .p-top-kv__onpu--3{
      top:53%;
      right:-2%;
      width:12%;
    }
    .summer4 .p-top-kv__onpu--4{
      display: inherit;
      top:67%;
      right:1%;
      width:13%;
    }
}