@charset "UTF-8";
body {
  --header-height: 8em;
}
.bg_container {
  background-image: linear-gradient( 180deg, var(--background-color-mask-a50, rgba(255 255 255/0)) min(50%, 360px), var(--body-background-color, hsl(0 0% 97%)) ), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIj4KPGcgZmlsbD0iI2ZmZiI+Cgk8cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjQgMTIxLjUtMjU0LjIgMTkxLjloNDYuNWMxMTUuOS03Ny42IDIxMi42LTE0OC43IDI4MS42LTIxMC40IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI2Ni45LTUyLTI4OC44LTE4Ni42LTEzNS42LTM3OS43aC01OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjggMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNCAxMjEuNS0yNTQuMiAxOTEuOWg5Mi42YzEyOC4zLTg0LjggMjM0LjktMTYyLjMgMzA5LjQtMjI4LjggMjA2LjktMjEzIDI1Mi41LTQyOS4zLTgwLjEtNDg5LjktMjU4LjUtNTAuNC0yODcuMy0xNzgtMTUwLTM2MS4zaC0xMTguNHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC43IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMTM4LjNjMTQwLjgtOTIgMjU3LjYtMTc2IDMzNy40LTI0Ny4zIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0OS42LTQ4LjYtMjg0LjktMTY5LjQtMTYzLjItMzQyLjhoLTE3OC45eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik0xMTExLjkgMGMtMTY5LjMgMjAzLjEtMTU0LjcgMzQ0LjUgMTIwLjYgMzk4LjIgMzMyLjUgNjAuNiAyODYuOSAyNzYuOSA4MC4xIDQ4OS45LTYzLjUgNTYuNy0xNTAuNSAxMjEuNS0yNTQuMiAxOTEuOWgxODMuOGMxNTMuNS05OS4zIDI4MC43LTE4OS43IDM2NS44LTI2NS43IDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTI0MC43LTQ3LTI4Mi4xLTE2MC45LTE3NS44LTMyNC40aC0yNDAuMnoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMTExMS45IDBjLTE2OS4zIDIwMy4xLTE1NC44IDM0NC41IDEyMC42IDM5OC4yIDMzMi41IDYwLjYgMjg2LjkgMjc2LjkgODAuMSA0ODkuOS02My41IDU2LjctMTUwLjUgMTIxLjUtMjU0LjIgMTkxLjloMjI5YzE2Ni4zLTEwNi42IDMwNC4xLTIwMy41IDM5NC41LTI4NC4yIDIwNi45LTIxMyAyNTIuNS00MjkuMy04MC4xLTQ4OS45LTIzMS42LTQ1LjEtMjc4LjctMTUyLjMtMTg3LjMtMzA1LjloLTMwMi42eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC0yNDJDMjYzLjEgMTU2LjQgOTkuNCAzMjcuOSA3My4xIDUyOC45Yy0zMC42IDI1NS44IDM4NyAxNDcuNCAzODcgMzEyLjUtMi45IDc4LTMxLjUgMTU3LjMtNzkuNyAyMzguNmgzMDcuMmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1NDRDMzI0LjQgMTUxLjQgMTcyLjIgMzE3LjMgMTQ2LjkgNTEwLjRjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNS0zLjEgODMuOS0zNiAxNjkuMi05MSAyNTcuMWgyNDQuNmM4NS4yLTExNC4yIDEzNy44LTIyMy43IDE0MS44LTMzMC45IDAtMTY1LjItNDE3LjYtNTYuNy0zODctMzEyLjVDNDYzLjYgMjc0LjQgNTc0LjMgMTMxLjQgNzM5LjQgMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNNzM5LjQgMEg1OTEuNUMzODYuMSAxNDYuNCAyNDUuMSAzMDYuNyAyMjAuOCA0OTJjLTMwLjYgMjU1LjggMzg3IDE0Ny40IDM4NyAzMTIuNUM2MDQuNSA4OTQuMyA1NjcgOTg1LjcgNTA1IDEwODBoMTgyLjZjODUuMi0xMTQuMiAxMzcuOC0yMjMuNyAxNDEuOC0zMzAuOSAwLTE2NS4yLTQxNy42LTU2LjctMzg3LTMxMi41QzQ2My42IDI3NC40IDU3NC4zIDEzMS40IDczOS40IDB6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuMSIgZD0iTTczOS40IDBoLTk5LjVjLTE5MS41IDE0MS40LTMyMiAyOTYtMzQ1LjMgNDczLjUtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuNSA5NS42LTQ1LjggMTkzLjEtMTE1LjMgMjk0aDEyMS4yYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Ik03MzkuNCAwaC01MC4yQzUxMS4xIDEzNi40IDM5MC43IDI4NS4yIDM2OC41IDQ1NWMtMzAuNiAyNTUuOCAzODcgMTQ3LjQgMzg3IDMxMi41LTMuOCAxMDEuNS01MS4xIDIwNS0xMjguMyAzMTIuNWg2MC4zYzg1LjItMTE0LjIgMTM3LjgtMjIzLjcgMTQxLjgtMzMwLjkgMC0xNjUuMi00MTcuNi01Ni43LTM4Ny0zMTIuNUM0NjMuNiAyNzQuNCA1NzQuMyAxMzEuNCA3MzkuNCAweiIvPgo8L2c+Cjwvc3ZnPg==), linear-gradient( 135deg, hsl(216 85% 39%/75%), hsl(216 85% 39%/50%) );
  --background-hue: calc(var(--h, 3) * 6);
  background-position: top center;
  background-size: 100%, auto, cover;
  background-repeat: no-repeat;
}
#document_header {
  background: var(--background-color-L2, #b9d7ff);
  position: sticky;
  top: 0;
  z-index: 9;
}
#document_header > .inner {
  display: flex;
  align-items: center;
  padding: 1em 3.5em;
  height: var(--header-height);
  box-sizing: border-box;
}
#document_header nav {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
}
#document_header .nav_logo a {
  display: block;
  color: currentColor;
}
#document_header .nav_logo svg {
  vertical-align: top;
  --h: 1.666667em;
  height: var(--h);
  width: calc(104 / 24 * var(--h));
}
#document_header .nav_menu ul {
  display: flex;
  align-items: center;
}
#document_header .nav_menu a {
  display: block;
  color: currentColor;
  padding: 0.75em 2em;
  border-radius: 3em;
}
#document_header .nav_menu a:hover {
  color: currentColor;
  background: var(--body-text-color-a5, rgba(0 0 0/5%));
}
#document_header .nav_menu a span {
  font-weight: 800;
}
#document_header .nav_menu_ctrl_on {
  display: none;
}
#document_content {
  flex: auto;
}
#document_content > .inner {
  margin: 0 auto;
  padding: 0 0 0 2em;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 25em 1fr;
  gap: 2em;
}
#article_index > .inner {
  position: sticky;
  top: var(--header-height);
  z-index: 1;
  padding: 2em 0;
  box-sizing: border-box;
  max-height: calc(var(--VHeight) - var(--header-height));
  overflow: hidden;
  overflow-y: auto;
}
#article_index ul a {
  display: block;
  padding: 0.75em 1.5em;
  color: var(--body-text-color-a75, rgba(0 0 0/75%));
  border-radius: 0.5em;
}
#article_index ul a:hover {
  color: currentColor;
  background: var(--body-text-color-a5, rgba(0 0 0/5%));
}
#article_index ul span {
  font-weight: 800;
}
article.docs {
  font-size: 1.333334em;
  padding: 0 2em;
  margin: 0 auto;
}
article.docs section {
  margin: 3em 0;
  scroll-margin-block-start: calc(var(--header-height) + 0em);
}
article.docs section:last-of-type {
  margin-block-end: max(calc(var(--VHeight) / 4), var(--header-height));
}
article.docs h1 {
  font-size: 2em;
  font-weight: 800;
  margin: 1em 0;
  text-transform: uppercase;
}
article.docs h3 {
  font-size: 1.5em;
  font-weight: 800;
  margin: 1em 0;
}
article.docs h4 {
  font-size: 1.25em;
  font-weight: 800;
  margin: 1em 0;
}
article.docs ol,
article.docs ul {
  margin: 1em 0;
  margin-inline-start: 2em;
}
article.docs ul > li {
  list-style: disc outside;
  margin: 1em 0;
}
article.docs ol > li {
  list-style: decimal outside;
  margin: 1em 0;
}
article.docs ol > li::marker,
article.docs ul > li::marker {
  color: var(--body-text-color-a50, rgba(0 0 0/50%));
}
article.docs a {
  font-weight: 800;
}
article.docs a:hover {
  text-decoration: underline;
}
#terms_jp_table {
  margin: 2em 0 0;
  padding: 0.5em 2em;
  background: var(--body-text-color-a5, #fff);
  border-radius: 1em;
  overflow: hidden;
  overflow-x: auto;
}
#terms_jp_table table {
  width: 100%;
  vertical-align: top;
  border-collapse: collapse;
}
#terms_jp_table tr ~ tr {
  border-top: var(--body-text-color-a5, rgba(0 0 0/5%)) 1px solid;
}
#terms_jp_table th {
  padding-block: 1em;
  vertical-align: top;
  text-align: start;
  width: 30%;
}
#terms_jp_table td {
  padding-block: 1em;
  padding-inline-start: 2em;
  vertical-align: top;
}
#terms_jp_table a[icon]::before {
  content: attr(icon);
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-inline-end: 0.5em;
}
#terms_jp_payments {
  margin: 2em 0;
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
#terms_jp_payments > li {
  list-style: none;
  margin: 0;
  padding: 0.75em 1.5em;
  background: var(--body-text-color-a5, #fff);
  border-radius: 0.5em;
  font-weight: 800;
}
@media only screen and (max-width: 1280px) {
  body {
    --header-height: 6em;
  }
  #document_header > .inner {
    padding: 1em 2em;
  }
  #document_header .nav_logo a {
    width: 2.5em;
    height: 2.5em;
    
  }
  #document_header .nav_logo svg {
    display: none;
  }
  #document_content > .inner {
    grid-template-columns: 20em 1fr;
    gap: 0;
    padding: 0;
  }
  #article_index > .inner {
    padding: 2em 1em;
  }
  #article_index ul a {
    padding: 0.75em 1em;
  }
  article.docs {
    font-size: 1em;
    padding: 0 2em;
  }
  article.docs section {
    scroll-margin-block-start: calc(var(--header-height) + 2em);
  }
}
@media only screen and (max-width: 800px) {
  body {
    --header-height: 5em;
  }
  #document_header > .inner {
    padding: 1em;
  }
  #document_header nav {
    position: relative;
  }
  #document_header .nav_logo a {
    width: 3em;
    height: 2em;
  }
  #document_header .nav_menu_ctrl_on {
    display: block;
  }
  #document_header .nav_menu.show {
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  #document_header .nav_menu {
    position: absolute;
    top: 100%;
    inset-inline-end: 0;
    z-index: 1;
    width: 20em;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-1em);
    transition: 0.3s;
  }
  #document_header .nav_menu ul {
    display: block;
    background: var(--background-color-L1, #fff);
    border-radius: 1em;
    box-shadow: rgb(0 0 0/5%) 0 0 1em;
    padding: 1.25em 1em;
  }
  #document_header .nav_menu a {
    padding: 0.75em 1.5em;
  }
  #document_content > .inner {
    display: block;
  }
  #article_index {
    display: none;
  }
}