/**
 * File page-contact.css
 * Usage: page-contact.php(お問い合わせページ)のスタイルを定義します。
*/

.bl_tea {
  padding: 0 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ly_experience .el_secTtl {
  text-align: left;
  margin-bottom: 0;
}

.ly_experience p {
  line-height: 2;
  letter-spacing: 0.1em;
}

.ly_sweets {
  padding: 32px 31px 100px;
}

.bl_sweets {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (min-width: 768px) {
  .ly_experience {
    padding-inline: var(--col-2);
  }

  .ly_experience p {
    font-size: 16px;
  }

  .bl_tea {
    padding-inline: 0;
    gap: 32px;
  }

  .bl_teaImg {
    aspect-ratio: 960 / 550;
    overflow: hidden;
  }

  .bl_teaImg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .bl_tea .el_secTtl {
    margin-bottom: 32px;
  }

  .ly_sweets {
    padding: min(150px, 10vw) 0;
  }

  .bl_sweets {
    gap: 32px;
  }
}