.article {
  font-size: 1.0rem; }
  .article > p {
    margin-bottom: 1rem;
    text-align: justify; }
  .article-contents-item-level1 {
    margin-left: 1.2rem; }
    .article-contents-item-level1:not(:first-child) {
      margin-top: 0.4rem; }
    .article-contents-item-level1-subtitle {
      font-size: 0.8rem; }
  .article-contents-item-level2 {
    margin-left: 2.5rem;
    margin-top: 0.2rem; }
    .article-contents-item-level2-subtitle {
      font-size: 0.8rem; }
  .article-heading + p {
    margin-top: 1.5rem; }
  .article-heading {
    clear: both;
    margin-bottom: 1rem;
    color: #006bb5; }
    .article-heading-title {
      font-size: 1.25rem;
      font-weight: 500; }
    .article-heading-subtitle {
      font-size: 1rem;
      font-style: italic; }
    .article-heading:not(:first-child) {
      margin-top: 2rem; }
  .article-subheading {
    clear: both;
    margin-bottom: 1rem;
    color: #006bb5; }
    .article-subheading-title {
      font-size: 1.1rem;
      font-weight: bold;
      font-style: italic; }
    .article-subheading-subtitle {
      font-size: 1rem;
      font-style: italic; }
    .article-subheading:not(:first-child) {
      margin-top: 2rem; }
  .article-heading + .article-subheading {
    margin-top: 1.5rem; }
  .article-image {
    margin-top: 0.33rem;
    margin-bottom: 0.5rem; }
    .article-image img {
      max-width: 100%;
      border: 1px solid whitesmoke; }
    .article-image-horizontal.article-image-sm img {
      max-width: 100%;
      width: 20rem;
      height: auto; }
    .article-image-vertical.article-image-sm img {
      max-width: 100%;
      width: auto;
      height: 20rem; }
    .article-image-sm.article-image-left {
      float: left;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      margin-right: 1.2rem; }
    .article-image-sm.article-image-right {
      float: right;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      margin-left: 1.2rem; }
    .article-image-sm.article-image-center {
      text-align: center;
      clear: both; }
    .article-image-lg.article-image-left, .article-image-lg.article-image-right, .article-image-lg.article-image-center, .article-image-md.article-image-left, .article-image-md.article-image-right, .article-image-md.article-image-center {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      text-align: center; }
    @media (min-width: 576px) {
      .article-image-horizontal.article-image-sm img {
        max-width: 100%;
        width: 20rem;
        height: auto; }
      .article-image-vertical.article-image-sm img {
        max-width: 100%;
        width: auto;
        height: 20rem; }
      .article-image-sm.article-image-left {
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-right: 1.2rem; }
      .article-image-sm.article-image-right {
        float: right;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 1.2rem; }
      .article-image-sm.article-image-center {
        text-align: center;
        clear: both; } }
    @media (min-width: 768px) {
      .article-image-horizontal.article-image-md img {
        max-width: 100%;
        width: 30rem;
        height: auto; }
      .article-image-vertical.article-image-md img {
        max-width: 100%;
        width: auto;
        height: 30rem; }
      .article-image-md.article-image-left {
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-right: 1.2rem; }
      .article-image-md.article-image-right {
        float: right;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 1.2rem; }
      .article-image-md.article-image-center {
        text-align: center;
        clear: both; } }
    @media (min-width: 1024px) {
      .article-image-horizontal.article-image-lg img {
        max-width: 100%;
        width: 40rem;
        height: auto; }
      .article-image-vertical.article-image-lg img {
        max-width: 100%;
        width: auto;
        height: 40rem; }
      .article-image-lg.article-image-left {
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-right: 1.2rem; }
      .article-image-lg.article-image-right {
        float: right;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 1.2rem; }
      .article-image-lg.article-image-center {
        text-align: center;
        clear: both; } }
    .article-image-caption {
      margin-top: 0.2rem;
      font-style: italic;
      text-align: center; }
  .article-epigraph {
    margin-bottom: 1rem;
    text-align: right;
    font-style: italic; }
    .article-epigraph-source {
      margin-top: 0.2rem;
      font-weight: bold; }
  .article-incut {
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border: 1px dotted #808080;
    background-color: rgba(200, 200, 200, 0.3); }
    @media (min-width: 576px) {
      .article-incut {
        margin-left: 1.5rem;
        margin-right: 1.5rem; } }
  .article .image-collection {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    @media (min-width: 576px) {
      .article .image-collection {
        width: 100%; } }
  @media (min-width: 768px) {
    .article .image-collection-2 {
      width: 75%; } }
  @media (min-width: 1024px) {
    .article .image-collection-2 {
      width: 60%; } }
  @media (min-width: 768px) {
    .article .image-collection-3 {
      width: 100%; } }
  @media (min-width: 1024px) {
    .article .image-collection-3 {
      width: 75%; } }
  @media (min-width: 768px) {
    .article .image-collection-4 {
      width: 100%; } }
  @media (min-width: 1024px) {
    .article .image-collection-4 {
      width: 75%; } }
  @media (min-width: 768px) {
    .article .image-collection-6 {
      width: 100%; } }
  @media (min-width: 1024px) {
    .article .image-collection-6 {
      width: 90%; } }