.petGuidePhoto{
  margin:28px 0 30px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#eee9df;
  aspect-ratio:3/2;
}
.petGuidePhoto img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.petGuidePhoto--wide{
  aspect-ratio:16/9;
}
.petGuideJump{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:30px 0 12px;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.petGuideJump a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  padding:16px 18px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.6;
  text-decoration:none;
}
.petGuideJump a::after{
  content:"↓";
  margin-left:12px;
  color:var(--accent2);
  font-family:var(--label);
}
.petGuideJump a:hover,
.petGuideJump a:focus-visible{
  background:#f0e9de;
}
.petGuideSection{
  scroll-margin-top:28px;
}
@media(max-width:760px){
  .petGuideJump{grid-template-columns:1fr 1fr}
  .petGuideJump a{min-height:62px;padding:13px 14px;font-size:13px}
  .petGuidePhoto,.petGuidePhoto--wide{margin:22px 0 24px;aspect-ratio:4/3}
}