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

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

/* NPC */
@media screen and ( max-width:1440px ){
}
/* タブレット想定 */
@media screen and ( max-width:1024px ){
  #abour_works ul{
    display: block;
  }
  #abour_works li{
    width: 100%;
  }
  #abour_works li:first-child{
    margin-bottom: 60px;
  }
  #abour_works li .bt_area{
    flex-wrap: wrap;
    font-size: 100%;
  }

}
/* SPのみ */
@media screen and ( max-width:520px ) {
  #about_table .wrap th,#about_table .wrap td{
    width: 100%;
    font-weight: bold;
    display: block;
  }
  #about_table .wrap th{
    padding : 20px 10px 5px;
    font-size: 80%;
    color: #cd853f;
  }
  #about_table .wrap td{
    padding : 0 10px 20px;
    color: #333;
  }
  #about_table .wrap td p{
    font-size: 80%;
    color: #666;
  }

  #abour_works li .bt_area a{
    width: 70%;
  }

  #gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 70%;
  position: relative;
  margin-top: 30px;
  box-shadow: 10px 10px 0 #d2b48c;
  }

  #about_table .backanim_head{
    display: none;
  }
  #about_table .backanim_foot.monoact svg{
    bottom: 10%;
  }
  #about_table .backanim_foot .wearsvg_8,
  #about_table .backanim_foot .wearsvg_20,
  #about_table .backanim_foot .wearsvg_14,
  #about_table .backanim_foot .wearsvg_27
  {
    display: none;
  }
  #about_table .backanim_foot .wearsvg_24{
    width: 12%;
  }
  #about_table .backanim_foot .wearsvg_17{
    width: 13.5%;
    left: 22%;
  }
  #about_table .backanim_foot .wearsvg_21{
    width: 7%;
    left: 44%;
  }
  #about_table .backanim_foot .wearsvg_12{
    width: 11%;
    left: 56%;
  }
  #about_table .backanim_foot .wearsvg_25{
    width: 8.5%;
    left: 70%;
  }
  #about_table .backanim_foot .wearsvg_9{
    width: 17%;
    left: 80%;
  }

  #about_map .backanim_head.monoact svg{
    top: -5px;
  }

  #about_map .backanim_head .dogsvg_9{
    width: 20%;
    left: 4%;
  }
  #about_map .backanim_head .dogsvg_5{
    width: 20%;
    left: 30%;
  }
  #about_map .backanim_head .dogsvg_4{
    width: 18%;
    left: 79%;
  }
  #about_map .backanim_head .dogsvg_7{
    width: 23%;
    left: 54%;
  }
  #about_map .backanim_head .dogsvg_10,
  #about_map .backanim_head .dogsvg_13,
  #about_map .backanim_head .dogsvg_18,
  #about_map .backanim_head .dogsvg_12
  {
    display: none;
  }
  #about_map .backanim_foot.monoact svg{
    bottom: -5px;
  }
  #about_map .backanim_foot .plantsvg_28{
    width: 5%;
    left: 9%;
  }
  #about_map .backanim_foot .plantsvg_28{
    width: 10%;
    left: 3%;
  }
  #about_map .backanim_foot .plantsvg_39{
    width: 12%;
    left: 17%;
  }
  #about_map .backanim_foot .plantsvg_37,
  #about_map .backanim_foot .plantsvg_6{
    display: none;
  }#about_map .backanim_foot .plantsvg_35{
    width: 10%;
    left: 33%;
  }#about_map .backanim_foot .plantsvg_14{
    width: 10%;
    left: 48%;
  }#about_map .backanim_foot .plantsvg_19{
    width: 10%;
    left: 62%;
  }
  #about_map .backanim_foot .plantsvg_20{
    width: 10%;
    left: 73%;
  }
  #about_map .backanim_foot .plantsvg_3{
    width: 8.5%;
    left: 86%;
  }
}