@charset "UTF-8";
/* =====================================
 * レイアウト
 * ================================== */
/* =====================================
* z-index
* ======================================== */
/* =====================================
 * メディアクエリ
 * ================================== */
/* =====================================
 * セクションのドットの色
 * ================================== */
/* =====================================
 * フォント情報の一括入力
 * ================================== */
/* =====================================
 * ベースのフォントサイズ
 * ================================== */
/* =====================================
 * カラー変数
 * ================================== */
/* =====================================
 * サービスカラーの指定
 * ================================== */
/* =====================================
 * extend用のclassをここに集約
 * ================================== */
.c-hover {
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .c-hover:hover {
    opacity: 0.84;
  }
}

.c-hover-scale {
  transform: scale(1.1);
  transition: 0.3s;
}

.c-shadow {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
}

.c-shadow-main {
  box-shadow: 0px 4px 20px 0px #bfe8e6;
}

.c-shadow02 {
  box-shadow: 0px 5px 15px 0px rgba(51, 85, 73, 0.36);
}

.c-shadow03 {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

body.editor-styles-wrapper {
  font-family: "Poppins", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, system-ui, Arial, Meiryo, sans-serif;
  /* ================================== */
  /* ================================== */
  /* ================================== */
  /* ================================== */
  /* ================================== */
  /* ================================== */
}
body.editor-styles-wrapper h4[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h4[class*=font-size],
body.editor-styles-wrapper h3[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h3[class*=font-size],
body.editor-styles-wrapper h2[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h2[class*=font-size],
body.editor-styles-wrapper h2:not([class]),
body.editor-styles-wrapper h3:not([class]),
body.editor-styles-wrapper h4:not([class]) {
  font-weight: bold;
  line-height: 1.5;
}
body.editor-styles-wrapper h1 {
  font-size: clamp(1.125rem, 0.67rem + 1.94vw, 3rem);
  font-weight: bold;
}
body.editor-styles-wrapper h2[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h2:not([class]) {
  font-size: clamp(1rem, 0.704rem + 1.48vw, 2rem);
  padding-left: 1.6875rem;
  position: relative;
}
body.editor-styles-wrapper h2[class*=block-editor-rich-text__editable]::before,
body.editor-styles-wrapper h2:not([class])::before {
  display: block;
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-color: #00b8b0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
body.editor-styles-wrapper h2[class*=block-editor-rich-text__editable] + *,
body.editor-styles-wrapper h2:not([class]) + * {
  margin-top: 2.125rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper h2[class*=block-editor-rich-text__editable] + *,
  body.editor-styles-wrapper h2:not([class]) + * {
    margin-top: 1.5rem;
  }
}
body.editor-styles-wrapper * + h2[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper * + h2:not([class]) {
  margin-top: 0.73rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper * + h2[class*=block-editor-rich-text__editable],
  body.editor-styles-wrapper * + h2:not([class]) {
    margin-top: 3rem;
  }
}
body.editor-styles-wrapper h3[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h3:not([class]) {
  position: relative;
  font-size: clamp(1rem, 0.852rem + 0.74vw, 1.5rem);
  padding: 1.25rem 1rem 1.125rem 1.25rem;
}
body.editor-styles-wrapper h3[class*=block-editor-rich-text__editable]::before,
body.editor-styles-wrapper h3:not([class])::before {
  content: "";
  display: block;
  background-color: #00b8b0;
  width: 3px;
  height: calc(100% - 2.5rem);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.editor-styles-wrapper * + h3[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper * + h3:not([class]) {
  margin-top: 0.73rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper * + h3[class*=block-editor-rich-text__editable],
  body.editor-styles-wrapper * + h3:not([class]) {
    margin-top: 3rem;
  }
}
body.editor-styles-wrapper h4[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper h4:not([class]) {
  font-size: 1.125rem;
  background-color: #f5f9f5;
  padding: 0.44rem 1.06rem;
}
body.editor-styles-wrapper h4[class*=block-editor-rich-text__editable] + *,
body.editor-styles-wrapper h4:not([class]) + * {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper h4[class*=block-editor-rich-text__editable] + *,
  body.editor-styles-wrapper h4:not([class]) + * {
    margin-top: 1rem;
  }
}
body.editor-styles-wrapper * + h4[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper * + h4:not([class]) {
  margin-top: 0.73rem;
}
body.editor-styles-wrapper p[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper p:not([class]) {
  font-size: 1rem;
}
body.editor-styles-wrapper p[class*=block-editor-rich-text__editable] a,
body.editor-styles-wrapper p:not([class]) a {
  color: #00b8b0;
  text-decoration: underline;
}
body.editor-styles-wrapper p[class*=block-editor-rich-text__editable] + p[class*=block-editor-rich-text__editable],
body.editor-styles-wrapper p:not([class]) + p[class*=block-editor-rich-text__editable] {
  margin-top: 2rem;
}
body.editor-styles-wrapper ol[class*=block-editor-block-list__block] {
  list-style: decimal;
}
body.editor-styles-wrapper ul[class*=block-editor-block-list__block] {
  list-style: inherit;
}
body.editor-styles-wrapper ol:not([class]),
body.editor-styles-wrapper ul:not([class]),
body.editor-styles-wrapper ol[class*=block-editor-block-list__block],
body.editor-styles-wrapper ul[class*=block-editor-block-list__block],
body.editor-styles-wrapper li[class*=block-editor-block-list__block] {
  padding: 0 0 0 0.4rem;
}
body.editor-styles-wrapper * + ol:not([class]),
body.editor-styles-wrapper * + ul:not([class]),
body.editor-styles-wrapper * + ol[class*=block-editor-block-list__block],
body.editor-styles-wrapper * + ul[class*=block-editor-block-list__block] {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper * + ol:not([class]),
  body.editor-styles-wrapper * + ul:not([class]),
  body.editor-styles-wrapper * + ol[class*=block-editor-block-list__block],
  body.editor-styles-wrapper * + ul[class*=block-editor-block-list__block] {
    margin-top: 1.5rem;
  }
}
body.editor-styles-wrapper .wp-block-quote {
  position: relative;
  background-color: #f5f9f5;
  padding: 4rem;
}
body.editor-styles-wrapper .wp-block-quote + * {
  margin-top: 3.75rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper .wp-block-quote {
    padding: 3.75rem 1.5rem;
  }
}
body.editor-styles-wrapper .wp-block-quote::before, body.editor-styles-wrapper .wp-block-quote::after {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left center;
  position: absolute;
  z-index: 1;
}
body.editor-styles-wrapper .wp-block-quote::before {
  background-image: url(../img/news/ico_quote_mark01.svg);
  top: 0;
  left: 0;
  margin: 1.5rem 0 0 1.5rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper .wp-block-quote::before {
    margin-top: 1rem;
  }
}
body.editor-styles-wrapper .wp-block-quote::after {
  background-image: url(../img/news/ico_quote_mark02.svg);
  bottom: 0;
  right: 0;
  margin: 0 1.5rem 1.5rem 0;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper .wp-block-quote::after {
    margin-bottom: 1rem;
  }
}
body.editor-styles-wrapper .wp-block-quote cite {
  font-size: 0.875rem;
}
body.editor-styles-wrapper .wp-block-quote cite::before {
  content: "出典：";
  display: inline-block;
}
body.editor-styles-wrapper .wp-block-quote cite a {
  display: inline-block;
  color: #00b8b0;
  text-decoration: underline;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  body.editor-styles-wrapper .wp-block-quote cite a:hover {
    text-decoration: none;
  }
}

.post-type-news ul.wp-block-list {
  padding-left: 40px;
}
.post-type-news ul.wp-block-list li {
  list-style: initial;
}