/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/target-page.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * brown: #36261e
 * black: #303030
 * yellow: #d39f3e
 * grey: #626262
 * brown-light: #ebe5e1
 * brown-light-2: #f5f2f0
 * menu-border: #d9c7bb
 * grey-light: #a0a0a0
 * footer-pagination-bullet: #d9d9d9
 * pink: #ac8f7e
 * background: #f6f4f3
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--display - Display
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-bold - Paragraph bold
 * .type--paragraph-medium - Paragraph medium
 * .type--paragraph-small - Paragraph small
 *
 * Style guide: typography
 */
.target-page {
  padding-bottom: max(20px, 2.34375vw);
}
.target-page > * {
  z-index: 5;
}
.target-page__bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.target-page__bg img {
  width: 100%;
}
.target-page__top-bar {
  padding-block: max(20px, 1.0416666667vw);
}
.target-page__top-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.target-page__top-bar ul li {
  transition: color 0.3s ease;
}
.target-page__top-bar ul li.current-menu-item a {
  color: #d39f3e;
}
.target-page__top-bar ul li:not(:last-child) {
  margin-right: max(30px, 1.5625vw);
}
.target-page__top-bar ul li:hover {
  color: #d39f3e;
}
.target-page__wrapper {
  padding-top: max(30px, 3.125vw);
  padding-inline: 10px;
  margin-inline: auto;
}
.target-page__title {
  margin-bottom: max(30px, 2.6041666667vw);
}
.target-page__content {
  margin-bottom: max(30px, 2.34375vw);
}
.target-page__grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin-bottom: max(40px, 3.125vw);
}
.target-page__grid-item {
  border-radius: max(8px, 0.4166666667vw);
  overflow: hidden;
  aspect-ratio: 340/210;
}
.target-page__grid-item img,
.target-page__grid-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .target-page__wrapper {
    max-width: 64.5833333333vw;
  }
  .target-page__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3125vw 1.0416666667vw;
  }
  .target-page__grid-item {
    width: 31.7708333333vw;
    aspect-ratio: 610/385;
  }
}
@media (min-width: 1280px) {
  .target-page__content {
    padding-inline: max(160px, 8.3333333333vw);
  }
}

/*# sourceMappingURL=target-page.css.map*/