@charset "UTF-8";
/* ============================================
   AMO鍼灸院 メインスタイルシート
   ============================================ */
/* 基本設定 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

body {
  font-family: "Zen Maru Gothic", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  background-color: #faefdd;
  color: #83502c;
  line-height: 1.6;
}

/* ページテンプレート */
/* ============================================
   single-post（投稿詳細ページ）
   ※ 全て responsive-size 系Mixin で制御
============================================ */
@media (min-width: 769px) {
  .parallax__inner > .single-post {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(-30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .parallax__inner > .single-post {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(-30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.parallax__inner > .single-post {
  position: relative;
  z-index: 10;
}

@media (min-width: 769px) {
  .single-post {
    padding: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post {
    padding: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.single-post__inner {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 769px) {
  .single-post__inner {
    max-width: calc(500 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__inner {
    max-width: calc(500 / 375 * 100vw);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .single-post__inner {
    max-width: calc(400 / 1440 * 100vw);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .single-post__inner {
    max-width: calc(400 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__inner {
    max-width: 100%;
  }
}
.single-post {
  /* -------------------------------------------
      ホワイトカード
  ------------------------------------------- */
}
.single-post__article {
  background-color: #fff;
  border: 2px solid #C39672;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
}
@media (min-width: 769px) {
  .single-post__article {
    border-radius: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__article {
    border-radius: calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__article {
    padding: calc(32 / 1440 * 100vw) calc(24 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(24 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__article {
    padding: calc(32 / 375 * 100vw) calc(24 / 375 * 100vw) calc(40 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__article {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__article {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.single-post__article {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) and (min-width: 769px) {
  .single-post__article {
    border-radius: calc(24 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .single-post__article {
    border-radius: calc(24 / 375 * 100vw);
  }
}
.single-post {
  /* -------------------------------------------
      タイトル
  ------------------------------------------- */
}
@media (min-width: 769px) {
  .single-post__title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__title {
    font-size: calc(20 / 375 * 100vw);
  }
}
.single-post__title {
  font-weight: 700;
  color: #83502C;
  text-align: center;
}
.single-post {
  /* -------------------------------------------
      投稿日
  ------------------------------------------- */
}
@media (min-width: 769px) {
  .single-post__date {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__date {
    font-size: calc(10 / 375 * 100vw);
  }
}
.single-post__date {
  color: #83502C;
}
@media (min-width: 769px) {
  .single-post__date {
    margin: calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(27 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__date {
    margin: calc(10 / 375 * 100vw) calc(0 / 375 * 100vw) calc(27 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.single-post {
  /* -------------------------------------------
      ã‚¿ã‚°
  ------------------------------------------- */
}
.single-post__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .single-post__tags {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags {
    gap: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__tags {
    margin: calc(12 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags {
    margin: calc(12 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.single-post__tags .tag-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .single-post__tags .tag-item {
    width: calc(65 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags .tag-item {
    width: calc(65 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__tags .tag-item {
    height: calc(19 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags .tag-item {
    height: calc(19 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__tags .tag-item {
    border-radius: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags .tag-item {
    border-radius: calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__tags .tag-item {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__tags .tag-item {
    font-size: calc(10 / 375 * 100vw);
  }
}
.single-post__tags .tag-item {
  font-weight: 600;
  color: #fff;
  padding: 0;
  background-color: var(--tag-bg-color, #C39672);
}
.single-post {
  /* -------------------------------------------
      本文ブロック
  ------------------------------------------- */
}
.single-post__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.single-post {
  /* -------------------------------------------
      ブロック共通
  ------------------------------------------- */
}
.single-post__block {
  width: 100%;
}
@media (min-width: 769px) {
  .single-post__block {
    max-width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__block {
    max-width: calc(360 / 375 * 100vw);
  }
}
.single-post__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .single-post__block {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__block {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .single-post__block {
    max-width: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .single-post__block {
    max-width: calc(300 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__block {
    max-width: 100%;
  }
}
.single-post {
  /* -------------------------------------------
      画像
  ------------------------------------------- */
}
.single-post__image-wrap {
  width: 100%;
}
@media (min-width: 769px) {
  .single-post__image-wrap {
    max-width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__image-wrap {
    max-width: calc(360 / 375 * 100vw);
  }
}
.single-post__image-wrap {
  display: flex;
  justify-content: center;
}
@media (max-width: 1440px) and (min-width: 769px) {
  .single-post__image-wrap {
    max-width: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .single-post__image-wrap {
    max-width: calc(300 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__image-wrap {
    max-width: 100%;
  }
}
.single-post__image-wrap img {
  width: 100%;
  height: auto;
}
@media (min-width: 769px) {
  .single-post__image-wrap img {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__image-wrap img {
    border-radius: calc(16 / 375 * 100vw);
  }
}
.single-post__image-wrap img {
  display: block;
}
.single-post {
  /* -------------------------------------------
      テキスト
  ------------------------------------------- */
}
.single-post__text {
  width: 100%;
}
@media (min-width: 769px) {
  .single-post__text {
    max-width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__text {
    max-width: calc(360 / 375 * 100vw);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .single-post__text {
    max-width: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .single-post__text {
    max-width: calc(300 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__text {
    max-width: 100%;
  }
}
.single-post__text {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .single-post__text {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__text {
    font-size: calc(15 / 375 * 100vw);
  }
}
.single-post__text {
  font-weight: 700;
}
@media (min-width: 769px) {
  .single-post__text {
    letter-spacing: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__text {
    letter-spacing: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single-post__text {
    line-height: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__text {
    line-height: calc(30 / 375 * 100vw);
  }
}
.single-post__text {
  color: #83502C;
  text-align: left;
}
.single-post {
  /* -------------------------------------------
      前後ナビ（ページネーション）
      ＜… ｜ 一覧へ戻る ｜ …＞
  ------------------------------------------- */
}
.single-post__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 769px) {
  .single-post__nav {
    width: calc(230 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    width: calc(230 / 375 * 100vw);
  }
}
.single-post__nav {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .single-post__nav {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    font-size: calc(15 / 375 * 100vw);
  }
}
.single-post__nav {
  font-weight: 700;
}
@media (min-width: 769px) {
  .single-post__nav {
    letter-spacing: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    letter-spacing: calc(5 / 375 * 100vw);
  }
}
.single-post__nav {
  color: #C39672;
  position: relative;
  z-index: 20;
}
.single-post__nav a {
  color: #C39672;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 20;
}

/* -------------------------------------------
   text1/text2 マージン制御
------------------------------------------- */
@media (min-width: 769px) {
  .single-post__block.single-post__block--text1 {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__block.single-post__block--text1 {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

@media (min-width: 769px) {
  .single-post__block.single-post__block--text2 {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__block.single-post__block--text2 {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* ============================================
 おすすめ記事（single.php 専用）
============================================ */
/* single用 recommend セクション本体 */
@media (min-width: 769px) {
  .recommend.recommend--single {
    margin: calc(135 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(70 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend.recommend--single {
    margin: calc(135 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(70 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend.recommend--single {
    width: calc(392 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend.recommend--single {
    width: calc(392 / 375 * 100vw);
  }
}
.recommend.recommend--single {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0;
}

/* タイトル画像の右余白 80px */
@media (min-width: 769px) {
  .recommend--single .recommend__title-img {
    margin-left: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__title-img {
    margin-left: calc(0 / 375 * 100vw);
  }
}

/* カードコンテナ */
.recommend--single .recommend__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards {
    width: calc(392 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards {
    width: calc(392 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards {
    gap: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards {
    gap: calc(15 / 375 * 100vw);
  }
}
.recommend--single .recommend__cards {
  position: relative;
}
.recommend--single .recommend__cards::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/recommend_bird.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards::after {
    width: calc(406 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards::after {
    width: calc(406 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards::after {
    height: calc(245 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards::after {
    height: calc(245 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards::after {
    top: calc(250 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards::after {
    top: calc(250 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend__cards::after {
    left: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend__cards::after {
    left: calc(0 / 375 * 100vw);
  }
}
.recommend--single .recommend__cards::after {
  z-index: -1;
  display: none;
}

/* recommend-card 共通 */
.recommend--single .recommend-card {
  flex: 1 1 0;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card {
    border-radius: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend-card {
    padding: calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card {
    padding: calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
.recommend--single .recommend-card {
  height: 18.75vw !important;
  color: #fff;
}
.recommend--single .recommend-card .recommend-card__link {
  display: block;
  height: 100%;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    width: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    width: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    height: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    height: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__thumb {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.recommend--single .recommend-card .recommend-card__thumb {
  border: solid 2px #fff;
}
.recommend--single .recommend-card .recommend-card__thumb img {
  height: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__thumb img {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__thumb img {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.recommend--single .recommend-card .recommend-card__meta,
.recommend--single .recommend-card .recommend-card__title,
.recommend--single .recommend-card .recommend-card__date,
.recommend--single .recommend-card .recommend-card__text {
  color: #fff;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__title {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__title {
    font-size: calc(14 / 375 * 100vw);
  }
}
.recommend--single .recommend-card .recommend-card__title {
  font-weight: 700;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__date {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__date {
    font-size: calc(12 / 375 * 100vw);
  }
}
.recommend--single .recommend-card .recommend-card__date {
  font-weight: 600;
}
@media (min-width: 769px) {
  .recommend--single .recommend-card .recommend-card__text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--single .recommend-card .recommend-card__text {
    font-size: calc(12 / 375 * 100vw);
  }
}
.recommend--single .recommend-card .recommend-card__text {
  line-height: 1.6;
}

/* 左カード背景：#F199A5 */
.single .recommend--single .recommend-card--left {
  background-color: #F199A5;
}

/* 右カード背景：#94CBE8 */
.single .recommend--single .recommend-card--right {
  background-color: #94CBE8;
}

/* recommend-card__link::before を無効化 */
.recommend--single .recommend-card::before {
  content: none !important;
  display: none !important;
}

/* recommend-card__link::after を無効化（recommend__cards に移動する前提なら） */
.recommend--single .recommend-card::after {
  content: none !important;
  display: none !important;
}

/* SP時は縦並びにしたい場合 */
@media (max-width: 768px) {
  .recommend--single .recommend__cards {
    flex-direction: column;
  }
  .recommend--single .recommend-card {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .single .insta--single {
    top: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single .insta--single {
    top: calc(140 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .single .insta--single {
    right: calc(52 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single .insta--single {
    right: calc(52 / 375 * 100vw);
  }
}

/* -------------------------------------------
    投稿ページのみ parallax margin-top 0
------------------------------------------- */
.single .parallax {
  margin-top: 0 !important;
}

/* -------------------------------------------
    BBSカスタム投稿タイプ専用スタイル
    single-bbsクラスが付与された場合のみ適用
------------------------------------------- */
@media (min-width: 769px) {
  .single-bbs .single-post__inner {
    margin: calc(80 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-bbs .single-post__inner {
    margin: calc(80 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* ============================================
   topics-archive（投稿アーカイブページ）
   ※ 全て responsive-size 系Mixin で制御
============================================ */
@media (min-width: 769px) {
  .topics-archive {
    padding: calc(70 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive {
    padding: calc(70 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__inner {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 769px) {
  .topics-archive__inner {
    max-width: calc(800 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__inner {
    max-width: calc(800 / 375 * 100vw);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .topics-archive__inner {
    max-width: calc(700 / 1440 * 100vw);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .topics-archive__inner {
    max-width: calc(700 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__inner {
    max-width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .topics-archive__inner {
    padding: calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .topics-archive__inner {
    padding: calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(40 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
.topics-archive {
  /* -------------------------------------------
      タイトル画像「お知らせトピック」
  ------------------------------------------- */
}
.topics-archive__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .topics-archive__title {
    margin: calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__title {
    margin: calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(32 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__title img {
    width: calc(240 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__title img {
    width: calc(240 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__title img {
    height: calc(46 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__title img {
    height: calc(46 / 375 * 100vw);
  }
}
.topics-archive__title img {
  display: block;
}
.topics-archive {
  /* -------------------------------------------
      おすすめ記事（アーカイブ内）
      330×300 の枠内におすすめ1件を表示
  ------------------------------------------- */
}
.topics-archive__recommend {
  width: 100%;
  text-align: center;
  margin: 0;
}
.topics-archive {
  /* 330×300 エリア本体（背景画像 + ボーダー + 角丸） */
}
.topics-archive__recommend-box {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .topics-archive__recommend-box {
    width: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-box {
    width: calc(330 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-box {
    height: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-box {
    height: calc(300 / 375 * 100vw);
  }
}
.topics-archive__recommend-box {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* ボーダーと角丸 */
  border: solid 2px #c39672;
}
@media (min-width: 769px) {
  .topics-archive__recommend-box {
    border-radius: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-box {
    border-radius: calc(15 / 375 * 100vw);
  }
}
.topics-archive__recommend-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 769px) {
  .topics-archive__recommend-box {
    padding: calc(16 / 1440 * 100vw) calc(12 / 1440 * 100vw) calc(12 / 1440 * 100vw) calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-box {
    padding: calc(16 / 375 * 100vw) calc(12 / 375 * 100vw) calc(12 / 375 * 100vw) calc(12 / 375 * 100vw);
  }
}
.topics-archive {
  /* タイトル画像をbox内に配置 */
}
@media (min-width: 769px) {
  .topics-archive__recommend-heading {
    width: calc(109 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-heading {
    width: calc(109 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-heading {
    height: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-heading {
    height: calc(15 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-heading {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(9 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-heading {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__recommend-heading img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.topics-archive {
  /* 枠の中に入るカード本体 */
}
.topics-archive__recommend-card {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.topics-archive__recommend-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  width: 100%;
}
.topics-archive__recommend-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topics-archive {
  /* 画像：margin-bottomを13pxに変更 + 枠いっぱいに画像を表示 */
}
@media (min-width: 769px) {
  .topics-archive__recommend-thumb {
    width: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-thumb {
    width: calc(280 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-thumb {
    height: calc(170 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-thumb {
    height: calc(170 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-thumb {
    border-radius: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-thumb {
    border-radius: calc(15 / 375 * 100vw);
  }
}
.topics-archive__recommend-thumb {
  overflow: hidden;
}
@media (min-width: 769px) {
  .topics-archive__recommend-thumb {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(13 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-thumb {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(13 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__recommend-thumb {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.topics-archive__recommend-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 769px) {
  .topics-archive__recommend-thumb img {
    border-radius: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-thumb img {
    border-radius: calc(15 / 375 * 100vw);
  }
}
.topics-archive {
  /* 横並びに変更、幅280px */
}
@media (min-width: 769px) {
  .topics-archive__recommend-meta {
    width: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-meta {
    width: calc(280 / 375 * 100vw);
  }
}
.topics-archive__recommend-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .topics-archive__recommend-meta {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-meta {
    gap: calc(8 / 375 * 100vw);
  }
}
.topics-archive {
  /* フォントサイズを15pxに変更 */
}
@media (min-width: 769px) {
  .topics-archive__recommend-title {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-title {
    font-size: calc(15 / 375 * 100vw);
  }
}
.topics-archive__recommend-title {
  font-weight: 700;
  color: #83502C;
  margin: 0;
  /* 13文字以上は「…」にする処理はPHP側で対応 */
}
@media (min-width: 769px) {
  .topics-archive__recommend-date {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-date {
    font-size: calc(10 / 375 * 100vw);
  }
}
.topics-archive__recommend-date {
  font-weight: 700;
  color: #83502C;
  margin: 0;
  white-space: nowrap;
}
.topics-archive {
  /* テキストエリア */
}
@media (min-width: 769px) {
  .topics-archive__recommend-text {
    width: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-text {
    width: calc(280 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend-text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-text {
    font-size: calc(12 / 375 * 100vw);
  }
}
.topics-archive__recommend-text {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .topics-archive__recommend-text {
    margin: calc(4 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-text {
    margin: calc(4 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__recommend-text {
  text-align: left;
  line-height: 1.6;
}
@media (min-width: 769px) {
  .topics-archive__recommend-empty {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-empty {
    font-size: calc(14 / 375 * 100vw);
  }
}
.topics-archive__recommend-empty {
  text-align: center;
  color: #83502C;
}
.topics-archive {
  /* -------------------------------------------
      トピック一覧 タイトル
  ------------------------------------------- */
}
.topics-archive__list-section {
  width: 100%;
}
@media (min-width: 769px) {
  .topics-archive__list-heading {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list-heading {
    font-size: calc(20 / 375 * 100vw);
  }
}
.topics-archive__list-heading {
  font-weight: 700;
  color: #83502C;
  text-align: center;
}
@media (min-width: 769px) {
  .topics-archive__list-heading {
    padding: calc(38 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list-heading {
    padding: calc(38 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__list-heading {
  position: relative;
  background-image: url(../../assets/img/archive_cloud_img.png);
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .topics-archive__list-heading {
    width: calc(227 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list-heading {
    width: calc(227 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__list-heading {
    height: calc(161 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list-heading {
    height: calc(161 / 375 * 100vw);
  }
}
.topics-archive__list-heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .topics-archive__list-heading {
    margin: 0 auto;
    background-size: 60.5333333333vw 42.9333333333vw;
    background-position-x: -2.6666666667vw;
  }
}
@media (min-width: 769px) {
  .topics-archive__list-heading {
    margin: 0 auto;
    background-size: 15.7638888889vw 11.1805555556vw;
    background-position-x: -0.6944444444vw;
  }
}
.topics-archive {
  /* -------------------------------------------
      トピック一覧 2カラム 6件
  ------------------------------------------- */
}
.topics-archive__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 0;
  row-gap: 0;
}
@media (min-width: 769px) {
  .topics-archive__list {
    max-width: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list {
    max-width: calc(330 / 375 * 100vw);
  }
}
.topics-archive__list {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .topics-archive__list {
    gap: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__list {
    gap: calc(20 / 375 * 100vw);
  }
}
.topics-archive {
  /* 1カードの幅：155px、高さ：272px */
}
@media (min-width: 769px) {
  .topics-archive__card {
    width: calc(155 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card {
    width: calc(155 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__card {
    height: calc(272 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card {
    height: calc(272 / 375 * 100vw);
  }
}
.topics-archive__card {
  background-color: transparent;
  border: none;
}
@media (min-width: 769px) {
  .topics-archive__card {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card {
    border-radius: calc(16 / 375 * 100vw);
  }
}
.topics-archive__card {
  padding: 0;
}
@media (min-width: 769px) {
  .topics-archive__card {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__card {
  display: flex;
  flex-direction: column;
}
.topics-archive__card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.topics-archive {
  /* 画像：155×150、margin-bottom: 15px */
}
@media (min-width: 769px) {
  .topics-archive__thumb {
    width: calc(155 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb {
    width: calc(155 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__thumb {
    height: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb {
    height: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__thumb {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb {
    border-radius: calc(10 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb {
    margin: 0 auto 4vw auto;
  }
}
@media (min-width: 769px) {
  .topics-archive__thumb {
    margin: 0 auto 1.0416666667vw auto;
  }
}
.topics-archive__thumb img {
  width: 100%;
}
@media (min-width: 769px) {
  .topics-archive__thumb img {
    height: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb img {
    height: calc(150 / 375 * 100vw);
  }
}
.topics-archive__thumb img {
  object-fit: cover;
}
@media (min-width: 769px) {
  .topics-archive__thumb img {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__thumb img {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.topics-archive__thumb img {
  display: block;
}
.topics-archive__card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .topics-archive__card-body {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-body {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive {
  /* タイトル：10文字、margin-bottom: 15px */
}
@media (min-width: 769px) {
  .topics-archive__card-title {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-title {
    font-size: calc(14 / 375 * 100vw);
  }
}
.topics-archive__card-title {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .topics-archive__card-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive {
  /* 投稿日付：margin-bottom: 9px */
}
@media (min-width: 769px) {
  .topics-archive__card-date {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-date {
    font-size: calc(10 / 375 * 100vw);
  }
}
.topics-archive__card-date {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .topics-archive__card-date {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(9 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-date {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive {
  /* テキスト：20文字、margin-bottom: 9px、2行固定 */
}
@media (min-width: 769px) {
  .topics-archive__card-text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-text {
    font-size: calc(12 / 375 * 100vw);
  }
}
.topics-archive__card-text {
  font-weight: 700;
  color: #83502C;
  line-height: 1.6;
}
@media (min-width: 769px) {
  .topics-archive__card-text {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(9 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__card-text {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(9 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__card-text {
  min-height: 38.4px;
}
@media (max-width: 768px) {
  .topics-archive__card-text {
    min-height: 10.24vw;
  }
}
@media (min-width: 769px) {
  .topics-archive__card-text {
    min-height: 2.6666666667vw;
  }
}
.topics-archive {
  /* タグ部分 */
}
@media (min-width: 769px) {
  .topics-archive__tags {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__tags {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive__tags {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 769px) {
  .topics-archive__tags {
    gap: calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__tags {
    gap: calc(4 / 375 * 100vw);
  }
}
.topics-archive__tags {
  list-style: none;
  padding: 0;
}
.topics-archive .tag-item {
  background-color: var(--tag-bg-color, #FFC0CB);
  color: #FFF;
  padding: 0;
}
@media (min-width: 769px) {
  .topics-archive .tag-item {
    border-radius: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive .tag-item {
    border-radius: calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive .tag-item {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive .tag-item {
    font-size: calc(10 / 375 * 100vw);
  }
}
.topics-archive .tag-item {
  font-weight: 700;
}
@media (min-width: 769px) {
  .topics-archive .tag-item {
    width: calc(65 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive .tag-item {
    width: calc(65 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive .tag-item {
    height: calc(19 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive .tag-item {
    height: calc(19 / 375 * 100vw);
  }
}
.topics-archive .tag-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .topics-archive__empty {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__empty {
    font-size: calc(14 / 375 * 100vw);
  }
}
.topics-archive__empty {
  text-align: center;
  color: #83502C;
}
@media (min-width: 769px) {
  .topics-archive__empty {
    margin: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__empty {
    margin: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics-archive {
  /* SP 調整 */
}
@media (max-width: 768px) and (min-width: 769px) {
  .topics-archive__title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(24 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .topics-archive__title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(24 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .topics-archive__recommend {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .topics-archive__recommend {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(32 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend-box {
    height: auto;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .topics-archive__recommend-box {
    width: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .topics-archive__recommend-box {
    width: calc(300 / 375 * 100vw);
  }
}

/* 投稿一覧ページでも parallax の margin-top を 0 に */
.archive .parallax,
.blog .parallax {
  margin-top: 0 !important;
}

/* ============================================
   topics-archive(投稿アーカイブページ)
   ※ 全て responsive-size 系Mixin で制御
============================================ */
.topics-archive {
  /* -------------------------------------------
      おすすめ記事(アーカイブ内)
      330×300 の枠内におすすめ1件を表示
  ------------------------------------------- */
}
.topics-archive__recommend {
  width: 100%;
  text-align: center;
  margin: 0;
  position: relative;
  /* 手のマーク(左右に揺れるアニメーション)を追加 */
}
.topics-archive__recommend::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/hand_mark.png);
  background-repeat: no-repeat;
  background-size: 100%;
  animation: shakeX 2s ease-in-out infinite;
}
@media (min-width: 769px) {
  .topics-archive__recommend::before {
    width: calc(47 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend::before {
    width: calc(47 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend::before {
    height: calc(46 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend::before {
    height: calc(46 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend::before {
    top: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend::before {
    top: calc(280 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-archive__recommend::before {
    right: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-archive__recommend::before {
    right: calc(0 / 375 * 100vw);
  }
}
.topics-archive__recommend::before {
  z-index: 10;
}

/* shakeXアニメーションの定義(グローバルに定義されていない場合のみ追加) */
@keyframes shakeX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
/* ============================================
   recommend--archive（タグ検索エリア）
   左上に縦並びで配置
============================================ */
.recommend--archive .recommend__tags-filter {
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-filter {
    top: 26.6666666667vw;
  }
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tags-filter {
    top: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-filter {
    position: relative;
    top: auto;
    left: auto;
    align-items: center;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .recommend--archive .recommend__tags-filter {
    margin: calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .recommend--archive .recommend__tags-filter {
    margin: calc(32 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tags-label {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-label {
    font-size: calc(20 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tags-label {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tags-label {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-label {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tags-label {
  text-align: left;
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-label {
    text-align: center;
  }
}
.recommend--archive .recommend__tags-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tags-buttons {
    gap: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-buttons {
    gap: calc(20 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tags-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .recommend--archive .recommend__tags-buttons {
    max-width: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .recommend--archive .recommend__tags-buttons {
    max-width: calc(330 / 375 * 100vw);
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .recommend--archive .recommend__tags-buttons {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .recommend--archive .recommend__tags-buttons {
    gap: calc(8 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tag-btn {
  background-color: var(--tag-bg-color, #C39672);
  color: #FFF;
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tag-btn {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    font-size: calc(14 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tag-btn {
  font-weight: 700;
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tag-btn {
    width: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    width: calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tag-btn {
    height: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    height: calc(25 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend--archive .recommend__tag-btn {
    border-radius: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    border-radius: calc(100 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tag-btn {
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 1px 0 rgba(115, 83, 57, 0.5);
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    width: auto;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .recommend--archive .recommend__tag-btn {
    padding: calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .recommend--archive .recommend__tag-btn {
    padding: calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
.recommend--archive .recommend__tag-btn:hover {
  opacity: 0.8;
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .recommend--archive .recommend__tag-btn:hover {
    transform: translateY(-2px);
  }
}
.recommend--archive .recommend__tag-btn--active {
  box-shadow: 2px 2px 1px 0 rgba(115, 83, 57, 0.5), 0 0 0 2px #83502C;
}
.recommend--archive .recommend__tags-buttons button:first-child {
  background-color: #C39672;
}

.recommend--archive {
  position: relative;
}
@media (min-width: 769px) {
  .recommend--archive {
    padding: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend--archive {
    padding: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .recommend--archive {
    padding: calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .recommend--archive {
    padding: calc(20 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* ============================================
   BBSアーカイブページ（鍼灸師向け掲示板）
   page-about.phpと同じ構成
============================================ */
.bbs-archive {
  position: relative;
}
.bbs-archive__intro {
  text-align: center;
  font-weight: 700;
  color: #83502C;
  background-image: url(../../assets/img/bbs_intro_bg.png);
  background-repeat: no-repeat;
  background-position: -20px center;
  background-size: contain;
}
@media (min-width: 769px) {
  .bbs-archive__intro {
    width: calc(320 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__intro {
    width: calc(320 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__intro {
    height: calc(226 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__intro {
    height: calc(226 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__intro {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__intro {
    font-size: calc(13 / 375 * 100vw);
  }
}
.bbs-archive__intro {
  margin: -40px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .bbs-archive__intro p {
    line-height: 1.5972222222vw;
  }
}
@media (max-width: 768px) {
  .bbs-archive__intro p {
    line-height: 6.1333333333vw;
  }
}
.bbs-archive__inner {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .bbs-archive__inner {
    padding: calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__inner {
    padding: calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
.bbs-archive__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .bbs-archive__list {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__list {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs-archive__card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .bbs-archive__card {
    width: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card {
    width: calc(330 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__card {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(50 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(50 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card {
    width: 100%;
    max-width: 88vw;
  }
}
@media (min-width: 769px) {
  .bbs-archive__card:last-child {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card:last-child {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs-archive__card.is-latest::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bbs_new_baddie.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}
@media (min-width: 769px) {
  .bbs-archive__card.is-latest::before {
    width: calc(97 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card.is-latest::before {
    width: calc(97 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__card.is-latest::before {
    height: calc(106 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card.is-latest::before {
    height: calc(106 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__card.is-latest::before {
    top: calc(-50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card.is-latest::before {
    top: calc(-50 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__card.is-latest::before {
    right: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__card.is-latest::before {
    right: calc(10 / 375 * 100vw);
  }
}
.bbs-archive__card.is-latest::before {
  animation: swingBadge 2s ease-in-out infinite;
}
@keyframes swingBadge {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bbs-archive__card-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 769px) {
  .bbs-archive__thumb {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__thumb {
    border-radius: calc(16 / 375 * 100vw);
  }
}
.bbs-archive__thumb {
  overflow: hidden;
}
@media (min-width: 769px) {
  .bbs-archive__thumb {
    width: calc(210 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__thumb {
    width: calc(210 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__thumb {
    height: calc(297 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__thumb {
    height: calc(297 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__thumb {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__thumb {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__thumb {
    width: 100%;
    max-width: 56vw;
    height: auto;
    aspect-ratio: 210/297;
  }
}
.bbs-archive__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbs-archive__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 769px) {
  .bbs-archive__content {
    width: calc(295 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__content {
    width: calc(295 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__content {
    width: 100%;
    max-width: 78.6666666667vw;
  }
}
.bbs-archive__title {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .bbs-archive__title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__title {
    font-size: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__title {
    line-height: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__title {
    line-height: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__title {
    letter-spacing: 0.2666666667vw;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  .bbs-archive__title {
    letter-spacing: 0.0694444444vw;
  }
}
@media (min-width: 1441px) {
  .bbs-archive__title {
    letter-spacing: 1px;
  }
}
.bbs-archive__date {
  font-weight: 600;
  color: #83502C;
}
@media (min-width: 769px) {
  .bbs-archive__date {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__date {
    font-size: calc(12 / 375 * 100vw);
  }
}
.bbs-archive__text {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .bbs-archive__text {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__text {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__text {
    line-height: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__text {
    line-height: calc(20 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__text {
    letter-spacing: 0.1866666667vw;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  .bbs-archive__text {
    letter-spacing: 0.0486111111vw;
  }
}
@media (min-width: 1441px) {
  .bbs-archive__text {
    letter-spacing: 0.7px;
  }
}
.bbs-archive__empty {
  text-align: center;
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .bbs-archive__empty {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__empty {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs-archive__empty {
    margin: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs-archive__empty {
    margin: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* BBSアーカイブページ専用の鳥の位置 */
@media (min-width: 769px) {
  .post-type-archive-bbs .parallax__inner > .bbs-archive {
    margin: calc(70 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(-30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .post-type-archive-bbs .parallax__inner > .bbs-archive {
    margin: calc(70 / 375 * 100vw) calc(0 / 375 * 100vw) calc(-30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.post-type-archive-bbs .parallax__inner > .bbs-archive {
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .post-type-archive-bbs .bbs-bird--menu-page {
    top: -34.6666666667vw;
    left: 8vw;
  }
}
@media (min-width: 769px) {
  .post-type-archive-bbs .bbs-bird--menu-page {
    top: -9.0277777778vw;
    left: 2.0833333333vw;
  }
}
.post-type-archive-bbs .fv-main {
  padding-top: 80px;
}
@media (min-width: 769px) {
  .post-type-archive-bbs .fv-main__image {
    width: calc(318 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .post-type-archive-bbs .fv-main__image {
    width: calc(318 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .post-type-archive-bbs .fv-main__image {
    height: calc(241 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .post-type-archive-bbs .fv-main__image {
    height: calc(241 / 375 * 100vw);
  }
}
.post-type-archive-bbs .fv-main__image {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .post-type-archive-bbs .parallax__inner > section {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .post-type-archive-bbs .parallax__inner > section {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .post-type-archive-bbs .menu-page__contact-buttons {
    margin: 0 auto 21.3333333333vw auto;
  }
}
@media (min-width: 769px) {
  .post-type-archive-bbs .menu-page__contact-buttons {
    margin: 0 auto 5.5555555556vw auto;
  }
}
.post-type-archive-bbs .recommend-card::after {
  content: none !important;
  display: none !important;
}
.post-type-archive-bbs .crowd__item-3 {
  display: none !important;
}

/* コンポーネント */
/* ============================================
   共通ページネーション
   アーカイブページ、投稿ページで共通使用
============================================ */
/* ページネーション共通スタイル */
@media (min-width: 769px) {
  .pagination-common, .bbs-archive__pagination, .topics-archive__pagination {
    margin: calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common, .bbs-archive__pagination, .topics-archive__pagination {
    margin: calc(32 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.pagination-common, .bbs-archive__pagination, .topics-archive__pagination {
  display: flex;
  justify-content: center;
}
.pagination-common__list, .bbs-archive__pagination-list, .topics-archive__pagination-list {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .pagination-common__list, .bbs-archive__pagination-list, .topics-archive__pagination-list {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common__list, .bbs-archive__pagination-list, .topics-archive__pagination-list {
    gap: calc(8 / 375 * 100vw);
  }
}
.pagination-common__list, .bbs-archive__pagination-list, .topics-archive__pagination-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination-common__item, .bbs-archive__pagination-item, .topics-archive__pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    font-size: calc(15 / 375 * 100vw);
  }
}
.pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
.pagination-common__item span.current,
.bbs-archive__pagination-item span.current,
.topics-archive__pagination-item span.current {
  font-weight: 700;
  color: #FFF;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    width: calc(26 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    width: calc(26 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    height: calc(26 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    height: calc(26 / 375 * 100vw);
  }
}
.pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
.pagination-common__item span.current,
.bbs-archive__pagination-item span.current,
.topics-archive__pagination-item span.current {
  border-radius: 50%;
  background-color: #C39672;
  text-decoration: none;
}
@media (min-width: 769px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(2 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .pagination-common__item a, .bbs-archive__pagination-item a, .topics-archive__pagination-item a,
  .pagination-common__item span.current,
  .bbs-archive__pagination-item span.current,
  .topics-archive__pagination-item span.current {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(2 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.pagination-common__item a span.nav-set,
.pagination-common__item span.nav-set,
.bbs-archive__pagination-item span.nav-set,
.topics-archive__pagination-item span.nav-set {
  background-color: transparent !important;
  width: auto;
  height: auto;
  border-radius: 0;
  padding: 0;
}
.pagination-common__item a:has(span.nav-set), .bbs-archive__pagination-item a:has(span.nav-set), .topics-archive__pagination-item a:has(span.nav-set) {
  background-color: transparent !important;
  width: auto;
  height: auto;
  border-radius: 0;
  color: #C39672;
  padding: 0;
}

/* ============================================
   ページネーション共通パーツ（矢印・ドット）
============================================ */
.nav-set {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media (min-width: 769px) {
  .nav-set {
    gap: calc(7 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-set {
    gap: calc(7 / 375 * 100vw);
  }
}

@media (min-width: 769px) {
  a:has(.nav-arrow--next) .nav-set,
  .next .nav-set {
    gap: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  a:has(.nav-arrow--next) .nav-set,
  .next .nav-set {
    gap: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  a:has(.nav-arrow--next) .nav-set,
  .next .nav-set {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(4 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  a:has(.nav-arrow--next) .nav-set,
  .next .nav-set {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(4 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

.nav-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .nav-dots {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-dots {
    font-size: calc(15 / 375 * 100vw);
  }
}
.nav-dots {
  line-height: 1;
  color: #C39672;
}
@media (min-width: 769px) {
  .nav-dots {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(6 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-dots {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(6 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

.nav-arrow {
  display: block;
}
@media (min-width: 769px) {
  .nav-arrow {
    width: calc(6 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-arrow {
    width: calc(6 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .nav-arrow {
    height: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-arrow {
    height: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .nav-arrow {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(2 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-arrow {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(2 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

@media (min-width: 769px) {
  .nav-arrow--prev {
    margin: calc(3 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-arrow--prev {
    margin: calc(3 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

.nav-arrow--next {
  transform: rotate(180deg);
}
@media (min-width: 769px) {
  .nav-arrow--next {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(-5 / 1440 * 100vw) calc(-5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-arrow--next {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(-5 / 375 * 100vw) calc(-5 / 375 * 100vw);
  }
}

/* ============================================
   投稿ページ用のページネーション
   前後ナビ（ページネーション）
   ＜… ｜ 一覧へ戻る ｜ …＞
============================================ */
.single-post__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 769px) {
  .single-post__nav {
    width: calc(230 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    width: calc(230 / 375 * 100vw);
  }
}
.single-post__nav {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .single-post__nav {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    font-size: calc(15 / 375 * 100vw);
  }
}
.single-post__nav {
  font-weight: 700;
}
@media (min-width: 769px) {
  .single-post__nav {
    letter-spacing: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .single-post__nav {
    letter-spacing: calc(5 / 375 * 100vw);
  }
}
.single-post__nav {
  color: #C39672;
  position: relative;
  z-index: 20;
}
.single-post__nav a {
  color: #C39672;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 20;
}

/* ============================================
   既存のページネーションクラスへの適用
============================================ */
/* ============================================
   5) お知らせトピック - スライダー
   ドラッグ&フリック対応版
   ============================================ */
.topics {
  position: relative;
}
@media (min-width: 769px) {
  .topics {
    margin: calc(-130 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics {
    margin: calc(-130 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/topics_crowd.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media (min-width: 769px) {
  .topics::after {
    width: calc(128 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics::after {
    width: calc(128 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics::after {
    height: calc(77 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics::after {
    height: calc(77 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics::after {
    top: calc(240 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics::after {
    top: calc(240 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics::after {
    left: calc(-20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics::after {
    left: calc(-20 / 375 * 100vw);
  }
}
.topics__box {
  background-color: #fff;
  display: flex;
  margin-left: auto;
  border: solid 2px #C39672;
  border-right: none;
  overflow: hidden;
}
@media (min-width: 769px) {
  .topics__box {
    border-radius: calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__box {
    border-radius: calc(20 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__box {
    width: calc(316 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__box {
    width: calc(316 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__box {
    height: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__box {
    height: calc(280 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__box {
    padding: calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__box {
    padding: calc(16 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__box {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__box {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(27 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .topics__box {
    width: 100%;
  }
}
.topics__title {
  text-align: left;
}
@media (min-width: 769px) {
  .topics__title {
    margin: calc(0 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__title {
    margin: calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__title-img {
    width: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__title-img {
    width: calc(28 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__title-img {
    height: calc(146 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__title-img {
    height: calc(146 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__title-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(34 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__title-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(34 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.topics__btn {
  display: flex;
}
@media (min-width: 769px) {
  .topics__btn {
    width: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__btn {
    width: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__btn {
    height: calc(58 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__btn {
    height: calc(58 / 375 * 100vw);
  }
}
.topics__btn::after {
  content: none;
}
.topics__title-text {
  font-weight: 700;
}
@media (min-width: 769px) {
  .topics__title-text {
    font-size: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__title-text {
    font-size: calc(16 / 375 * 100vw);
  }
}
.topics__list {
  position: relative;
  overflow: hidden;
}
@media (min-width: 769px) {
  .topics__list {
    width: calc(241 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__list {
    width: calc(241 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__list {
    height: calc(248 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__list {
    height: calc(248 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .topics__list {
    width: 100%;
  }
}
.topics__swiper-wrapper {
  display: flex;
  transition: transform 0.3s ease;
  transform: translateX(0);
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  touch-action: pan-y pinch-zoom;
}
@media (min-width: 769px) {
  .topics__swiper-wrapper {
    gap: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-wrapper {
    gap: calc(16 / 375 * 100vw);
  }
}
.topics__swiper-wrapper {
  cursor: grab;
}
.topics__swiper-wrapper:active {
  cursor: grabbing;
}
.topics__swiper-wrapper * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  pointer-events: auto;
}
.topics__swiper-slide {
  flex-shrink: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
@media (min-width: 769px) {
  .topics__swiper-slide {
    width: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-slide {
    width: calc(150 / 375 * 100vw);
  }
}
.topics__swiper-slide *,
.topics__swiper-slide a,
.topics__swiper-slide img {
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.topics__swiper-button-prev, .topics__swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #C39672;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
@media (min-width: 769px) {
  .topics__swiper-button-prev, .topics__swiper-button-next {
    width: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-button-prev, .topics__swiper-button-next {
    width: calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__swiper-button-prev, .topics__swiper-button-next {
    height: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-button-prev, .topics__swiper-button-next {
    height: calc(30 / 375 * 100vw);
  }
}
.topics__swiper-button-prev:hover, .topics__swiper-button-next:hover {
  opacity: 0.7;
  background: rgb(255, 255, 255);
}
.topics__swiper-button-prev:active, .topics__swiper-button-next:active {
  background: rgba(195, 150, 114, 0.3);
}
@media (min-width: 769px) {
  .topics__swiper-button-prev img, .topics__swiper-button-next img {
    width: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-button-prev img, .topics__swiper-button-next img {
    width: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics__swiper-button-prev img, .topics__swiper-button-next img {
    height: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics__swiper-button-prev img, .topics__swiper-button-next img {
    height: calc(12 / 375 * 100vw);
  }
}
.topics__swiper-button-prev img, .topics__swiper-button-next img {
  object-fit: contain;
}
.topics__swiper-button-prev {
  left: 0;
}
@media (max-width: 768px) {
  .topics__swiper-button-prev {
    left: -9.3333333333vw;
  }
}
@media (min-width: 769px) {
  .topics__swiper-button-prev {
    left: -2.4305555556vw;
  }
}
.topics__swiper-button-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
  .topics__swiper-button-next {
    right: -9.3333333333vw;
  }
}
@media (min-width: 769px) {
  .topics__swiper-button-next {
    right: -2.4305555556vw;
  }
}
.topics__swiper-button-next:hover {
  transform: translateY(-50%) rotate(180deg);
  opacity: 0.7;
  background: rgb(255, 255, 255);
}
.topics__swiper-button-next:active {
  background: rgba(195, 150, 114, 0.3);
}

@media (min-width: 769px) {
  .topics .topics__btn.topics__btn {
    width: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics .topics__btn.topics__btn {
    width: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics .topics__btn.topics__btn {
    height: calc(58 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics .topics__btn.topics__btn {
    height: calc(58 / 375 * 100vw);
  }
}
.topics .topics__btn.topics__btn {
  display: flex;
}
.topics .topics__btn.topics__btn::after {
  content: none;
}

.topics-item__link {
  display: flex;
  flex-direction: column;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
@media (min-width: 769px) {
  .topics-item__link {
    gap: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__link {
    gap: calc(16 / 375 * 100vw);
  }
}
.topics-item__link * {
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.topics-item__thumb {
  flex: 0 0 auto;
}
@media (min-width: 769px) {
  .topics-item__thumb {
    width: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__thumb {
    width: calc(150 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__thumb {
    width: 100%;
    max-width: 40vw;
  }
}
.topics-item__thumb img {
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}
.topics-item__meta {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .topics-item__meta {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__meta {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-item__meta {
    gap: calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__meta {
    gap: calc(4 / 375 * 100vw);
  }
}
.topics-item__title {
  font-weight: 700;
}
@media (min-width: 769px) {
  .topics-item__title {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__title {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-item__date {
    font-size: calc(11 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__date {
    font-size: calc(11 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .topics-item__text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .topics-item__text {
    font-size: calc(12 / 375 * 100vw);
  }
}

/* ============================================
   メニューページ スクロールアニメーション
   テキストを下から上にフェードインさせる
   各セクションが個別に表示位置でアニメーション
============================================ */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 2s ease-out, transform 2s ease-out;
}
@media (min-width: 769px) {
  .fade-in-up {
    transform: translateY(2.0833333333vw);
  }
}
@media (max-width: 768px) {
  .fade-in-up {
    transform: translateY(8vw);
  }
}

.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.menu-page__intro.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 2s ease-out, transform 2s ease-out;
}
@media (min-width: 769px) {
  .menu-page__intro.fade-in-up {
    transform: translateY(2.0833333333vw);
  }
}
@media (max-width: 768px) {
  .menu-page__intro.fade-in-up {
    transform: translateY(8vw);
  }
}
.menu-page__intro.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* レイアウト */
/* ============================================
   共通コンポーネント
   ============================================ */
.more-btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-left: auto;
}
@media (min-width: 769px) {
  .more-btn {
    width: calc(105 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn {
    width: calc(105 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn {
    height: calc(22 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn {
    height: calc(22 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn {
    margin-right: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn {
    margin-right: calc(30 / 375 * 100vw);
  }
}
.more-btn::after {
  content: "";
  position: absolute;
  height: 1px;
  left: 50%;
  transform: translateX(-51%);
  background-color: #735339;
  transition: 0.3s;
}
@media (min-width: 769px) {
  .more-btn::after {
    width: calc(102 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn::after {
    width: calc(102 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn::after {
    bottom: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn::after {
    bottom: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn__arrow-img {
    width: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__arrow-img {
    width: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn__arrow-img {
    height: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__arrow-img {
    height: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn__arrow-img {
    margin: calc(0 / 1440 * 100vw) calc(1 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__arrow-img {
    margin: calc(0 / 375 * 100vw) calc(1 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.more-btn__text {
  font-weight: 700;
  transition: 0.3s;
}
@media (min-width: 769px) {
  .more-btn__text {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__text {
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn__text {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(2 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__text {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(2 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .more-btn__text {
    letter-spacing: calc(0.7 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .more-btn__text {
    letter-spacing: calc(0.7 / 375 * 100vw);
  }
}

/* ============================================
     雲の背景装飾
     ============================================ */
.crowd {
  position: absolute;
}

.crowd__item-1 {
  animation: crowd-1 3s ease-in-out infinite;
}
@media (min-width: 769px) {
  .crowd__item-1 {
    width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-1 {
    width: calc(360 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-1 {
    top: calc(170 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-1 {
    top: calc(170 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-1 {
    left: calc(-50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-1 {
    left: calc(-50 / 375 * 100vw);
  }
}

@keyframes crowd-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.crowd__item-2 {
  animation: crowd-2 5s ease-in-out infinite;
  z-index: 999;
}
@media (min-width: 769px) {
  .crowd__item-2 {
    width: calc(227 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-2 {
    width: calc(227 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-2 {
    top: calc(95 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-2 {
    top: calc(95 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-2 {
    left: calc(-125 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-2 {
    left: calc(-125 / 375 * 100vw);
  }
}

@keyframes crowd-2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.crowd__item-5 {
  animation: crowd-5 3s ease-in-out infinite;
  z-index: 999;
}
@media (min-width: 769px) {
  .crowd__item-5 {
    width: calc(227 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-5 {
    width: calc(227 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-5 {
    top: calc(240 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-5 {
    top: calc(240 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-5 {
    left: calc(310 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-5 {
    left: calc(310 / 375 * 100vw);
  }
}

@keyframes crowd-5 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.crowd__item-6 {
  animation: crowd-6 4s ease-in-out infinite;
  z-index: 999;
}
@media (min-width: 769px) {
  .crowd__item-6 {
    width: calc(227 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-6 {
    width: calc(227 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-6 {
    top: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-6 {
    top: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .crowd__item-6 {
    left: calc(1250 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .crowd__item-6 {
    left: calc(1250 / 375 * 100vw);
  }
}

@keyframes crowd-6 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
/* ============================================
     パララックスラッパー
     ============================================ */
.parallax {
  position: relative;
  z-index: 20;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .parallax {
    width: calc(375 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .parallax {
    width: calc(375 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .parallax {
    margin-top: calc(90 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .parallax {
    margin-top: calc(90 / 375 * 100vw);
  }
}
.parallax__inner {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .parallax__inner > section {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .parallax__inner > section {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* ============================================
   固定Instagramボタン（スマホのみ）
   ============================================ */
.fixed-insta-btn {
  position: fixed;
  z-index: 9999;
  display: none;
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .fixed-insta-btn {
    display: block;
    width: 23.7333333333vw;
    height: 25.0666666667vw;
    bottom: 0vw;
    right: 0vw;
  }
}
.fixed-insta-btn img {
  width: 100%;
  height: 100%;
  display: block;
}
.fixed-insta-btn:active {
  transform: scale(0.95);
}

/* ============================================
   ヘッダー（固定）
   ============================================ */
.site-header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  backdrop-filter: blur(4px);
  background-color: #FAEFDD;
}
@media (min-width: 769px) {
  .site-header {
    width: calc(375 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header {
    width: calc(375 / 375 * 100vw);
  }
}
.site-header__inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .site-header__inner {
    padding: calc(16 / 1440 * 100vw) calc(12 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__inner {
    padding: calc(16 / 375 * 100vw) calc(12 / 375 * 100vw) calc(16 / 375 * 100vw) calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .site-header__logo-img {
    width: calc(154 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__logo-img {
    width: calc(154 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .site-header__logo-img {
    margin: calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__logo-img {
    margin: calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.site-header__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 769px) {
  .site-header__right {
    gap: calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__right {
    gap: calc(4 / 375 * 100vw);
  }
}
.site-header__buttons {
  display: flex;
}
@media (min-width: 769px) {
  .site-header__buttons {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__buttons {
    gap: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .site-header__buttons {
    padding: calc(0 / 1440 * 100vw) calc(6 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__buttons {
    padding: calc(0 / 375 * 100vw) calc(6 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .site-header__btn-img {
    width: calc(75 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__btn-img {
    width: calc(75 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .site-header__time {
    font-size: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .site-header__time {
    font-size: calc(8 / 375 * 100vw);
  }
}

/* ============================================
   ファーストビュー（固定）
   ============================================ */
.global-fv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-color: #faefdd;
}
.global-fv__inner {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .global-fv__inner {
    max-width: calc(1440 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .global-fv__inner {
    max-width: calc(1440 / 375 * 100vw);
  }
}
.global-fv::after {
  position: fixed;
  content: "";
  display: block;
  background-image: url(../../assets/img/recommend_bird.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
}
@media (min-width: 769px) {
  .global-fv::after {
    left: calc(50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .global-fv::after {
    left: calc(50 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .global-fv::after {
    width: calc(406 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .global-fv::after {
    width: calc(406 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .global-fv::after {
    height: calc(245 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .global-fv::after {
    height: calc(245 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .global-fv::after {
    display: none;
  }
}

/* ============================================
   0) おすすめ記事エリア
   ============================================ */
.recommend {
  flex: 1;
}
@media (min-width: 769px) {
  .recommend {
    width: calc(186 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend {
    width: calc(186 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend {
    margin: calc(80 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend {
    margin: calc(80 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(140 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend {
    margin: calc(135 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend {
    margin: calc(135 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend__title-img {
    width: calc(220 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend__title-img {
    width: calc(220 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend__title-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(68 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend__title-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(68 / 375 * 100vw);
  }
}
.recommend .recommend-card {
  background-color: #fff;
  border: solid 2px #c39672;
  position: relative;
}
@media (min-width: 769px) {
  .recommend .recommend-card {
    border-radius: calc(24 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card {
    border-radius: calc(24 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card {
    padding: calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card {
    padding: calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card {
    width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card {
    width: calc(360 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card {
    height: calc(186 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card {
    height: calc(186 / 375 * 100vw);
  }
}
.recommend .recommend-card::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/hand_mark.png);
  background-repeat: no-repeat;
  background-size: 100%;
  animation: shakeX 2s ease-in-out infinite;
}
@media (min-width: 769px) {
  .recommend .recommend-card::before {
    width: calc(47 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card::before {
    width: calc(47 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card::before {
    height: calc(46 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card::before {
    height: calc(46 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card::before {
    top: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card::before {
    top: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card::before {
    right: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card::before {
    right: calc(-30 / 375 * 100vw);
  }
}
@keyframes shakeX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.recommend .recommend-card__link {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .recommend .recommend-card__link {
    gap: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__link {
    gap: calc(12 / 375 * 100vw);
  }
}
.recommend .recommend-card__thumb {
  flex: 0 0 auto;
}
@media (min-width: 769px) {
  .recommend .recommend-card__thumb {
    width: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__thumb {
    width: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card__thumb {
    height: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__thumb {
    height: calc(150 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card__thumb {
    border-radius: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__thumb {
    border-radius: calc(15 / 375 * 100vw);
  }
}
.recommend .recommend-card__thumb {
  overflow: hidden;
}
.recommend .recommend-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .recommend .recommend-card__thumb img {
    border-radius: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__thumb img {
    border-radius: calc(15 / 375 * 100vw);
  }
}
.recommend .recommend-card__meta {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .recommend .recommend-card__date {
    font-size: calc(11 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__date {
    font-size: calc(11 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card__date {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(4 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__date {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(4 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.recommend .recommend-card__title {
  font-weight: 700;
}
@media (min-width: 769px) {
  .recommend .recommend-card__title {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__title {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .recommend-card__title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(4 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(4 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.recommend .recommend-card__text {
  font-weight: 700;
}
@media (min-width: 769px) {
  .recommend .recommend-card__text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__text {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .recommend-card__text {
    letter-spacing: 0.16vw;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  .recommend .recommend-card__text {
    letter-spacing: 0.0416666667vw;
  }
}
@media (min-width: 1441px) {
  .recommend .recommend-card__text {
    letter-spacing: 0.6px;
  }
}
.recommend .hane-1 {
  position: absolute;
}
@media (min-width: 769px) {
  .recommend .hane-1 {
    width: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-1 {
    width: calc(28 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-1 {
    height: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-1 {
    height: calc(28 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-1 {
    left: calc(119 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-1 {
    left: calc(119 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-1 {
    top: calc(460 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-1 {
    top: calc(460 / 375 * 100vw);
  }
}
.recommend .hane-2 {
  position: absolute;
  z-index: -1;
}
@media (min-width: 769px) {
  .recommend .hane-2 {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-2 {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-2 {
    height: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-2 {
    height: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-2 {
    left: calc(385 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-2 {
    left: calc(385 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .recommend .hane-2 {
    top: calc(240 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .recommend .hane-2 {
    top: calc(240 / 375 * 100vw);
  }
}

/* ============================================
   インスタエリア
   ============================================ */
.insta {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 769px) {
  .insta {
    max-width: calc(420 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta {
    max-width: calc(420 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta {
    top: calc(170 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta {
    top: calc(170 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta {
    right: calc(52 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta {
    right: calc(52 / 375 * 100vw);
  }
}
.insta__text {
  background-image: url(../../assets/img/fukidasi_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .insta__text {
    width: calc(176 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__text {
    width: calc(176 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta__text {
    height: calc(127 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__text {
    height: calc(127 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta__text {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__text {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta__text {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__text {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.insta__text p {
  font-weight: 700;
  text-align: center;
}
@media (min-width: 769px) {
  .insta__text p {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__text p {
    font-size: calc(12 / 375 * 100vw);
  }
}
.insta__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .insta__logo {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__logo {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta__logo-img {
    width: calc(54 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__logo-img {
    width: calc(54 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta__logo-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(4 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__logo-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(4 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.insta__account {
  font-weight: 700;
}
@media (min-width: 769px) {
  .insta__account {
    font-size: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__account {
    font-size: calc(25 / 375 * 100vw);
  }
}
.insta__pictures {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .insta__pictures {
    width: calc(418 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta__pictures {
    width: calc(418 / 375 * 100vw);
  }
}
.insta .hane-5 {
  position: absolute;
}
@media (min-width: 769px) {
  .insta .hane-5 {
    width: calc(44 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-5 {
    width: calc(44 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-5 {
    height: calc(44 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-5 {
    height: calc(44 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-5 {
    left: calc(50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-5 {
    left: calc(50 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-5 {
    top: calc(292 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-5 {
    top: calc(292 / 375 * 100vw);
  }
}
.insta .hane-6 {
  position: absolute;
}
@media (min-width: 769px) {
  .insta .hane-6 {
    width: calc(65 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-6 {
    width: calc(65 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-6 {
    height: calc(65 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-6 {
    height: calc(65 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-6 {
    left: calc(320 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-6 {
    left: calc(320 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-6 {
    top: calc(150 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-6 {
    top: calc(150 / 375 * 100vw);
  }
}
.insta .hane-7 {
  position: absolute;
}
@media (min-width: 769px) {
  .insta .hane-7 {
    width: calc(77 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-7 {
    width: calc(77 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-7 {
    height: calc(60 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-7 {
    height: calc(60 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-7 {
    left: calc(270 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-7 {
    left: calc(270 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .insta .hane-7 {
    top: calc(420 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .insta .hane-7 {
    top: calc(420 / 375 * 100vw);
  }
}

/* ============================================
   2) FV（メインビジュアル）
   ============================================ */
.fv-main {
  position: relative;
}
.fv-main__image {
  overflow: hidden;
}
@media (min-width: 769px) {
  .fv-main__image {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__image {
    border-radius: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__image {
    width: calc(328 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__image {
    width: calc(328 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__image {
    height: calc(372 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__image {
    height: calc(372 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__image {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(38 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__image {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(38 / 375 * 100vw);
  }
}
.fv-main__title {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .fv-main__title {
    width: calc(51 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__title {
    width: calc(51 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__title {
    height: calc(232 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__title {
    height: calc(232 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__title {
    top: calc(60 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__title {
    top: calc(60 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main__title {
    left: calc(194 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main__title {
    left: calc(194 / 375 * 100vw);
  }
}
.fv-main__title-img {
  width: 70%;
}
.fv-main .crowd__item-3 {
  position: absolute;
  z-index: -1;
}
@media (min-width: 769px) {
  .fv-main .crowd__item-3 {
    width: calc(165 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-3 {
    width: calc(165 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main .crowd__item-3 {
    top: calc(170 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-3 {
    top: calc(170 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main .crowd__item-3 {
    left: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-3 {
    left: calc(-40 / 375 * 100vw);
  }
}
.fv-main .crowd__item-4 {
  position: absolute;
  z-index: -1;
}
@media (min-width: 769px) {
  .fv-main .crowd__item-4 {
    width: calc(165 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-4 {
    width: calc(165 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main .crowd__item-4 {
    top: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-4 {
    top: calc(-30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .fv-main .crowd__item-4 {
    left: calc(190 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .fv-main .crowd__item-4 {
    left: calc(190 / 375 * 100vw);
  }
}

/* ============================================
   3) ナビゲーションボタン
   ============================================ */
.nav-buttons__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .nav-buttons__inner {
    width: calc(360 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-buttons__inner {
    width: calc(360 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .nav-buttons__inner {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-buttons__inner {
    gap: calc(8 / 375 * 100vw);
  }
}
.nav-buttons__item {
  flex: 1;
  text-align: center;
  border: 1.5px solid #735339;
  font-weight: 700;
  background-color: #f3d7c0;
  color: #735339;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.2s ease;
  box-shadow: 2px 2px 1px rgba(115, 83, 57, 0.5);
}
@media (min-width: 769px) {
  .nav-buttons__item {
    padding: calc(2 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(2 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-buttons__item {
    padding: calc(2 / 375 * 100vw) calc(0 / 375 * 100vw) calc(2 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .nav-buttons__item {
    border-radius: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-buttons__item {
    border-radius: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .nav-buttons__item {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .nav-buttons__item {
    font-size: calc(13 / 375 * 100vw);
  }
}
.nav-buttons__item:hover {
  background-color: #735339;
  color: #f3d7c0;
}

/* ============================================
   4) 院長からのメッセージ
   ============================================ */
.message {
  position: relative;
}
@media (min-width: 769px) {
  .message__title {
    margin: calc(-80 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__title {
    margin: calc(-80 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.message__title-img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .message__title-img {
    width: calc(182 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__title-img {
    width: calc(182 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message__title-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__title-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.message__body {
  position: relative;
}
@media (min-width: 769px) {
  .message__body {
    border-radius: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__body {
    border-radius: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message__body {
    padding: calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__body {
    padding: calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
.message__body--bg {
  background-image: url("../../assets/img/message_bg.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 769px) {
  .message__body--bg {
    height: calc(552 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__body--bg {
    height: calc(552 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message__body--bg {
    margin: calc(-40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(-130 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__body--bg {
    margin: calc(-40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(-130 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.message__body-img {
  width: 105%;
}
@media (min-width: 769px) {
  .message__body-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message__body-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.message .message-bird {
  position: absolute;
  display: flex;
  align-items: flex-end;
  animation: birdWobble 1s ease-in-out infinite;
}
@media (min-width: 769px) {
  .message .message-bird {
    width: calc(190 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird {
    width: calc(190 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .message-bird {
    top: calc(355 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird {
    top: calc(355 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .message-bird {
    left: calc(27 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird {
    left: calc(27 / 375 * 100vw);
  }
}
.message .message-bird__s {
  animation: smallBirdMove 8s ease-in-out forwards;
}
@media (min-width: 769px) {
  .message .message-bird__s {
    width: calc(48.6 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird__s {
    width: calc(48.6 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .message-bird__s {
    height: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird__s {
    height: calc(28 / 375 * 100vw);
  }
}
.message .message-bird__l {
  animation: parentBirdMove 8s ease-in-out forwards;
}
@media (min-width: 769px) {
  .message .message-bird__l {
    width: calc(42.6 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .message-bird__l {
    width: calc(42.6 / 375 * 100vw);
  }
}
.message {
  /* 縦揺れアニメーション */
}
@keyframes birdWobble {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-1px);
  }
  50% {
    transform: translateY(1px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}
.message {
  /* 親鳥のアニメーション */
}
@keyframes parentBirdMove {
  0% {
    transform: translateX(0);
  }
  6.25% {
    transform: translateX(15%);
  }
  12.5% {
    transform: translateX(30%);
  }
  18.75% {
    transform: translateX(45%);
  }
  25% {
    /* 50%地点の手前まで方向転換 */
    transform: translateX(50%);
  }
  31.25% {
    /* まだ親鳥に追いついていない */
    transform: translateX(50%);
  }
  37.5% {
    /* 小鳥が追いつくことに気付く */
    transform: translateX(50%);
  }
  43.75% {
    /* ほぼ親鳥に追いついた */
    transform: translateX(52%);
  }
  50% {
    /* ここから一緒に歩き始める */
    transform: translateX(60%);
  }
  56.25% {
    transform: translateX(80%);
  }
  62.5% {
    transform: translateX(100%);
  }
  68.75% {
    transform: translateX(120%);
  }
  75% {
    transform: translateX(140%);
  }
  81.25% {
    transform: translateX(165%);
  }
  87.5% {
    transform: translateX(190%);
  }
  93.75% {
    transform: translateX(220%);
  }
  100% {
    /* 最終ゴール地点（250%） */
    transform: translateX(250%);
  }
}
.message {
  /* 小鳥のアニメーション */
}
@keyframes smallBirdMove {
  0% {
    transform: translateX(0);
  }
  6.25% {
    transform: translateX(7%);
  }
  12.5% {
    transform: translateX(14%);
  }
  18.75% {
    transform: translateX(21%);
  }
  25% {
    /* 親鳥より遅れている（最初のギャップペース） */
    transform: translateX(28%);
  }
  31.25% {
    /* まだ親鳥に追いついていない */
    transform: translateX(35%);
  }
  37.5% {
    /* 急いで追いつこうとする */
    transform: translateX(43%);
  }
  43.75% {
    /* ほぼ親鳥に追いついた */
    transform: translateX(50%);
  }
  50% {
    /* 親鳥と一緒に最初のペースで歩き始める移動 */
    transform: translateX(55%);
  }
  56.25% {
    transform: translateX(70%);
  }
  62.5% {
    transform: translateX(87%);
  }
  68.75% {
    transform: translateX(104%);
  }
  75% {
    transform: translateX(121%);
  }
  81.25% {
    transform: translateX(143%);
  }
  87.5% {
    transform: translateX(165%);
  }
  93.75% {
    transform: translateX(192%);
  }
  100% {
    /* 最終ゴール地点（220%、親鳥より手前） */
    transform: translateX(220%);
  }
}
.message .hane-3 {
  position: absolute;
}
@media (min-width: 769px) {
  .message .hane-3 {
    width: calc(43 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-3 {
    width: calc(43 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-3 {
    height: calc(43 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-3 {
    height: calc(43 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-3 {
    top: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-3 {
    top: calc(330 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-3 {
    left: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-3 {
    left: calc(-30 / 375 * 100vw);
  }
}
.message .hane-4 {
  position: absolute;
}
@media (min-width: 769px) {
  .message .hane-4 {
    width: calc(63 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-4 {
    width: calc(63 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-4 {
    height: calc(63 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-4 {
    height: calc(63 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-4 {
    top: calc(55 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-4 {
    top: calc(55 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .message .hane-4 {
    right: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .message .hane-4 {
    right: calc(-40 / 375 * 100vw);
  }
}

#section-insta-banner {
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  #section-insta-banner {
    margin: calc(0 / 1440 * 100vw) calc(37 / 1440 * 100vw) calc(48 / 1440 * 100vw) calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  #section-insta-banner {
    margin: calc(0 / 375 * 100vw) calc(37 / 375 * 100vw) calc(48 / 375 * 100vw) calc(5 / 375 * 100vw);
  }
}
#section-insta-banner .insta-banner__inner {
  display: block;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #section-insta-banner .insta-banner__inner {
    width: calc(304 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  #section-insta-banner .insta-banner__inner {
    width: calc(304 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  #section-insta-banner .insta-banner__inner {
    height: calc(304 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  #section-insta-banner .insta-banner__inner {
    height: calc(304 / 375 * 100vw);
  }
}

/* ============================================
   6) メニュー・料金
   ============================================ */
.menu {
  position: relative;
}
@media (min-width: 769px) {
  .menu {
    padding: calc(60 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu {
    padding: calc(60 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/menu_crowd_1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media (min-width: 769px) {
  .menu::before {
    width: calc(105 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::before {
    width: calc(105 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::before {
    height: calc(74 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::before {
    height: calc(74 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::before {
    top: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::before {
    top: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::before {
    left: calc(230 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::before {
    left: calc(230 / 375 * 100vw);
  }
}
.menu::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/menu_crowd_2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media (min-width: 769px) {
  .menu::after {
    width: calc(129 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::after {
    width: calc(129 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::after {
    height: calc(91 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::after {
    height: calc(91 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::after {
    top: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::after {
    top: calc(330 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu::after {
    left: calc(170 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu::after {
    left: calc(170 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(27 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(27 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu__title-img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .menu__title-img {
    width: calc(167 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__title-img {
    width: calc(167 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__title-img {
    height: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__title-img {
    height: calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__title-img {
    margin-bottom: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__title-img {
    margin-bottom: calc(16 / 375 * 100vw);
  }
}
.menu__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .menu__content {
    gap: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__content {
    gap: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__image {
    width: calc(273 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__image {
    width: calc(273 / 375 * 100vw);
  }
}
.menu__text {
  font-weight: 700;
  text-align: center;
}
@media (min-width: 769px) {
  .menu__text {
    width: calc(256 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__text {
    width: calc(256 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__text {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__text {
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__text {
    line-height: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__text {
    line-height: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__text {
    letter-spacing: calc(0.6 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__text {
    letter-spacing: calc(0.6 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu__text {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(35 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__text {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(35 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu__btn {
  margin: 0 auto;
}
.menu__btn::after {
  transform: translateX(-59%);
}
@media (min-width: 769px) {
  .menu__btn::after {
    width: calc(88 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu__btn::after {
    width: calc(88 / 375 * 100vw);
  }
}

/* ============================================
   7) 鍼灸師向け掲示板
   ============================================ */
.bbs {
  position: relative;
}
@media (min-width: 769px) {
  .bbs {
    padding: calc(35 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs {
    padding: calc(35 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bbs_crowd.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media (min-width: 769px) {
  .bbs::before {
    width: calc(105 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs::before {
    width: calc(105 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs::before {
    height: calc(74 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs::before {
    height: calc(74 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs::before {
    top: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs::before {
    top: calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs::before {
    left: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs::before {
    left: calc(25 / 375 * 100vw);
  }
}
.bbs__title-img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .bbs__title-img {
    width: calc(167 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__title-img {
    width: calc(167 / 375 * 100vw);
  }
}
.bbs__content-bg {
  background-image: url("../../assets/img/bbs_content_bg.png");
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 769px) {
  .bbs__content-bg {
    width: calc(373 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__content-bg {
    width: calc(373 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__content-bg {
    height: calc(345 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__content-bg {
    height: calc(345 / 375 * 100vw);
  }
}
.bbs__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  .bbs__inner {
    width: calc(295 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__inner {
    width: calc(295 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__inner {
    height: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__inner {
    height: calc(140 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__inner {
    gap: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__inner {
    gap: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__inner {
    top: calc(70 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__inner {
    top: calc(70 / 375 * 100vw);
  }
}
.bbs__inner {
  /* 80px → 70pxに変更 */
}
.bbs__thumb {
  flex: 0 0 auto;
  position: relative;
}
@media (min-width: 769px) {
  .bbs__thumb {
    width: calc(120 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb {
    width: calc(120 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__thumb {
    height: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb {
    height: calc(140 / 375 * 100vw);
  }
}
.bbs__thumb {
  /* NEWバッジ - 横揺れアニメーション付き */
}
.bbs__thumb::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bbs_new_baddie.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 769px) {
  .bbs__thumb::before {
    width: calc(73 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb::before {
    width: calc(73 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__thumb::before {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb::before {
    height: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__thumb::before {
    top: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb::before {
    top: calc(-30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__thumb::before {
    right: calc(-25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb::before {
    right: calc(-25 / 375 * 100vw);
  }
}
.bbs__thumb::before {
  /* 横揺れアニメーション - より滑らかに */
  animation: swingBadge 3s ease-in-out infinite;
}
.bbs__thumb {
  /* サムネイル画像 */
}
.bbs__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* border-radiusを10pxに設定 */
}
@media (min-width: 769px) {
  .bbs__thumb img {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__thumb img {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.bbs__texts {
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media (min-width: 769px) {
  .bbs__texts {
    gap: calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__texts {
    gap: calc(4 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__texts {
    padding: calc(24 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__texts {
    padding: calc(24 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs__post-title {
  font-weight: 700;
}
@media (min-width: 769px) {
  .bbs__post-title {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-title {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__post-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(5 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(5 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs__post-date {
  font-weight: 700;
}
@media (min-width: 769px) {
  .bbs__post-date {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-date {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__post-date {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(5 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-date {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(5 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.bbs__post-text {
  font-weight: 700;
}
@media (min-width: 769px) {
  .bbs__post-text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-text {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__post-text {
    letter-spacing: calc(0.6 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__post-text {
    letter-spacing: calc(0.6 / 375 * 100vw);
  }
}
.bbs__btn {
  position: absolute;
  display: flex;
  z-index: 10;
}
@media (min-width: 769px) {
  .bbs__btn {
    top: calc(330 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__btn {
    top: calc(330 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .bbs__btn {
    right: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__btn {
    right: calc(-30 / 375 * 100vw);
  }
}
.bbs__btn::after {
  transform: translateX(-70%);
}
@media (min-width: 769px) {
  .bbs__btn::after {
    width: calc(75 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .bbs__btn::after {
    width: calc(75 / 375 * 100vw);
  }
}

/* NEWバッジの横揺れアニメーション - より滑らかに */
@keyframes swingBadge {
  0% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(3deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  60% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
/* ============================================
   8 & 9) アクセス + フッター
   ============================================ */
.access-footer {
  background-image: url("../../assets/img/footer_bg.png");
  background-size: cover;
  background-position: center;
  background-position-y: top; /* 背景画像を上部に配置 */
  color: #ffffff;
  position: relative;
}
@media (min-width: 769px) {
  .access-footer {
    padding: calc(150 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer {
    padding: calc(150 / 375 * 100vw) calc(0 / 375 * 100vw) calc(32 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer {
    margin: calc(-130 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer {
    margin: calc(-130 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access {
  margin: 0 auto;
  text-align: center;
  position: relative;
  max-width: 1440px;
  width: 100%;
}
@media (min-width: 769px) {
  .access-footer .access {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(32 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(32 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__title {
  font-weight: 700;
}
@media (min-width: 769px) {
  .access-footer .access__title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__title {
    font-size: calc(18 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__map {
  position: relative;
}
.access-footer .access__map::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/map_point.png);
  background-repeat: no-repeat;
  background-size: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  .access-footer .access__map::before {
    width: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map::before {
    width: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__map::before {
    height: calc(29 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map::before {
    height: calc(29 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__map::before {
    top: calc(-50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map::before {
    top: calc(-50 / 375 * 100vw);
  }
}
.access-footer .access__map-img {
  overflow: hidden;
}
@media (min-width: 769px) {
  .access-footer .access__map-img {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(6 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map-img {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(6 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__map-img iframe {
    width: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map-img iframe {
    width: calc(200 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__map-img iframe {
    height: calc(130 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map-img iframe {
    height: calc(130 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__map-img iframe {
    border-radius: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__map-img iframe {
    border-radius: calc(5 / 375 * 100vw);
  }
}
.access-footer .access__text {
  position: absolute;
  transform: translateY(-50%);
  color: #FBFFA6;
  top: 50%;
}
@media (min-width: 769px) {
  .access-footer .access__text {
    right: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text {
    right: calc(16 / 375 * 100vw);
  }
}
.access-footer .access__text p {
  font-weight: 700;
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__text p {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__text p {
    letter-spacing: calc(0.08 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p {
    letter-spacing: calc(0.08 / 375 * 100vw);
  }
}
.access-footer .access__text p::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  left: 0;
  transform: rotate(-16deg);
}
@media (min-width: 769px) {
  .access-footer .access__text p::before {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p::before {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__text p::before {
    top: calc(-12.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p::before {
    top: calc(-12.5 / 375 * 100vw);
  }
}
.access-footer .access__text p::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  left: 0;
  transform: rotate(16deg);
}
@media (min-width: 769px) {
  .access-footer .access__text p::after {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p::after {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__text p::after {
    top: calc(77 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__text p::after {
    top: calc(77 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__info {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__info {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__address {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__address {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__address {
    letter-spacing: calc(0.8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__address {
    letter-spacing: calc(0.8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__address {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(18 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__address {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(18 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__tel-wrap {
  margin: 0 auto;
  text-align: start;
}
@media (min-width: 769px) {
  .access-footer .access__tel-wrap {
    width: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel-wrap {
    width: calc(200 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__tel-wrap {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel-wrap {
    font-size: calc(15 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__tel-wrap {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel-wrap {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__tel-wrap {
    margin-bottom: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel-wrap {
    margin-bottom: calc(15 / 375 * 100vw);
  }
}
.access-footer .access__tel {
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__tel {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__tel::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/tel_icon.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 769px) {
  .access-footer .access__tel::before {
    width: calc(15 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel::before {
    width: calc(15 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__tel::before {
    height: calc(19 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel::before {
    height: calc(19 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__tel::before {
    left: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__tel::before {
    left: calc(-30 / 375 * 100vw);
  }
}
.access-footer .access__time {
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__time {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__time {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__time::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/time_icom.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 769px) {
  .access-footer .access__time::before {
    width: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__time::before {
    width: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__time::before {
    height: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__time::before {
    height: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__time::before {
    left: calc(-30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__time::before {
    left: calc(-30 / 375 * 100vw);
  }
}
.access-footer .access__reserve {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__reserve {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__reserve {
    gap: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__reserve {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(36 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__reserve {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(36 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-right {
  position: absolute;
  transform: translateY(-50%);
  color: #FBFFA6;
  top: 50%;
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right {
    right: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right {
    right: calc(16 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-right p {
  font-weight: 700;
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p {
    font-size: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p {
    font-size: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p {
    letter-spacing: calc(0.08 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p {
    letter-spacing: calc(0.08 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-right p::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  left: 0;
  transform: rotate(-16deg);
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p::before {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p::before {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p::before {
    top: calc(-12.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p::before {
    top: calc(-12.5 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-right p::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  left: 0;
  transform: rotate(16deg);
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p::after {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p::after {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-right p::after {
    top: calc(49 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-right p::after {
    top: calc(49 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-left {
  position: absolute;
  transform: translateY(-50%);
  color: #FBFFA6;
  top: 50%;
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left {
    left: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left {
    left: calc(16 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-left p {
  font-weight: 700;
  position: relative;
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p {
    font-size: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p {
    font-size: calc(8 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p {
    letter-spacing: calc(0.08 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p {
    letter-spacing: calc(0.08 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-left p::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  transform: rotate(16deg);
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::before {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::before {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::before {
    left: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::before {
    left: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::before {
    top: calc(-12.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::before {
    top: calc(-12.5 / 375 * 100vw);
  }
}
.access-footer .access__sub-text-left p::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #FBFFA6;
  transform: rotate(-16deg);
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::after {
    width: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::after {
    width: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::after {
    left: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::after {
    left: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__sub-text-left p::after {
    top: calc(49 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__sub-text-left p::after {
    top: calc(49 / 375 * 100vw);
  }
}
.access-footer .access__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #735339;
  background-color: #ffdf53;
  border: 1px solid #83502c;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 2px 2px 1px rgba(115, 83, 57, 0.5);
}
@media (min-width: 769px) {
  .access-footer .access__btn {
    width: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__btn {
    width: calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__btn {
    height: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__btn {
    height: calc(25 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__btn {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__btn {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__btn {
    border-radius: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__btn {
    border-radius: calc(100 / 375 * 100vw);
  }
}
.access-footer .access__btn:hover {
  background-color: #E48D00;
}
@media (min-width: 769px) {
  .access-footer .access__company-title {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-title {
    font-size: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(8 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(8 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .access__company-box {
  margin: 0 auto;
  border-style: solid;
  border-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  padding: 0;
}
@media (min-width: 769px) {
  .access-footer .access__company-box {
    width: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-box {
    width: calc(200 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-box {
    height: calc(90 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-box {
    height: calc(90 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-box {
    border-width: calc(2 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-box {
    border-width: calc(2 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-box {
    border-radius: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-box {
    border-radius: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-box {
    gap: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-box {
    gap: calc(0 / 375 * 100vw);
  }
}
.access-footer .access__company-item {
  font-size: 14px;
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 13px;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .access-footer .access__company-item {
    height: calc(30 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item {
    height: calc(30 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-item {
    font-size: 0.9722222222vw;
    padding: 0.1388888889vw 0.9027777778vw;
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item {
    font-size: 3.7333333333vw;
    padding: 0.5333333333vw 3.4666666667vw;
  }
}
.access-footer .access__company-item span {
  font-size: 10px;
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 769px) {
  .access-footer .access__company-item span {
    font-size: 0.6944444444vw;
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item span {
    font-size: 2.6666666667vw;
  }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    .access-footer .access__company-item span {
      padding-bottom: 0.2666666667vw;
    }
  }
}
.access-footer .access__company-item-1 {
  position: relative;
}
.access-footer .access__company-item-1::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .access-footer .access__company-item-1::after {
    height: calc(1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item-1::after {
    height: calc(1 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-item-1::after {
    bottom: calc(-1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item-1::after {
    bottom: calc(-1 / 375 * 100vw);
  }
}
.access-footer .access__company-item:nth-child(2) {
  position: relative;
}
.access-footer .access__company-item:nth-child(2)::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .access-footer .access__company-item:nth-child(2)::after {
    height: calc(1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item:nth-child(2)::after {
    height: calc(1 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .access__company-item:nth-child(2)::after {
    bottom: calc(-1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .access__company-item:nth-child(2)::after {
    bottom: calc(-1 / 375 * 100vw);
  }
}
.access-footer {
  /* 鳥の装飾 */
}
.access-footer .bbs-bird {
  position: absolute;
  display: flex;
  align-items: flex-end;
  z-index: 10;
  animation: birdWobble 1s ease-in-out infinite;
}
@media (max-width: 768px) {
  .access-footer .bbs-bird {
    top: -30.6666666667vw;
    left: 2.6666666667vw;
  }
}
@media (min-width: 769px) {
  .access-footer .bbs-bird {
    top: -7.9861111111vw;
    left: 0.6944444444vw;
  }
}
.access-footer .bbs-bird__s {
  display: flex;
}
@media (min-width: 769px) {
  .access-footer .bbs-bird__s {
    width: calc(74 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .bbs-bird__s {
    width: calc(74 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .bbs-bird__s {
    height: calc(43 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .bbs-bird__s {
    height: calc(43 / 375 * 100vw);
  }
}
.access-footer .bbs-bird__l {
  display: flex;
}
@media (min-width: 769px) {
  .access-footer .bbs-bird__l {
    width: calc(64 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .bbs-bird__l {
    width: calc(64 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .bbs-bird__l {
    height: calc(64 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .bbs-bird__l {
    height: calc(64 / 375 * 100vw);
  }
}
.access-footer {
  /* メニューページ専用の鳥の位置 */
}
@media (max-width: 768px) {
  .access-footer .bbs-bird--menu-page {
    top: -34.6666666667vw;
    left: 8vw;
  }
}
@media (min-width: 769px) {
  .access-footer .bbs-bird--menu-page {
    top: -9.0277777778vw;
    left: 2.0833333333vw;
  }
}
.access-footer .site-footer {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 769px) {
  .access-footer .site-footer {
    width: calc(375 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer {
    width: calc(375 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .site-footer {
    padding: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer {
    padding: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}
.access-footer .site-footer .footer-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 769px) {
  .access-footer .site-footer .footer-nav__list {
    gap: calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer .footer-nav__list {
    gap: calc(4 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .access-footer .site-footer .footer-nav__list {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(8 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer .footer-nav__list {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(8 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.access-footer .site-footer .footer-nav__item {
  font-weight: 700;
}
@media (min-width: 769px) {
  .access-footer .site-footer .footer-nav__item {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer .footer-nav__item {
    font-size: calc(14 / 375 * 100vw);
  }
}
.access-footer .site-footer .footer-nav__item::after {
  content: " /";
}
@media (min-width: 769px) {
  .access-footer .site-footer .footer-nav__item::after {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(4 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer .footer-nav__item::after {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(4 / 375 * 100vw);
  }
}
.access-footer .site-footer .footer-nav__link {
  color: #ffffff;
}
@media (min-width: 769px) {
  .access-footer .site-footer__copy {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .access-footer .site-footer__copy {
    font-size: calc(10 / 375 * 100vw);
  }
}

/* ページ固有 */
/* ============================================
   メニュー・料金ページ
   ============================================ */
.menu-page {
  position: relative;
}
.menu-page__intro {
  text-align: center;
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .menu-page__intro {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__intro {
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__intro {
    margin: calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__intro {
    margin: calc(30 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__intro p {
  /* 769px以上（1440px基準） */
}
@media (min-width: 769px) {
  .menu-page__intro p {
    line-height: 1.5972222222vw;
  }
}
.menu-page__intro p {
  /* 768px以下（375px基準） */
}
@media (max-width: 768px) {
  .menu-page__intro p {
    line-height: 6.1333333333vw;
  }
}
.menu-page__section {
  position: relative;
  display: flex;
}
@media (min-width: 769px) {
  .menu-page__section {
    border-radius: calc(24 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section {
    border-radius: calc(24 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section {
    padding: calc(24 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(24 / 1440 * 100vw) calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section {
    padding: calc(24 / 375 * 100vw) calc(20 / 375 * 100vw) calc(24 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(-10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(-10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__section-title {
  text-align: center;
}
@media (min-width: 769px) {
  .menu-page__section-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-title img {
    width: calc(180 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-title img {
    width: calc(180 / 375 * 100vw);
  }
}
.menu-page__section-image {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .menu-page__section-image {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__section-image {
  /* 左上の雲（::before） */
}
.menu-page__section-image::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/menu_page_kumo01.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (min-width: 769px) {
  .menu-page__section-image::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::before {
    top: calc(-20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::before {
    top: calc(-20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::before {
    left: calc(-80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::before {
    left: calc(-80 / 375 * 100vw);
  }
}
.menu-page__section-image {
  /* 右下の雲（::after） */
}
.menu-page__section-image::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/menu_page_kumo02.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (min-width: 769px) {
  .menu-page__section-image::after {
    width: calc(105 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::after {
    width: calc(105 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::after {
    height: calc(74 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::after {
    height: calc(74 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::after {
    bottom: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::after {
    bottom: calc(-40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image::after {
    right: calc(-60 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image::after {
    right: calc(-60 / 375 * 100vw);
  }
}
.menu-page__section-image img {
  /* デフォルトで小児鍼の画像サイズ (155x212) */
}
@media (min-width: 769px) {
  .menu-page__section-image img {
    width: calc(155 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image img {
    width: calc(155 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-image img {
    height: calc(212 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-image img {
    height: calc(212 / 375 * 100vw);
  }
}
.menu-page__section-text {
  display: flex;
  align-items: flex-end;
  font-weight: 700;
  text-align: start;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .menu-page__section-text {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-text {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-text {
    width: calc(161 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-text {
    width: calc(161 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-text {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-text {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section-text {
    letter-spacing: calc(0.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section-text {
    letter-spacing: calc(0.5 / 375 * 100vw);
  }
}
.menu-page__price {
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  .menu-page__price {
    margin: calc(60 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price {
    margin: calc(60 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__price-title {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: #83502C;
  top: 0;
}
@media (min-width: 769px) {
  .menu-page__price-title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title {
    font-size: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title {
    letter-spacing: calc(1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title {
    letter-spacing: calc(1 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__price-title {
  /* 左の羽根 */
}
.menu-page__price-title::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/pricechart_hane_left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .menu-page__price-title::before {
    width: calc(30.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::before {
    width: calc(30.5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::before {
    height: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::before {
    height: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::before {
    top: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::before {
    top: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::before {
    left: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::before {
    left: calc(-40 / 375 * 100vw);
  }
}
.menu-page__price-title {
  /* 右の羽根 */
}
.menu-page__price-title::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/pricechart_hane_right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .menu-page__price-title::after {
    width: calc(30.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::after {
    width: calc(30.5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::after {
    height: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::after {
    height: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::after {
    top: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::after {
    top: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-title::after {
    right: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-title::after {
    right: calc(-40 / 375 * 100vw);
  }
}
.menu-page__price-image {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .menu-page__price-image {
    width: calc(291 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-image {
    width: calc(291 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__price-image {
    height: calc(412 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__price-image {
    height: calc(412 / 375 * 100vw);
  }
}
.menu-page__price-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.menu-page__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .menu-page__buttons {
    gap: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__buttons {
    gap: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__buttons {
    margin: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__buttons {
    margin: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-align: center;
  border: 2px solid #83502c;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 2px 2px 1px rgba(115, 83, 57, 0.5);
}
@media (min-width: 769px) {
  .menu-page__button {
    width: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__button {
    width: calc(280 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__button {
    height: calc(50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__button {
    height: calc(50 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__button {
    font-size: calc(16 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__button {
    font-size: calc(16 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__button {
    border-radius: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__button {
    border-radius: calc(25 / 375 * 100vw);
  }
}
.menu-page__button--line {
  background-color: #06C755;
  color: #ffffff;
}
.menu-page__button--line:hover {
  background-color: #05B04D;
}
.menu-page__button--tel {
  background-color: #ffdf53;
  color: #735339;
}
.menu-page__button--tel:hover {
  background-color: #E48D00;
}
.menu-page__contact-buttons {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../../assets/img/menu-contact-buttons-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto 50px auto;
}
@media (min-width: 769px) {
  .menu-page__contact-buttons {
    width: calc(339 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-buttons {
    width: calc(339 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__contact-buttons {
    height: calc(233 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-buttons {
    height: calc(233 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__contact-buttons {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-buttons {
    gap: calc(8 / 375 * 100vw);
  }
}
.menu-page__contact-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #735339;
  background-color: #FFDF53;
  border: 1px solid #83502C;
  transition: background-color 0.2s ease;
  box-shadow: 2px 2px 1px rgba(115, 83, 57, 0.5);
}
@media (min-width: 769px) {
  .menu-page__contact-btn {
    width: calc(160 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-btn {
    width: calc(160 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__contact-btn {
    height: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-btn {
    height: calc(28 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__contact-btn {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-btn {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__contact-btn {
    border-radius: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__contact-btn {
    border-radius: calc(14 / 375 * 100vw);
  }
}
.menu-page__contact-btn:hover {
  background-color: #E48D00;
}
.menu-page__birds {
  text-align: center;
}
@media (min-width: 769px) {
  .menu-page__birds {
    margin: calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__birds {
    margin: calc(40 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__birds img {
    width: calc(160 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__birds img {
    width: calc(160 / 375 * 100vw);
  }
}

/* 個別セクションの画像サイズ調整 */
.menu-page__section {
  /* お灸の画像サイズ (152x213) + 隙間を逆に + 雲の位置調整 */
}
.menu-page__section:nth-child(3) .menu-page__section-image {
  order: 2; /* 画像を後に */
  /* お灸の雲（左上） */
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::before {
    left: calc(-80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::before {
    left: calc(-80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::before {
    top: calc(60 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::before {
    top: calc(60 / 375 * 100vw);
  }
}
.menu-page__section:nth-child(3) .menu-page__section-image {
  /* お灸の雲（右下） */
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::after {
    right: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::after {
    right: calc(-40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::after {
    bottom: calc(130 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image::after {
    bottom: calc(130 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image img {
    width: calc(152 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image img {
    width: calc(152 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-image img {
    height: calc(213 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-image img {
    height: calc(213 / 375 * 100vw);
  }
}
.menu-page__section:nth-child(3) .menu-page__section-text {
  order: 1; /* テキストを先に */
  /* お灸はテキストが左側なのでmargin-right 15px */
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(3) .menu-page__section-text {
    margin: calc(0 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(3) .menu-page__section-text {
    margin: calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) calc(16 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.menu-page__section {
  /* リハビリの画像サイズ (164x219) + margin-left 7px */
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(4) .menu-page__section-image img {
    width: calc(164 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(4) .menu-page__section-image img {
    width: calc(164 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(4) .menu-page__section-image img {
    height: calc(219 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(4) .menu-page__section-image img {
    height: calc(219 / 375 * 100vw);
  }
}
.menu-page__section:nth-child(4) .menu-page__section-text {
  /* リハビリはmargin-left 7px */
}
@media (min-width: 769px) {
  .menu-page__section:nth-child(4) .menu-page__section-text {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(16 / 1440 * 100vw) calc(7 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .menu-page__section:nth-child(4) .menu-page__section-text {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(7 / 375 * 100vw);
  }
}

/* ============================================
   院のご案内ページ (page-about.php)
   ============================================ */
.about-page {
  position: relative;
}
.about-page__intro {
  text-align: center;
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .about-page__intro {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__intro {
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__intro {
    margin: calc(37 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__intro {
    margin: calc(37 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-page__intro p {
  /* 769px以上（1440px基準） */
}
@media (min-width: 769px) {
  .about-page__intro p {
    line-height: 1.5972222222vw;
  }
}
.about-page__intro p {
  /* 768px以下（375px基準） */
}
@media (max-width: 768px) {
  .about-page__intro p {
    line-height: 6.1333333333vw;
  }
}
.about-page__hero {
  text-align: center;
}
@media (min-width: 769px) {
  .about-page__hero {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__hero {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__hero img {
    width: calc(300 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__hero img {
    width: calc(300 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__hero img {
    height: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__hero img {
    height: calc(200 / 375 * 100vw);
  }
}
.about-page__instagram {
  text-align: center;
}
@media (min-width: 769px) {
  .about-page__instagram {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-icon {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-icon {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-icon img {
    width: calc(50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-icon img {
    width: calc(50 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-icon img {
    height: calc(50 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-icon img {
    height: calc(50 / 375 * 100vw);
  }
}
.about-page__instagram-id {
  font-weight: 700;
  color: #83502C;
}
@media (min-width: 769px) {
  .about-page__instagram-id {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-id {
    font-size: calc(14 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-id {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(15 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-id {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-page__instagram-gallery {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 769px) {
  .about-page__instagram-gallery {
    gap: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-gallery {
    gap: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-item {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-item {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__instagram-item {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-item {
    height: calc(80 / 375 * 100vw);
  }
}
.about-page__instagram-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .about-page__instagram-item img {
    border-radius: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__instagram-item img {
    border-radius: calc(10 / 375 * 100vw);
  }
}
.about-page__service {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .about-page__service {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(40 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(40 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service {
    gap: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service {
    gap: calc(20 / 375 * 100vw);
  }
}
.about-page__service--reverse {
  flex-direction: row-reverse;
}
.about-page__service-circle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 769px) {
  .about-page__service-circle {
    width: calc(180 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-circle {
    width: calc(180 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service-circle {
    height: calc(180 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-circle {
    height: calc(180 / 375 * 100vw);
  }
}
.about-page__service-circle--shonibari {
  background-image: url(../../assets/img/service-circle-pink.png);
}
.about-page__service-circle--okyu {
  background-image: url(../../assets/img/service-circle-beige.png);
}
.about-page__service-circle--rehab {
  background-image: url(../../assets/img/service-circle-orange.png);
}
@media (min-width: 769px) {
  .about-page__service-image {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(10 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-image {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(10 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service-image img {
    width: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-image img {
    width: calc(100 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service-image img {
    height: calc(100 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-image img {
    height: calc(100 / 375 * 100vw);
  }
}
.about-page__service-title {
  font-weight: 700;
  color: #83502C;
  text-align: center;
}
@media (min-width: 769px) {
  .about-page__service-title {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-title {
    font-size: calc(18 / 375 * 100vw);
  }
}
.about-page__service-text {
  font-weight: 700;
  color: #83502C;
  line-height: 1.8;
}
@media (min-width: 769px) {
  .about-page__service-text {
    font-size: calc(13 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-text {
    font-size: calc(13 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service-text {
    width: calc(180 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-text {
    width: calc(180 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__service-text {
    letter-spacing: calc(0.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__service-text {
    letter-spacing: calc(0.5 / 375 * 100vw);
  }
}
.about-page__price {
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  .about-page__price {
    margin: calc(60 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price {
    margin: calc(60 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-page__price-title {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: #83502C;
  top: 0;
}
@media (min-width: 769px) {
  .about-page__price-title {
    font-size: calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title {
    font-size: calc(20 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title {
    letter-spacing: calc(1 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title {
    letter-spacing: calc(1 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-page__price-title {
  /* 左の羽根 */
}
.about-page__price-title::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/pricechart_hane_left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .about-page__price-title::before {
    width: calc(30.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::before {
    width: calc(30.5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::before {
    height: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::before {
    height: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::before {
    top: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::before {
    top: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::before {
    left: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::before {
    left: calc(-40 / 375 * 100vw);
  }
}
.about-page__price-title {
  /* 右の羽根 */
}
.about-page__price-title::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/pricechart_hane_right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) {
  .about-page__price-title::after {
    width: calc(30.5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::after {
    width: calc(30.5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::after {
    height: calc(40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::after {
    height: calc(40 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::after {
    top: calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::after {
    top: calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-title::after {
    right: calc(-40 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-title::after {
    right: calc(-40 / 375 * 100vw);
  }
}
.about-page__price-image {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .about-page__price-image {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-image {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-image img {
    width: calc(291 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-image img {
    width: calc(291 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__price-image img {
    height: calc(412 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__price-image img {
    height: calc(412 / 375 * 100vw);
  }
}
.about-page__contact-buttons {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../../assets/img/menu-contact-buttons-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto 50px auto;
}
@media (min-width: 769px) {
  .about-page__contact-buttons {
    width: calc(339 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-buttons {
    width: calc(339 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__contact-buttons {
    height: calc(233 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-buttons {
    height: calc(233 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__contact-buttons {
    gap: calc(8 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-buttons {
    gap: calc(8 / 375 * 100vw);
  }
}
.about-page__contact-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #735339;
  background-color: #FFDF53;
  border: 1px solid #83502C;
  transition: background-color 0.2s ease;
  box-shadow: 2px 2px 1px rgba(115, 83, 57, 0.5);
}
@media (min-width: 769px) {
  .about-page__contact-btn {
    width: calc(160 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-btn {
    width: calc(160 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__contact-btn {
    height: calc(28 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-btn {
    height: calc(28 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__contact-btn {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-btn {
    font-size: calc(12 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-page__contact-btn {
    border-radius: calc(14 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__contact-btn {
    border-radius: calc(14 / 375 * 100vw);
  }
}
.about-page__contact-btn:hover {
  background-color: #E48D00;
}
.about-page__birds {
  text-align: center;
}
@media (min-width: 769px) {
  .about-page__birds img {
    width: calc(160 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-page__birds img {
    width: calc(160 / 375 * 100vw);
  }
}

/* 院のご案内ページ専用の鳥の位置 */
.bbs-bird--about-page {
  /* 768px以下 */
}
@media (max-width: 768px) {
  .bbs-bird--about-page {
    top: -34.6666666667vw;
    left: 8vw;
  }
}
.bbs-bird--about-page {
  /* 769px以上（1440px基準） */
}
@media (min-width: 769px) {
  .bbs-bird--about-page {
    top: -9.0277777778vw;
    left: 2.0833333333vw;
  }
}

/* ============================================
   院のご案内ページ - 雰囲気画像ギャラリー
   ============================================ */
.about-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .about-gallery {
    gap: calc(10 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery {
    gap: calc(10 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery {
    margin: calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery {
    margin: calc(20 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item {
    width: calc(290 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item {
    width: calc(290 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item {
    height: calc(195 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item {
    height: calc(195 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item {
    border-radius: calc(25 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item {
    border-radius: calc(25 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(30 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-gallery__item {
  overflow: visible; /* アイコンが表示されるように変更 */
  position: relative;
}
.about-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit; /* 画像自体にもborder-radiusを適用 */
}
.about-gallery__item {
  /* 吹き出しがある画像（2, 4, 5, 8, 10枚目）のmargin-bottomを90pxに */
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4) {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(90 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4) {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(90 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(5) {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(150 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5) {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(150 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2), .about-gallery__item:nth-child(8), .about-gallery__item:nth-child(10) {
    margin: calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(120 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2), .about-gallery__item:nth-child(8), .about-gallery__item:nth-child(10) {
    margin: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(120 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 4番目の画像（縦長） */
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4) {
    width: calc(195 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4) {
    width: calc(195 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4) {
    height: calc(290 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4) {
    height: calc(290 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 10番目の画像（縦長） */
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10) {
    width: calc(195 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10) {
    width: calc(195 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10) {
    height: calc(290 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10) {
    height: calc(290 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 6番目の画像にボーダー */
}
.about-gallery__item:nth-child(6) img {
  border-style: solid;
  border-color: #83502C;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(6) img {
    border-width: calc(2 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(6) img {
    border-width: calc(2 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 2枚目の画像に雲 */
}
.about-gallery__item:nth-child(2)::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::before {
    top: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::before {
    top: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::before {
    left: calc(-78 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::before {
    left: calc(-78 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 4枚目の画像に雲 */
}
.about-gallery__item:nth-child(4)::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::before {
    top: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::before {
    top: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::before {
    left: calc(-140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::before {
    left: calc(-140 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 6枚目の画像に雲 */
}
.about-gallery__item:nth-child(6)::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(6)::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(6)::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(6)::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(6)::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(6)::before {
    top: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(6)::before {
    top: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(6)::before {
    left: calc(-78 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(6)::before {
    left: calc(-78 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 8枚目の画像に雲 */
}
.about-gallery__item:nth-child(8)::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::before {
    top: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::before {
    top: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::before {
    left: calc(-78 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::before {
    left: calc(-78 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 1枚目の画像に雲（右側） */
}
.about-gallery__item:nth-child(1)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(1)::after {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(1)::after {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(1)::after {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(1)::after {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(1)::after {
    top: calc(85 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(1)::after {
    top: calc(85 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(1)::after {
    left: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(1)::after {
    left: calc(200 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 3枚目の画像に雲（右側） */
}
.about-gallery__item:nth-child(3)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(3)::after {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(3)::after {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(3)::after {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(3)::after {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(3)::after {
    top: calc(85 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(3)::after {
    top: calc(85 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(3)::after {
    left: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(3)::after {
    left: calc(200 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 7枚目の画像に雲（右側） */
}
.about-gallery__item:nth-child(7)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(7)::after {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(7)::after {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(7)::after {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(7)::after {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(7)::after {
    top: calc(85 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(7)::after {
    top: calc(85 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(7)::after {
    left: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(7)::after {
    left: calc(200 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 9枚目の画像に雲（右側） */
}
.about-gallery__item:nth-child(9)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(9)::after {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(9)::after {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(9)::after {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(9)::after {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(9)::after {
    top: calc(85 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(9)::after {
    top: calc(85 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(9)::after {
    left: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(9)::after {
    left: calc(200 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 10枚目の画像に雲 */
}
.about-gallery__item:nth-child(10)::before {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::before {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::before {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::before {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::before {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::before {
    top: calc(5 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::before {
    top: calc(5 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::before {
    left: calc(-140 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::before {
    left: calc(-140 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 2枚目の画像に鳥のアイコン */
}
.about-gallery__item:nth-child(2)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bird_icon_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 50%);
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::after {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::after {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2)::after {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2)::after {
    height: calc(80 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 4枚目の画像に鳥のアイコン（黄色） */
}
.about-gallery__item:nth-child(4)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bird_icon_y.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 50%);
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::after {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::after {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(4)::after {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(4)::after {
    height: calc(80 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 5枚目の画像に鳥のアイコン（黄色） */
}
.about-gallery__item:nth-child(5)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bird_icon_y.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 50%);
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(5)::after {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5)::after {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(5)::after {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5)::after {
    height: calc(80 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 8枚目の画像に鳥のアイコン */
}
.about-gallery__item:nth-child(8)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bird_icon_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 50%);
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::after {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::after {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(8)::after {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(8)::after {
    height: calc(80 / 375 * 100vw);
  }
}
.about-gallery__item {
  /* 10枚目の画像に鳥のアイコン（黄色） */
}
.about-gallery__item:nth-child(10)::after {
  position: absolute;
  content: "";
  background-image: url(../../assets/img/bird_icon_y.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 50%);
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::after {
    width: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::after {
    width: calc(80 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(10)::after {
    height: calc(80 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(10)::after {
    height: calc(80 / 375 * 100vw);
  }
}
.about-gallery {
  /* 吹き出し */
}
.about-gallery__balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .about-gallery__balloon {
    width: calc(280 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon {
    width: calc(280 / 375 * 100vw);
  }
}
.about-gallery__balloon {
  height: auto;
}
@media (min-width: 769px) {
  .about-gallery__balloon {
    bottom: calc(-70 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon {
    bottom: calc(-70 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__balloon {
    padding: calc(5 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(5 / 1440 * 100vw) calc(20 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon {
    padding: calc(5 / 375 * 100vw) calc(20 / 375 * 100vw) calc(5 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}
.about-gallery__balloon {
  box-sizing: border-box;
  /* 疑似要素で背景画像を配置 - テキストの高さに応じて伸縮 */
}
.about-gallery__balloon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .about-gallery__balloon::before {
    height: calc(36 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon::before {
    height: calc(36 / 375 * 100vw);
  }
}
.about-gallery__balloon::before {
  background-image: url(../../assets/img/about_fukidasi_img.png);
  background-repeat: no-repeat;
  background-size: 100%; /* 幅と高さの両方を親要素に合わせる */
  background-position: center;
  z-index: 0;
  pointer-events: none;
}
.about-gallery__balloon {
  /* テキストコンテンツ */
}
.about-gallery__balloon-text {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .about-gallery__balloon-text {
    font-size: calc(12 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon-text {
    font-size: calc(12 / 375 * 100vw);
  }
}
.about-gallery__balloon-text {
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #83502C;
  line-height: 1.4; /* テキストの行間 */
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
@media (min-width: 769px) {
  .about-gallery__balloon-text {
    margin: calc(7 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__balloon-text {
    margin: calc(7 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-gallery {
  /* 雲の要素（5枚目用） */
}
.about-gallery__cloud {
  position: absolute;
  background-image: url(../../assets/img/about_cloud_img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  z-index: -1;
}
@media (min-width: 769px) {
  .about-gallery__cloud {
    width: calc(157 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__cloud {
    width: calc(157 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__cloud {
    height: calc(111 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__cloud {
    height: calc(111 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__cloud {
    top: calc(85 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__cloud {
    top: calc(85 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .about-gallery__cloud {
    left: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__cloud {
    left: calc(200 / 375 * 100vw);
  }
}

/* ============================================
   吹き出し画像の個別設定
   ============================================ */
/* 1番目の吹き出し（2枚目の画像）- 60.png使用 */
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon,
  .about-gallery__item:nth-child(8) .about-gallery__balloon,
  .about-gallery__item:nth-child(10) .about-gallery__balloon {
    bottom: calc(-90 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon,
  .about-gallery__item:nth-child(8) .about-gallery__balloon,
  .about-gallery__item:nth-child(10) .about-gallery__balloon {
    bottom: calc(-90 / 375 * 100vw);
  }
}

.about-gallery__item:nth-child(2) .about-gallery__balloon::before,
.about-gallery__item:nth-child(8) .about-gallery__balloon::before,
.about-gallery__item:nth-child(10) .about-gallery__balloon::before {
  background-image: url(../../assets/img/about_fukidasi_img_60.png) !important;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon::before,
  .about-gallery__item:nth-child(8) .about-gallery__balloon::before,
  .about-gallery__item:nth-child(10) .about-gallery__balloon::before {
    height: calc(66 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon::before,
  .about-gallery__item:nth-child(8) .about-gallery__balloon::before,
  .about-gallery__item:nth-child(10) .about-gallery__balloon::before {
    height: calc(66 / 375 * 100vw);
  }
}

@media (min-width: 769px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon-text,
  .about-gallery__item:nth-child(8) .about-gallery__balloon-text,
  .about-gallery__item:nth-child(10) .about-gallery__balloon-text {
    margin: calc(14 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(2) .about-gallery__balloon-text,
  .about-gallery__item:nth-child(8) .about-gallery__balloon-text,
  .about-gallery__item:nth-child(10) .about-gallery__balloon-text {
    margin: calc(14 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* 3番目の吹き出し（5枚目の画像）- 60.png使用 */
@media (min-width: 769px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon {
    bottom: calc(-120 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon {
    bottom: calc(-120 / 375 * 100vw);
  }
}

.about-gallery__item:nth-child(5) .about-gallery__balloon::before {
  background-image: url(../../assets/img/about_fukidasi_img_90.png) !important;
}
@media (min-width: 769px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon::before {
    height: calc(96 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon::before {
    height: calc(96 / 375 * 100vw);
  }
}

@media (min-width: 769px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon-text {
    margin: calc(21 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__item:nth-child(5) .about-gallery__balloon-text {
    margin: calc(21 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* ============================================
   背景なしテキストのみ表示用
   ============================================ */
@media (min-width: 769px) {
  .about-gallery__text-only {
    margin: calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .about-gallery__text-only {
    margin: calc(30 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}
.about-gallery__text-only {
  text-align: center;
  position: relative;
}

.about-gallery__text-only-content {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #83502C;
}

/* ============================================
   院のご案内ページ専用 - FVメインイメージ
   ============================================ */
@media (min-width: 769px) {
  .page-template-page-about .fv-main__image {
    width: calc(319 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .page-template-page-about .fv-main__image {
    width: calc(319 / 375 * 100vw);
  }
}
@media (min-width: 769px) {
  .page-template-page-about .fv-main__image {
    height: calc(366 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .page-template-page-about .fv-main__image {
    height: calc(366 / 375 * 100vw);
  }
}
.page-template-page-about .fv-main__image {
  margin: 0 auto;
}

/* ============================================
   メニュー・料金ページ専用 - イントロマージン
   ============================================ */
@media (min-width: 769px) {
  .page-template-page-menu .menu-page__intro {
    margin: calc(30 / 1440 * 100vw) calc(0 / 1440 * 100vw) calc(20 / 1440 * 100vw) calc(0 / 1440 * 100vw);
  }
}
@media (max-width: 768px) {
  .page-template-page-menu .menu-page__intro {
    margin: calc(30 / 375 * 100vw) calc(0 / 375 * 100vw) calc(20 / 375 * 100vw) calc(0 / 375 * 100vw);
  }
}

/* レスポンシブ */
/* ============================================
   レスポンシブ調整
   ============================================ */
@media (max-width: 768px) {
  .global-fv {
    display: none;
  }
  .site-header {
    width: 100%;
  }
  .parallax {
    overflow-x: hidden;
  }
  .parallax__inner {
    width: 100%;
    max-width: 768px;
    padding: 0;
  }
  .parallax__inner > section {
    margin-top: 20px;
  }
  .access-footer .access {
    width: 100%;
  }
  .access-footer .site-footer {
    width: 100%;
  }
  .bbs__content-bg {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .parallax {
    display: flex;
    justify-content: center;
  }
  .access-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/*# sourceMappingURL=style.css.map */