@charset "UTF-8";

/* ================================================================== */

/* Topics CSS

===================================================================== */

.a-site_contents             { background-color: #f0f0f0; }
.a-site_contents .site_frame { color: #000; }


/* ------------------------------------------------------------------ */
/* カテゴリー一覧
--------------------------------------------------------------------- */

.topics-item   { border-bottom: 2px solid #fff; }
.topics-item a { display: block; }
.topics-item-img img { width: 100%; }

@media(min-width:642px) {
  .topics-list {
    display: flex;
    flex-wrap: wrap;
  }
  .topics-item                 { width: 48.5%; margin-bottom: 40px; padding-bottom: 40px; }
  .topics-item:nth-of-type(2n) { width: 51.5%; padding-right: 3%; }
  .topics-item:first-child     { width: 100%; padding-right: 0; text-align: center; }
  .topics-item-img { margin-bottom: 20px; }
  .topics-item-ttl { font-size: 28px; line-height: 1.35; font-weight: bold; margin-bottom: 18px; }
  .topics-item:first-child .topics-item-ttl { font-size: 36px; }
  .topics-item-txt { font-size: 16px; line-height: 26px; }
}
@media(max-width:641px) {
  .topics-item { margin-bottom: 20px; padding-bottom: 20px; }
  .topics-item-img { margin-bottom: 10px; }
  .topics-item-ttl { font-size: 21px; line-height: 28px; font-weight: bold; margin-bottom: 12px; }
  .topics-item-txt { font-size: 14px; line-height: 20px; }
}


/* ------------------------------------------------------------------ */
/* module
--------------------------------------------------------------------- */
.c-page_title, .c-title { font-weight: bold;}

@media(min-width:642px) {
  .c-page_title {
    margin-bottom: 40px;
    font-size: 42px;
    line-height: 50px;
  }
  .c-title {
    padding-bottom: 10px;
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 32px;
    border-bottom: 2px solid #000;
  }
  .c-lead {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 28px;
  }
}

@media(max-width:641px) {
  .c-page_title {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 30px;
  }
  .c-title {
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 25px;
    line-height: 30px;
    border-bottom: 2px solid #000;
  }
  .c-lead {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}