@charset "utf-8";

/* -------------------------------------------------- */
/* #block-news  */
/* -------------------------------------------------- */
#block-news .news-list{margin-top:-30px}
#block-news .news-list > li{display:flex;align-items:center;font-size:1.6rem;border-bottom:1px solid #000;gap: 0 40px;padding: 22px 0;}
#block-news .news-list > li time{color:#777;}
#block-news .news-list > li a{flex:1;}
#block-news .news-list > li a.no-link{pointer-events:none;}

/* -------------------------------------------------- */
/* #block-news-detail  */
/* -------------------------------------------------- */
#block-news-detail .article-head{margin-top:-20px}
#block-news-detail .article-head .ttl{font-size:3.2rem;font-weight:700;line-height:normal;letter-spacing:0;}
#block-news-detail .article-head time{font-size:1.6rem;color:#777;display: block;margin-top:1.5rem}
#block-news-detail .article{border-bottom:solid 1px #000}
#block-news-detail .article h2{padding:15px 0;font-size:2.4rem;font-weight:700;line-height:normal;letter-spacing:0;border-top:1px solid #1c1c1c;border-bottom:1px solid rgba(28,28,28,.2)}
#block-news-detail .article h3{position:relative;padding-left:1em;font-size:2rem;font-weight:700;line-height:normal;letter-spacing:0}
#block-news-detail .article h3::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background-color:#d9d9d9}
#block-news-detail .article h4,#block-news-detail .article h5,#block-news-detail .article h6{font-size:1.8rem;font-weight:700}
#block-news-detail .article>:first-child{magin-top:0}
#block-news-detail .article h2,#block-news-detail .article h3{margin-top:6rem;margin-bottom:3rem}
#block-news-detail .article h4,#block-news-detail .article h5,#block-news-detail .article h6{margin-top:3rem;margin-bottom:2rem}
#block-news-detail .article p+p{margin-top:1.5em}
#block-news-detail .article a{text-decoration:underline}
#block-news-detail .article a:hover{text-decoration:none}
#block-news-detail .article img{display:block;margin:6rem auto}
#block-news-detail .article ol li,#block-news-detail .article ul li{position:relative;padding-left:2.8rem;line-height:1.6}
#block-news-detail .article ol li+li,#block-news-detail .article ul li+li{margin-top:1rem}
#block-news-detail .article ul li:before{content:"";position:absolute;top:1.2rem;left:.75rem;width:.6rem;height:.6rem;background:#000;border-radius:100%}
#block-news-detail .article ol{counter-reset:num}
#block-news-detail .article ol li{counter-increment:num}
#block-news-detail .article ol li:before{content:counter(num) ". ";font-family:Inter,sans-serif;position:absolute;top:.1rem;left:.2rem;font-weight:700}
#block-news-detail .article ol+*,#block-news-detail .article ul+*{margin-top:6rem}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px) {
  /* -------------------------------------------------- */
  /* #block-news  */
  /* -------------------------------------------------- */
  #block-news .news-list > li{display:block;font-size:1.4rem;}
  #block-news .news-list > li time{display:block;}

/* -------------------------------------------------- */
/* #block-news-detail  */
/* -------------------------------------------------- */

  #block-news-detail .article-head .ttl{font-size:2.8rem;}
  #block-news-detail .article-head time{font-size:1.4rem;}

  #block-news-detail .article h2{padding:10px 0;font-size:2rem;}
  #block-news-detail .article h3{font-size:1.8rem;}
  #block-news-detail .article h3::before{width:3px;}
  #block-news-detail .article h4,#block-news-detail .article h5,#block-news-detail .article h6{font-size: 1.6rem;}
  #block-news-detail .article h2,#block-news-detail .article h3{margin-top:4rem;margin-bottom:2rem}
  #block-news-detail .article h4,#block-news-detail .article h5,#block-news-detail .article h6{margin-top:2rem;margin-bottom:1rem}
  #block-news-detail .article img {margin: 3rem auto;}
  #block-news-detail .article ol+*,#block-news-detail .article ul+*{margin-top:3rem}
}