/* menu-price-th04-bnr.css — ベースライン(自動読込・module-base.css前提)。編集せず上書きで調整。 */
@charset "UTF-8";

.th04_bnr h2:before, .th04_bnr h2:after,
.th04_bnr h3:before,
.th04_bnr h3:after {
  content: none;
}
.th04_bnr .parallax_1 {
  height: auto;
  padding: 3% 0;
  background-image: url(@@A@@images/th04-bnr-bg-1.webp);
  background-size: auto 100%;
}
.th04_bnr .th04_bnr_block {
  overflow: hidden;
  background: #fff;
  color: var(--color-text);
  margin: 0 2% 2%;
  padding: 1em;
}
.th04_bnr .th04_bnr_block ul {
  padding: 0;
  margin: 0;
}
.th04_bnr .th04_bnr_block ul.row_inline li {
  margin-left: 2%;
}
.th04_bnr .th04_bnr_block ul.row_inline li:nth-child(3n+1) {
  margin-left: 0;
}
.th04_bnr .th04_bnr_block li {
  list-style: none;
  padding: 0;
}
.th04_bnr .th04_bnr_block li img {
  width: 100%;
}
.th04_bnr .th04_bnr_block a {
  color: var(--color-text);
  text-decoration: none;
}
.th04_bnr .th04_bnr_block a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .th04_bnr .parallax_1 {
    position: relative;
    height: 1280px;
    padding: 0;
    background-size: cover;
  }
  .th04_bnr .container {
    position: relative;
    height: 100%;
    max-width: none;
  }
  .th04_bnr .th04_bnr_block {
    position: absolute;
    width: calc(50vw - 25px);
    max-width: 100%;
    margin: auto;
    padding: 1em;
  }
  .th04_bnr .th04_bnr_block.th04_bnr_first {
    top: 7%;
  }
  .th04_bnr .th04_bnr_block.th04_bnr_second {
    top: 50%;
    transform: translateY(-50%);
  }
  .th04_bnr .th04_bnr_block.th04_bnr_third {
    bottom: 7%;
  }
  .th04_bnr .th04_bnr_block.th04_bnr_first {
    right: 10px;
  }
  .th04_bnr .th04_bnr_block.th04_bnr_second {
    left: 10px;
  }
  .th04_bnr .th04_bnr_block.th04_bnr_third {
    right: 10px;
  }
}
@media (min-width: 1200px) {
  .th04_bnr .container {
    position: static;
  }
  .th04_bnr .th04_bnr_block {
    max-width: 600px;
  }
}
@media (min-width: 1300px) {
  .th04_bnr .container {
    position: relative;
    max-width: 1300px;
  }
}