@charset "UTF-8";
/**
 * @ editor.css
 *
 * 
 */

/* ==============================
  全体行間
  ============================== */
.editor > * + *,
.editor .wp-block-group > * + *,
.editor .wp-block-column > * + * {
  margin-top: 1em;
}
.editor .wp-block-group:not(.wp-block-columns + .wp-block-columns),
.editor .wp-block-columns:not(.wp-block-columns + .wp-block-columns) {
  margin-top: 6rem;
}
.editor > h2:not(:first-child) {
  margin-top: 2.5em;
}
.editor > :is(h3, h4, h5):not(:first-child) {
  margin-top: 2em;
}
.editor > :is(h2, h3, h4, h5) {
  margin-bottom: 0.5em;
}

/* ==============================
  見出し
  ============================== */
.editor h2 {
  font-size: 2.5rem;
  font-weight: var(--fw-bold);
  padding: 15px 15px 15px 60px;
  background: #eae7e1;
  line-height: 1.4;
  position: relative;
}
.editor h2::before {
  content: "";
  height: 100%;
  width: 40px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: linear-gradient(to bottom, #7b4a97 0%, #7b4a97 50%, #9a7bb0 50%, #9a7bb0 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.editor h3 {
  font-size: 2.3rem;
  font-weight: var(--fw-bold);
  background: #f2ecf5;
  padding: 10px 20px;
}
.editor h4 {
  font-size: 2.3rem;
  font-weight: var(--fw-bold);
  padding-bottom: 15px;
  position: relative;
}
.editor h4::before {
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, var(--color-accent) 190px, #bcbcbc 190px, #bcbcbc 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.editor h5 {
  font-size: 2rem;
  font-weight: var(--fw-bold);
  color: var(--color-accent);
  padding: 10px 0;
  border-top: 2px solid var(--color-accent);
  border-bottom: 2px solid var(--color-accent);
}

@media screen and (max-width: 768px) {
  .editor h2 {
    font-size: 2.3rem;
    padding: 15px 15px 15px 50px;
  }
  .editor h2::before {
    width: 30px;
  }
  .editor h3 {
    font-size: 2.2rem;
    padding: 15px;
  }
  .editor h4 {
    font-size: 2rem;
  }
  .editor h5 {
    font-size: 2rem;
  }
}
/* ==============================
  本文
  ============================== */
.editor p {
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
}

/* ==============================
  リスト
  ============================== */
.editor li {
  font-size: 1.6rem;
  font-weight: var(--fw-regular);
  position: relative;
  padding-left: 1.3em;
}
.editor ul li::before {
  content: "";
  width: 0.3em;
  height: 0.3em;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 0.5em;
  top: 0.75em;
}
.editor ol {
  counter-reset: number;
}
.editor ol li::before {
  content: counter(number);
  counter-increment: number;
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  letter-spacing: -0.05em;
}

/* ==============================
  テーブル
  ============================== */
/* reset */
.editor .wp-block-table thead,
.editor .wp-block-table td,
.editor .wp-block-table th {
  border: none;
}
.editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
  background-color: unset;
}
.editor .wp-block-table td,
.editor .wp-block-table th {
  padding: 0;
}
.editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.editor .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
  padding: 0;
  border-width: 0;
  text-align: left;
  vertical-align: middle;
}
/* style */
.editor table {
  border-collapse: collapse;
}
.editor table,
.editor table th,
.editor table td {
  border: 1px dotted #808080 !important;
}
.editor table th:nth-child(odd) {
  background: #e4d9ea !important;
}
.editor table th:nth-child(even) {
  background: #f1ecf4 !important;
}
.editor table th,
.editor table td {
  padding: 10px 20px !important;
}
.editor table th {
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
}
.editor table td {
  font-size: 1.6rem;
}
.editor figcaption {
  margin-top: 10px !important;
  font-size: 1.5rem;
  color: #333;
}
.editor figcaption + table {
  margin-top: 5px !important;
}
@media screen and (max-width: 768px) {
  .editor figure.wp-block-flexible-table-block-table {
    overflow-x: auto;
  }
  .editor table {
    width: 800px !important;
    max-width: none !important;
  }
  .editor table th,
  .editor table td {
    padding: 15px !important;
  }
}

/* ==============================
  ボタン
  ============================== */
.editor .wp-block-button a {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  background: var(--color-accent);
  padding: 10px 40px 10px 55px;
  position: relative;
}
/* 内部リンク */
.editor .wp-block-button a::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateY(1px) rotate(45deg);
  right: 20px;
}
.editor .wp-block-button a::before {
  content: "";
  background: url(../img/under/icon_btn_link.svg) no-repeat center / 100%;
  width: 20px;
  height: auto;
  aspect-ratio: 25 / 26;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
/* 外部リンク */
.editor .wp-block-button a[target="_blank"]::before {
  background: url(../img/under/icon_btn_blank.svg) no-repeat center / 100%;
  aspect-ratio: 1 / 1;
}
/* PDF */
.editor .wp-block-button a[href$=".pdf"]::before {
  background: url(../img/under/icon_btn_pdf.svg) no-repeat center / 100%;
  aspect-ratio: 26 / 32;
}
/* Excel */
.editor .wp-block-button a[href$=".xlsx"],
.editor .wp-block-button a[href$=".xls"],
.editor .wp-block-button a[href$=".xlsm"] {
  background: #008169;
}
.editor .wp-block-button a[href$=".xlsx"]::before,
.editor .wp-block-button a[href$=".xls"]::before,
.editor .wp-block-button a[href$=".xlsm"]::before {
  background: url(../img/under/icon_btn_xlsx.svg) no-repeat center / 100%;
  aspect-ratio: 27 / 33;
}
/* Word */
.editor .wp-block-button a[href$=".docx"],
.editor .wp-block-button a[href$=".doc"],
.editor .wp-block-button a[href$=".docm"] {
  background: #3485a4;
}
.editor .wp-block-button a[href$=".docx"]::before,
.editor .wp-block-button a[href$=".doc"]::before,
.editor .wp-block-button a[href$=".docm"]::before {
  background: url(../img/under/icon_btn_docx.svg) no-repeat center / 100%;
  aspect-ratio: 27 / 33;
}

/* ==============================
  テキストリンク
  ============================== */
.editor :is(p, li, td) a {
  color: var(--color-accent);
  text-decoration: underline;
  display: inline-block;
  padding: 0 25px 0 30px;
  position: relative;
  margin-top: 0 !important;
}
.editor :is(p, li, td) a::after {
  content: "";
  background: url(../img/under/icon_link-text_arrow.svg) no-repeat center / 100%;
  width: 16px;
  height: auto;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.editor :is(p, li, td) a::before {
  content: "";
  width: 19px;
  height: auto;
  aspect-ratio: 35 / 43;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.editor :is(p, li, td) a::before {
  background: url(../img/under/icon_link-text_link.svg) no-repeat center / 100%;
}
.editor :is(p, li, td) a[target="_blank"]::before {
  background: url(../img/under/icon_link-text_blank.svg) no-repeat center / 100%;
}
.editor :is(p, li, td) a[href$=".pdf"]::before {
  background: url(../img/under/icon_link-text_pdf.svg) no-repeat center / 100%;
}
.editor :is(p, li, td) a[href$=".xlsx"]::before,
.editor :is(p, li, td) a[href$=".xls"]::before,
.editor :is(p, li, td) a[href$=".xlsm"]::before {
  background: url(../img/under/icon_link-text_xlsx.svg) no-repeat center / 100%;
}
.editor :is(p, li, td) a[href$=".docx"]::before,
.editor :is(p, li, td) a[href$=".doc"]::before,
.editor :is(p, li, td) a[href$=".docm"]::before {
  background: url(../img/under/icon_link-text_docx.svg) no-repeat center / 100%;
}

@media screen and (max-width: 768px) {
  .editor :is(p, li, td) a::after {
    bottom: 6px;
  }
}
/* ==============================
  その他
  ============================== */
.editor iframe {
  max-width: 100%;
}