@charset "utf-8";
/* ======================================================
CSS information

 File Name  : news-single.css
 Style Info : 「お知らせ詳細」のCSS
====================================================== */

#single-news-block .text-box h2 {
  line-height: 1.5;
}

#single-news-block .text-box time {
  display: block;
  margin-bottom: .5em;
  color: #a1a3a4;
  font-size: 1.2rem;
  text-align: right;
}

#single-news-block .text-box p {
  line-height: 2;
}

#single-news-block .flex .text-box {
  margin-bottom: 1em;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {

  #single-news-block .text-box time {
    font-size: 1.3rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {

  #single-news-block .text-box time {
    font-size: 1.4rem;
  }

  #single-news-block .flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }

  #single-news-block .flex .text-box {
    margin-bottom: 0;
    width: 54.5%;
  }

  #single-news-block .flex .img-box {
    width: 41%;
  }

}