@charset "UTF-8";
:root {
  --fs-10: 0.625rem;
  --fs-12: 0.75rem;
  --fs-14: clamp(0.75rem, 0.698rem + 0.221vw, 0.875rem);
  --fs-15: clamp(0.813rem, 0.761rem + 0.221vw, 0.938rem);
  --fs-16: clamp(0.875rem, 0.823rem + 0.221vw, 1rem);
  --fs-18: clamp(1rem, 0.948rem + 0.221vw, 1.125rem);
  --fs-20: clamp(1.125rem, 1.073rem + 0.221vw, 1.25rem);
  --fs-24: clamp(1.375rem, 1.323rem + 0.221vw, 1.5rem);
  --fs-32: clamp(1.5rem, 1.379rem + 0.518vw, 2rem);
  --fs-48: clamp(2rem, 1.586rem + 1.768vw, 3rem);
  --fs-64: clamp(2.375rem, 1.702rem + 2.873vw, 4rem);
}

:root {
  --color__white:#fff;
  --color__black:#0a0d27;
  --color__black-80:#333c45;
  --color__black-40:#707274;
  --color__gray:#969999;
  --color__gray-50:#dadada;
  --color__primary:#0e8cba;
  --color__primary-dark:#06408b;
  --color__primary-50:#5dc2ea;
  --color__primary-30:#9cd4e9;
  --color__primary-10:#ddeaef;
  --color__secondary:#2e9f50;
  --color__secondary-50:#c1e4bb;
  --color__accent:#ef4c5c;
  --color__accent-50:#eb8b9f;
  --color__accent--second:#f4e48a;
}

h1:where(.wp-block-heading).has-background, h2:where(.wp-block-heading).has-background, h3:where(.wp-block-heading).has-background, h4:where(.wp-block-heading).has-background, h5:where(.wp-block-heading).has-background, h6:where(.wp-block-heading).has-background {
  padding: 0;
}

.block-scope p {
  margin-top: 0.5em;
  font-size: var(--fs-18);
  line-height: 1.75;
}

strong {
  font-weight: 700;
}

.block-editor-iframe__body {
  padding: 1em;
}

.block-scope .wp-block-list {
  font-weight: 500;
  list-style: disc;
}

.block-scope .wp-block-list li {
  margin-top: 0.5em;
  line-height: 1.6;
  margin-left: 1em;
}

.block-scope ul.post-categories {
  list-style: none !important;
}

ul.post-categories li a {
  text-decoration: none;
}

.block-scope .card__titletext {
  font-size: var(--fs-16);
  line-height: 1.3;
}

h2.wp-block-heading {
  font-size: var(--fs-24);
  margin: 2em 0 0.5em 0;
  line-height: 1.6;
}

.page__wrap {
  max-width: 53rem;
  width: calc(100% - 2.5rem);
  margin: 2rem auto;
}

.page__indent {
  padding-left: 1rem;
  text-indent: -1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.page__indent--maru {
  padding-left: 1rem;
  text-indent: -1rem;
}
.page__indent--maru::before {
  content: "●";
  color: var(--color__secondary-50);
  margin-right: 0.1rem;
}

#metoha01 {
  text-align: center;
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.5;
  font-weight: 600;
  color: var(--color__primary);
  line-height: 1.6rem;
}

.under-line {
  background: linear-gradient(transparent 70%, var(--color__accent--second) 0%);
  font-weight: 600;
}

#QA_con2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.page__img {
  margin: 0 auto;
  max-width: 25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.page__img img {
  width: 100%;
}

.page__link {
  display: block;
  max-width: 18.75rem;
  margin: 0 auto;
  background-color: var(--color__primary);
  padding: 1rem;
  margin-top: 1rem;
  color: var(--color__white);
  border-radius: 10px;
  text-align: center;
}

.page__aside {
  font-size: 14px;
  background-color: var(--color__gray-50);
  text-align: center;
  padding: 1rem;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 2rem;
}

.about_me, #metoha02 {
  font-size: 16px;
  line-height: 1.8;
}/*# sourceMappingURL=page.css.map */