/* 導入事例：セクションのまとめ・見てほしい情報用の箱
   グループブロックのスタイル「まとめ・ポイント」 */

.wp-block-group.is-style-case-summary {
  box-sizing: border-box;
  margin: 32px 0 40px;
  padding: 24px 28px 12px;
  background: #fbf4f6;
  border-radius: 2px;
}

.case_single .txt_cont .wp-block-group.is-style-case-summary > .wp-block-heading,
.case_single .txt_cont .wp-block-group.is-style-case-summary > h2,
.case_single .txt_cont .wp-block-group.is-style-case-summary > h3,
.case_single .txt_cont .wp-block-group.is-style-case-summary > h4,
.wp-block-group.is-style-case-summary > .wp-block-heading,
.wp-block-group.is-style-case-summary > h2,
.wp-block-group.is-style-case-summary > h3,
.wp-block-group.is-style-case-summary > h4,
.wp-block-group.is-style-case-summary > p:first-child {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.wp-block-group.is-style-case-summary > p:not(:first-child) {
  margin: 0 0 8px;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}

.wp-block-group.is-style-case-summary ul,
.wp-block-group.is-style-case-summary ol {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.wp-block-group.is-style-case-summary li {
  position: relative;
  margin: 0;
  padding: 10px 0 10px 1.5em;
  border-bottom: 1px solid rgba(225, 60, 92, 0.12);
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}

.wp-block-group.is-style-case-summary li:last-child {
  border-bottom: 0;
}

.wp-block-group.is-style-case-summary li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 10px;
  color: #e13c5c;
  font-weight: 700;
}

.wp-block-group.is-style-case-summary li strong {
  margin-right: 0.55em;
  color: #e13c5c;
  font-weight: 700;
}

@media screen and (max-width: 769px) {
  .wp-block-group.is-style-case-summary {
    padding: 20px 16px 8px;
  }

  .wp-block-group.is-style-case-summary li,
  .wp-block-group.is-style-case-summary > p:not(:first-child) {
    font-size: 14px;
  }
}