/* リセット */
.sig-wysiwyg-text-area ul,
.sig-wysiwyg-text-area ol{
  list-style: none !important;
}
.sig-wysiwyg-text-area ul li::marker,
.sig-wysiwyg-text-area ol li::marker{
  display: none !important;
}

/* 全体の基本 */
.sig-wysiwyg-text-area{
  color: #333 !important;
  line-height: 1.9 !important;
  font-size: 15px !important;
}

/* 段落の余白 */
.sig-wysiwyg-text-area p{
  margin: 1.2em 0 !important;
}

/* 見出し h2：左に太い青棒 */
.sig-wysiwyg-text-area h2{
  margin: 0.9em 0 0.15em !important;
  padding: 0.4em 0 0.4em 0.8em !important;
  background: transparent !important;
  color: #2f55a4 !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  border-left: 5px solid #2f55a4 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

/* 見出し h3：下にグレー線 */
.sig-wysiwyg-text-area h3{
  margin: 2.3em 0 1em !important;
  padding: 0 0 0.5em 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 2px solid #ddd !important;
}

/* 見出し h4：太字・大きめ */
.sig-wysiwyg-text-area h4{
  margin: 1.5em 0 0.8em !important;
  padding: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  border: none !important;
}

/* 重要ポイント等（blockquote） */
.sig-wysiwyg-text-area blockquote{
  margin: 1.5em 0 !important;
  padding: 1em 1.2em !important;
  background: #f5f7fb !important;
  border-left: 4px solid #2f55a4 !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* ul：青い丸 */
.sig-wysiwyg-text-area ul{
  margin: 1em 0 !important;
  padding-left: 0 !important;
}
.sig-wysiwyg-text-area ul li{
  margin: 0.5em 0 !important;
  line-height: 1.6 !important;
  padding-left: 24px !important;
  position: relative !important;
  text-align: left !important;
}
.sig-wysiwyg-text-area ul li::before{
  content:"" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #2f55a4 !important;
  position: absolute !important;
  left: 4px !important;
  top: 0.7em !important;
}

/* ol：丸数字（青丸に白文字） */
.sig-wysiwyg-text-area ol{
  counter-reset: num !important;
  margin: 1.5em 0 !important;
  padding-left: 0 !important;
}
.sig-wysiwyg-text-area ol li{
  counter-increment: num !important;
  margin: 0.8em 0 !important;
  padding-left: 40px !important;
  position: relative !important;
  color: #333 !important;
  text-align: left !important;
}
.sig-wysiwyg-text-area ol li::before{
  content: counter(num) !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #2f55a4 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 24px !important;
  text-align: center !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.15em !important;
}

/* テーブル */
.sig-wysiwyg-text-area table{
  width: 100% !important;
  max-width: 600px !important;
  margin: 1.5em 0 !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
}

.sig-wysiwyg-text-area table th{
  padding: 14px 16px !important;
  background: #2f55a4 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border: 1px solid #2f55a4 !important;
}

.sig-wysiwyg-text-area table td{
  padding: 12px 16px !important;
  border: 1px solid #d0d0d0 !important;
  background: #fff !important;
  text-align: center !important;
}

.sig-wysiwyg-text-area table tr:nth-child(even) td{
  background: #fafbfc !important;
}

/* YouTube */
.sig-wysiwyg-text-area iframe[src*="youtube"]{
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  margin: 2em 0 !important;
  border-radius: 4px !important;
}

/* レスポンシブ調整 */
@media (max-width: 767px){
  .sig-wysiwyg-text-area{
    font-size: 14px !important;
  }
  
  .sig-wysiwyg-text-area h2{
    font-size: 20px !important;
    margin: 1.5em 0 0.8em !important;
    padding: 0.3em 0 0.3em 0.6em !important;
  }
  
  .sig-wysiwyg-text-area h3{
    font-size: 17px !important;
  }
  
  .sig-wysiwyg-text-area h4{
    font-size: 16px !important;
  }
  
  .sig-wysiwyg-text-area table{
    font-size: 13px !important;
  }
  
  .sig-wysiwyg-text-area table th,
  .sig-wysiwyg-text-area table td{
    padding: 10px 12px !important;
  }
}