/* サイドメニュー */
body.service.top .sidemenu_category a.service_top,
body.service.booth .sidemenu_category a.service_booth,
body.service.display .sidemenu_category a.service_display,
body.service.party .sidemenu_category a.service_party,
body.service.event .sidemenu_category a.service_event,
body.service.stage .sidemenu_category a.service_stage,
body.service.season .sidemenu_category a.service_season {
  color: var(--color_link);
  background-color: var(--color_bg_hover);
}

body.service.top .sidemenu_category a.service_top::before,
body.service.booth .sidemenu_category a.service_booth::before,
body.service.display .sidemenu_category a.service_display::before,
body.service.party .sidemenu_category a.service_party::before,
body.service.event .sidemenu_category a.service_event::before,
body.service.stage .sidemenu_category a.service_stage::before,
body.service.season .sidemenu_category a.service_season::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 1px solid var(--color_link);
  border-right: 1px solid var(--color_link);
  transform: rotate(45deg);
  margin-right: 10px;
  vertical-align: 2px;
}

body.service h1 {
  color: var(--color_heading);
  margin-bottom: 30px;
}

body.service.top .page_layout {
  padding-top: 0;
  padding-bottom: 100px;
}

/* セクション共通*/
.service_section {
  padding: 0 0 60px;
}

.service_section2 {
  padding: 60px 0 70px;
}

.photo_margin {
  margin-bottom: 20px;
}

.page_layout img {
  border-radius: var(--radius8);
}

.service_top_menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.service_top_menu img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.service_top_menu .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

.service_top_menu h2 span {
  display: block;
  margin-top: 4px;
  font-size: 0.88rem;
}

.service_top_menu .btn2 {
  margin-top: 10px;
}

/* 季節ごとの装飾 */
.season_top_img {
  margin-bottom: 20px;
}

.season_text_box {
  padding: 10px 30px 30px;
  border-radius: var(--radius8);
}
.season_text_box.spring {
  background-color: var(--color_spring);
}

.season_text_box.summer {
  background-color: var(--color_summer);
}

.season_text_box.autumn {
  background-color: var(--color_autumn);
}

.season_text_box.winter {
  background-color: var(--color_winter);
}

.season_text_box h2 {
  font-size: 3.5rem;
  font-weight: 400;
  font-family: var(--font_logo);
}

.season_text_box h2 span {
  display: inline-block;
  font-family: var(--font_min);
  margin-left: 10px;
  font-size: 1rem;
  transform: translateY(-5px);
}

.season_text_box p {
  margin: 20px 0 0;
}

/* タブレット */
@media (max-width: 1024px) {
  body.service.top .page_layout {
    padding-top: 35px;
    padding-bottom: 80px;
  }
  .service_section {
    padding: 0 0 58px;
  }
}

@media (max-width: 767px) {
  body.service.top .page_layout {
    padding-top: 30px;
  }

  section.service_section_top {
    padding: 0 0 30px;
  }

  .service_section {
    padding: 30px 0;
  }
  .service_top_menu {
    grid-template-columns: 1fr;
  }

  .service_top_menu h2 {
    text-align: center;
    margin: 0 auto;
  }

  .service_top_menu .btn1 {
    margin: 0 auto;
  }

  .service_top_menu .btn2 {
    margin: 18px auto;
  }
}