@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


.shop_contents_bg:nth-child(2n+1) { background: #FFF; }
.shop_wrap { display: flex; flex-direction: column; gap: 24px; }
.shop_wrap_left { width: 100%; height: fit-content; }
.shop_wrap_left .shop_img { display: block; width: 100%; aspect-ratio: 7 / 4; background: #666; }
.shop_wrap_right { display: flex; flex-direction: column; gap: 24px; }
.shop_info { display: flex; flex-direction: column; gap: 8px; }
.shop_info dl { display: flex; padding-bottom: 8px; border-bottom: 1px solid #DADADA;  }
.shop_info dl:last-child { border-bottom: none; }
.shop_info dl dt { width: 30%; font-weight: bold; color:#004680; }

@media (min-width:1320px) {
  .inline_0-1320 { display: none; }
}

@media (min-width:768px) {
  .shop_contents_bg .contents { padding: 120px 0; }
  .shop_wrap { flex-direction: row; gap: min(4.1vw, 60px); }
  .shop_wrap_left { width: min(51.1vw, 600px); position:relative; }
   .shop_wrap_left::before { content: ''; position: absolute; bottom: -24px; left: -24px; width: 60%; height: 60%; background: #004680; z-index:0; }
  .shop_wrap_left img { position:relative; z-index:1; }

  .shop_wrap_right { flex-grow: 1; justify-content: space-between; }
  .shop_info { gap: min(0.8vw, 12px); }
  .shop_info dl { padding-bottom: min(0.8vw, 12px); }
  .button.button_normal { height: min(4.8vw, 70px); margin: 0; }
}