.pet-all h3 a:after, .search-other h2 a:after {    display: inline-block;    content: url(/images/arrow-0d904a20d7c7048820f600e32e340a3a.svg);    width: 10px;    height: 15px;    position: absolute;    background-size: contain;    background-repeat: no-repeat;    top: 32%;    right: 30px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.pet-all h3{border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;text-align: center;}
.pet-all h3 img{width: 45px;vertical-align: middle;}
.pet-other h2{border-right: 1px solid #dbdbdb;}
.pic-box-img {width: 20%;}
.pic-box-txt {width: 75%;}
.pic-box{width: 100%;padding: 20px 10px;border: 1px solid #dbdbdb;}
.search-station h3 a:after, .search-map h3 a:after, .search-areaxs h3 a:after, .p-seach-school h3 a:after {display: inline-block;width: 10px;height: 15px;position: absolute;background-size: contain;background-repeat: no-repeat;top: 46%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: url(/images/arrow-0d904a20d7c7048820f600e32e340a3a.svg);right: 10px;margin: 0 10px 0 0;}
.p-serch h3:hover,.pet-type-box-conttent h3:hover,.pet-all h3:hover{background-color: #dbdbdb;color: #303030;}
.p-serch h3 a:hover,.pet-type-box-conttent h3 a:hover,.pet-all h3 a:hover{background-color: #dbdbdb;color: #303030;}
.search-station h3 a, .search-map h3 a, .search-areaxs h3 a, .search-school h3 a {display: block;}
.pet-type-box-conttent h3 a:before{content: '';display: inline-block;width: 45px;height: 45px;background-size: contain;vertical-align: middle;position: absolute;top: 25px;left: 20px;margin: 0 10px 0 0;}
.search-station h3, .search-map h3, .search-areaxs h3, .search-school h3 {padding: 20px 5px;position: relative;line-height: 1.5;}
.pet3 {padding: 1rem 1rem;text-align:center;font-weight: bold;color: #303030;font-size:1.6rem;background-color: #eeeeee;}
.bg-f{background-color: #ffffff;}
.pet-type-box{margin-top: 20px;}
.pet-top{position: relative;}
.pet-top-txt{position: absolute;top: 0;bottom: 0;margin: auto;font-size: 1.6rem;color: #ffffff;height:50px;left:2%;font-weight: bold;}
.pic-box:hover{background-color: #dbdbdb;color: #303030;}
@media screen and (max-width: 981px){
  .main.top-home ,.p-top .main-inner{background-color: #ffffff;padding-bottom: 0;}
  .b-right-xs-g{border-right: 1px solid #dbdbdb;}
  .b-bottom-xs-g{border-bottom: 1px solid #dbdbdb;}
  .pet3-m{padding: 0.2rem 1rem;border-left: 4px solid #ab8836;margin-bottom: 10px;background-color: transparent;text-align: left;font-size:1.8rem;font-size: 1.5rem;margin-top: 40px;}
}
@media screen and (min-width: 1100px){
  .search-area h3, .search-station h3, .search-map h3, .search-areaxs h3, .p-seach-school h3 a:after, .search-school h3 {font-size: 1.8rem;letter-spacing: .1em;}
  .pet-type-box-conttent h3 a:before{width: 40px;height: 40px;margin: 0 10px 0 0;left:20px;}
  .search-station h3, .search-map h3, .search-areaxs h3, .search-school h3 {padding: 20px 0 20px 75px;line-height: 2.5;}
  .pet-middle h3{padding: 20px 0 20px 65px;border-bottom: 1px solid #dbdbdb;}
}
@media screen and (min-width: 981px){
  .pet-top-txt{font-size: 2.5rem;height:50px;left:5%;}
    .pet-all h3 img{display: inline-block;width: 45px;vertical-align: middle;margin-right: 10px;}
  .search-station h3 a:before {background-image: url(/images/pet_02-2fa8fa29765328fb470398bbc1997633.svg);}
  .search-map h3 a:before {background-image: url(/images/pet_03-8282223948fe80586c4710cbb4aaa382.svg);}
  .search-school h3 a:before {background-image: url(/images/pet_04-710721401ee532f0195bd745110988b3.svg);}
  .pet-type-box{margin-top: 60px;}
  .pet3 {padding: 0.2rem 1rem;border-left: 4px solid #ab8836;margin-bottom: 20px;font-weight: bold;background-color: transparent;text-align: left;font-size:1.8rem;}
  .pet-saw{margin-top: 80px;padding-bottom: 60px;}
  .p-top-bnr{margin-bottom: 60px;}
  .search-station h3, .search-map h3, .search-areaxs h3, .search-school h3 {padding: 20px 0 20px 75px;line-height: 3.2;}
  .pet-type-box-conttent h3{padding: 20px 0 20px 55px;line-height: 2.5;}
  .pet-type-box h3 {font-size: 1.8rem;letter-spacing: .1em;}
  .search-name-bukken .search-name-bukken-h2 :before {background-image: url(/images/pet_05-e23395142da38b2e832b40fdaaf82ea3.svg);}
  .pet-small h3 a:before {background-image: url(/images/pet_06-cc2435daddc1ddb3bb3a8bae9fdf86c5.svg);}
  .pet-middle h3 a:before {background-image: url(/images/pet_07-0686f35d81d789fb68c2e2a0dfd970f1.svg);}
  .pet-cat h3 a:before {background-image: url(/images/pet_08-9cf2953d587e085ba76c988373f88895.svg);}
  .pet-middle h3{padding: 20px 0 20px 45px;border-bottom: 1px solid #dbdbdb;}
  .pet-small h3{border-bottom: 1px solid #dbdbdb;}
  .p-serch-area h3 a:before{content: '';display: inline-block;width: 45px;height: 45px;background-size: contain;vertical-align: middle;position: relative;top: 0;}
    .p-serch h3{border-bottom: 1px solid #dbdbdb;}
  .p-serch h3 a:before{content: '';display: inline-block;width: 45px;height: 45px;background-size: contain;vertical-align: middle;background-size: contain;vertical-align: middle;position: absolute;top: 25px;left: 20px;margin: 0 10px 0 0;}
  .search-other h3 a:before {content: '';display: inline-block;width: 45px;height: 45px;background-image: url(/images/pet_10-7d21e619b900ca6fe463ec1ac9f00cb6.svg);background-size: contain;vertical-align: middle;position: absolute;top: 25px;left: 20px;margin: 0 10px 0 0;}
  .pet-other h3 a:before {background-image: url(/images/pet_09-63bcc65a7681138c3ffc717f633c65a1.svg);}
  .pic-box {width: 33.333333%;padding: 20px 20px;}
  .pic-box-img {width: 20%;}
  .pic-box-txt {width: 70%;}
  .search-area h3:before {content: '';display: inline-block;width: 50px;height: 50px;background-image: url(/images/pet_01-c51b1703bff30deac5f2744ad205831e.svg);background-size: contain;vertical-align: middle;position: relative;top: 0;margin: 0 10px 0 0;}
  .search-area h3, .search-station h3, .search-map h3, .search-areaxs h3, .p-seach-school h3 a:after, .search-school h3 {font-size: 1.5rem;letter-spacing: .1em;}
  .search-station h3 a:after, .search-map h3 a:after, .search-areaxs h3 a:after, .p-seach-school h3 a:after {top: 31%;}
  .pet-middle h3 a:after,.pet-small h3 a:after,.pet-cat h3 a:after,.pet-other h3 a:after {right: 0px;top: 37%;}
  .pet-type-box-conttent h3 a:before{width: 35px;height: 35px;margin: 0 10px 0 0;left:10px;}

}