/* ページタイトル */
.page_title {
  display: inline-block;
  color: #000000;
  font-size: 3.6rem;
  background-image: url('/wp-content/themes/toritsubame/img/title_background.jpg');
  background-size: auto;
  margin-top: 26.8rem;
  margin-bottom: 22.6rem;
  padding: 2rem 3rem 2rem 9.4rem;
}

/*
 * [全体]
 */
.section_wrap {
  width: 100%;
  overflow-x: clip;
}

.brush_adjustment {
  position: relative;
}

/* 1. メニュー1段目 */
.menu_first {
  position: relative;
  width: 134rem;
  height: 66.6rem;
  margin: 0 0 42.9rem auto;
}

.menu_background {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-image: url('/wp-content/themes/toritsubame/img/text_background_plain.jpg');
}

.menu_wrapper {
  display: flex;
  position: absolute;
  top: -12.5rem;
  left: -10.6rem;
  width: auto;
  height: 58.3rem;
  gap: 9rem;
}

.menu_text_wrapper {
  display: flex;
  flex-direction: column;
  width: 39rem;
  font-size: 2.4rem;
  line-height: 1.3333;
  padding: 10.75rem 0;
  gap: 4rem;
}

.image_mouseover {
  overflow: hidden;
  width: auto;
  height: 100%;
  object-fit: contain;
}

.image_mouseover img {
  display: block;
  transform: scale(1);
  transition-duration: 0.6s;
}

.image_mouseover img:hover {
  transform: scale(1.05);
}

.image_mouseover .pc {
  display: block;
}

.image_mouseover .sp {
  display: none;
}

.menu_image {
  width: 88.5rem;
  height: 58.7rem;
}

.menu_name {
  font-size: 3.2rem;
  width: 38.7rem;
  height: 12.8rem;
  padding-top: 9rem;
}

.menu_price {
  height: 3.2rem;
  margin-left: 8.4rem;
}

.menu_text {
  margin-top: 5rem;
  height: 12.8rem;
  line-height: 1.7;
}

.mark {
  position: absolute;
  top: 46rem;
  left: 0;
  width: 29rem;
  height: 14.5rem;
}

.menu_right_brush {
  top: 41rem;
  left: 1rem;
  transform: rotate(72deg);
}

/* メニュー2段目 */
.menu_left {
  position: relative;
  height: 66.6rem;
  width: 144rem;
  margin: 0 auto 42.6rem 0;
}

.menu_left .menu_text_wrapper {
  padding: 10rem 0rem 0rem 2rem;
  width: 41rem;
  gap: 3.9rem;
}

.menu_left .menu_wrapper {
  display: flex;
  position: absolute;
  top: -13rem;
  left: 8rem;
  right: 0rem;
  height: 58.3rem;
  gap: 7rem;
}

.menu_left .mark {
  left: auto;
  top: 45.8rem;
  right: 0;
}

.menu_left .image_mouseover {
  overflow: hidden;
  width: auto;
  height: 58.7rem;
  object-fit: contain;
}

.menu_left_brush {
  top: 40rem;
  right: 13rem;
  transform: rotate(-58deg);
}

/* メニュー3段目 */
.menu_third {
  position: relative;
  height: 66.6rem;
  width: 132.5rem;
  margin: 0 0 42.9rem auto;
}

.menu_third .menu_wrapper {
  display: flex;
  position: absolute;
  left: -11.5rem;
  width: 135.6rem;
  gap: 7rem;
}

.menu_third .menu_text_wrapper {
  padding: 10.94rem 0rem 0rem 2.2rem;
  width: 41rem;
  gap: 3.9rem;
}


.menu_third .menu_price {
  margin-left: 8.3rem;
}

/* 注意書き */
.attention_text {
  font-size: 2.4rem;
  color: #F8F5E3;
  margin: 0 0 13.75rem 11.6rem;
}

.or_position {
  margin-left: 0.6rem;
}

.sp-only {
  display: none;
}

/* ==========================================
   レスポンシブ (SP: max-width: 375.99px以下)
   ========================================== */
@media screen and (max-width: 690.99px) {

  /* ページタイトル */
  .page_title {
    font-size: 2.4rem;
    width: 30.9rem;
    height: 5.5rem;
    margin-top: 14rem;
    margin-bottom: 8rem;
    padding: 1rem 0 1rem 3rem;
  }

  /* メニュー1段目 */
  .menu_first {
    width: 34.5rem;
    height: 53.9rem;
    margin: 0 0 18rem auto;
  }

  .menu_wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -2.8rem;
    left: -3rem;
    width: 37.5rem;
    height: auto;
    gap: 1.6rem;
  }

  .image_mouseover,
  .menu_image {
    width: 34.5rem;
    height: 23rem;
    margin-left: 0;
  }

  .image_mouseover .pc {
    display: none;
  }

  .image_mouseover .sp {
    display: block;
  }


  .menu_text_wrapper {
    font-size: 1.6rem;
    line-height: 2;
    padding: 0 3rem 2rem 6rem;
    width: 37.5rem;
    gap: 2.2rem;
  }

  .menu_name {
    font-size: 2rem;
    height: 3.2rem;
    padding-top: 0;
  }

  .menu_price {
    margin-top: 0.1rem;
    height: 3.1rem;
    margin-left: 7.2rem;
  }

  .menu_text {
    margin-top: 0;
    width: 26rem;
    height: 12.8rem;
  }

  .mark {
    top: 47rem;
    left: 0;
    width: 13.7rem;
    height: 6.9rem;
  }

  .menu_right_brush {
    top: 10rem;
    left: -35rem;
    transform: rotate(-2deg);
  }

  /* メニュー2段目 */
  .menu_left {
    width: 34.5rem;
    height: 52.8rem;
    margin: 0 auto 18rem 0;
  }

  .menu_left .menu_wrapper {
    flex-direction: column-reverse;
    top: -3rem;
    left: 0;
    width: 37.5rem;
    height: auto;
    font-size: 1.6rem;
    line-height: 2;
    padding-left: 3rem;
    gap: 1.55rem;
  }

  .menu_left .menu_text_wrapper {
    width: 34.5rem;
    padding: 0 0 2rem 0;
    gap: 2.2rem;
  }

  .menu_left .image_mouseover {
    width: 34.5rem;
    height: 23rem;
    margin-left: 0;
  }

  .menu_left .menu_text {
    width: 26rem;
    height: 12.8rem;
  }

  .menu_left .mark {
    top: 46rem;
    left: 0;
    width: 13.7rem;
    height: 6.9rem;
  }

  .menu_left_brush {
    top: 27rem;
    right: -31rem;
    transform: rotate(-25deg);
  }

  /* メニュー3段目 */
  .menu_third {
    width: 34.5rem;
    height: 53.8rem;
    margin: 0 0 13.1rem auto;
  }

  .menu_third .menu_wrapper {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -3rem;
    left: -3rem;
    width: 37.5rem;
    height: auto;
    gap: 1.6rem;
  }

  .menu_third .menu_text_wrapper {
    font-size: 1.6rem;
    width: 37.5rem;
    padding: 0 0 2rem 6rem;
    line-height: 2;
    gap: 2.2rem;
  }

  .menu_third .menu_price {
    margin-left: 7.2rem;
  }

  /* 注意書き */
  .attention_text {
    line-height: 1.44;
    font-size: 1.6rem;
    margin: 0 3rem 2.7rem 3rem;
  }

  .or_position {
    margin-left: 0.4rem;
  }

  .sp-only {
    display: inline;
  }

  .menu_last {
    margin: 0 auto 3rem 0!important;
  }

}