@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bellefair&display=swap");
/* =================================================
   unique layout
================================================= */
/* -------------------------------------
   article
------------------------------------- */
#article {
  /* -------------------------------------
     section
  ------------------------------------- */
}
#article section {
  /* -------------------------------------
     section_1
  */
}
#article section.section_1 .inner.section_inner {
  /* -------------------------------------
     content
  ------------------------------------- */
}
#article section.section_1 .inner.section_inner .content.content_1 h2.h2_1 {
  width: 92vw;
  margin: 0 auto 1.5em;
}
#article section.section_1 .inner.section_inner .content.content_2 figure {
  margin-bottom: 2vw;
}
#article section.section_1 .inner.section_inner .content.content_2 h5 span {
  text-align: left;
  margin: 1em 0;
}

@media screen and (min-width: 768px) {
  /* =================================================
     unique layout
  ================================================= */
  /* -------------------------------------
     article
  ------------------------------------- */
  #article {
    /* -------------------------------------
       section
    ------------------------------------- */
  }
  #article section.section_1 .inner.section_inner {
    /* -------------------------------------
       content
    ------------------------------------- */
  }
  #article section.section_1 .inner.section_inner .content.content_1 h2.h2_1 {
    width: 100%;
    margin: 0 auto 1.5em;
  }
  #article section.section_1 .inner.section_inner .content.content_2 figure {
    margin-bottom: 16px;
  }
  #article section.section_1 .inner.section_inner .content.content_2 h4.h4_2 {
    margin-bottom: 1.5em;
  }
  #article section.section_1 .inner.section_inner .content.content_2 .item.float {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 48px;
    width: 100%;
  }
  #article section.section_1 .inner.section_inner .content.content_2 .item.float .float_c {
    grid-column: 1/-1;
    width: 100%;
  }
  #article section.section_1 .inner.section_inner .content.content_2 .item.float .float_l,
  #article section.section_1 .inner.section_inner .content.content_2 .item.float .float_r {
    grid-row: 2;
    width: 100%;
  }
  #article section.section_1 .inner.section_inner .content.content_2 .item.float .float_r {
    margin: 0;
  }
}/*# sourceMappingURL=design.css.map */