@charset "UTF-8";
:root {
  --font-family: "Jost", sans-serif;
  --font-family-ja: "Noto Sans JP", sans-serif;
  --font-size-sm: 15px;
  --font-size-md: 30px;
  --font-size-small: 0.8333rem;
  --font-size-large: 1.3333rem;
  --font-size-x-large: 1.6667rem;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --font-weight-bold-ja: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --line-height: 1.667rem;
  --color-text-default: #161a28;
  --color-body-bg: #ffffff;
  --color-link: #6764f1;
  --star-svg: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0338 2.89026C16.3193 3.14169 16.5033 3.48858 16.5513 3.86593L16.8577 6.34193C17.0706 8.07208 17.8559 9.6814 19.0887 10.914C20.3214 12.1466 21.931 12.9318 23.6613 13.1447L26.1345 13.4511C26.5119 13.4991 26.8588 13.683 27.1103 13.9685C27.3618 14.254 27.5005 14.6213 27.5005 15.0017C27.5005 15.3821 27.3618 15.7494 27.1103 16.0349C26.8588 16.3203 26.5119 16.5043 26.1345 16.5523L23.6582 16.8587C21.9284 17.0722 20.3196 17.8577 19.0874 19.0902C17.8553 20.3228 17.0705 21.9318 16.8577 23.6614L16.5513 26.1343C16.5033 26.5117 16.3193 26.8586 16.0338 27.11C15.7483 27.3614 15.3809 27.5001 15.0005 27.5001C14.62 27.5001 14.2527 27.3614 13.9672 27.11C13.6817 26.8586 13.4977 26.5117 13.4497 26.1343L13.1433 23.6614C12.8337 21.4161 11.527 19.6778 10.9123 19.0893C9.67954 17.8567 8.07001 17.0716 6.33965 16.8587L3.86646 16.5523C3.48906 16.5043 3.14213 16.3203 2.89067 16.0349C2.63921 15.7494 2.50049 15.3821 2.50049 15.0017C2.50049 14.6213 2.63921 14.254 2.89067 13.9685C3.14213 13.683 3.48906 13.4991 3.86646 13.4511L6.33965 13.1447C7.54116 12.9479 9.94417 12.0333 10.9123 10.914C11.8805 9.79474 12.9227 7.71056 13.1433 6.34193C13.3638 4.9733 13.4497 3.86593 13.4497 3.86593C13.4977 3.48858 13.6817 3.14169 13.9672 2.89026C14.2527 2.63883 14.62 2.50012 15.0005 2.50012C15.3809 2.50012 15.7483 2.63883 16.0338 2.89026Z" fill="%236A96FF"/></svg>');
  --arrow-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABsklEQVR4nO2UvW5TQRCFv7O2sBt6eA56eAYegSfgL7KQSOHGN3ESKxGRUiAUKCmp6KGFAgpEFapEKBINkRJiwd1Dcdcbx1xs8ydR+EhXc2d35pzdmd2FBRb4V1Dd4K2eL7e/0jo3OOad1iW1ARhu3dbHmSJ37/mKmrw2QAAHDAiBARqVb2GUbRVrFBpc31rSs3HOMClysc17zJGMiaASEdM/yVafsjWiRDIHOuXVJOcPIt2uToh0MplBRopYEalEpAWMYihBxoL+5rIOZooAbBQ8BPbkMSJXO5KBSjjbFPdWF3hUx1crgmQi91Wt1posUZl97FzClc07+lJLVyuS0On4BeJqPgRVtAnIAlLzES8HXV37GU/9TkaTgRtEPo2Vzak/pNKJyHGAm1N5pk2uruoDkce5F6nZuCodJaZkZ72rN78tAtBsMcDs596MdmUQ7LdgMItjpkhR6FCil+5DbjgRXNIrCh3+sQgADZ4SeUdEnB3ZveEJT+ZJn0uk39fnEOlgYrr9UWZpe1vDvyYCsPJAzxXZVUSC3bXB+fdpGprzBgIEsRzNpeY31n4lb4H/D98BtDXGnntBulkAAAAASUVORK5CYII=");
  --accordion-plus-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236A96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>');
  --accordion-minus-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236A96FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/></svg>');
}

/*
* フォントサイズ
* editor-style.cssで除外させたく、別ファイルで管理
*/
html {
  font-size: var(--font-size-sm);
}
@media (min-width: 576px) {
  html {
    font-size: var(--font-size-md);
  }
}

h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.1333333333rem;
}

h6 {
  font-size: 1.1333333333rem;
}

/*
* 基本スタイル
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-family);
  line-height: var(--line-height);
  color: var(--color-text-default);
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  background: var(--color-body-bg);
  background-image: repeating-linear-gradient(0deg, transparent 0, transparent 10px, #f2f2f2 10px, #f2f2f2 11px, transparent 11px, transparent 24px), repeating-linear-gradient(90deg, transparent 0, transparent 10px, #f2f2f2 10px, #f2f2f2 11px, transparent 11px, transparent 24px);
  background-size: 24px 24px;
}
@media (min-width: 576px) {
  body {
    background-image: repeating-linear-gradient(0deg, transparent 0, transparent 20px, #f2f2f2 20px, #f2f2f2 21px, transparent 21px, transparent 40px), repeating-linear-gradient(90deg, transparent 0, transparent 20px, #f2f2f2 20px, #f2f2f2 21px, transparent 21px, transparent 40px);
    background-size: 40px 40px;
  }
}
[lang=ja] body {
  font-family: var(--font-family-ja);
}

h1,
p,
ul,
ol,
figure,
table {
  margin: 0 0 2rem;
}

h2 {
  margin: 0 0 1.3333333333rem;
}

h3 {
  margin: 0 0 1rem;
}

h4 {
  margin: 0 0 0.6666666667rem;
}

h5 {
  margin: 0 0 0.3333333333rem;
}

ul,
ol {
  padding-left: 1.6666666667rem;
}

li {
  margin-bottom: 0.5333333333rem;
}
li > ul, li > ol {
  margin-top: 0.5333333333rem;
}

a {
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
  text-decoration: underline;
}

strong {
  font-weight: var(--font-weight-bold);
}
[lang=ja] strong {
  font-weight: var(--font-weight-bold-ja);
}

table {
  border-collapse: collapse;
}

/*
* ブロックのスタイル
*/
/*
* 見出しパーツ
* ブロック > テキスト > 見出しのスタイル
*/
h1 {
  border-left: #6764f1 solid 0.16rem;
  font-weight: var(--font-weight-black);
  line-height: 1;
  margin: 0 0 1em;
  padding: 0 0 0 0.5em;
}

h2 {
  font-weight: var(--font-weight-extra-bold);
  margin: 0 0 1em;
}

h3 {
  background: linear-gradient(121.59deg, #6a96ff 8.38%, #7e5eff 93.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #7e5eff;
  font-weight: var(--font-weight-black);
  margin: 0 0 1em;
}

h4 {
  font-weight: var(--font-weight-bold-ja);
  margin: 0 0 1em;
}

h5 {
  background: linear-gradient(121.59deg, #6a96ff 8.38%, #7e5eff 93.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #7e5eff;
  font-weight: var(--font-weight-bold-ja);
  margin: 0 0 1em;
}
h5::before {
  background-image: var(--star-svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  margin: 0 4px 0 0;
  vertical-align: -2px;
  width: 1em;
}

h6 {
  font-weight: var(--font-weight-bold);
  margin: 0 0 1em;
}
h6::before {
  background-image: var(--arrow-icon);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin: 0 4px 0 0;
  height: 1em;
  width: 1em;
}

/*
* 段落パーツ
* ブロック > テキスト > 段落に付与するクラス名
*/
.button-link {
  display: flex;
  justify-content: center;
}
.button-link > a {
  padding: 0.8rem 1.3333333333rem;
  background: linear-gradient(121.59deg, #6A96FF 8.38%, #7E5EFF 93.72%);
  color: white;
  text-decoration: none;
  border-radius: 200px;
}
.button-link.large > a {
  width: 100%;
  text-align: center;
}

.has-text-align-center {
  text-align: center;
}
.has-text-align-right {
  text-align: right;
}
.has-red-color {
  color: #ff3f66;
}
.has-blue-color {
  color: #49c7ef;
}
.has-gray-600-color {
  color: #162844;
}
.has-gray-500-color {
  color: #525d73;
}
.has-gray-400-color {
  color: #99a2b1;
}
.has-gray-300-color {
  color: #c4cdd9;
}
.has-gray-200-color {
  color: #d2dbe6;
}
.has-small-font-size {
  font-size: var(--font-size-small);
}
.has-large-font-size {
  font-size: var(--font-size-large);
  line-height: calc(var(--line-height) + 0.2rem);
}
.has-x-large-font-size {
  font-size: var(--font-size-x-large);
  line-height: calc(var(--line-height) + 0.5rem);
}

.text-small {
  font-size: var(--font-size-small);
}
.text-large {
  font-size: var(--font-size-large);
}
.text-x-large {
  font-size: var(--font-size-x-large);
}

/*
* テーブルパーツ
* ブロック > テキスト > テーブルに付与するクラス名
*/
.wp-block-table {
  --color-table-back-th: #6764F1;
  --color-table-back-td: #F5F6FB;
  --color-table-back-td-even: #E3E5F3;
  --color-table-back-td-strong: #A7ACFF;
}
.wp-block-table table {
  border-collapse: separate;
  border-spacing: 3px;
}
.wp-block-table.width-full > table {
  width: 100%;
}
.wp-block-table th {
  color: #FAFAFA;
  font-weight: var(--font-weight-bold);
  text-align: left;
  background-color: var(--color-table-back-th);
  border-bottom: #ffffff solid 2px;
}
.wp-block-table td {
  background-color: var(--color-table-back-td);
}
.wp-block-table td.strong {
  color: #fff;
  background-color: var(--color-table-back-strong);
}
.wp-block-table td:nth-child(even) {
  background-color: var(--color-table-back-td);
}
.wp-block-table th,
.wp-block-table td {
  padding: 0.6666666667rem;
}
@media (min-width: 576px) {
  .wp-block-table th,
  .wp-block-table td {
    padding: 0.6666666667rem;
  }
}
.wp-block-table p:last-of-type,
.wp-block-table ul:last-of-type,
.wp-block-table ol:last-of-type {
  margin-bottom: 0;
}

/*
* 画像
* ブロック > メディア > 画像
*/
.wp-block-image {
  text-align: center;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.wp-block-image.margin-side-0 {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}

/*
* アコーディオン
*/
.accordion-item {
  background: #f5f6fb;
  border-radius: 4px;
  margin: 0.8rem 0 0;
  padding: 0.8rem;
}
.accordion-item + .accordion-item {
  margin: 2px 0 0;
}
.accordion-item .accordion-title {
  background: linear-gradient(121.59deg, #6a96ff 8.38%, #7e5eff 93.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #6a96ff;
  font-weight: var(--font-weight-bold-ja);
  position: relative;
  padding-right: 0.6666666667rem;
}
.accordion-item .accordion-title::before {
  background-image: var(--star-svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
  margin: 0 5px 0 0;
  vertical-align: -2px;
}
.accordion-item .accordion-title::-webkit-details-marker {
  display: none;
}
.accordion-item .accordion-title::marker {
  content: "";
}
.accordion-item .accordion-title::after {
  content: "";
  background-image: var(--accordion-plus-svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
.accordion-item[open] > .accordion-title::after {
  background-image: var(--accordion-minus-svg);
}
.accordion-item .accordion-content {
  padding: 0.8rem;
}

/*
* カラムパーツ
* ブロック > デザイン > カラムに付与するクラス
*/
.wp-block-column.note {
  border-radius: 0.1666666667rem;
  background: #F5F6FB;
  margin-bottom: 2rem;
  padding: 0.8rem;
}
.wp-block-column.note p,
.wp-block-column.note ul,
.wp-block-column.note ol {
  margin-bottom: 0.8rem;
}
.wp-block-column.note li {
  margin-bottom: 0.1666666667rem;
}
.wp-block-column.note li > ul, .wp-block-column.note li > ol {
  margin-top: 0.1666666667rem;
}

.is-layout-flex:has(> .is-layout-flow:nth-child(2)) {
  display: flex;
  justify-content: space-between;
  column-gap: 0.8rem;
}
.is-layout-flex:has(> .is-layout-flow:nth-child(2)) > .is-layout-flow img {
  max-width: none;
}

/*
* 区切りパーツ
* ブロック > デザイン > 区切りに付与するクラス
*/
hr {
  border-top: 0.0666666667rem solid #D2D4D6;
  margin-bottom: 2rem;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}

/*
* ページのスタイル
*/
/*
* ページ共通
*/
.container {
  max-width: 992px;
  margin: 0 auto;
  padding: 1.5rem;
}

/*
* ヘルプページ
*/
.archive-help.list {
  list-style: none;
  padding-left: 0;
}
.archive-help.list .item {
  background: #1d1f21;
  border-radius: 3px;
}
.archive-help.list .item > a {
  color: #e9eef5;
  display: block;
  padding: 0.8rem 1.3333333333rem;
  text-align: center;
  text-decoration: none;
}

.content-help {
  padding-bottom: 4rem;
}

.help-accordion {
  background: #f5f6fb;
  border-radius: 4px;
  margin: 0.8rem 0 0;
  padding: 0.8rem;
}
.help-accordion + .help-accordion {
  margin: 2px 0 0;
}
.help-accordion-title {
  background: linear-gradient(121.59deg, #6a96ff 8.38%, #7e5eff 93.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #6a96ff;
  font-weight: var(--font-weight-bold-ja);
  position: relative;
  padding-right: 0.6666666667rem;
  cursor: pointer;
}
.help-accordion-title::before {
  background-image: var(--star-svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
  margin: 0 5px 0 0;
  vertical-align: -2px;
}
.help-accordion-title::after {
  content: "";
  background-image: var(--accordion-plus-svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}
.help-accordion-content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
.help-accordion-content > * {
  padding: 0.8rem;
}
.help-accordion.is-open .help-accordion-title::after {
  background-image: var(--accordion-minus-svg);
}

.content-help .button-back {
  position: fixed;
  max-width: 892px;
  width: 100%;
  z-index: 10;
  bottom: 0;
  padding: 1rem;
  background-color: var(--color-body-bg);
}
.content-help .button-back a {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
* お知らせページ
*/
.content-news h1 {
  display: none;
}
