@charset "UTF-8";
/* =================================================
   unique layout
================================================= */
#container.page {
  /* -------------------------------------
     article
  ------------------------------------- */
}
#container.page .title_page.imagefull {
  padding: 0 !important;
}
#container.page .title_page.imagefull figure {
  width: 100% !important;
  height: 100vh;
  height: 100svh;
  min-height: 120vw;
  overflow: hidden;
  margin: 0 !important;
}
#container.page .title_page.imagefull h2.page_title {
  grid-row: 1;
  align-self: end;
  margin: 0 auto;
  transform: none;
}
#container.page .title_page.imagefull h2.page_title span {
  color: hsl(0, 0%, 0%);
}
#container.page .title_page.imagefull h2.page_title span.txt {
  line-height: 1.5;
}
#container.page .title_page.imagefull h2.page_title span.txt::after {
  border-bottom: 1px solid hsl(0, 0%, 0%);
  position: absolute;
  z-index: 1;
  top: 40%;
  left: 0;
  transform: translateY(-0.8vw);
}
#container.page .title_page.imagefull h2.page_title span.txt_2 {
  line-height: 2;
  margin-top: 16vw;
}
#container.page #article {
  /* -------------------------------------
     section
  ------------------------------------- */
}
#container.page #article section {
  /* -------------------------------------
     section_1
  */
}
#container.page #article section.section_1 .inner.section_inner {
  /* -------------------------------------
     content
  ------------------------------------- */
}
#container.page #article section.section_1 .inner.section_inner .content {
  padding: 0 0 13.3333333333vw;
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-bottom: 2em;
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span {
  grid-column: 1/-1;
  color: hsl(0, 0%, 100%);
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span.img {
  grid-row: 1/-1;
  background: hsl(0, 0%, 0%);
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span.img img {
  opacity: 0.3;
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span.txt {
  white-space: nowrap;
  grid-row: 1;
  align-self: end;
  font-size: 2.2rem;
  padding: 0 10vw;
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span.txt::after {
  border-bottom: 1px solid hsl(0, 0%, 100%);
}
#container.page #article section.section_1 .inner.section_inner .content h2.content_title span.txt_2 {
  grid-row: 2;
  align-self: start;
  font-size: 1.9rem;
}
#container.page #article section.section_1 .inner.section_inner .content h3 {
  margin-bottom: 2em;
}
#container.page #article section.section_1 .inner.section_inner .content h3 span {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.75;
}
#container.page #article section.section_1 .inner.section_inner .content p {
  width: 80vw;
  margin: 0 auto;
}
#container.page #article section.section_1 .inner.section_inner .content p.notice {
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 5.3333333333vw;
}
#container.page #article section.section_1 .inner.section_inner .content figure {
  width: 80vw;
  margin: 5.3333333333vw auto 0;
}
#container.page #article section.section_1 .inner.section_inner .content .horizontal-scroll {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
}
#container.page #article section.section_1 .inner.section_inner .content .horizontal-scroll figure {
  width: 133.3333333333vw;
}
#container.page #article section.section_1 .inner.section_inner .content.content_1 {
  padding: 13.3333333333vw 0;
}
#container.page #article section.section_1 .inner.section_inner .content.content_1 p {
  font-family: "FOT-筑紫Aオールド明朝 Pr6 L", "Hiragino Mincho ProN", "游明朝", "游明朝体", YuMincho, "Yu Mincho", "Times New Roman", "メイリオ", Meiryo, serif;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  /* =================================================
     unique layout
  ================================================= */
  #container.page {
    /* -------------------------------------
       article
    ------------------------------------- */
  }
  #container.page .title_page.imagefull {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100% !important;
  }
  #container.page .title_page.imagefull figure {
    grid-column: 1/-1;
    min-height: 700px;
  }
  #container.page .title_page.imagefull h2.page_title {
    grid-row: 2;
    align-self: start;
    width: max-content;
    padding-right: 32px;
    transform: translateY(-40px);
    box-sizing: border-box;
  }
  #container.page .title_page.imagefull h2.page_title span {
    text-align: left;
  }
  #container.page .title_page.imagefull h2.page_title span.txt {
    font-size: 1.6rem;
  }
  #container.page .title_page.imagefull h2.page_title span.txt::after {
    width: 100vw;
    top: 50%;
    left: auto;
    right: 0;
    transform: translateY(-8px);
  }
  #container.page .title_page.imagefull h2.page_title span.txt_2 {
    line-height: 2.5;
    margin-top: 16px;
  }
  #container.page #article {
    /* -------------------------------------
       section
    ------------------------------------- */
  }
  #container.page #article section.section_1 .inner.section_inner {
    /* -------------------------------------
       content
    ------------------------------------- */
  }
  #container.page #article section.section_1 .inner.section_inner .content {
    width: 100%;
    max-width: 1056px;
    padding: 0 64px 80px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #container.page #article section.section_1 .inner.section_inner .content h2.content_title {
    grid-template-rows: repeat(3, 1fr) 3fr;
    width: 100vw;
    width: 100dvw;
    max-width: 100vw;
    position: relative;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
  }
  #container.page #article section.section_1 .inner.section_inner .content h2.content_title span.img {
    height: 300px;
    overflow: hidden;
  }
  #container.page #article section.section_1 .inner.section_inner .content h2.content_title span.txt {
    grid-row: 2;
    width: 100%;
    max-width: 486px;
    padding: 0;
    margin: 0 auto;
  }
  #container.page #article section.section_1 .inner.section_inner .content h2.content_title span.txt_2 {
    grid-row: 3;
  }
  #container.page #article section.section_1 .inner.section_inner .content h3 span {
    text-align: left;
  }
  #container.page #article section.section_1 .inner.section_inner .content p {
    width: 100%;
  }
  #container.page #article section.section_1 .inner.section_inner .content p.notice {
    font-size: 1.2rem;
    margin-top: 32px;
  }
  #container.page #article section.section_1 .inner.section_inner .content figure {
    width: 100%;
    margin: 32px auto 0;
  }
  #container.page #article section.section_1 .inner.section_inner .content .horizontal-scroll {
    width: 100%;
  }
  #container.page #article section.section_1 .inner.section_inner .content .horizontal-scroll figure {
    width: 100%;
  }
  #container.page #article section.section_1 .inner.section_inner .content.content_1 {
    padding: 80px 0;
  }
  #container.page #article section.section_1 .inner.section_inner .content.content_1 h3 span {
    text-align: center;
  }
}/*# sourceMappingURL=performance.css.map */