/* ============================================================
   top.css
   ============================================================ */

:root {
  --parkingArea: #b9e1ff;
  --areaSpace: 40px;
  --areaPadding: 2em;
}

@media screen and (max-width: 768px) {
  :root {
    --areaSpace: 24px;
    --areaPadding: 1em;
  }
}

#dog-terrace .appeal_inner {
  padding: var(--areaPadding);
  display: flex;
  flex-direction: row;
  gap: 18px;
  background-color: #fff2de;
  width: 100%;
}
.appeal_text h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 2em;
  color: var(--black);
}
.appeal_text {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 50%;
  flex-direction: column;
}
.appeal_text p {
  width: 80%;
}
.appeal_img img {
  width: 100%;
  height: 650px;
}

@media (max-width: 768px) {
  /* ACCESSセクション モバイル */
  #dog-terrace .appeal_inner {
    flex-direction: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .appeal_text {
    width: 100%;
  }
  .appeal_text h2 {
    font-size: 1.5em;
  }
  .appeal_text p {
    width: 100%;
  }
  .appeal_img img {
    height: auto;
    width: 100%;
  }
}