.page-id-20 .c-page-header {
  height: 440px;
}

.page-id-20 .c-page-header__title {
  font-size: clamp(20px, 4.4vw, 64px);
}

.page-id-20 .l-contents {
  position: relative;
}

.title-under {
  color: var(--accent-color);
  font-size: 26px;
  font-weight: 700;
}

.forlisence-object {
  z-index: 9;
}

/* 共通スタイル */
.corner-brackets-white {
  position: relative;
  height: 100%;
}

.corner-brackets-white::before,
.corner-brackets-white::after,
.corner-brackets-white .smb-box__background::before,
.corner-brackets-white .smb-box__background::after {
  content: "";
  position: absolute;
  width: 25px;
  /* コーナー線の長さ */
  height: 25px;
  border: 1px solid #fff;
}

/* 左上 */
.corner-brackets-white::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

/* 右上 */
.corner-brackets-white::after {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}

/* 左下 */
.corner-brackets-white .smb-box__background::before {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}

/* 右下 */
.corner-brackets-white .smb-box__background::after {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}

.merit-col-1 {
  --_item-width: 38%;
}

@media (max-width:768px) {
  .merit-col-1 {
    --_item-width: 100%;
  }
}

.merit-col-2 {
  --_item-width: 62%;
}
@media (max-width:768px) {
  .merit-col-2 {
    --_item-width: 100%;
  }
}

/* 表のカラー */
.primary-col {
  background-color: #fff5ddff;
}

.secndary-col {
  background-color: #ffeec0ff;
}

.third-col {
  background-color: #f9d794ff;
}

.forth-col {
  background-color: #f2be63ff;
}

/* 表のカラー（ブルー） */
.primary-col-blue {
  background-color: #ddfbffff;
}

.secndary-col-blue {
  background-color: #baf1f9ff;
}

.third-col-blue {
  background-color: #94edf9ff;
}

.forth-col-blue {
  background-color: #63e1f2ff;
}

.primary-col-green {
  background-color: #ccf6e1ff;
}

.clip-arrow {
  width: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.clip-arrow-sp {
  width: 100%;
  clip-path: polygon(0% 0%, 50% 50%, 100% 0%);
}

.vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.smb-faq,
.smb-faq__item {
  border: 0;
}





@media (max-width:768px) {
  .title-under {
    font-size: 20px;
    line-height: 1;
  }

  div.wp-block-tableberg-wrapper table .wp-block-tableberg-cell:first-of-type {
    padding: 2px;
  }

  .page-id-20 .smb-section__title span {
    font-size: 27px;
  }


}