@charset "UTF-8";
/*PC・タブレット・スマホ共通設定
 ---------------------------------------------------------------------------*/
/* mobile first*/
/* For Bootstrap4 Breakpoints  */
/* For Bootstrap4 Breakpoints  End */
/* ----
// * ex) @include text-stroke(2, #fff);
---- */
/* Newslist Style
-------------------------------------------------- */
/* Newslist base class */
.News__box {
  margin: 1rem; }
  @media (min-width: 768px) {
    .News__box {
      margin: 2rem; } }
  @media (min-width: 992px) {
    .News__box {
      margin: 4rem; } }

.News__box .-each {
  border-bottom: #eee thin solid;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.News__detail {
  margin: 1rem; }
  @media (min-width: 768px) {
    .News__detail {
      margin: 2rem; } }
  @media (min-width: 992px) {
    .News__detail {
      margin: 2rem 4rem 4rem; } }

.News__each {
  margin: 0 0 2rem; }

.News__each .-title {
  font-weight: bold;
  margin-bottom: 0.5rem; }

.News__each .-content {
  border-bottom: #dee2e6 thin solid; }

.News__category {
  background: #517299;
  color: #fff;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 26px;
  margin-bottom: 3px;
  border-radius: 30px;
  width: 100px;
  margin-right: 10px; }

.News__category > div {
  font-size: 10px; }
  @media (min-width: 320px) {
    .News__category > div {
      font-size: 11px; } }
  @media (min-width: 480px) {
    .News__category > div {
      font-size: 12px; } }
  @media (min-width: 768px) {
    .News__category > div {
      font-size: 14px; } }

/* News edit Style
-------------------------------------------------- */
.Formbox .form-group {
  margin-bottom: 1rem; }

.Formbox .form-group label {
  font-weight: bold; }