@charset "UTF-8";
/* Block: リストカスタマイズ -------------------------- */
/*----------------------------------------------------------------
リストタグ
---------------------------------------------------------------- */
.editor-styles-wrapper {
  ul {
    list-style: disc;
    margin-left: 2.2rem;
  }

  ul[class~=rich-text],
  ul:not(.noteditor):not([class*=acf-]):not([class*=blocks-]):not([class*=block-]) {
    padding-left: 0;
    list-style-type: none;

    li {
      margin-bottom: 0.5em;
      position: relative;
      padding-left: 1em;
      line-height: 1.6;

      &:before {
        content: "";
        width: 0.5em;
        height: 0.5em;
        display: inline-block;
        background-color: var(--color-black);
        border-radius: 50%;
        position: absolute;
        top: 0.6em;
        left: 0;
        margin-right: 0px;
      }
    }
  }

  ol[class~=rich-text],
  ol:not(.noteditor):not([class*=acf-]):not([class*=blocks-]) {
    margin-top: 1em;
    margin-bottom: 1em;
    list-style: decimal;
    padding-left: 0;

    li {
      margin-bottom: 0.5em;
      margin-left: 1.5em;
      line-height: 1.3em;
    }
  }
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
  list-style: none;
  margin: 0;
}

.reset-list-style li {
  margin: 0;
}

/* =========================================================
.linkCardList
========================================================= */
.editor-styles-wrapper .linkCardList {
  padding-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  list-style: none !important;
  margin-left: -10px;
  margin-right: -10px;

  .linkCard-imgArea {
    overflow: hidden;

    img {
      display: block !important;
      width: 100%;
      max-width: inherit;
    }
  }

  .linkCard-txtArea {
    padding: 10px 15px;

    h4 {
      font-size: 1.6rem;
      line-height: 1.4;
      font-weight: bold;
      margin: 0 0 0.2em;
      position: relative;
    }

    .linkCard-subtitle {
      font-size: 1.4rem;
      line-height: 1.2;
      margin: 0 0 0.2em;
    }

    p {
      line-height: 1.6;
      font-size: 1.2rem;
      font-feature-settings: "palt";
      margin: 0;
    }
  }

  a:hover .linkCard-imgArea img {
    opacity: 0.8;
  }

  .linkCard {
    width: 33.333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;

    a {
      text-decoration: none;
      display: block;
      background-color: #fff;
      color: var(--color-blue);
      transition: all 0.3s ease;
      border: 1px solid var(--color-lightgray);
      box-shadow: 0px 20px 10px -10px rgba(0, 0, 0, 0.3);

      &:hover {
        box-shadow: 0px 0px 0px 0px transparent;
        color: #fff !important;
        background-color: var(--color-blue);
        border: 1px solid var(--color-blue);
      }
    }
  }

  &.linkCardList-4col .linkCard {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .editor-styles-wrapper .linkCardList {
    margin-left: -5px;
    margin-right: -5px;

    .linkCard {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
    }
  }
}

@media screen and (max-width: 767px) {
  .editor-styles-wrapper .linkCardList {
    .linkCard {
      width: 50%;
    }

    &.linkCardList-4col .linkCard {
      width: 50%;
    }
  }
}

@media screen and (max-width: 575px) {
  .editor-styles-wrapper .linkCardList {
    &.linkCardList-4col .linkCard {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
    }

    .linkCard-txtArea {
      padding: 10px;
    }

    .linkCard-txtArea p {
      display: none;
    }
  }
}

/* =========================================================
.miniLinkCardList
========================================================= */
.editor-styles-wrapper .miniLinkCardList {
  padding-left: 0;
  list-style: none !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-left: -10px !important;
  margin-right: -10px !important;

  .linkCard {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;

    a {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: stretch;
      justify-content: space-between;
      text-decoration: none;
      background-color: #fff;
      color: var(--color-blue);
      transition: all 0.3s ease;
      border: 1px solid var(--color-blue);

      &:hover {
        color: #fff !important;
        border: 1px solid var(--color-blue);
        background-color: var(--color-blue);

        .linkCard-imgArea img {
          opacity: 0.8;
        }
      }
    }
  }

  .linkCard-txtArea {
    align-self: center;
    width: 100%;
    padding: 15px 15px;

    h4 {
      font-size: 1.6rem;
      line-height: 1.4;
      font-weight: bold;
      margin: 0;
      position: relative;
      padding-left: 1.2em;

      &::before {
        font-family: "Font Awesome 5 Free";
        content: "\f138";
        font-weight: 900;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        left: 0;
      }
    }

    p {
      font-size: 1.4rem;
      line-height: 1.6;
      font-feature-settings: "palt";
      margin-bottom: 0 !important;
    }

    h4+p {
      border-top: 1px solid var(--color-gray);
      margin-top: 10px;
      padding-top: 10px;
    }
  }

  .linkCard-imgArea {
    width: 30%;

    img {
      display: block;
    }
  }

  .linkCard-imgArea+.linkCard-txtArea {
    width: 70%;
  }
}
  @media screen and (max-width: 575px) {
    .editor-styles-wrapper .miniLinkCardList {
      margin-left: -5px;
      margin-right: -5px;

      .linkCard {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
      }
    }
  }

  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .miniLinkCardList .linkCard {
      width: 100%;
    }
  }

  /*----------------------------------------------------------------
フレックスなリストカラム構成
---------------------------------------------------------------- */
  ul[class*=flexList] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;

    &>li {
      padding-right: 1em;
      padding-left: 1.1em;
      width: 33.333%;
    }
  }


  @media screen and (max-width: 767px) {
    ul[class*=flexList]>li {
      width: 50%;
    }
  }

  @media screen and (max-width: 575px) {
    ul[class*=flexList]>li {
      width: 100%;
    }
  }

  ul[class*=flexList-2col]>li {
    width: 50%;
  }

  @media screen and (max-width: 575px) {
    ul[class*=flexList-2col]>li {
      width: 100%;
    }
  }

  ul[class*=flexList-3col]>li {
    width: 33.333%;
  }

  @media screen and (max-width: 767px) {
    ul[class*=flexList-3col]>li {
      width: 50%;
    }
  }

  @media screen and (max-width: 575px) {
    ul[class*=flexList-3col]>li {
      width: 100%;
    }
  }

  ul[class*=flexList-4col]>li {
    width: 25%;
  }

  @media screen and (max-width: 767px) {
    ul[class*=flexList-4col]>li {
      width: 50%;
    }
  }

  @media screen and (max-width: 575px) {
    ul[class*=flexList-4col]>li {
      width: 100%;
    }
  }

  ul[class*=flexList-auto]>li {
    width: auto;
  }

  @media screen and (max-width: 767px) {
    ul[class*=flexList-auto]>li {
      width: 50%;
    }
  }

  @media screen and (max-width: 575px) {
    ul[class*=flexList-auto]>li {
      width: 100%;
    }
  }

  /* =========================================================
.jumpmenu
========================================================= */
  .editor-styles-wrapper .sec-jumpBoxArea {
    border-bottom: 1px solid var(--color-darkgray);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .editor-styles-wrapper .jumpmenu {
    padding-left: 0;
    list-style: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;

    li {
      width: 33.333%;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;

      a {
        display: block;
        vertical-align: middle;
        position: relative;
        font-weight: bold;
        line-height: 1.2;
        cursor: pointer;
        padding: 0.6em 2em 0.6em 1em;
        border-radius: 4px;
        color: var(--color-blue);
        border: 2px solid var(--color-blue);
        background-size: 200% 100%;
        background-image: -webkit-linear-gradient(left, transparent 50%, var(--color-lightblue) 50%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, var(--color-lightblue) 50%);
        -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
        transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;

        div {
          display: table;

          span {
            display: table-cell;
            vertical-align: middle;
          }
        }

        &:hover {
          color: #fff;
          background-color: var(--color-blue);
        }

        &:before {
          display: inline-block;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: inheart;
          content: "\f078";
          display: block;
          position: absolute;
          right: 12px;
          line-height: 1;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          font-size: 1.6rem;
        }

        &:not([href^="#"]):before {
          content: "\f105";
        }
      }
    }
  }


  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .jumpmenu li {
      width: 50%;
    }
  }

  @media screen and (max-width: 575px) {
    .editor-styles-wrapper .jumpmenu li {
      width: 100%;
    }
  }


  /*----------------------------------------------------------------
DL DT DDタグ
---------------------------------------------------------------- */
  .editor-styles-wrapper dt,
  .editor-styles-wrapper dd {
    line-height: 1.5;
  }

  .editor-styles-wrapper dt {
    font-weight: 700;
  }

  .editor-styles-wrapper dt+dd {
    margin-top: 0.5rem;
  }

  .editor-styles-wrapper dd+dt {
    margin-top: 1.5rem;
  }

  /* Block: 境界線カスタマイズ -------------------------- */

  .editor-styles-wrapper .wp-block-separator {
    position: relative;
    background-color: var(--color-darkgray);
    height: 1px;
    border: none;
    margin: 20px auto;
    max-width: 1200px !important;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .wp-block-separator {
      margin-top: 50px;
      margin-bottom: 50px !important;
    }
  }

  .editor-styles-wrapper [data-align=wide] .wp-block-separator {
    width: 100%;
    max-width: 1400px !important;
  }

  .editor-styles-wrapper [data-align=full] .wp-block-separator {
    width: 100%;
    max-width: inherit !important;
  }

  .editor-styles-wrapper .is-style-dots {
    background: none;
    position: relative;
    height: auto;

    &::before {
      background: none;
      display: block;
      font-size: 3.2rem;
      font-weight: 700;
      height: auto;
      letter-spacing: 1em;
      padding-left: 1em;
      position: static;
      transform: none;
      width: auto;
      content: "···";
      color: currentColor;
      text-align: center;
      font-family: serif;
    }

    &::after {
      content: none;
    }
  }


  /* Block: クオートカスタマイズ ------------------------------ */
  .editor-styles-wrapper blockquote {
    margin: 0;
  }

  .editor-styles-wrapper .wp-block-quote {
    border-color: var(--color-blue);
    border-style: solid;
    border-width: 0 0 0 2px;
    margin: 20px 0;
    padding: 5px 0 5px 20px;

    p {
      color: inherit;
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 1.6;
    }

    &.has-text-align-center,
    &[style*="text-align:center"],
    &[style*="text-align: center"] {
      border-width: 0;
      padding: 5px 0;
    }

    &.has-text-align-right,
    &[style*="text-align:right"],
    &[style*="text-align: right"] {
      border-width: 0 2px 0 0;
      padding: 5px 20px 5px 0;
    }

    &.is-style-large {
      border: none;
      padding: 0;

      p {
        font-family: inherit;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.035714286em;
        line-height: 1.285714286;
      }

      .wp-block-quote__citation,
      cite,
      footer {
        font-size: 1.4rem;
      }
    }

    &.alignleft,
    &.alignright {
      max-width: calc(100% - 4rem);
    }
  }

  .editor-styles-wrapper cite,
  .editor-styles-wrapper .wp-block-quote__citation {
    color: var(--color-darkgray);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.25;
  }

  .editor-styles-wrapper .wp-block-quote cite,
  .editor-styles-wrapper .wp-block-quote footer {
    color: var(--color-darkgray);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
  }

  .wp-block-pullquote {
    padding: 0;
    position: relative;
    text-align: center;

    &::before {
      background: var(--color-lightblue);
      border-radius: 50%;
      color: var(--color-blue);
      content: "”";
      display: block;
      font-size: 6.2rem;
      font-weight: 500;
      line-height: 1.2;
      margin: 0 auto 1.5rem auto;
      text-align: center;
      height: 4.4rem;
      width: 4.4rem;
      font-family: "sans-serif";
    }

    .wp-block-pullquote::before {
      border: 0.1rem solid currentColor;
      font-size: 5.9rem;
    }

    blockquote {
      border: none;
      margin: 0;
      padding: 0;

      p {
        font-family: inherit;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.2;
        max-width: 100%;

        &:last-of-type {
          margin-bottom: 0;
        }
      }

      cite {
        color: var(--color-darkgray);
        font-size: 1.6rem;
        font-weight: 500;
        margin-top: 1.2rem;
      }

      &.alignleft p,
      &.alignright p {
        font-size: 2.8rem;
      }

      &.alignleft {
        text-align: left;

        &::before {
          margin-left: 0;
        }
      }

      &.alignright {
        text-align: right;

        &::before {
          margin-right: 0;
        }
      }
    }
  }

  /* Block:コード、詩、フォーマット済み( Code, Verse and Preformatted) ------- */
  .editor-styles-wrapper .wp-block-code {
    color: inherit;
    border: 1px solid var(--color-lightblue);
    border-radius: 0;
    padding: 30px;
  }

  .editor-styles-wrapper .wp-block-preformatted,
  .editor-styles-wrapper .wp-block-verse {
    border: 1px solid var(--color-lightblue);
    border-radius: 0;
    padding: 30px;
  }

  .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce,
  .editor-styles-wrapper .wp-block-preformatted,
  .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
  .editor-styles-wrapper .wp-block-verse {
    background: transparent;
    color: inherit;
    font-family: monospace;
    font-size: 14px;
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce,
    .editor-styles-wrapper .wp-block-preformatted,
    .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
    .editor-styles-wrapper .wp-block-verse {
      font-size: 16px;
    }
  }

  .editor-styles-wrapper code,
  .editor-styles-wrapper kbd,
  .editor-styles-wrapper pre,
  .editor-styles-wrapper samp {
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.4rem 0.6rem;
  }

  .editor-styles-wrapper code,
  .editor-styles-wrapper kbd,
  .editor-styles-wrapper samp {
    background: rgba(0, 0, 0, 0.075);
    border-radius: 0.2rem;
  }

  .editor-styles-wrapper pre {
    border: 0.1rem solid var(--color-lightblue);
    line-height: 1.5;
    margin: 4rem 0;
    overflow: auto;
    padding: 3rem 2rem;
    text-align: left;
  }

  .editor-styles-wrapper pre code {
    background: transparent;
    padding: 0;
  }

  /* ボタンカスタマイズ ------------------------------ */
  .wp-block-button__link {
    position: relative;
    padding: 1.1em 1.5em;
    border-radius: 0;
    min-width: 200px;
    background-color: var(--color-blue);

    &:hover {
      background-color: var(--color-lightblue);
    }

  }

  .wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid var(--color-blue);
    background: none;
    color: var(--color-blue);

    &:hover {
      background-color: var(--color-lightblue);
      color: #fff;
      border: 2px solid var(--color-lightblue);
    }
  }


  .editor-styles-wrapper .wp-block-buttons {
    display: flex;

    .is-style-size-medium .wp-block-button__link {
      min-width: 300px;
    }

    .is-style-size-80per {
      display: block;

      .wp-block-button__link {
        max-width: 80%;
        width: 100%;
      }
    }

    .is-style-size-full {
      display: block;

      .wp-block-button__link {
        width: 100%;
      }
    }
  }

  /*----------------------------------------------------------------
インプット関連
---------------------------------------------------------------- */
  .editor-styles-wrapper fieldset {
    border: 0.2rem solid var(--color-lightblue);
    padding: 2rem;
  }

  .editor-styles-wrapper legend {
    font-size: 0.85em;
    font-weight: 700;
    padding: 0 1rem;
  }

  .editor-styles-wrapper label {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 0 0.5rem 0;
  }

  .editor-styles-wrapper label.inline,
  .editor-styles-wrapper input[type=checkbox]+label {
    display: inline;
    font-weight: 400;
    margin-left: 0.5rem;
  }

  .editor-styles-wrapper input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background: #ffffff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: var(--color-darkgray);
    box-shadow: none;
    cursor: pointer;
  }

  .editor-styles-wrapper input[type=checkbox]:checked::before {
    /* Use the "Yes" SVG Dashicon */
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    display: inline-block;
    margin: -0.1875rem 0 0 -0.25rem;
    height: 1.75rem;
    width: 1.75rem;
  }

  .editor-styles-wrapper .button,
  .editor-styles-wrapper .faux-button,
  .editor-styles-wrapper .wp-block-button__link,
  .editor-styles-wrapper .wp-block-file__button {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
  }

  @supports (font-variation-settings: normal) {

    .editor-styles-wrapper input,
    .editor-styles-wrapper textarea,
    .editor-styles-wrapper button,
    .editor-styles-wrapper .button,
    .editor-styles-wrapper .faux-button,
    .editor-styles-wrapper .faux-button.more-link,
    .editor-styles-wrapper .wp-block-button__link,
    .editor-styles-wrapper .wp-block-file__button {
      font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
  }

  .editor-styles-wrapper input,
  .editor-styles-wrapper textarea {
    color: var(--color-black);
  }

  .editor-styles-wrapper code,
  .editor-styles-wrapper input[type=url],
  .editor-styles-wrapper input[type=email],
  .editor-styles-wrapper input[type=tel] {
    /*rtl:ignore*/
    direction: ltr;
  }

  .editor-styles-wrapper input[type=text],
  .editor-styles-wrapper input[type=password],
  .editor-styles-wrapper input[type=email],
  .editor-styles-wrapper input[type=url],
  .editor-styles-wrapper input[type=date],
  .editor-styles-wrapper input[type=month],
  .editor-styles-wrapper input[type=time],
  .editor-styles-wrapper input[type=datetime],
  .editor-styles-wrapper input[type=datetime-local],
  .editor-styles-wrapper input[type=week],
  .editor-styles-wrapper input[type=number],
  .editor-styles-wrapper input[type=search],
  .editor-styles-wrapper input[type=tel],
  .editor-styles-wrapper input[type=color],
  .editor-styles-wrapper textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff;
    border-radius: 3px;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 0.5em;
    width: 100%;
  }

  .editor-styles-wrapper select {
    font-size: 1em;
    padding: 0.5em;
    border-radius: 3px;
  }

  .editor-styles-wrapper textarea {
    height: 12rem;
    line-height: 1.5;
    width: 100%;
  }

  .editor-styles-wrapper input::-webkit-input-placeholder {
    line-height: normal;
  }

  .editor-styles-wrapper input:-ms-input-placeholder {
    line-height: normal;
  }

  .editor-styles-wrapper input::-moz-placeholder {
    line-height: revert;
    /* Reset to the value from the user-agent stylesheet. */
  }

  .editor-styles-wrapper input[type=search]::-webkit-search-decoration,
  .editor-styles-wrapper input[type=search]::-webkit-search-cancel-button,
  .editor-styles-wrapper input[type=search]::-webkit-search-results-button,
  .editor-styles-wrapper input[type=search]::-webkit-search-results-decoration {
    display: none;
  }

  .editor-styles-wrapper .button,
  .editor-styles-wrapper .faux-button,
  .editor-styles-wrapper .wp-block-button__link,
  .editor-styles-wrapper .wp-block-file .wp-block-file__button,
  .editor-styles-wrapper input[type=button],
  .editor-styles-wrapper input[type=reset],
  .editor-styles-wrapper input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--color-blue);
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: 0.0333em;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 1.1em 1.5em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.15s linear;
    color: #ffffff;
  }

  .editor-styles-wrapper .button:focus,
  .editor-styles-wrapper .button:hover,
  .editor-styles-wrapper .faux-button:focus,
  .editor-styles-wrapper .faux-button:hover,
  .editor-styles-wrapper .wp-block-button .wp-block-button__link:focus,
  .editor-styles-wrapper .wp-block-button .wp-block-button__link:hover,
  .editor-styles-wrapper .wp-block-file .wp-block-file__button:focus,
  .editor-styles-wrapper .wp-block-file .wp-block-file__button:hover,
  .editor-styles-wrapper input[type=button]:focus,
  .editor-styles-wrapper input[type=button]:hover,
  .editor-styles-wrapper input[type=reset]:focus,
  .editor-styles-wrapper input[type=reset]:hover,
  .editor-styles-wrapper input[type=submit]:focus,
  .editor-styles-wrapper input[type=submit]:hover {
    background-color: var(--color-lightblue);
    color: #ffffff;
    cursor: pointer;
  }

  .editor-styles-wrapper input[type=text]:focus,
  .editor-styles-wrapper input[type=email]:focus,
  .editor-styles-wrapper input[type=url]:focus,
  .editor-styles-wrapper input[type=password]:focus,
  .editor-styles-wrapper input[type=number]:focus,
  .editor-styles-wrapper input[type=tel]:focus,
  .editor-styles-wrapper input[type=range]:focus,
  .editor-styles-wrapper input[type=date]:focus,
  .editor-styles-wrapper input[type=month]:focus,
  .editor-styles-wrapper input[type=week]:focus,
  .editor-styles-wrapper input[type=time]:focus,
  .editor-styles-wrapper input[type=datetime]:focus,
  .editor-styles-wrapper input[type=datetime-local]:focus,
  .editor-styles-wrapper input[type=color]:focus,
  .editor-styles-wrapper textarea:focus {
    border-color: currentColor;
  }

  .editor-styles-wrapper input[type=search]:focus {
    outline: thin dotted;
    outline-offset: -4px;
  }

  .editor-styles-wrapper .field.is-grouped {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
  }

  /* Block: テーブルカスタマイズ  ------------------------------ */
  .wp-block-table {
    overflow: inherit;
  }

  .editor-styles-wrapper table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 1.6rem;
    margin: 0 0 1.6rem 0;
    width: 100%;
    max-width: 100%;

    tr {
      border: none;
    }

    th {
      font-weight: bold;
    }

    caption {
      background: var(--color-lightblue);
      text-align: center;
    }

    th,
    td {
      border: 0px;
      line-height: 1.6;
      margin: 0;
      overflow: visible;
      padding: 1em;
      vertical-align: top;
    }

    tr:not(:last-child) {
      border-bottom: 0.5px solid var(--color-lightgray);
    }

    td:first-child {
      font-weight: 900;
    }

    .wp-block-table__cell-content {
      padding: 1em;
    }

    thead {
      vertical-align: bottom;
      white-space: nowrap;
      text-align: inherit;

      th,
      td {
        background-color: var(--color-lightgray);
        color: var(--color-black);
      }
    }

    tfoot {

      th,
      td {
        background-color: var(--color-lightyellow);
      }
    }
  }


  /* STYLE: テーブルストライプ */
  .editor-styles-wrapper .is-style-stripes table {
    border: 1px solid var(--color-lightgray);

    tbody tr:nth-child(odd) {
      background: var(--color-lightgray);
    }

    th,
    td {
      border: none;
    }
  }


  /* 一番左側色付きヘッダー */
  .editor-styles-wrapper .is-style-tbody-firstCellHead table tr td:first-child {
    background-color: tint(var(--color-lightgray), 95%);
    width: 100px;
  }

  .editor-styles-wrapper .is-style-tbody-firstCellHead-nowrap table tr td:first-child {
    white-space: nowrap;
    background-color: tint(var(--color-lightgray), 95%);
    width: 100px;

    .wp-block-table__cell-content {
      white-space: nowrap !important;
    }
  }

  .editor-styles-wrapper .is-style-chronologicalTable table {
    border: none;

    th,
    td {
      border: none;
      padding: 0.3em 0;
    }

    tr td:first-child {
      white-space: nowrap !important;
      padding-right: 1.5em;
    }

    tr td:first-child+td {
      width: 100%;
    }
  }


  /* Block: 共有ウィジェットスタイル-------------- */
  .editor-styles-wrapper ul.wp-block-archives,
  .editor-styles-wrapper ul.wp-block-categories,
  .editor-styles-wrapper ul.wp-block-latest-posts {
    font-family: inherit;
    list-style: none;
    margin: 40px 0;
    padding-left: 0;
  }

  .editor-styles-wrapper ul.wp-block-categories__list {
    font-family: inherit;
    list-style: none;
    margin: 40px 0;
    padding-left: 0;

    ul {
      margin: 0;
    }
  }


  .editor-styles-wrapper ul.wp-block-archives li,
  .editor-styles-wrapper ul.wp-block-categories li,
  .editor-styles-wrapper ul.wp-block-latest-posts li,
  .editor-styles-wrapper ul.wp-block-categories__list li {
    color: var(--color-black);
    line-height: 1.476;
    margin: 5px 0 0 0;

    li {
      margin-left: 20px;

      &>a {
        font-weight: 700;
        text-decoration: none;

        &:focus,
        &:hover {
          font-weight: 700;
          text-decoration: none;
        }
      }
    }
  }

  .editor-styles-wrapper .wp-block-archives.aligncenter,
  .editor-styles-wrapper .wp-block-categories.aligncenter {
    text-align: center;
  }

  .editor-styles-wrapper .wp-block-latest-comments time,
  .editor-styles-wrapper .wp-block-latest-posts time {
    color: var(--color-black);
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.476;
    margin-top: 0.15em;
  }

  /* Block: シェアメディアスタイル ---------------- */
  .wp-block[data-type*=core-embed][data-align=full] figcaption,
  .wp-block[data-type="core/image"][data-align=full] figcaption,
  .wp-block[data-type="core/gallery"][data-align=full] .blocks-gallery-caption {
    padding: 0 14px;
  }

  @media screen and (min-width: 768px) {

    .wp-block[data-type*=core-embed][data-align=full] figcaption,
    .wp-block[data-type="core/image"][data-align=full] figcaption,
    .wp-block[data-type="core/gallery"][data-align=full] .blocks-gallery-caption {
      padding: 0 45px;
    }
  }

  /* Block: Shortcodeカスタマイズ -------------------------- */
  .editor-styles-wrapper .wp-block-shortcode textarea {
    color: var(--color-black);
  }

  /* Block: Embed ------------------------------ */
  .editor-styles-wrapper .wp-block-embed {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .editor-styles-wrapper .wp-block[data-type*=core-embed][data-align=center] * {
    margin-left: auto;
    margin-right: auto;
  }

  /* Block: File ------------------------------- */
  .editor-styles-wrapper .wp-block-file {
    background: none;
    padding: 0;
  }

  .editor-styles-wrapper .wp-block-file__content-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
    color: var(--color-orange);
    font-weight: 700;
    text-decoration: none;
  }

  .editor-styles-wrapper .wp-block-file {

    .wp-block-file__textlink:focus,
    .wp-block-file__textlink:hover {
      text-decoration: underline;
    }

    .wp-block-file__button {
      font-size: 14px;
      padding: 1em 1.25em;
    }
  }

  /* Block: Image ------------------------------ */
  .editor-styles-wrapper .wp-block-image img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;

    &.is-style-imgShadow {
      box-shadow: 10px 17.321px 40px 0px rgba(7, 15, 52, 0.2);
    }

    figcaption {
      text-align: center;
      font-size: clamp(1.2rem, 1.3vw, 1.3rem);
    }
  }


  /* Block:ギャラリー ------------------------------ */
  .editor-styles-wrapper .blocks-gallery-grid,
  .editor-styles-wrapper .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .editor-styles-wrapper .is-style-touitsu-gallery .blocks-gallery-grid .blocks-gallery-item {
    flex-grow: inherit;

    figcaption {
      line-height: 1.2;
      padding: 1.2em 0.77em 0.7em;
      transition: all 0.3s linear;
      overflow: hidden;
    }

    a:hover+figcaption {
      opacity: 0;
    }
  }

  .editor-styles-wrapper .is-style-center-gallery .blocks-gallery-grid {
    justify-content: center;
  }

  .editor-styles-wrapper .is-style-spmax-gallery .blocks-gallery-grid .blocks-gallery-item {
    flex-grow: inherit;
  }

  @media screen and (max-width: 575px) {
    .editor-styles-wrapper .is-style-spmax-gallery .blocks-gallery-grid .blocks-gallery-item {
      margin: 0 0 1em;
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      justify-content: center;
      position: relative;
      width: 100%;
    }
  }

  /* Block: Group ------------------------------ */
  .wp-block[data-type="core/group"]:not([data-align=full]):not([data-align=wide]):not([data-align=left]):not([data-align=right]),
  .wp-block[data-type="core/cover"]:not([data-align=full]):not([data-align=wide]):not([data-align=left]):not([data-align=right]) {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }

  .editor-styles-wrapper .wp-block-group.has-background {
    padding: 15px;
    margin-bottom: 28px;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .wp-block-group.has-background {
      padding: 30px;
    }
  }

  .editor-styles-wrapper .wp-block-group.is-style-groupBorder {
    border: 1px solid var(--color-darkgray);
    padding: 20px 20px;
  }

  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .wp-block-group.is-style-groupBorder {
      padding: 15px 15px;
    }
  }

  .editor-styles-wrapper .wp-block-group__inner-container>*:first-child {
    margin-top: 0;
  }

  .editor-styles-wrapper .wp-block-group__inner-container>*:last-child {
    margin-bottom: 0;
  }

  .editor-styles-wrapper .wp-block-heading>.rich-text {
    margin-top: 0 !important;
  }

  .editor-styles-wrapper .wp-block-group [data-type="core/heading"]:first-child * {
    margin-top: 0;
  }

  .editor-styles-wrapper [data-type="core/group"]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.wp-block-group__inner-container>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full],
  .editor-styles-wrapper [data-type="core/group"][data-align=full]>.editor-block-list__block-edit>div>.wp-block-group.has-background>.wp-block-group__inner-container>.editor-inner-blocks>.editor-block-list__layout>.wp-block[data-align=full] {
    margin-left: 0;
    width: 100%;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .wp-block:not([data-align=wide]):not([data-align=full]) div:not([class*=__inner-container]) .wp-block-group.has-background {
      padding: 30px;
    }
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper .wp-block div[class*=__inner-container] .wp-block[data-align=wide] .wp-block-group.has-background,
    .editor-styles-wrapper .wp-block div[class*=__inner-container] .wp-block[data-align=full] .wp-block-group.has-background {
      padding: 30px;
    }
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper .wp-block[data-align=wide] .wp-block-group.has-background,
    .editor-styles-wrapper .wp-block[data-align=full] .wp-block-group.has-background {
      padding: 30px;
    }
  }

  /* BLOCK: COLUMNS */
  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .wp-block-column.wp-block-column-sp-reverse {
      flex-direction: row-reverse;
    }
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
    .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
    .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
    .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
    .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
    .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
      margin: 35px 0 20px 0;
    }
  }

  /*----------------------------------------------------------------
wordpressのブロックエディターのロードスタイルが実行されています。上書きしたいスタイルを各所変更してください。
---------------------------------------------------------------- */
  /* カスタムテキストサイズ ------------------------- */
  /*----------------------------------------------------------------
構造
---------------------------------------------------------------- */
  .interface-interface-skeleton__content .editor-styles-wrapper {
    font-family: "YakuHanJPs", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }

  .editor-styles-wrapper>*[class*=wp-block-] {
    margin-bottom: 30px;
  }

  .editor-styles-wrapper .aligncenter {
    text-align: center;
  }

  @media screen and (min-width: 1200px) {
    .editor-styles-wrapper .alignwide {
      margin-left: calc(15% - 15vw);
      margin-right: calc(15% - 15vw);
    }
  }

  .editor-styles-wrapper .alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw !important;
    width: 100vw;

    img {
      width: 100vw;
    }
  }

  .editor-styles-wrapper .has-text-align-left {
    /*rtl:ignore*/
    text-align: left !important;
  }

  .editor-styles-wrapper .has-text-align-center {
    text-align: center !important;
  }

  .editor-styles-wrapper .has-text-align-right {
    text-align: right !important;
  }

  .editor-styles-wrapper .has-drop-cap:not(:focus) {
    &::first-letter {
      color: var(--color-red);
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 5.1em;
      font-weight: 800;
      margin: 0.05em 0.1em 0 0;

      &::after {
        content: "";
        display: table;
        clear: both;
      }
    }

    &::after {
      padding: 0;
    }
  }

  .editor-styles-wrapper .wp-block {
    max-width: 1200px;
  }

  .editor-styles-wrapper .wp-block[data-align=wide] .wp-block[data-align=wide],
  .editor-styles-wrapper .wp-block[data-align=full] .wp-block[data-align=wide] {
    max-width: 1400px;
  }

  .editor-styles-wrapper *[data-align=right] .wp-block-edit,
  .editor-styles-wrapper *[data-align=left] .wp-block-edit {
    max-width: 50%;
  }

  .editor-styles-wrapper .wp-block[data-align=wide] {
    max-width: 1400px;
  }

  .editor-styles-wrapper .wp-block[data-align=full] {
    max-width: none;
  }

  .editor-styles-wrapper .editor-rich-text__tinymce {
    line-height: 1.5;

    &.mce-content-body {
      line-height: 1.5;
    }
  }


  @media screen and (min-width: 576px) {
    .editor-styles-wrapper .wp-block[data-align=right] {
      margin-right: 0;
    }
  }

  @media screen and (min-width: 576px) {
    .editor-styles-wrapper .wp-block[data-align=left] {
      margin: 0;
    }
  }

  /*----------------------------------------------------------------
素材ベース
---------------------------------------------------------------- */
  .editor-styles-wrapper main {
    display: block;
  }

  /*----------------------------------------------------------------
/* 投稿タイトル
---------------------------------------------------------------- */
  .editor-styles-wrapper .wp-block.editor-post-title__block {
    max-width: 1000px;
  }

  .editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
    text-align: left;
    padding: 1em;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.4;
    display: block;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
      font-size: 3rem;
    }
  }

  /*----------------------------------------------------------------
hタグ
---------------------------------------------------------------- */
  .editor-styles-wrapper h1[class~=rich-text],
  .editor-styles-wrapper h1:not(.noteditor) {
    font-weight: 700;
    font-family: "YakuHanMP", "Noto Serif JP", "Arial", "Meiryo", sans-serif;
    font-size: clamp(2.4rem, 3.6vw, 3rem);
    line-height: 1.4;
    color: var(--color-black);
    display: block;
  }

  .editor-styles-wrapper h2[data-type="core/heading"],
  .editor-styles-wrapper h2:not(.noteditor) {
    padding-bottom: 0.6em;
    font-weight: bold;
    font-size: clamp(2.4rem, 3.6vw, 3rem);
    color: var(--color-black);
    margin-bottom: 1em;
    line-height: 1.4;
    position: relative;
    display: block;
    font-family: "YakuHanMP", "Noto Serif JP", "Arial", "Meiryo", sans-serif;
    border-bottom: 1px solid var(--color-black);
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper h2[data-type="core/heading"],
    .editor-styles-wrapper h2:not(.noteditor) {
      font-size: 2.5vw;
    }
  }

  @media screen and (min-width: 1200px) {

    .editor-styles-wrapper h2[data-type="core/heading"],
    .editor-styles-wrapper h2:not(.noteditor) {
      font-size: 3rem;
    }
  }

  .editor-styles-wrapper h2[data-type="core/heading"].has-text-align-center::after,
  .editor-styles-wrapper h2[data-type="core/heading"].tac::after,
  .editor-styles-wrapper h2:not(.noteditor).has-text-align-center::after,
  .editor-styles-wrapper h2:not(.noteditor).tac::after {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .editor-styles-wrapper h2.is-style-emphasis {
    font-size: 2.2rem;
    font-weight: bold;
    color: var(--color-black);
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper h2.is-style-emphasis {
      font-size: 3vw;
    }
  }

  .editor-styles-wrapper h2.is-style-emphasis::after {
    display: none;
  }

  .editor-styles-wrapper h3[data-type="core/heading"],
  .editor-styles-wrapper h3:not(.noteditor) {
    background-color: var(--color-lightgray);
    color: var(--color-black);
    line-height: 1.2;
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-family: "YakuHanMP", "Noto Serif JP", "Arial", "Meiryo", sans-serif;
    padding: 0.4em 0.5em;
    font-weight: 700;
    display: block;
    position: relative;
    margin-bottom: 0.7em;
  }

  .editor-styles-wrapper h3[data-type="core/heading"]::after,
  .editor-styles-wrapper h3:not(.noteditor)::after {
    display: none;
  }

  .editor-styles-wrapper h4,
  .editor-styles-wrapper h5[data-type="core/heading"],
  .editor-styles-wrapper h4:not(.noteditor) {
    padding: 0.4em 0.5em;
    font-weight: bold;
    line-height: 1.4;
    font-size: clamp(1.4rem, 1.6vw, 1.6rem);
    margin-bottom: 0.5em;
    padding-left: 0.3em;
    border-bottom: 1px solid var(--color-black);
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper h4,
    .editor-styles-wrapper h5[data-type="core/heading"],
    .editor-styles-wrapper h4:not(.noteditor) {
      font-size: 1.8rem;
    }
  }

  .editor-styles-wrapper h6[data-type="core/heading"],
  .editor-styles-wrapper h6:not(.noteditor) {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.5em;
  }

  @media screen and (min-width: 768px) {

    .editor-styles-wrapper h6[data-type="core/heading"],
    .editor-styles-wrapper h6:not(.noteditor) {
      font-size: 1.6rem;
    }
  }

  .editor-styles-wrapper *+h2[data-type="core/heading"],
  .editor-styles-wrapper *+h2:not(.noteditor) {
    margin-top: 2em;
  }

  .editor-styles-wrapper *+h3[data-type="core/heading"],
  .editor-styles-wrapper *+h3:not(.noteditor) {
    margin-top: 1.5em;
  }

  .editor-styles-wrapper *+h4[data-type="core/heading"],
  .editor-styles-wrapper *+h4:not(.noteditor) {
    margin-top: 1.5em;
  }

  .editor-styles-wrapper *+h5[data-type="core/heading"],
  .editor-styles-wrapper *+h5:not(.noteditor) {
    margin-top: 1.5em;
  }

  .editor-styles-wrapper *+h6[data-type="core/heading"],
  .editor-styles-wrapper *+h6:not(.noteditor) {
    margin-top: 1.5em;
  }

  /*----------------------------------------------------------------
pタグなど文字関連
---------------------------------------------------------------- */


  .editor-styles-wrapper p:not(.noteditor) {
    line-height: 1.8;
    margin-bottom: 1em;
  }

  .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
    color: var(--color-blue);
    font-size: 3em;
    font-weight: 800;
    margin: 0.05em 0.1em 0 0;
  }

  .editor-styles-wrapper em,
  .editor-styles-wrapper i,
  .editor-styles-wrapper q,
  .editor-styles-wrapper dfn {
    font-style: italic;
  }

  .editor-styles-wrapper em em,
  .editor-styles-wrapper em i,
  .editor-styles-wrapper i em,
  .editor-styles-wrapper i i,
  .editor-styles-wrapper cite em,
  .editor-styles-wrapper cite i {
    font-weight: bolder;
  }

  .editor-styles-wrapper big {
    font-size: 1.2em;
  }

  .editor-styles-wrapper small {
    font-size: 0.75em;
  }

  .editor-styles-wrapper b,
  .editor-styles-wrapper strong {
    font-weight: 700;
  }

  .editor-styles-wrapper ins {
    text-decoration: underline;
  }

  .editor-styles-wrapper sub,
  .editor-styles-wrapper sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  .editor-styles-wrapper sup {
    top: -0.5em;
  }

  .editor-styles-wrapper sub {
    bottom: -0.25em;
  }

  .editor-styles-wrapper abbr,
  .editor-styles-wrapper acronym {
    cursor: help;
  }

  .editor-styles-wrapper address {
    line-height: 1.5;
    margin: 0 0 2rem 0;
  }

  /*----------------------------------------------------------------
aタグ
---------------------------------------------------------------- */
  .editor-styles-wrapper a {
    transition: color 0.3s;
    color: var(--color-darkgreen);

    &:hover {
      color: var(--color-lightblue);
      text-decoration: none;
      cursor: pointer;
    }

    &:focus {
      color: var(--color-lightblue);
      text-decoration: none;
      cursor: pointer;
    }

  }

  .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
  .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce {
    line-height: 1.4;
  }

  .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
  .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
    line-height: 1.4;
  }

  .editor-styles-wrapper p.has-small-font-size {
    font-size: 0.842em;
  }

  .editor-styles-wrapper p.has-normal-font-size,
  .editor-styles-wrapper p.has-regular-font-size {
    font-size: 1em;
  }

  .editor-styles-wrapper p.has-medium-font-size {
    font-size: 1rem;
  }

  .editor-styles-wrapper p.has-large-font-size {
    font-size: 2.2rem;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper p.has-large-font-size {
      font-size: 2.4rem;
    }
  }

  .editor-styles-wrapper p.has-larger-font-size {
    font-size: 3rem;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper p.has-larger-font-size {
      font-size: 4rem;
    }
  }

  /* カスタムカラー ------------------------------------ */

  :root .editor-styles-wrapper .has-accent-color {
    color: var(--color-orange);
    border-color: var(--color-orange);
  }

  :root .editor-styles-wrapper .has-accent-background-color {
    background-color: var(--color-orange);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-primary-color {
    color: var(--color-blue);
    border-color: var(--color-blue);
  }

  :root .editor-styles-wrapper .has-primary-background-color {
    background-color: var(--color-blue);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-secondary-color {
    color: var(--color-black);
    border-color: var(--color-black);
  }

  :root .editor-styles-wrapper .has-secondary-background-color {
    background-color: var(--color-black);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-subtle-color {
    color: var(--color-lightblue);
    border-color: var(--color-lightblue);
  }

  :root .editor-styles-wrapper .has-subtle-background-color {
    background-color: var(--color-lightblue);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-background-color {
    color: var(--color-lightgray);
    border-color: var(--color-lightgray);
  }

  :root .editor-styles-wrapper .has-background-background-color {
    background-color: var(--color-lightgray);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-brown-color {
    color: rgb(128, 64, 0);
    border-color: rgb(128, 64, 0);
  }

  :root .editor-styles-wrapper .has-brown-background-color {
    background-color: rgb(128, 64, 0);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-link-color {
    color: var(--color-darkgreen);
    border-color: var(--color-darkgreen);
  }

  :root .editor-styles-wrapper .has-link-background-color {
    background-color: var(--color-darkgreen);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-yellow-color {
    color: rgb(255, 241, 0);
    border-color: rgb(255, 241, 0);
  }

  :root .editor-styles-wrapper .has-yellow-background-color {
    background-color: rgb(255, 241, 0);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-gray-color {
    color: var(--color-darkgray);
    border-color: var(--color-darkgray);
  }

  :root .editor-styles-wrapper .has-gray-background-color {
    background-color: var(--color-darkgray);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-lightgray-color {
    color: var(--color-lightgray);
    border-color: var(--color-lightgray);
  }

  :root .editor-styles-wrapper .has-lightgray-background-color {
    background-color: var(--color-lightgray);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-black-color {
    color: var(--color-black);
    border-color: var(--color-black);
  }

  :root .editor-styles-wrapper .has-black-background-color {
    background-color: var(--color-black);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-white-color {
    color: #ffffff;
    border-color: #ffffff;
  }

  :root .editor-styles-wrapper .has-white-background-color {
    background-color: #ffffff;
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-hover-color {
    color: var(--color-lightblue);
    border-color: var(--color-lightblue);
  }

  :root .editor-styles-wrapper .has-hover-background-color {
    background-color: var(--color-lightblue);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-txt-color {
    color: var(--color-black);
    border-color: var(--color-black);
  }

  :root .editor-styles-wrapper .has-txt-background-color {
    background-color: var(--color-black);
    color: #ffffff;
  }

  :root .editor-styles-wrapper .has-subtle-background-color {
    background-color: var(--color-lightblue);
    color: inherit;
  }

  .editor-styles-wrapper .wp-block-columns .wp-block-column:nth-child(1) {
    padding: 0 1.6rem 0 0;
  }

  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .wp-block-columns .wp-block-column:nth-child(1) {
      padding: 0;
    }
  }

  .editor-styles-wrapper .block-page-introduction-wrapper h2 {
    color: var(--color-black);
    font-size: 2.2rem;
    line-height: 1.4;
    text-align: left;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .block-page-introduction-wrapper h2 {
      font-size: 2.5vw;
      text-align: center;
    }
  }

  @media screen and (min-width: 1200px) {
    .editor-styles-wrapper .block-page-introduction-wrapper h2 {
      font-size: 3rem;
      text-align: center;
    }
  }

  .editor-styles-wrapper .block-page-introduction-wrapper h2::after {
    content: none;
  }

  .editor-styles-wrapper .block-page-strength-point-wrapper .point {
    color: var(--color-black);
    font-size: 5rem;
    line-height: 1;
    text-transform: capitalize;
    font-weight: bold;
    font-family: "Cinzel", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-style: italic;
    margin-right: 8px;
    margin-bottom: 0;
  }

  .editor-styles-wrapper .block-page-strength-point-wrapper .pointnum {
    color: var(--color-black);
    font-size: 8rem;
    line-height: 1;
    font-weight: bold;
    font-family: "Cinzel", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-style: italic;
    margin-bottom: 0;
  }

  .editor-styles-wrapper .block-page-strength-point-wrapper h2 {
    margin: 0;
    color: var(--color-black);
    padding-bottom: 0;

    &::after {
      content: none;
    }
  }


  .facility .wp-block-columns .wp-block-column {
    .wp-block-image {
      margin-bottom: 0;
    }

    h4 {
      margin-top: 0.5em;
      margin-bottom: 0;
    }
  }


  .editor-styles-wrapper .block-interview-wrapper {
    max-width: 960px;
    margin: 0 auto;

    .interview-title {
      margin-bottom: 3rem;
    }
  }


  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .block-interview-wrapper .interview-title {
      margin-top: -50px;
      margin-bottom: 0;
    }
  }

  .editor-styles-wrapper .block-interview-wrapper .interview-title .point {
    color: var(--color-black);
    font-size: 5rem;
    line-height: 1;
    text-transform: capitalize;
    font-weight: bold;
    font-family: "Cinzel", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-style: italic;
    margin-right: 8px;
    margin-bottom: 0;
  }

  .editor-styles-wrapper .block-interview-wrapper .interview-title .pointnum {
    color: var(--color-black);
    font-size: 8rem;
    line-height: 1;
    font-weight: bold;
    font-family: "Cinzel", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-style: italic;
    margin-bottom: 0;
  }

  .editor-styles-wrapper .block-interview-wrapper .background-color-wrapper {
    background-color: var(--color-blue);
    padding: 3rem 1rem 3rem 3rem;
    margin-left: 0;
  }

  @media screen and (min-width: 768px) {
    .editor-styles-wrapper .block-interview-wrapper .background-color-wrapper {
      margin-left: -30px;
    }
  }

  @media screen and (max-width: 767px) {
    .editor-styles-wrapper .block-interview-wrapper .background-color-wrapper {
      margin-left: 30px;
    }
  }

  .editor-styles-wrapper .block-interview-wrapper {
    h2 {
      margin: 0;
      color: #ffffff;
      padding-bottom: 0;
      margin-bottom: 3rem;
      border: none;

      &::after {
        content: none;
      }

    }

    p {
      color: #ffffff;
    }
  }

  .editor-styles-wrapper .block-interview-wrapper .editor-styles-wrapper .wp-block-table.interview-schedule {
    padding: 1.6rem;
    background-color: var(--color-lightgray);
  }

  .editor-styles-wrapper .wp-block-table.interview-schedule table,
  .editor-styles-wrapper .wp-block-table.interview-schedule tbody {
    border: 0 !important;
  }

  .editor-styles-wrapper .wp-block-table.interview-schedule table td {
    border-width: 0;
    border-bottom: 1px solid var(--color-darkgray);
  }