ul {
  margin-left: 0rem;
}

.under_blogtitle {
  display: flex;
  gap: 5rem;
  margin: 10rem auto 6rem auto!important;
}
.under_blogtitle_right {
  width: 40%;
  aspect-ratio: 16 / 9;
}
@media (max-width: 768px) {
  .under_blogtitle {
    display: block;
  }
  .under_blogtitle_left {
    width: 100%;
  }
  .under_blogtitle_right {
    width: 100%;
    margin-top:2.4rem;
  }
  .richtext h1 {
    padding: 0 40px;
  }
  
}

.under_blogtitle_left {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .8rem;
}
@media (max-width: 768px) {
  .under_blogtitle_left {
    width: 100%;
  }
}
.text_date {
  color: #CF0505;
  font-weight: bold;
  font-size: 1.4rem;
}
.under_blogtitle_left #hs_cos_wrapper_name{
  font-weight: bold;
  font-size: 2.4rem;
}
.text_tagWrap {
  display: flex;
  gap: 1.6rem;
}
.text_tag {
  border: solid 1px #d8d8d8;
  padding: 8px 16px;
  font-size: 1.8rem;
  transition: all 0.2s;
  display: inline-block;

}
.under_blogtitle_right img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Eventblog .blog_body {
  margin: 8rem auto;
}



.richtext{
  display: flex;
  row-gap: 8px;
  flex-direction: column;
}

.richtext #hs_cos_wrapper_post_body {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.richtext h1 {
  font-weight: bold;
  position: relative;
  padding: 0 80px;
  width: fit-content;
  margin: 0 auto;
}
.richtext h1:before, .richtext h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 2px;
  background-color: #CF0505;
}
.richtext h1:before {
  left:0;
}
.richtext h1:after {
  right: 0;
}


.richtext h4 {
  font-weight: bold;
}
.richtext ol {
   list-style-type: none; /* デフォルトの数字を非表示にする */
  counter-reset: my-counter; /* カウンターの初期化 */
}
.richtext ol li {
  position: relative;
  padding: 1rem 0;
   counter-increment: my-counter; /* カウンターのインクリメント */

}


.richtext ol li::before {
background-color: #cf0505;
    border-radius: 50%;
    color: #fff;
    content: counter(my-counter);
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    margin-right: 1rem;
    width: 2rem;
    font-size: 1.4rem;
}

 
}

.richtext ul li {
  list-style-type: none;
  padding-left: 2.5em;
  position: relative;

}
.richtext ul li:before {
      margin-right: 1rem;
  background: #CF0505;
  border-radius: 50%;
  content: "";
  display: block;
  left: 14px;
  position: absolute;
  top: 0.5em;
  width: 5px;
  padding: 0.3em;
}
.richtext h2{
  font-weight: bold;
  position: relative;
  padding: 0 70px;
  width: fit-content;
  margin: 0 auto;
}

.richtext h2:before,
.richtext h2:after,{
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  width:4rem;
  background-color: #CF0505;
}
.richtext h2:before,{
  left: 2rem;
}
.richtext h2:after,{
  right: 2rem;
}

.richtext h3 {
  font-weight: bold;
  position: relative;
  display: inline-block;
  left: 0;
  width: fit-content;
  margin-bottom: 8px;
}
.richtext h3:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 6rem;
  height: 1px;
  background-color: #CF0505;
}



@media (max-width: 768px) {
  .richtext h1 {
    padding: 0 40px;
  }
}



.hs-pagination {
  box-shadow: none;
}
.hs-pagination__link--active {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--gray_3, #ADADAD);
  background: #CF0505;
  color: white!important;
  text-decoration: none;
  transition: background-color 0.3s ease;
  font-weight: 700;
}

.hs-pagination__link--number {
  padding: 1.25rem 1.5rem!important;
  color: var(--text_sub, #757575);
}
.hs-pagination__link-icon svg {
  height: 2rem!important;
  width: 4rem!important;
  color: var(--text_sub, #757575)!important;

}

.memcont {
  padding-bottom: 6.4rem;
}

.membercaed {
  padding: 6.4rem 0;
  display: flex; 
  flex-direction: column;
  gap: 4rem; background: var(--bg_green, #F9FAF7);
}