@charset "UTF-8";
/* =====================================================================
 *  実証モデル事業 告知バー 用スタイル
 *  （サイトは html{font-size:62.5%} のため 1rem = 10px 基準）
 * ===================================================================== */

.demoNotice {
  width: 100%;
  background: #e8eaee;
  /* グレー帯 */
  border-top: 0.3rem solid #1f7a44;
  /* ブランドブルーのライン */
  border-bottom: 0.1rem solid #d0d5db;
  box-sizing: border-box;
}

.demoNotice__inner {
  max-width: 112rem;
  /* サイトのコンテンツ幅に合わせる */
  margin: 0 auto;
  padding: 3.2rem 3rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.9;
}

.demoNotice p {
  margin: 0 0 1.6rem;
}

.demoNotice__inner>*:last-child {
  margin-bottom: 0;
}

.demoNotice__tag {
  display: inline-block;
  background: #1f7a44;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.3rem 1.4rem;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  vertical-align: 0.1rem;
}

.demoNotice__lead {
  font-weight: 500;
}

.demoNotice__emph {
  background: #fff;
  border: 0.1rem solid #d3d7de;
  border-left: 0.4rem solid #e8720c;
  /* 重要事項はアクセントのピンク */
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
}

.demoNotice strong {
  color: #e8720c;
  font-weight: 700;
}

.demoNotice__text {
  margin-bottom: 1.2rem;
}

.demoNotice__list {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
}

.demoNotice__list li {
  position: relative;
  padding: 0 0 0.6rem 1.3rem;
}

.demoNotice__list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.demoNotice__term {
  font-weight: 700;
}

.demoNotice__note {
  display: inline-block;
  color: #666;
  font-size: 1.3rem;
}

/* サイト共通の a:link(color:#000) より詳細度を高くするため a.〜:link/:visited を明示 */
.demoNotice a.demoNotice__link,
.demoNotice a.demoNotice__link:link,
.demoNotice a.demoNotice__link:visited {
  color: #0e8a44;
  text-decoration: underline;
  word-break: break-all;
  /*margin-left: 0.7rem; padding-left: 2.1rem;*/
  color: #0e8a44;
  text-decoration: underline;
  background:
    /*url(../img/common/icon11.png) no-repeat left center*/
  ;
  background-size: 1.5rem auto;
}

.demoNotice a.demoNotice__link:hover {
  color: #0e8a44;
  text-decoration: none;
}

.demoNotice__caution {
  margin: 1.6rem 0 0;
  padding: 1.6rem 0 0;
  border-top: 0.1rem dashed #c2c7cf;
  list-style: none;
  font-size: 1.3rem;
  color: #555;
}

.demoNotice__caution li {
  padding-left: 1.4rem;
  text-indent: -1.4rem;
  margin-bottom: 0.4rem;
}

.demoNotice__caution li:last-child {
  margin-bottom: 0;
}

.demoNotice .areaNote:first-of-type {
  margin-top: 0;
}

@media all and (max-width: 896px) {
  .demoNotice {
    margin-bottom: 0rem;
  }

  .demoNotice__inner {
    padding: 2.4rem 1.6rem;
    font-size: 1.35rem;
    line-height: 1.85;
  }

  .demoNotice__tag {
    margin-bottom: 0.6rem;
  }

  .demoNotice__emph {
    padding: 1.4rem 1.4rem;
  }
}