@charset "utf-8";
/* ============= 独自のスタイル ================= */

/* PCのみ */
@media screen and ( min-width:1440px ){
}

/* NPC */
@media screen and ( max-width:1440px ){
}
/* タブレット想定 */
@media screen and ( max-width:1024px ){
  #home_main{
    height: auto;
  }
  .home_main_info svg{
    width: 30%;
  }
  .home_main_box{
    height: 100vh;
    width: 100%;
  }
  .home_main_box.monoact #home_main_dog_2{
    top: 13%;
    left: 13%;
  }
  .home_main_box.monoact #home_main_dog_3{
    top:16%;
    left:39%;
  }
  .home_main_box.monoact #home_main_dog_4{
    top:8%;
    left:80%;
  }
  .home_main_box.monoact #home_main_dog_5{
    top:28%;
    left:8%;
  }
  .home_main_box.monoact #home_main_dog_6{
    top:27%;
    left:26%;
  }
  .home_main_box.monoact #home_main_dog_7{
    top:19%;
    left:56%;
  }
  .home_main_box.monoact #home_main_dog_8{
    top:23%;
    left:90%;
  }
  .home_main_box.monoact #home_main_dog_9{
    top:30%;
    left:78%;
  }
  .home_main_box.monoact #home_main_dog_10{
    top:46%;
    left:18%;
  }
  .home_main_box.monoact #home_main_dog_11{
    top:54%;
    left:5%;
  }
  .home_main_box.monoact #home_main_dog_12{
    top:55%;
    left:86%;
  }
  .home_main_box.monoact #home_main_dog_13{
    top:68%;
    left:10%;
  }
  .home_main_box.monoact #home_main_dog_15{
    top:72%;
    left:76%;
  }
  .home_main_box.monoact .home_main_foot svg{
    bottom: -10%;
  }
  .home_main_box.monoact #home_main_work_17{
    top:10%;
    left:16%;
  }
  .home_main_box.monoact #home_main_work_18{
    top:9%;
    left:39%;
  }
  .home_main_box.monoact #home_main_work_19{
    top:8%;
    left:60%;
  }
  .home_main_box.monoact #home_main_work_20{
    top:12%;
    left:84%;
  }
  .home_main_box.monoact #home_main_work_22{
    top:78%;
    left:74%;
  }
  .home_main_box.monoact #home_main_work_23{
    top:38%;
    left:7%;
  }
  .home_main_box.monoact #home_main_work_24{
    top:24%;
    left:24%;
  }
  .home_main_box.monoact #home_main_work_25{
    top:28%;
    left:68%;
  }
  .home_main_box.monoact #home_main_work_26{
    top:31%;
    left:85%;
  }
  .home_main_box.monoact #home_main_work_27{
    top:62%;
    left:82%;
  }
  #home_wear .wrap{
    margin-top: 30px;
  }
  #home_wear .wrap .info, #home_wear .wrap .image{
    width: 100%;
  }
  #home_wear .wrap .image{
    order: 1;
  }
  #home_wear .wrap .info{
    margin-top: 40px;
    order: 2;
  }
  #home_wear .backanim_head .dogsvg_3{
    left:3%;
    width: 20%;
  }
  #home_wear .backanim_head .dogsvg_4{
    left:28%;
    width: 18%;
  }
  #home_wear .backanim_head .dogsvg_9{
    right: 25%;
    width: 20%;
  }
  #home_wear .backanim_head .dogsvg_7{
    right: 1%;
    width: 22%;
  }
  #home_wear .backanim_head .dogsvg_10 {
    display: none;
  }
  #home_wear .backanim_head .dogsvg_14{
    width: 4%;
  }
  #home_wear .backanim_head .dogsvg_12{
    right: 21%;
    width: 6%;
  }
  #home_wear .backanim_head.monoact .dogsvg_12{
    top: 42%;
  }
  #home_wear .backanim_head .dogsvg_13{
    left: 49%;
  }

  #home_wear .backanim_foot .wearsvg_19{
    width: 18%;
  }
  #home_wear .backanim_foot .wearsvg_22{
    left: 21%;
    width: 7%;
  }
  #home_wear .backanim_foot .wearsvg_12{
    left: 33%;
    width: 15%;
  }
  #home_wear .backanim_foot .wearsvg_9{
    left: 44%;
    width: 24%;
  }
  #home_wear .backanim_foot.monoact .wearsvg_9{
    bottom: -15%;
  }
  #home_wear .backanim_foot .wearsvg_24{
    right: 21%;
    width: 12%;
  }
  #home_wear .backanim_foot .wearsvg_10{
    right: 10%;
    width: 7%;
  }
  #home_wear .backanim_foot.monoact .wearsvg_10{
    bottom: 2%;
  }
  #home_wear .backanim_foot .wearsvg_26{
    width: 9%;
  }
  #home_wear .backanim_foot.monoact .wearsvg_26{
    bottom: 16%;
  }

  #home_wear .backanim_foot .wearsvg_14,
  #home_wear .backanim_foot .wearsvg_20
  {
    display: none;
  }

  #home_workshop .col2{
    width: calc(100% - 50px);
    margin: 0 auto;
  }
  #home_workshop .image{
    padding-top: 60%;
    height: 0;
    margin-bottom: 20px;
  }
  #home_workshop .pt2 .image{
    order:1;
  }
  #home_workshop .pt2 .info{
    order: 2;
  }
  #home_workshop .image,#home_workshop .info{
    width: 100%;
  }
  #home_workshop .info,#home_workshop .pt2 .info{
    margin:0;
  }

  #home_workshop .backanim_foot svg{
    height: 110px;
  }
  #home_workshop .backanim_foot .cosmesvg_4{
    width: 19%;
  }
  #home_workshop .backanim_foot .cosmesvg_18{
    right: 14%;
    width: 9%;
  }
  #home_workshop .backanim_foot.monoact .cosmesvg_18{
    bottom: 32%;
  }
  #home_workshop .backanim_foot .cosmesvg_6{
    right: 16%;
    width: 8%;
  }
  #home_workshop .backanim_foot.monoact .cosmesvg_6{
    bottom: 16%;
  }
  #home_workshop .backanim_foot .cosmesvg_19{
    right: 25%;
    width: 11%;
    transform:rotate(-10deg);
  }
  #home_workshop .backanim_foot.monoact .cosmesvg_19{
    bottom: 10%;
  }
  #home_workshop .backanim_foot .cosmesvg_15,
  #home_workshop .backanim_foot .cosmesvg_11
  {
    display: none;
  }
  #home_about{
    font-size: 3.5vw;
    text-align:left;
  }

  #home_about .wrap .img{
    width: 100%;
  }
  #home_about .wrap .info{
    width: 90%;
    position: relative;
    margin: -100px auto 0;
  }
  #home_about .wrap .img{
    height: 40vh;
  }
  #home_about .info h2{
    top: -35px;
  }

}
/* SPのみ */
@media screen and ( max-width:520px ) {

}