@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
#container.page {
  /* =================================================
     unique layout
  ================================================= */
  /* -------------------------------------
     article
  ------------------------------------- */
}
#container.page #article section {
  display: grid;
  align-items: center;
}
#container.page #article section h2 {
  margin-bottom: 1em;
}
#container.page #article section h2::after {
  content: "";
  display: block;
  width: 5.3333333333vw;
  border-bottom: 1px solid #171C61;
}
#container.page #article section h2 span {
  white-space: nowrap;
  margin-bottom: 1em;
}
#container.page #article section h2 span.txt {
  letter-spacing: 0.025em;
  color: #7D81B3;
  font-size: 1.4rem;
}
#container.page #article section h2 span.txt_2 {
  color: #171C61;
  font-size: 1.6rem;
}
#container.page #article section h2 span.txt_2 strong {
  letter-spacing: 0.025em;
  font-weight: 700;
}
#container.page #article section p a,
#container.page #article section p a:link {
  color: #7D81B3;
  font-size: 1.2rem;
}
#container.page #article section ul.block {
  width: 70.6666666667vw;
  margin: 0 auto;
}
#container.page #article section ul.block li {
  margin: 0 auto 10.6666666667vw;
}
#container.page #article section .sns {
  margin: 1em auto 0;
}
#container.page #article section .sns a,
#container.page #article section .sns a:link {
  width: 6.4vw;
}

@media screen and (min-width: 768px) {
  #container.page {
    /* =================================================
       unique layout
    ================================================= */
    /* -------------------------------------
       article
    ------------------------------------- */
  }
  #container.page #article section {
    min-height: 960px;
  }
  #container.page #article section h2 {
    margin-bottom: 1em;
  }
  #container.page #article section h2::after {
    width: 24px;
    transition: 0.3s;
  }
  #container.page #article section h2 span {
    white-space: wrap;
    margin-bottom: 16px;
    transition: 0.3s;
  }
  #container.page #article section h2 span.txt {
    font-size: 1.8rem;
  }
  #container.page #article section h2 span.txt_2 {
    font-size: 2.4rem;
  }
  #container.page #article section p a,
  #container.page #article section p a:link {
    font-size: 1.6rem;
  }
  #container.page #article section ul.block {
    grid-column: 3/-2;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 6.3541666667vw;
    width: 100%;
    margin: 0;
  }
  #container.page #article section ul.block li {
    margin: 0;
  }
  #container.page #article section .sns {
    margin: 1em 0 0;
  }
  #container.page #article section .sns a,
  #container.page #article section .sns a:link {
    width: 30px;
  }
}
@media screen and (min-width: 1100px) {
  #container.page #article section ul.block {
    grid-template-columns: repeat(2, max-content);
  }
}
@media screen and (min-width: 1300px) {
  #container.page #article section h2 span.txt {
    font-size: 1.25vw;
  }
  #container.page #article section h2 span.txt_2 {
    font-size: 1.875vw;
  }
}/*# sourceMappingURL=creators.css.map */