@charset "UTF-8";
/* ==================================================
    VoiceTop お客様の声トップ
   ================================================== */
/* お客様の声
  ---------------------- */
.VoiceTop .CateTop__kv {
  margin-bottom: 55px;
}

.Voice__search {
  padding: 0;
  background: none;
}
.Voice__searchBnr {
  margin-bottom: 40px;
}
.Voice__searchBnrLink {
  display: block;
  transition: 300ms easein;
  transition-property: opacity;
}
.Voice__searchInner {
  padding: 20px 20px 30px;
  background: #F3F6F9;
  border-radius: 10px;
}

.Voice__contResult .Pagination {
  margin-top: 60px;
}

.Voice__contCardList .ly_Col {
  padding: 30px 30px 26px;
}
.Voice__contCardList .ly_Col__item.-img {
  position: relative;
  width: 100%;
  border-radius: 0;
}
.Voice__contCardList .ly_Col__item.-cont > p {
  margin-top: 17px;
  line-height: 1.5;
}
.Voice__contCardItem {
  margin-top: 30px;
  background-color: #F9F7F7;
  border-radius: 30px 30px 30px 0;
}
.Voice__contCardHeading {
  margin-bottom: 10px;
  color: #002E5D;
}
.Voice__contCardPet {
  padding-left: 34px;
  font-size: 2rem;
  font-weight: bold;
  background: url(/image/voice/ico_heading.png) no-repeat 0 50%;
  background-size: 24px auto;
}
.Voice__contCardOwner {
  font-size: 1.6rem;
}
.Voice__contCardOwner:before {
  content: "/ ";
}
.Voice__contCardTable {
  padding: 9px 0 5px;
  line-height: 1.45;
  font-size: 1.2rem;
  border-top: 1px solid #EAE4E4;
  border-bottom: 1px solid #EAE4E4;
}
.Voice__contCardTable table {
  width: 100%;
}
.Voice__contCardTable th,
.Voice__contCardTable td {
  padding: 0 3px;
}
.Voice__contCardTable th {
  width: 110px;
  letter-spacing: 0.05em;
  color: #002E5D;
}
@media screen and (min-width: 769px) {
  .VoiceTop article > .ly_Container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .Voice__searchBnrLink:hover, .Voice__searchBnrLink:focus {
    opacity: 0.6;
  }
  .Voice__search {
    margin-top: -8px;
    width: 320px;
  }
  .Voice__cont {
    width: calc(100% - 360px);
  }
  .Voice__contHeading {
    margin-bottom: 40px;
  }
  .Voice__contCardList .ly_Col__item.-img {
    align-self: stretch;
    max-width: 240px;
    width: 240px;
  }
  .Voice__contCardList .ly_Col__item.-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 100%;
    height: auto;
    transform: translate(-50%, -50%);
  }
  .Voice__contCardHeading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .Voice__contCardPet {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .VoiceTop .CateTop__kv {
    margin-bottom: 24px;
  }
  .Voice__searchBnr {
    margin-bottom: 36px;
  }
  .Voice__searchInner {
    padding: 16px 20px;
  }
  .Voice__cont {
    margin-top: 40px;
  }
  .Voice__contCardList .ly_Col {
    display: block;
    padding: 30px 20px 26px;
  }
  .Voice__contCardItem {
    margin-top: 20px;
  }
  .Voice__contCardItem:first-child {
    margin-top: 37px;
  }
  .Voice__contCardHeading {
    margin: -10px 0 8px;
  }
  .Voice__contCardPet {
    padding: 2px 0 2px 34px;
    font-size: 1.4rem;
  }
  .Voice__contCardOwner {
    margin-top: -2px;
    padding-left: 39px;
    font-size: 1.4rem;
  }
  .Voice__contCardTable th,
.Voice__contCardTable td {
    padding: 0;
  }
}