/* pets */
.pets .p-top-kv{
  background-image:none;
  background-position:center bottom;
}
.pets .p-top-kv2 {
  background:
  url(/my-koala/assets/img/top/kv_pets_bg3.png) no-repeat center bottom 39px,
  url(/my-koala/assets/img/top/kv_pets_bg2.png) repeat-x center bottom,
  url(/my-koala/assets/img/top/kv_pets_bg1.png) ;
  background-color:#ffe8bb;
  padding-top: 102px;
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.pets .p-top-kv__onpu--1{
  top:300px;
}
.pets .p-top-kv__onpu--2{
  top:180px;
  left:50px;
}
.pets .p-top-kv__stamp{
  opacity:1;
}
.pets .p-top-kv__onpu--3{
  top:290px;
  right:100px
}
.pets .p-top-kv__onpu--4{
  top:190px;
  right:10px;
}
.pets .p-top-kv__onpu--4 img{
  width:90%;
}
@media print, screen and (min-width: 751px) {
  .pets .p-top-kv {
    height: 707px;
  }
  .pets .p-top-kv__ttl{
    width:400px;
  }
  .pets .p-top-kv__figure{
    width:510px
  }
  .pets .p-top-kv__btn{
    top:338px;left:64px;
  }
  .pets .p-top-kv__onpu--3 img{
    width:82%;
  }
}
@media print, screen and (max-width: 750px) {
  .pets .p-top-kv2 {
    padding-top: 3%;
    padding-bottom: 13%;
    background:
      url(/my-koala/assets/img/top/kv_pets_bg2_sp.png) no-repeat center bottom -1vw / 100% auto,
      url(/my-koala/assets/img/top/kv_pets_bg1_sp.png) repeat-y top left / 100% auto !important;
    background-color:#ffe8bb !important;
   }
  .pets .p-top-kv__figure{
    width:98%;
    margin-top: 1vw;
  }
  .pets .p-top-kv__btn{
    top:84.5%;
  }
  .pets .p-top-kv__onpu--1{
    display:none;
  }
  .pets .p-top-kv__stamp{
    opacity:1;
    top:40%;
    left:3%;
  }
  .pets .p-top-kv__onpu--2{
    display:inherit;
    top:69%;
    left:1%;
    width:14%;
  }
  .pets .p-top-kv__onpu--4{
    display: inherit;
    top:45%;
    right:1.5%;
    width:13%;
  }
  .pets .p-top-kv__onpu--3{
    top:75%;
    right:4%;
    width:14%;
  }
}
.pets .p-top-intro{
  padding-bottom: 150px;
}
@media screen and (max-width:750px) {
  .pets .p-top-intro{
    padding-bottom: 27%;
  }
}