#content-wrapper,
.editor-styles-wrapper {
  *{
    font-family: Manrope, Noto Sans JP, sans-serif;
    font-weight: 500;
  }

  p{
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
    margin-block: 1rem;
  }

  h1,h2,h3,h4,h5 {
    font-family: YakuHanJP, Manrope, Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  h1{
    line-height:1.5;
  }

  h1 span{
    font-family: YakuHanJP, Manrope, Noto Sans JP, sans-serif;
  }

  h2{
    border-bottom: 3px #34A394 solid;
    font-size: 1.875rem/* 30px */;
    line-height: 1.25;
    margin-bottom: 1rem;
  }

  h2 span{
    font-family: YakuHanJP, Manrope, Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  @media (width < 64rem /* 1024px */) {
    h2 {
      font-size: 1.5rem;
    }
  }

  h3{
    border-left: 4px #34A394 solid;
    font-size: 1.5rem/* 24px */;
    line-height: 1.25;
    padding-left: 1rem/* 16px */;
    margin-bottom: 1rem;
  }

  @media (width < 64rem /* 1024px */){
    h3 {
      font-size: 1.25rem;
    }
  }

  h4{
    padding: 0.5rem 1rem;
    background: #34A394;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    display: flex;
    align-items: center;
    margin-bottom: 1rem/* 16px */;
    color:#fff;
    margin-bottom: 1rem;
  }

  h4:before{
    content:'';
    background:#fff;
    width: 1rem/* 16px */;
    aspect-ratio: 1 / 1;
    border-radius: 9999px;
    display:block;
    margin-right: 0.5rem/* 8px */;
    flex-shrink: 0;
  }

  h5{
    padding: 0.5rem 1rem;
    background: #F4B200;
    color:#fff;
    margin-bottom: 1rem;
  }

  a{
    color: inherit;
    text-decoration-style: solid;
    text-decoration-color: #34a394;
    text-underline-offset: 4px;
    text-decoration-line: underline;
    font-family: YakuHanJP, Manrope, Noto Sans JP, sans-serif;
  }

  a:hover{
    color:#34a394;
  }

  figure.wp-block-image {
    margin-inline: auto;
  }

  .wp-block-button{
    min-width: 14rem;
  }

  .wp-block-button .wp-block-button__link{
    text-decoration-line: none;
    margin: 1rem auto;
    font-weight: 600;
    min-width: calc(var(--spacing) * 56) /* 14rem = 224px */;
    transition-duration: 150ms;
    border-radius: 6px;
  }

  .wp-block-button:not(.is-style-outline) .wp-block-button__link{
    color: white;
    background-color: #34A394;
  }

  .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
    filter: saturate(200%);
  }

  .wp-block-button.is-style-outline .wp-block-button__link{
    color: #34A394;
  }

  .wp-block-button.is-style-outline .wp-block-button__link:hover{
    background-color: color-mix(in srgb, currentColor 7%, transparent);
  }

  table td{
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity));
  }

  table td:first-child{
    text-align: end;
  }

  @media (width < 40rem /* 640px */) {
    table tr {
      display: block;
      margin-bottom: 1rem;
    }
    table td {
      display: block;
      border: none;
      padding-block: 0;
    }
    table td:first-child {
      text-align: left;
      border-bottom: 1px solid;
    }
  }

  .KiteRa-block p{
    margin-top: 1rem/* 16px */;
    margin-bottom: 1rem/* 16px */;
  }

  .KiteRa-block .wp-block-table{
    --tw-bg-opacity: 1;
    background-color: rgb(243 247 247 / var(--tw-bg-opacity));
    padding: 1rem .5rem;
  }

  .KiteRa-block .wp-block-table td{
    border-width: 0px;
  }

  .KiteRa-block .wp-block-table td:first-child{
    --tw-text-opacity: 1;
    color: rgb(52 163 148 / var(--tw-text-opacity));
  }

  ul,ol{
    margin-bottom: 1rem;
  }

  ul ul{
    margin-left: 1.25rem;
  }

  li {
    margin-left: 1rem;
    margin-bottom: 0.25rem;
    font-family: YakuHanJP, Manrope, Noto Sans JP, sans-serif;
  }

  ul > li{
    list-style: none;
  }

  ul > li div{
    display: inline-block;
  }

  ul > li:before{
    content: '';
    width: 0.5rem;
    aspect-ratio: 1/1;
    background: #34A394;
    border-radius: calc(infinity * 1px);
    margin: 0 0.25rem 0 -0.75rem;
    display: inline-block;
  }

  ul ul > li:before{
    width: 5px;
    margin: 0.25rem;
  }

  ul ul ul > li:before{
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170 / var(--tw-bg-opacity));
  }

  ol{
    list-style-type: decimal;
  }

  ol ol{
    margin-left: 1.25rem;
  }

  ol > li::marker{
    --tw-text-opacity: 1;
    color: rgb(52 163 148 / var(--tw-text-opacity));
    font-weight: 700;
  }

  ol ol > li::marker{
    font-weight: 400;
  }

  ol ol ol > li::marker{
    color: var(--color-zinc-400) /* oklch(70.5% 0.015 286.067) = #9f9fa9 */;
  }

  .wp-block-embed-youtube iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin-top: 0.5rem;
    margin-inline: auto;
  }

  .wp-block-media-text{
    column-gap: 2rem;
  }

  .wp-block-media-text__content{
    padding-inline: 0;
  }

  .has-background{
    padding: 0.75rem;
  }
  @media (width >= 40rem /* 640px */) {
    .has-background{
      padding-inline: 1.25rem;
    }
  }

  .has-background .wp-block-group__inner-container > *:first-child {
    margin-top: 0rem;
  }

  .has-background .wp-block-group__inner-container > *:last-child {
    margin-bottom: 0rem;
  }
}

/**編集画面には表示されないサービス紹介と企業情報ブロックのCSS**/
#content-wrapper {
  .KiteRaBiz-block p,
  .KiteRaPro-block p{
    margin-block: 1rem;
  }

  .KiteRaBiz-block h2,
  .KiteRaPro-block h2{
    letter-spacing: 0;
    line-height: 1.25;
  }

  @media (width < 40rem /* 640px */) {
    .KiteRaBiz-block .wp-block-columns,
    .KiteRaPro-block .wp-block-columns{
      gap: calc(var(--spacing) * 1) /* 0.25rem = 4px */;
    }
  }

  .KiteRa-block p{
    margin-block: 1rem;
  }

  .KiteRa-block .wp-block-table{
    background-color: #f3f7f7;
    padding: 1rem 0.5rem;
  }

  .KiteRa-block .wp-block-table td{
    border: none;
    text-align: left;
  }

  .KiteRa-block .wp-block-table td:first-child{
    color: #34A394;
    min-width: 11rem;
  }
  @media (width < 40rem /* 640px */) {
    .KiteRa-block .wp-block-table td:first-child{
      border-bottom: none;
    }
  }
}