@charset "UTF-8";
/* CSS Document */
.contentsNews {
  display: flex;
  column-gap: 5%;
  margin-bottom: 80px;
  align-items: flex-end;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .contentsNews {
      flex-direction: column-reverse;
      align-items: flex-start;
      grid-row-gap: 60px;
      margin-bottom: 40px; } }
  .contentsNews__left {
    flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .contentsNews__left {
        width: 100%; } }
  .contentsNews__catTtl {
    font-weight: 500;
    color: #AAAAAA;
    font-size: 16px;
    margin-bottom: 10px; }
  .contentsNews__catLink {
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    font-size: 12px;
    display: block;
    border-bottom: solid 1px #AAAAAA;
    padding-left: 25px;
    position: relative; }
    .contentsNews__catLink:before {
      display: block;
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0.6em;
      height: 0.6em;
      border-top: solid 1px #AAAAAA;
      border-right: solid 1px #AAAAAA;
      transform: rotate(45deg); }
  .contentsNews__right {
    width: 695px;
    max-width: 100%; }
  .contentsNews__item {
    margin-bottom: 20px; }
    .contentsNews__item:last-of-type {
      margin-bottom: 0; }
  .contentsNews__itemLink {
    display: flex;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .contentsNews__itemLink {
        flex-wrap: wrap;
        grid-row-gap: 10px; } }
  .contentsNews__itemDay {
    font-size: 10px;
    color: #AAAAAA;
    margin-right: 1em;
    min-width: 54px;
    margin-top: 0.45em; }
    @media screen and (max-width: 767px) {
      .contentsNews__itemDay {
        margin-top: 0; } }
  .contentsNews__itemCat {
    background-color: #1C1C1C;
    color: #fff;
    padding: 0 8px;
    font-size: 10px;
    min-width: 136px;
    text-align: center;
    margin-right: 30px;
    margin-top: 0.45em; }
    @media screen and (max-width: 767px) {
      .contentsNews__itemCat {
        margin-top: 0; } }
  .contentsNews__itemTtl {
    font-size: 14px;
    display: -webkit-box;
    /* 必須 */
    -webkit-box-orient: vertical;
    /* 必須 */
    -webkit-line-clamp: 1;
    /* 行数を制限 */
    overflow: hidden;
    /* はみ出た部分を非表示 */ }
    @media screen and (max-width: 767px) {
      .contentsNews__itemTtl {
        width: 100%;
        -webkit-line-clamp: 2;
        /* 行数を制限 */ } }