@charset "UTF-8";
pre {
  display: inline-block;
  white-space: break-spaces;
  font-family: inherit;
  unicode-bidi: normal;
}
* {
  box-sizing: border-box;
}
::after,
::before {
  box-sizing: inherit;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  vertical-align: bottom;
}
embed,
iframe,
object {
  border: 0;
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: 0 0;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
[type='checkbox'] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
[type='radio'] {
  -webkit-appearance: radio;
  appearance: radio;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
[type='button'][disabled],
[type='reset'][disabled],
[type='submit'][disabled],
button[disabled] {
  cursor: default;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
select::-ms-expand {
  display: none;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable] {
  outline: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: 700;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

:root {
  --chakra-colors-black: #000000;
  --chakra-colors-gray-50: #f5f6f9;
  --chakra-colors-gray-100: #ebeef4;
  --chakra-colors-gray-200: #dde1eb;
  --chakra-colors-gray-300: #c0c8da;
  --chakra-colors-gray-400: #9ca9c3;
  --chakra-colors-gray-500: #697793;
  --chakra-colors-gray-600: #515c72;
  --chakra-colors-gray-700: #3f4759;
  --chakra-colors-gray-800: #333a49;
  --chakra-colors-gray-900: #2b333d;
  --chakra-colors-red-50: #fff6f6;
  --chakra-colors-red-100: #ffe9e9;
  --chakra-colors-red-200: #ffd1d2;
  --chakra-colors-red-300: #feabae;
  --chakra-colors-red-400: #fd7e84;
  --chakra-colors-red-500: #f6213a;
  --chakra-colors-red-600: #b41829;
  --chakra-colors-red-700: #891c25;
  --chakra-colors-red-800: #672226;
  --chakra-colors-red-900: #542729;
  --chakra-colors-orange-50: #fff6eb;
  --chakra-colors-orange-100: #ffe8c9;
  --chakra-colors-orange-200: #ffdaa9;
  --chakra-colors-orange-300: #ffc680;
  --chakra-colors-orange-400: #f68100;
  --chakra-colors-orange-500: #e46500;
  --chakra-colors-orange-600: #d46300;
  --chakra-colors-orange-700: #bc5305;
  --chakra-colors-orange-800: #984107;
  --chakra-colors-orange-900: #6f3106;
  --chakra-colors-yellow-50: #fff9eb;
  --chakra-colors-yellow-100: #fff2d1;
  --chakra-colors-yellow-200: #ffec86;
  --chakra-colors-yellow-300: #f6d521;
  --chakra-colors-yellow-400: #e0bf1f;
  --chakra-colors-yellow-500: #c6a723;
  --chakra-colors-yellow-600: #b4982d;
  --chakra-colors-yellow-700: #a0893d;
  --chakra-colors-yellow-800: #8b7b4e;
  --chakra-colors-yellow-900: #786d53;
  --chakra-colors-green-50: #f0faf1;
  --chakra-colors-green-100: #e4f7e6;
  --chakra-colors-green-200: #bff2cf;
  --chakra-colors-green-300: #87e8a3;
  --chakra-colors-green-400: #53db77;
  --chakra-colors-green-500: #23c348;
  --chakra-colors-green-600: #2db147;
  --chakra-colors-green-700: #3d9e4b;
  --chakra-colors-green-800: #4e8a55;
  --chakra-colors-green-900: #537757;
  --chakra-colors-teal-50: #e6fff6;
  --chakra-colors-teal-100: #3affd0;
  --chakra-colors-teal-200: #0fe8bb;
  --chakra-colors-teal-300: #14d0a7;
  --chakra-colors-teal-400: #19b894;
  --chakra-colors-teal-500: #1ea182;
  --chakra-colors-teal-600: #248b70;
  --chakra-colors-teal-700: #2e735f;
  --chakra-colors-teal-800: #365d50;
  --chakra-colors-teal-900: #334740;
  --chakra-colors-blue-50: #f3f6ff;
  --chakra-colors-blue-100: #ecf1ff;
  --chakra-colors-blue-200: #d1e0ff;
  --chakra-colors-blue-300: #a8c8fe;
  --chakra-colors-blue-400: #6fb0fc;
  --chakra-colors-blue-500: #2686e3;
  --chakra-colors-blue-600: #1e5d9e;
  --chakra-colors-blue-700: #224876;
  --chakra-colors-blue-800: #273b57;
  --chakra-colors-blue-900: #2a3548;
  --chakra-colors-cyan-50: #f4faff;
  --chakra-colors-cyan-100: #c6e8ff;
  --chakra-colors-cyan-200: #8ed7ff;
  --chakra-colors-cyan-300: #26c6fe;
  --chakra-colors-cyan-400: #1cb0e2;
  --chakra-colors-cyan-500: #229ac5;
  --chakra-colors-cyan-600: #2884a8;
  --chakra-colors-cyan-700: #316f8a;
  --chakra-colors-cyan-800: #39596b;
  --chakra-colors-cyan-900: #35454f;
  --chakra-colors-purple-50: #fbf8ff;
  --chakra-colors-purple-100: #ecddff;
  --chakra-colors-purple-200: #ddc2ff;
  --chakra-colors-purple-300: #cfa7fe;
  --chakra-colors-purple-400: #c28afc;
  --chakra-colors-purple-500: #b66cf9;
  --chakra-colors-purple-600: #a84cf1;
  --chakra-colors-purple-700: #903bd2;
  --chakra-colors-purple-800: #6c4097;
  --chakra-colors-purple-900: #4f3968;
  --chakra-colors-pink-50: #fff7fc;
  --chakra-colors-pink-100: #ffd9ef;
  --chakra-colors-pink-200: #ffb9e4;
  --chakra-colors-pink-300: #fe96d9;
  --chakra-colors-pink-400: #fd6fcf;
  --chakra-colors-pink-500: #fa3ac6;
  --chakra-colors-pink-600: #dc29ad;
  --chakra-colors-pink-700: #b2338e;
  --chakra-colors-pink-800: #853a6d;
  --chakra-colors-pink-900: #5f3651;
  --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
  --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
  --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --chakra-shadows-none: none;
  --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
  --chakra-colors-neutral-50: var(--chakra-colors-gray-50);
  --chakra-colors-neutral-100: var(--chakra-colors-gray-100);
  --chakra-colors-neutral-200: var(--chakra-colors-gray-200);
  --chakra-colors-neutral-300: var(--chakra-colors-gray-300);
  --chakra-colors-neutral-400: var(--chakra-colors-gray-400);
  --chakra-colors-neutral-500: var(--chakra-colors-gray-500);
  --chakra-colors-neutral-600: var(--chakra-colors-gray-600);
  --chakra-colors-neutral-700: #3f4759;
  --chakra-colors-neutral-800: #333a49;
  --chakra-colors-neutral-900: var(--chakra-colors-gray-900);
  --chakra-colors-white: #ffffff;
  --chakra-colors-primary-50: var(--chakra-colors-orange-50);
  --chakra-colors-primary-100: var(--chakra-colors-orange-100);
  --chakra-colors-primary-200: var(--chakra-colors-orange-200);
  --chakra-colors-primary-300: var(--chakra-colors-orange-300);
  --chakra-colors-primary-400: var(--chakra-colors-orange-400);
  --chakra-colors-primary-500: var(--chakra-colors-orange-500);
  --chakra-colors-primary-600: var(--chakra-colors-orange-600);
  --chakra-colors-secondary-100: var(--chakra-colors-gray-100);
  --chakra-colors-secondary-200: var(--chakra-colors-gray-200);
  --chakra-colors-secondary-500: var(--chakra-colors-gray-500);
  --chakra-colors-secondary-600: var(--chakra-colors-gray-600);
  --chakra-colors-navigation-100: var(--chakra-colors-blue-100);
  --chakra-colors-navigation-200: var(--chakra-colors-blue-200);
  --chakra-colors-navigation-500: var(--chakra-colors-blue-500);
  --chakra-colors-navigation-600: var(--chakra-colors-blue-600);
  --chakra-colors-info-100: var(--chakra-colors-blue-100);
  --chakra-colors-info-700: var(--chakra-colors-blue-700);
  --chakra-colors-divider-low: var(--chakra-colors-gray-100);
  --chakra-colors-divider-middle: var(--chakra-colors-gray-200);
  --chakra-colors-divider-high: var(--chakra-colors-gray-300);
  --chakra-colors-text-disabled: var(--chakra-colors-gray-200);
  --chakra-colors-text-placeholder: var(--chakra-colors-gray-400);
  --chakra-colors-text-low: var(--chakra-colors-gray-500);
  --chakra-colors-text-middle: var(--chakra-colors-gray-600);
  --chakra-colors-text-high: var(--chakra-colors-gray-900);
  --chakra-lineHeights-none: 1;
  --chakra-lineHeights-small: 1.25;
  --chakra-lineHeights-smallmedium: 1.4;
  --chakra-lineHeights-medium: 1.5;
  --chakra-lineHeights-large: 1.75;
  --chakra-lineHeights-taller: 2;
  --chakra-letterSpacings-tighter: -0.05em;
  --chakra-letterSpacings-tight: -0.025em;
  --chakra-letterSpacings-normal: 0;
  --chakra-letterSpacings-small: 0.025em;
  --chakra-letterSpacings-medium: 0.05em;
  --chakra-letterSpacings-large: 0.1em;
  /*      font-size: 14px */
  --chakra-fontSizes-14px: 0.875rem;
  /*      font-size: 16px */
  --chakra-fontSizes-16px: 1rem;
  /*      font-size: 18px */
  --chakra-fontSizes-18px: 1.125rem;
  /*      font-size: 20px */
  --chakra-fontSizes-20px: 1.25rem;
  /*      font-size: 24px */
  --chakra-fontSizes-24px: 1.5rem;
  /*      font-size: 28px */
  --chakra-fontSizes-28px: 1.75rem;
  /*      font-size: 32px */
  --chakra-fontSizes-32px: 2rem;
  /*      font-size: 36px */
  --chakra-fontSizes-36px: 2.25rem;
  /*      font-size: 40px */
  --chakra-fontSizes-40px: 2.5rem;
  /*      font-size: 48px */
  --chakra-fontSizes-48px: 3rem;
  /*      font-size: 56px */
  --chakra-fontSizes-56px: 3.5rem;
  /*      font-size: 60px */
  --chakra-fontSizes-60px: 3.75rem;
  /*      font-size: 64px */
  --chakra-fontSizes-64px: 4rem;
  --chakra-colors-text-primary: #f26900;
  --chakra-shadows-primary-base: 0px 0px 56px 1px
    var(--chakra-colors-orange-300);
  --chakra-shadows-border-base: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px 1px rgba(105, 119, 147, 0.15);
  --chakra-colors-cta001-100: var(--chakra-colors-blue-100);
  --chakra-colors-cta001-500: var(--chakra-colors-blue-500);
  --chakra-colors-cta001-600: var(--chakra-colors-blue-600);
  --chakra-colors-cta001-700: var(--chakra-colors-blue-700);
  --chakra-shadows-cta001-base: 0 1px 3px 0
      var(--chakra-colors-cta001-100),
    0 1px 2px 0 var(--chakra-colors-cta001-100);
  --chakra-shadows-cta001-md: 0 4px 6px -1px var(--chakra-colors-cta001-100),
    0 2px 4px -1px var(--chakra-colors-cta001-100);
  --chakra-colors-cta002-50: var(--chakra-colors-orange-50);
  --chakra-colors-cta002-100: var(--chakra-colors-orange-100);
  --chakra-colors-cta002-200: var(--chakra-colors-orange-200);
  --chakra-colors-cta002-500: var(--chakra-colors-orange-500);
  --chakra-colors-cta002-600: var(--chakra-colors-orange-600);
  --chakra-colors-cta002-700: var(--chakra-colors-orange-700);
  --chakra-shadows-cta002-base: 0 1px 3px 0
      var(--chakra-colors-cta002-100),
    0 1px 2px 0 var(--chakra-colors-cta002-100);
  --chakra-shadows-cta002-md: 0 4px 6px -1px var(--chakra-colors-cta002-100),
    0 2px 4px -1px var(--chakra-colors-cta002-100);
}

@media (max-width: 925px) {
  .pc-only {
    display: none;
  }
}
@media (min-width: 925px) {
  .pc-only {
    display: inline-block;
  }
  .sp-only {
    display: none;
  }
}
/* scroll */
@-webkit-keyframes detect-scroll {
  from,
  to {
    --can-scroll: ;
  }
}
@keyframes detect-scroll {
  from,
  to {
    --can-scroll: ;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  height: 100%;
  /* scroll */
  scroll-behavior: smooth;
  /* scroll-padding-top: 120px; */
  scroll-timeline: --scroll-timeline y;
  -webkit-animation: detect-scroll;
  animation: detect-scroll;
  animation-timeline: --scroll-timeline;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

html:has(body.is-fixed) {
  scroll-behavior: inherit;
}

body {
  color: var(--chakra-colors-text-high);
  background-color: var(--chakra-colors-white);
  font-size: var(--chakra-fontSizes-16px);
  line-height: var(--chakra-lineHeights-medium);
  font-family: 'BIZ UDPGothic', 'Roboto', 'Noto Sans JP', Arial, 'Arial',
    'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic',
    'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  letter-spacing: var(--chakra-letterSpacings-medium);
  min-height: 100%;
  min-width: 350px;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

/*  */
body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/*  */
*:focus-visible {
  outline: 2px solid var(--chakra-colors-primary-500);
  outline-offset: 2px;
}

a {
  transition: all 0.4s;
}

a:not([class]) {
  color: var(--chakra-colors-navigation-500);
  text-decoration: underline;
}

/* a:not([class])[target='_blank']:after {
  content: '\e89e';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
} */

@media (hover: hover) {
  a:not([class]):hover {
    color: var(--chakra-colors-navigation-600);
    text-decoration: none;
  }
}
img,
video,
object {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}

.js-fadein {
  opacity: 0;
  transition: 0.4s;
}
.js-fadein.is-visible {
  opacity: 1;
}
.js-fadein.is-up {
  margin-top: 8px;
}
.js-fadein.is-up.is-visible {
  margin-top: 0px;
}
.js-fadein.is-down {
  margin-bottom: 8px;
}
.js-fadein.is-down.is-visible {
  margin-bottom: 0px;
}

.layout_header {
  background-color: var(--chakra-colors-white);
  transition: 0.4s;
}

.layout_header:has(.layout_header_sub) {
  position: -webkit-sticky;
  position: sticky;
  top: -40px;
  z-index: 3;
}
@media (min-width: 925px) {
  .layout_header:has(.layout_header_sub) {
    top: -42px;
  }
}

.layout_header:has(.layout_header_nav_nav.is-active) {
  position: fixed;
  top: 0px;
  width: 100%;
}

/* .layout_header.is-relative {
position: relative;
top: 0px;
} */

.layout_header_sub {
  padding: 8px 16px;
  background-color: var(--chakra-colors-white);
}

.layout_header_subul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

.layout_header_subhome {
  margin-right: auto;
}

.layout_header_subbutton {
  color: var(--chakra-colors-navigation-500);
  font-size: var(--chakra-fontSizes-14px);
  line-height: var(--chakra-lineHeights-none);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
}

.layout_header_subbutton:hover {
  color: var(--chakra-colors-navigation-600);
  background-color: var(--chakra-colors-navigation-50);
}

.layout_header_subbutton:hover {
  color: var(--chakra-colors-navigation-600);
  background-color: var(--chakra-colors-navigation-100);
}

.layout_header_subbutton:before,
.layout_header_subbutton:after {
  font-size: var(--chakra-fontSizes-18px);
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.layout_header_subbutton[data-icon='home']:before {
  content: '\e88a';
}

.layout_header_subbutton[data-icon='open_in_new']:after {
  content: '\e89e';
}

.layout_header_subbutton[data-icon='login']:after {
  content: '\ea77';
}

.layout_header_main {
  padding: 5px 16px;
  background-color: var(--chakra-colors-white);
  border-top: solid 0.5px #E3E9F2;
  border-bottom: solid 0.5px #E3E9F2;
  box-shadow: 0 4px 12px rgba(93, 103, 112, 0.1);
}
@media screen and (max-width: 925px) {
  .layout_header_main {
    padding-block: 0;
  }
}

.layout_header_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  max-height: 80px;
}

.layout_header_logo_image {
  max-height: 100%;
}

.layout_header_nav_cta {
  padding-block: 8px;
}

.layout_header_menu {
  position: relative;
  color: var(--chakra-colors-text-low);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 16px 24px;
}
@media (min-width: 925px) {
  .layout_header_menu {
    justify-content: center;
    padding: 16px 8px;
  }
}

.layout_header_menu.is-current {
  color: var(--chakra-colors-primary-400);
}

.layout_header_menu[tabindex='-1'] {
  color: var(--chakra-colors-primary-400);
  position: relative;
}

.layout_header_menu[tabindex='-1']:hover {
  cursor: default;
  background-color: transparent;
}

.layout_header_menu_content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--chakra-colors-white);
  box-shadow: var(--chakra-shadows-sm);
  border: solid 1px var(--chakra-colors-divider-middle);
  padding: 8px 0px;
  min-width: 160px;
}

.layout_header_menu[data-type='wide'] ~ .layout_header_menu_content {
  left: 0px;
  width: 100%;
}

.layout_header_menu_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 10px;
}
.layout_header_menu_link:hover {
  background-color: var(--chakra-colors-neutral-100);
}

.layout_header_menu_link:after {
  content: '\e5cc';
  color: var(--chakra-colors-primary-400);
  font-size: var(--chakra-fontSizes-24px);
  line-height: var(--chakra-lineHeights-none);
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.layout_header_menu_image {
  width: 32px;
}

.layout_header_menu_text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.layout_header_menu_text[data-type='child_text'] {
  padding-left: 20px;
}

.layout_header_menu_text[data-type='child_text']:before {
  content: '';
  width: 12px;
  height: 1.5px;
  background-color: var(--chakra-colors-neutral-200);
}

.layout_header_menu_text[data-type='icon']:before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--chakra-colors-neutral-200);
  display: inline-flex;
  margin: 8px;
}

.layout_header_hamburger {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 10;
  border: none;
  background-color: transparent;
}

.layout_header_hamburger.is-active {
  z-index: 1;
}

.layout_header_hamburger.is-active .layout_header_hamburger_line {
  background-color: transparent;
}

.layout_header_hamburger.is-active .layout_header_hamburger_line::before {
  top: 0;
  transform: rotate(45deg);
}

.layout_header_hamburger.is-active .layout_header_hamburger_line::after {
  top: 0;
  transform: rotate(-45deg);
}

.layout_header_hamburger.is-active .layout_header_hamburger_text::before {
  content: '閉じる';
}

.layout_header_hamburger_line {
  display: block;
  height: 2px;
  width: 24px;
  margin-top: 16px;
  transform: translateX(0%);
  background-color: var(--chakra-colors-neutral-900);
  transition: 0.4s;
}

.layout_header_hamburger_line:before,
.layout_header_hamburger_line:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--chakra-colors-neutral-900);
  transition: inherit;
}

.layout_header_hamburger_line:before {
  top: -6px;
}

.layout_header_hamburger_line:after {
  top: 6px;
}

.layout_header_hamburger_text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout_header_hamburger_text::before {
  content: 'メニュー';
  font-size: var(--chakra-fontSizes-14px);
}

.layout_header_nav {
  flex: 1;
  display: flex;
  align-items: stretch;
  gap: 4px;
}

.layout_header_nav_ul {
  display: flex;
  gap: 8px;
}

@media (max-width: 925px) {
  .layout_header_logo {
    height: 24px;
    margin-block: 18px;
  }
  .layout_header_nav {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .layout_header_nav_nav {
    position: fixed;
    top: -100%;
    left: 0px;
    z-index: -1;
    height: calc(100vh - 104px);
    width: 100%;
    visibility: hidden;
    padding-top: 0px;
    background-color: var(--chakra-colors-white);
    transition: 0.4s;
  }
  .layout_header_nav_nav.is-active {
    top: 104px;
    visibility: visible;
    border-right: solid 1px var(--chakra-colors-divider-middle);
    overflow: scroll;
  }
  .layout_header_nav_ul {
    flex-direction: column;
  }
  .layout_header_menu {
    color: var(--chakra-colors-text-middle);
    font-size: var(--chakra-fontSizes-16px);
    justify-content: space-between;
    padding-inline: 24px;
  }
  .layout_header_menu[data-type='lists']:after,
  .layout_header_menu[data-type='wide']:after {
    font-size: var(--chakra-fontSizes-24px);
  }
  .layout_header_menu:after,
  .layout_header_menu:after {
    content: '\e5cc';
    color: var(--chakra-colors-primary-400);
    font-size: var(--chakra-fontSizes-24px);
    line-height: var(--chakra-lineHeights-none);
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
  }
  .layout_header_menu[data-type='lists'],
  .layout_header_menu[data-type='wide'] {
    color: var(--chakra-colors-text-low);
    font-size: var(--chakra-fontSizes-14px);
    padding-block: 0px;
  }
  .layout_header_menu[data-type='lists']:after,
  .layout_header_menu[data-type='wide']:after {
    content: '';
    font-size: var(--chakra-fontSizes-18px);
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
  }
  .layout_header_menu[data-type='lists'].is-active:after,
  .layout_header_menu[data-type='wide'].is-active:after {
    content: '';
  }
  .layout_header_menu_content {
    z-index: 1;
    border: none;
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateZ(0px);
  }
  .layout_header_menu_link {
    padding-inline: 24px;
    padding-block: 16px;
  }
  .layout_header_nav_navcta {
    padding: 32px 16px;
  }
}
@media (min-width: 925px) {
  .layout_header_logo {
    height: 32px;
    margin-block: 14px;
  }
  .layout_header_nav {
    flex-direction: row;
    justify-content: flex-end;
  }
  .layout_header_nav_ul {
    flex-direction: row;
    height: 100%;
  }
  .layout_header_nav_nav {
    margin-right: auto;
  }
  .layout_header_hamburger {
    display: none;
  }
  .layout_header_nav_focustrap {
    display: none;
  }
  .layout_header_nav_navcta {
    display: none !important;
  }
  .layout_header_menu:hover {
    background-color: var(--chakra-colors-neutral-50);
  }
  .layout_header_menu:active {
    background-color: var(--chakra-colors-neutral-100);
  }
  .layout_header_menu.is-active {
    background-color: var(--chakra-colors-neutral-100);
  }
  .layout_header_menu.is-active::before,
  .layout_header_menu:hover:before,
  .layout_header_menu.is-current:before,
  .layout_header_menu[tabindex='-1']:before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 4px;
    background-color: var(--chakra-colors-primary-500);
  }
  .layout_header_menu[data-type='lists']:after,
  .layout_header_menu[data-type='wide']:after {
    content: '\e313';
    font-size: var(--chakra-fontSizes-18px);
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
  }
  .layout_header_menu[data-type='lists'].is-active:after,
  .layout_header_menu[data-type='wide'].is-active:after {
    content: '\e316';
  }
  .layout_header_menu_content {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    transform: scale(0.8) translateZ(0px);
    transform-origin: top left;
  }
  .layout_header_menu_content.is-active {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateZ(0px);
  }
}

.layout_footer_divider {
  border-color: var(--chakra-colors-divider-middle);
}

.layout_footer {
  padding: 32px 32px;
  background-color: var(--chakra-colors-white);
}

.layout_footer_inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

.layout_footer_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

.layout_footer_main_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.layout_footer_logo {
  height: 32px;
}

.layout_footer_logo_image {
  max-height: 100%;
}

.layout_footer_sub_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.layout_footer_sub {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 925px) {
  .layout_footer_sub_wrapper {
    gap: 32px;
  }
  .layout_footer_sub[data-type='internal'] {
    flex-direction: column;
    gap: 12px;
  }
  .layout_footer_sub[data-type='internal'] .layout_footer_sub_divider {
    display: none;
  }
}
.layout_footer_sub_link {
  font-size: var(--chakra-fontSizes-14px);
  display: inline-flex;
  gap: 4px;
}

.layout_footer_sub_link[target='_blank']:after {
  /* open_in_new */
  content: '\e89e';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.layout_footer_sub_divider {
  height: auto;
  border-left: solid 0.5px var(--chakra-colors-divider-middle);
}

.layout_footer_mark_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.layout_footer_mark {
  display: flex;
  max-width: 70px;
  background-color: var(--chakra-colors-white);
}

.layout_footer_copy {
  font-size: var(--chakra-fontSizes-14px);
  color: var(--chakra-colors-text-low);
}

.layout_section {
  padding: 100px 16px;
  position: relative;
}

@media (max-width: 925px) {
  .layout_section {
    overflow: hidden;
    padding-block: 56px;
  }
}
.layout_section_bg {
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: -1;
}

.layout_section_bg[data-size='w-2'] {
  width: 8px;
}

.layout_section_bg[data-size='w-3'] {
  width: 12px;
}

.layout_section_bg[data-size='w-4'] {
  width: 16px;
}

.layout_section_bg[data-size='w-5'] {
  width: 20px;
}

.layout_section_bg[data-size='w-6'] {
  width: 24px;
}

.layout_section_bg[data-size='w-7'] {
  width: 28px;
}

.layout_section_bg[data-size='w-8'] {
  width: 32px;
}

.layout_section_bg[data-size='w-120'] {
  width: 480px;
}

.layout_section_bg[data-color='blue-50'] {
  background-color: var(--chakra-colors-blue-50);
}

.layout_section_bg[data-color='blue-100'] {
  background-color: var(--chakra-colors-blue-100);
}

.layout_section_bg[data-color='blue-200'] {
  background-color: var(--chakra-colors-blue-200);
}

.layout_section_bg[data-color='blue-300'] {
  background-color: var(--chakra-colors-blue-300);
}

.layout_section_bg[data-color='blue-400'] {
  background-color: var(--chakra-colors-blue-400);
}

.layout_section_bg[data-color='blue-500'] {
  background-color: var(--chakra-colors-blue-500);
}

.layout_section_bg[data-color='orange-50'] {
  background-color: var(--chakra-colors-orange-50);
}

.layout_section_bg[data-color='orange-100'] {
  background-color: var(--chakra-colors-orange-100);
}

.layout_section_bg[data-color='orange-200'] {
  background-color: var(--chakra-colors-orange-200);
}

.layout_section_bg[data-color='orange-300'] {
  background-color: var(--chakra-colors-orange-300);
}

.layout_section_bg[data-color='orange-400'] {
  background-color: var(--chakra-colors-orange-400);
}

.layout_section_bg[data-color='orange-500'] {
  background-color: var(--chakra-colors-orange-500);
}

.layout_section_bg[data-type='blur'][data-position='top-left'] {
  top: 0%;
  left: 0%;
}

.layout_section_bg[data-type='blur'][data-position='top-center'] {
  top: 4%;
  left: 28%;
}

.layout_section_bg[data-type='blur'][data-position='top-right'] {
  top: 0%;
  left: 64%;
}

.layout_section_bg[data-type='blur'][data-position='middle-left'] {
  top: 24%;
  left: 0%;
}

.layout_section_bg[data-type='blur'][data-position='middle-center'] {
  top: 26%;
  left: 32%;
}

.layout_section_bg[data-type='blur'][data-position='middle-right'] {
  top: 24%;
  left: 64%;
}

.layout_section_bg[data-type='blur'][data-position='bottom-left'] {
  top: 46%;
  left: 0%;
}

.layout_section_bg[data-type='blur'][data-position='bottom-center'] {
  top: 48%;
  left: 32%;
}

.layout_section_bg[data-type='blur'][data-position='bottom-right'] {
  top: 46%;
  left: 64%;
}

.layout_section_bg[data-type='dot'][data-position='top-left'] {
  top: 8%;
  left: 12%;
}

.layout_section_bg[data-type='dot'][data-position='top-center'] {
  top: 4%;
  left: 42%;
}

.layout_section_bg[data-type='dot'][data-position='top-right'] {
  top: 8%;
  left: 92%;
}

.layout_section_bg[data-type='dot'][data-position='middle-left'] {
  top: 42%;
  left: 14%;
}

.layout_section_bg[data-type='dot'][data-position='middle-center'] {
  top: 48%;
  left: 52%;
}

.layout_section_bg[data-type='dot'][data-position='middle-right'] {
  top: 42%;
  left: 88%;
}

.layout_section_bg[data-type='dot'][data-position='bottom-left'] {
  top: 88%;
  left: 12%;
}

.layout_section_bg[data-type='dot'][data-position='bottom-center'] {
  top: 80%;
  left: 42%;
}

.layout_section_bg[data-type='dot'][data-position='bottom-right'] {
  top: 88%;
  left: 92%;
}

.layout_section_bg[data-type='line'] {
  content: '';
  width: 100%;
  height: 240%;
  background-image: url(/asset/img/common/bg/page_common_line_bg.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  top: -20%;
  left: 0px;
}
@media (min-width: 925px) {
  .layout_section_bg[data-type='line'] {
    top: -20%;
  }
}

.layout_section_bg[data-type='line'][data-position='home'] {
  top: -36%;
  height: 240%;
  background-position: top;
}
@media (min-width: 925px) {
  .layout_section_bg[data-type='line'][data-position='home'] {
    top: -40%;
  }
}

.layout_section_bg[data-type='line'][data-position='function'] {
  top: 0%;
  height: 100%;
  background-image: url(/asset/img/common/bg/page_function_line_bg.svg);
  background-position: top;
  background-size: contain;
}
.layout_section_bg[data-type='blur'] {
  filter: blur(50px);
}

.layout_section_bg[data-type='dot'] {
  transition: 0.4s;
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes floating-y {
  0% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}

@keyframes floating-y {
  0% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}
.layout_section_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  max-width: 1200px;
  margin-inline: auto;
}
@media (max-width: 925px) {
  .layout_section_inner {
    gap: 40px;
  }
}

.layout_section_inner[data-gap='32'] {
  gap: 32px;
}

.layout_section_inner[data-gap='100'] {
  gap: 100px;
}

.layout_section_titleset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.layout_section_heading2 {
  font-weight: bold;
  line-height: var(--chakra-lineHeights-medium);
}
@media (max-width: 925px) {
  .layout_section_heading2 {
    font-size: var(--chakra-fontSizes-24px);
  }
}
@media (min-width: 925px) {
  .layout_section_heading2 {
    font-size: var(--chakra-fontSizes-36px);
    text-align: center;
    letter-spacing: 0.09em;
  }
}

.layout_section_lead {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 694px;
  margin-inline: auto;
}
@media (max-width: 925px) {
  .layout_section_lead {
    font-size: var(--chakra-fontSizes-16px);
  }
}
@media (min-width: 925px) {
  .layout_section_lead {
    font-size: var(--chakra-fontSizes-20px);
    text-align: center;
  }
}

.layout_section_description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 694px;
  margin-inline: auto;
  line-height: var(--chakra-lineHeights-large);
  letter-spacing: var(--chakra-letterSpacings-large);
}

.layout_section_cta_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 48px 16px;
  margin-inline: auto;
  background-color: var(--chakra-colors-primary-50);
  background-image: url(/asset/img/common/bg/cta_bg.svg);
  background-image: url(/asset/img/common/bg/cta_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.layout_section_cta_content {
  flex: 1;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.layout_section_cta_title {
  font-weight: bold;
  line-height: var(--chakra-lineHeights-smallmedium);
}
@media (max-width: 925px) {
  .layout_section_cta_title {
    font-size: var(--chakra-fontSizes-24px);
  }
}
@media (min-width: 925px) {
  .layout_section_cta_title {
    font-size: var(--chakra-fontSizes-40px);
  }
}

@media (min-width: 925px) {
  .layout_section_cta_paragraph {
    font-size: var(--chakra-fontSizes-18px);
  }
}

.component_button_section {
  background: linear-gradient(
    90deg,
    #fff4eb 0%,
    #ffefd3 49.5%,
    #ffe8c9 100%
  );
}

.component_button_cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.component_button_microcopy {
  color: var(--chakra-colors-text-high);
  font-size: var(--chakra-fontSizes-16px);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.component_button_microcopy:before {
  transform: rotate(60deg);
}

.component_button_microcopy:after {
  transform: rotate(-60deg);
}

.component_button_microcopy:before,
.component_button_microcopy:after {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background-color: var(--chakra-colors-text-high);
}

.component_button_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
@media (max-width: 925px) {
  .component_button_wrapper {
    flex-direction: column-reverse;
  }
}
.component_button {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  transition: 0.2s;
  box-shadow: var(--chakra-shadows-base);
}

@media (max-width: 925px) {
  .component_button {
    width: 100%;
  }
}
.component_button:hover {
  box-shadow: var(--chakra-shadows-md);
}

/* data-size */
.component_button[data-size='base'] {
  font-size: var(--chakra-fontSizes-16px);
  padding: 8px 16px;
}
.component_button[data-size='base']::after {
  font-size: var(--chakra-fontSizes-18px);
}

.component_button[data-size='xl'] {
  font-size: var(--chakra-fontSizes-20px);
  padding: 12px 24px;
  min-width: 240px;
}
.component_button[data-size='xl']::after {
  font-size: var(--chakra-fontSizes-24px);
}

.component_button[data-size='xxl'] {
  font-size: var(--chakra-fontSizes-24px);
  padding: 14px 24px 12px;
  min-width: 240px;
}

/* data-color / data-variant */
/* 000 内部リンク */
.component_button[data-color='000'] {
  color: var(--chakra-colors-orange-500);
  background-color: var(--chakra-colors-white);
  border-color: var(--chakra-colors-orange-200);
}

.component_button[data-color='000']:hover {
  color: var(--chakra-colors-orange-500);
  background-color: var(--chakra-colors-orange-100);
  border-color: var(--chakra-colors-orange-200);
}

.component_button[data-color='000']:active {
  color: var(--chakra-colors-orange-600);
  background-color: var(--chakra-colors-orange-200);
  border-color: var(--chakra-colors-orange-200);
}

/* 001 優先度1 */
.component_button[data-color='001'] {
  color: var(--chakra-colors-white);
  background-color: var(--chakra-colors-cta001-500);
  border-color: var(--chakra-colors-cta001-500);
  box-shadow: var(--chakra-shadows-cta001-base);
}

.component_button[data-color='001']:hover {
  background-color: var(--chakra-colors-cta001-600);
  border-color: var(--chakra-colors-cta001-600);
  box-shadow: var(--chakra-shadows-cta001-md);
}

.component_button[data-color='001']:active {
  background-color: var(--chakra-colors-cta001-700);
  border-color: var(--chakra-colors-cta001-700);
  box-shadow: var(--chakra-shadows-cta001-md);
}

/* 002 優先度2 */
.component_button[data-color='002'] {
  color: var(--chakra-colors-cta002-500);
  background-color: var(--chakra-colors-white);
  border-color: var(--chakra-colors-cta002-200);
  box-shadow: var(--chakra-shadows-cta002-base);
}

.component_button[data-color='002']:hover {
  color: var(--chakra-colors-cta002-500);
  background-color: var(--chakra-colors-cta002-100);
  border-color: var(--chakra-colors-cta002-200);
  box-shadow: var(--chakra-shadows-cta002-md);
}

.component_button[data-color='002']:active {
  color: var(--chakra-colors-cta002-600);
  background-color: var(--chakra-colors-cta002-200);
  border-color: var(--chakra-colors-cta002-200);
  box-shadow: var(--chakra-shadows-cta002-md);
}

/* --- .component_button[data-color="001"]を使用するまではPrimary繰り上げ --- */
.component_button[data-color='002'] {
  color: var(--chakra-colors-white);
  background-color: var(--chakra-colors-cta001-500);
  border-color: var(--chakra-colors-cta001-500);
  box-shadow: var(--chakra-shadows-cta001-base);
}

.component_button[data-color='002']:hover {
  color: var(--chakra-colors-white);
  background-color: var(--chakra-colors-cta001-600);
  border-color: var(--chakra-colors-cta001-600);
  box-shadow: var(--chakra-shadows-cta001-md);
}

.component_button[data-color='002']:active {
  color: var(--chakra-colors-white);
  background-color: var(--chakra-colors-cta001-700);
  border-color: var(--chakra-colors-cta001-700);
  box-shadow: var(--chakra-shadows-cta001-md);
}

/* data-icon */
.component_button[data-icon='arrow_forward']::after {
  content: '\e5c8';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.component_button[data-icon='download']::after {
  content: '\f090';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.component_button[data-icon='home']::before {
  content: '\e88a';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.component_box_wrapper {
  display: grid;
  gap: 32px;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
@media (min-width: 925px) {
  .component_box_wrapper[data-column='4'] {
    grid-template-columns: repeat(4, minmax(0, 232px));
  }
  .component_box_wrapper[data-column='3'] {
    grid-template-columns: repeat(3, minmax(0, 320px));
  }
  .component_box_wrapper[data-column='2'] {
    grid-template-columns: repeat(2, minmax(0, 496px));
  }
}

.component_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  gap: 24px;
  padding: 32px 24px;
  width: 100%;
  background-color: var(--chakra-colors-white);
  box-shadow: var(--chakra-shadows-border-base);
  border-radius: 8px;
}

.component_box_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.component_box_title {
  font-size: var(--chakra-fontSizes-20px);
  font-weight: bold;
  line-height: var(--chakra-lineHeights-smallmedium);
}

.component_callout {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--chakra-colors-neutral-700);
  background-color: var(--chakra-colors-neutral-100);
}

.component_callout[data-type='info'] {
  color: var(--chakra-colors-info-700);
  background-color: var(--chakra-colors-info-100);
}

.component_callout_annotation {
  display: flex;
  gap: 4px;
}

.component_callout_annotation:before {
  content: '※';
}

.component_figure_wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1084px;
  width: 100%;
  gap: 60px;
}
@media screen and (max-width: 925px) {
  .component_figure_wrapper {
    align-items: center;
    gap: 48px;
  }
}


.component_figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px 4%;
}
@media screen and (max-width: 925px) {
  .component_figure {
    max-width: 694px;
  }
}


.component_figure[data-direction='row'] {
  flex-direction: row;
}

.component_figure[data-direction='row-reverse'] {
  flex-direction: row-reverse;
}

.component_figure_picture {
  /* max-width: 680px; */
  border-radius: 12px;
  overflow: hidden;
}

.component_figure_picture[data-type='shadow'] {
  box-shadow: var(--chakra-shadows-lg);
}

.component_figure_figcaption {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 925px) {
  .component_figure_figcaption {
    gap: 20px;
  }
}
@media (min-width: 925px) {
  .component_figure_figcaption {
    gap: 32px;
  }
}

.component_figure_logo {
  max-width: 240px;
}

.component_figure_titleset {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.component_figure_title {
  font-weight: bold;
  display: flex;
  gap: 24px;
  font-size: var(--chakra-fontSizes-24px);
  letter-spacing: var(--chakra-letterSpacings-large);
  line-height: 1.5;
}
@media (max-width: 925px) {
  .component_figure_title {
    font-size: var(--chakra-fontSizes-20px);
    gap: 16px;
  }
}

.component_figure_title_number {
  color: var(--chakra-colors-text-primary);
  letter-spacing: var(--chakra-letterSpacings-large);
}

.component_figure_description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.component_figure_paragraph {
  font-size: var(--chakra-fontSizes-18px);
  letter-spacing: var(--chakra-letterSpacings-large);
  line-height: 1.75;
  font-weight: 400;
}

.component_rotation {
  position: relative;
  margin-inline: auto;
  overflow: hidden;
}

@media (max-width: 925px) {
  .component_rotation {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 925px) {
  .component_rotation {
    width: 400px;
    height: 400px;
  }
}
.component_rotation:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
  padding-top: 25%;
  background-color: var(--chakra-colors-white);
  background-image: url('/asset/img/common/app/icon_connect.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
  box-shadow: var(--chakra-shadows-primary-base);
  z-index: 2;
}

.component_rotation_content:before,
.component_rotation_content:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  /* z-index: 0; */
}

.component_rotation_content:after {
  width: 55%;
  padding-top: 55%;
  background-color: #ffead1;
  background-color: var(--chakra-colors-orange-200);
}

.component_rotation_content::before {
  width: 85%;
  padding-top: 85%;
  background-color: #fffcf8;
  background-color: var(--chakra-colors-orange-50);
}

.component_rotation_content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.component_rotation_content_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.component_rotation_box {
  position: absolute;
  width: 100px;
  height: 50%;
  transform-origin: 50% 100%;
}

/* 各コンテンツの文字を上向きにする */
.component_rotation_box.component_rotation_box-1 {
  left: 50%;
  transform: translate(-50%, 0) rotate(-20deg);
}

.component_rotation_box.component_rotation_box-1
  .component_rotation_parts {
  transform: rotate(20deg);
}

.component_rotation_box.component_rotation_box-2 {
  left: 50%;
  transform: translate(-50%, 0) rotate(40deg);
}

.component_rotation_box.component_rotation_box-2
  .component_rotation_parts {
  transform: rotate(320deg);
}

.component_rotation_box.component_rotation_box-3 {
  left: 50%;
  transform: translate(-50%, 0) rotate(100deg);
}

.component_rotation_box.component_rotation_box-3
  .component_rotation_parts {
  transform: rotate(260deg);
}

.component_rotation_box.component_rotation_box-4 {
  left: 50%;
  transform: translate(-50%, 0) rotate(160deg);
}

.component_rotation_box.component_rotation_box-4
  .component_rotation_parts {
  transform: rotate(200deg);
}

.component_rotation_box.component_rotation_box-5 {
  left: 50%;
  transform: translate(-50%, 0) rotate(220deg);
}

.component_rotation_box.component_rotation_box-5
  .component_rotation_parts {
  transform: rotate(140deg);
}

.component_rotation_box.component_rotation_box-6 {
  left: 50%;
  transform: translate(-50%, 0) rotate(280deg);
}

.component_rotation_box.component_rotation_box-6
  .component_rotation_parts {
  transform: rotate(80deg);
}

.component_rotation_parts {
  /* position: relative;
width: 80%;
margin: 0 auto;
padding: 20px 0;
background: #eee; */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.component_rotation_image {
  width: 64%;
  border-radius: 50%;
}

.component_rotation_image[data-type='app'] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12%;
  background-color: var(--chakra-colors-white);
}

/* 各コンテンツを回転させるアニメーション */
/* keyframesは下に記述 */
@-webkit-keyframes big-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes big-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes circle1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes circle1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes circle2 {
  0% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@keyframes circle2 {
  0% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@-webkit-keyframes circle3 {
  0% {
    transform: rotate(240deg);
  }
  100% {
    transform: rotate(-120deg);
  }
}
@keyframes circle3 {
  0% {
    transform: rotate(240deg);
  }
  100% {
    transform: rotate(-120deg);
  }
}
@-webkit-keyframes circle4 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@keyframes circle4 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@-webkit-keyframes circle5 {
  0% {
    transform: rotate(120deg);
  }
  100% {
    transform: rotate(-240deg);
  }
}
@keyframes circle5 {
  0% {
    transform: rotate(120deg);
  }
  100% {
    transform: rotate(-240deg);
  }
}
@-webkit-keyframes circle6 {
  0% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(-300deg);
  }
}
@keyframes circle6 {
  0% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(-300deg);
  }
}

.component_details {
  width: 100%;
  max-width: 900px;
  background-color: var(--chakra-colors-white);
  border-radius: 6px;
  box-shadow: 0 4px 24px #E5E5E5;
}

/* .component_details:hover {
  box-shadow: var(--chakra-shadows-border-base), var(--chakra-shadows-lg);
} */

/* .component_details[open] {
  box-shadow:  var(--chakra-shadows-lg);
} */

.component_details[open] .component_details_content {
  background-color: #F2F5FA;
}

.component_details[open] .component_details_summary::after {
  transform: rotateZ(225deg);
}

.component_details_summary,
.component_details_content {
  display: flex;
  gap: 8px;
}

.component_details_summary {
  font-size: var(--chakra-fontSizes-18px);
  letter-spacing: var(--chakra-letterSpacings-large);
  font-weight: bold;
  align-items: center;
  padding: 12px 24px;
  list-style: none;
  border-radius: 8px;
  cursor: pointer;
}
@media screen and (max-width: 925px) {
  .component_details_summary {
    font-size: var(--chakra-fontSizes-16px);
    padding: 12px 16px;
  }
}
.component_details_summary:after {
  margin-left: auto;
  content: '\e145';
  color: var(--chakra-colors-text-primary);
  font-size: var(--chakra-fontSizes-32px);
  line-height: 1;
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0;
  transition: 0.4s;
}

.component_details_content {
  line-height: var(--chakra-lineHeights-large);
  /* border-top: solid 1px var(--chakra-colors-divider-low); */
  padding: 24px;
  border-radius: 0px 0px 8px 8px;
}
@media screen and (max-width: 925px) {
  .component_details_content {
    padding: 16px;
  }
}

.component_details_text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.component_details_text p {
  font-size: var(--chakra-fontSizes-16px);
  letter-spacing: var(--chakra-letterSpacings-large);
  line-height: 1.75;
}
.component_details_text .component_details_answer {
  font-size: var(--chakra-fontSizes-18px);
}
@media screen and (max-width: 925px) {
  .component_details_text .component_details_answer {
    font-size: var(--chakra-fontSizes-16px);
  }
}

.component_details_answer {
  font-size: var(--chakra-fontSizes-18px);
  font-weight: bold;
  line-height: 1.5;
}

.component_details_ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.component_details_ul_list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.component_details_ul_list:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--chakra-colors-neutral-400);
}

.component_details_ul_list[data-type='child'] {
  padding-left: 24px;
}

.component_details_ul_list[data-type='child']:before {
  background-color: var(--chakra-colors-neutral-300);
}

.component_details[data-icon='brightness_alert']
  .component_details_summary:before {
  content: '\f5cf';
  color: var(--chakra-colors-red-400);
  font-size: var(--chakra-fontSizes-24px);
  font-weight: normal;
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.component_details[data-icon='question_mark']
  .component_details_summary:before {
  content: '\eb8b';
  content: 'Q.';
  color: var(--chakra-colors-text-primary);
  font-size: var(--chakra-fontSizes-24px);
  font-weight: bold;
  width: 32px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 925px) {
  .component_details[data-icon='question_mark'] .component_details_summary:before {
    font-size: var(--chakra-fontSizes-20px);
  }
}
.component_details[data-icon='question_mark']
  .component_details_content::before {
  content: 'A.';
  color: #0089FE;
  font-size: var(--chakra-fontSizes-24px);
  font-weight: bold;
  width: 32px;
  display: flex;
  justify-content: center;
  line-height: 1.3;
}
@media screen and (max-width: 925px) {
  .component_details[data-icon='question_mark'] .component_details_content:before {
    font-size: var(--chakra-fontSizes-20px);
  }
}

.component_tooltip_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.component_tooltip {
  position: relative;
  font-size: var(--chakra-fontSizes-14px);
  line-height: var(--chakra-lineHeights-smallmedium);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 8px;
  cursor: default;
}
@media (min-width: 925px) {
  .component_tooltip {
    font-size: var(--chakra-fontSizes-18px);
  }
}

.component_tooltip[data-icon='info']:before {
  font-size: var(--chakra-fontSizes-20px);
  content: '\e88e';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0;
}

.component_tooltip[data-status='under-development'] {
  color: #1e5d9e;
  color: var(--chakra-colors-blue-800);
  background-color: #e4f0ff;
  background-color: var(--chakra-colors-blue-100);
}
.component_tooltip[data-status='under-development']
  .component_tooltip_text {
  width: 276px;
}

.component_tooltip[data-status='partially-available'] {
  color: var(--chakra-colors-orange-800);
  background-color: var(--chakra-colors-orange-100);
}
.component_tooltip[data-status='partially-available']
  .component_tooltip_text {
  width: 223px;
}

.component_tooltip[data-status='already-available'] {
  color: #3b8128;
  color: var(--chakra-colors-green-800);
  background-color: #dcf2db;
  background-color: var(--chakra-colors-green-100);
}
.component_tooltip[data-status='already-available']
  .component_tooltip_text {
  width: 193px;
}

.component_tooltip_text {
  position: absolute;
  top: 120%;
  left: 0%;
  padding: 8px;
  width: 200px;
  /* white-space: nowrap; */
  border-radius: 8px;
  content: attr(data-tooltip);
  font-size: var(--chakra-fontSizes-14px);
  line-height: var(--chakra-lineHeights-small);
  letter-spacing: var(--chakra-letterSpacings-medium);
  color: var(--chakra-colors-white);
  background-color: var(--chakra-colors-neutral-900);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
}

.component_tooltip_text:after {
  content: '';
  position: absolute;
  top: -30%;
  left: 10%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--chakra-colors-neutral-900)
    transparent;
  transition: opacity 0.6s;
}

.component_tooltip:hover .component_tooltip_text,
.component_tooltip:focus .component_tooltip_text {
  opacity: 1;
  visibility: visible;
}

.component_list_wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
}

.component_list_wrapper[data-type='disc'] {
  list-style: disc;
}

.w-full {
  width: 100%;
}

.max-w-48 {
  max-width: 192px;
}

.max-w-60 {
  max-width: 240px;
}

.max-w-80 {
  max-width: 320px;
}

.text-center {
  text-align: center;
}

.font-bold {
  font-weight: bold;
}

.text-primary {
  color: var(--chakra-colors-text-primary);
}
.page_common_mv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url();
  background-color: var(--chakra-colors-primary-50);
  background-image: url(/asset/img/common/bg/page_common_mv_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (max-width: 925px) {
  .page_common_mv {
    padding: 64px 16px;
  }
}
@media (min-width: 925px) {
  .page_common_mv {
    padding: 80px 16px;
  }
}

.page_common_mv_title {
  font-weight: bold;
  line-height: var(--chakra-lineHeights-smallmedium);
  word-break: auto-phrase;
}
@media (max-width: 925px) {
  .page_common_mv_title {
    font-size: var(--chakra-fontSizes-28px);
    text-align: center;
  }
}
@media (min-width: 925px) {
  .page_common_mv_title {
    font-size: var(--chakra-fontSizes-36px);
  }
}

.page_price_plan_box_wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
@media (max-width: 925px) {
  .page_price_plan_box_wrapper {
    gap: 0px;
    justify-content: space-between;
  }
}
@media (min-width: 925px) {
  .page_price_plan_box_wrapper {
    gap: 24px;
  }
}

.page_price_plan_box_service {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  width: 100%;
}
.page_price_plan_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  background-color: var(--chakra-colors-white);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px 1px rgba(105, 119, 147, 0.15);
  border-radius: 8px;
}

@media (min-width: 925px) {
  .page_price_plan_box {
    width: 100%;
  }
  .page_price_plan_box[data-type='plan_initial'] {
    max-width: 200px;
  }
  .page_price_plan_box[data-type='plan_month'] {
    max-width: 350px;
  }
  .page_price_plan_box[data-type='plan_service'] {
    max-width: 500px;
  }
  .page_price_plan_box[data-type='plan_option'] {
    max-width: 500px;
  }
}
.page_price_plan_add {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_price_plan_add:before {
  content: '\e145';
  font-family: 'Material Symbols Rounded';
  color: var(--chakra-colors-text-primary);
  font-size: var(--chakra-fontSizes-32px);
}

.page_price_plan_box_title {
  font-weight: bold;
}
@media (max-width: 925px) {
  .page_price_plan_box_title {
    font-size: var(--chakra-fontSizes-16px);
  }
}
@media (min-width: 925px) {
  .page_price_plan_box_title {
    font-size: var(--chakra-fontSizes-24px);
  }
}

.page_price_plan_box_price {
  color: var(--chakra-colors-text-primary);
  font-weight: bold;
  line-height: var(--chakra-lineHeights-small);
}
@media (max-width: 925px) {
  .page_price_plan_box_price {
    font-size: var(--chakra-fontSizes-18px);
  }
}
@media (min-width: 925px) {
  .page_price_plan_box_price {
    font-size: var(--chakra-fontSizes-20px);
  }
}

.page_price_plan_box_number {
  font-family: 'roboto';
}
@media (max-width: 925px) {
  .page_price_plan_box_number {
    font-size: var(--chakra-fontSizes-36px);
  }
}
@media (min-width: 925px) {
  .page_price_plan_box_number {
    font-size: var(--chakra-fontSizes-56px);
  }
}

.page_price_plan_text {
  font-weight: bold;
}
@media (max-width: 925px) {
  .page_price_plan_text {
    font-size: var(--chakra-fontSizes-16px);
  }
}
@media (min-width: 925px) {
  .page_price_plan_text {
    font-size: var(--chakra-fontSizes-20px);
    text-align: center;
  }
}

.page_price_plan_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.page_price_plan_service {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 300px;
}

.page_price_plan_service_logo[data-type='connect'] {
  max-width: 300px;
}

.page_price_plan_service_logo[data-type='careapp'],
.page_price_plan_service_logo[data-type='bizapp'] {
  max-width: 138px;
}

.page_price_plan_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 20px;
}

.page_price_plan_ul_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: var(--chakra-fontSizes-16px);
  font-weight: bold;
}

.page_price_plan_ul_list:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: var(--chakra-colors-primary-400);
  border-radius: 50%;
}

.page_price_flow {
  background-color: var(--chakra-colors-neutral-50);
}

.page_price_flow_list_wrapper {
  display: flex;
  flex-direction: column;
  gap: 56px;
  width: 100%;
  max-width: 694px;
  margin-inline: auto;
}

.page_price_flow_list {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 925px) {
  .page_price_flow_list {
    flex-direction: column;
  }
}
.page_price_flow_list_picture {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  width: 160px;
  aspect-ratio: 1/1;
  background-color: var(--chakra-colors-white);
}

.page_price_flow_list_content {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page_price_flow_list_title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: var(--chakra-fontSizes-24px);
  font-weight: bold;
}

.page_price_flow_list_title:before {
  content: attr(data-number);
  font-family: 'roboto';
  color: var(--chakra-colors-text-primary);
}

.page_price_flow_list_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: var(--chakra-colors-primary-100);
  color: var(--chakra-colors-text-middle);
  font-size: var(--chakra-fontSizes-16px);
  font-weight: normal;
  line-height: var(--chakra-lineHeights-smallmedium);
}

.page_price_flow_list_badge::before {
  font-family: 'Material Symbols Rounded';
  color: var(--chakra-colors-text-primary);
}

.page_price_flow_list_badge[data-type='start']:before {
  content: '\e153';
}

.page_price_flow_list_badge[data-type='period']:before {
  content: '\e616';
}

.page_price_flow_list_description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: var(--chakra-lineHeights-large);
  letter-spacing: var(--chakra-letterSpacings-large);
}

.page_price_flow_list_lead {
  color: var(--chakra-colors-text-low);
  font-weight: bold;
}

.page_function_mv {
  position: relative;
}

.page_function_mv:before,
.page_function_mv:after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  width: 100%;
  height: 100%;
}

.page_function_mv:before {
  z-index: -2;
}

.page_function_mv:after {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  z-index: -1;
}

.page_function_mv[data-color='orange']:before {
  background-color: var(--chakra-colors-primary-50);
}

.page_function_mv[data-color='orange']:after {
  background-image: url(../img/mv_bg.webp);
}

.page_function_mv[data-color='blue']::before {
  background-color: var(--chakra-colors-blue-50);
}

.page_function_mv[data-color='blue']:after {
  background-image: url(/home-care/asset/img/function/bizapp_mv_bg.webp);
}

.page_function_mv_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}
@media (max-width: 925px) {
  .page_function_mv_inner {
    flex-direction: column;
  }
}
@media (min-width: 925px) {
  .page_function_mv_inner {
    flex-direction: row;
  }
}

.page_function_mv_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 925px) {
  .page_function_mv_content {
    gap: 32px;
    padding: 40px 32px 16px;
  }
}
@media (min-width: 926px) {
  .page_function_mv_content {
    gap: 48px;
    padding: 24px 16px;
  }
}

.page_function_mv_heading1 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 925px) {
  .page_function_mv_heading1 {
    gap: 16px;
  }
}
@media (min-width: 925px) {
  .page_function_mv_heading1 {
    gap: 24px;
  }
}

.page_function_mv_copy {
  color: #424C5A;
  font-weight: bold;
  line-height: var(--chakra-lineHeights-medium);
}
@media (max-width: 925px) {
  .page_function_mv_copy {
    font-size: var(--chakra-fontSizes-18px);
  }
}
@media (min-width: 925px) {
  .page_function_mv_copy {
    font-size: var(--chakra-fontSizes-24px);
    letter-spacing: 0.1em;
  }
}

.page_function_mv_title {
  color: var(--chakra-colors-text-high);
  font-weight: bold;
  line-height: var(--chakra-lineHeights-smallmedium);
}
@media (max-width: 925px) {
  .page_function_mv_title {
    font-size: var(--chakra-fontSizes-32px);
  }
}
@media (min-width: 925px) {
  .page_function_mv_title {
    font-size: var(--chakra-fontSizes-48px);
    letter-spacing: 0.1em;
  }
}

.page_function_mv_paragraph {
  color: var(--chakra-colors-text-high);
}
@media (max-width: 925px) {
  .page_function_mv_paragraph {
    font-size: var(--chakra-fontSizes-16px);
  }
}
@media (min-width: 925px) {
  .page_function_mv_paragraph {
    font-size: var(--chakra-fontSizes-20px);
    letter-spacing: 0.1em;
  }
}

@media (min-width: 925px) {
  .page_function_mv_visual {
    max-width: 684px;
    width: 60%;
  }
}

.page_form_mv {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 64px 16px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 925px) {
  .page_form_mv {
    overflow: hidden;
  }
}

.page_form_mv_contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px 16px;
  background-color: var(--chakra-colors-white);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px 1px rgba(105, 119, 147, 0.15);
  border-radius: 8px;
  width: 100%;
  max-width: 480px;
}

.page_form_mv_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 560px;
}

.page_form_mv_thanks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 560px;
}

.page_form_mv_heading1 {
  color: var(--chakra-colors-text-primary);
  font-size: var(--chakra-fontSizes-32px);
  line-height: var(--chakra-lineHeights-smallmedium);
  font-weight: bold;
}

.page_form_mv_heading2 {
  font-size: var(--chakra-fontSizes-24px);
  line-height: var(--chakra-lineHeights-smallmedium);
  font-weight: bold;
}

.page_form_mv_ttlset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.page_form_mv_listwrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.page_form_mv_unorderlist {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page_form_mv_list {
  display: flex;
  align-items: center;
  gap: 4px;
}

.page_form_mv_list:before {
  /* task_alt */
  content: '\e2e6';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0;
  color: var(--chakra-colors-text-primary);
}

.page_form_mv_call {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  background-color: var(--chakra-colors-white);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px 1px rgba(105, 119, 147, 0.15);
  border-radius: 8px;
}

.page_form_mv_copy {
  font-weight: bold;
}

.page_form_mv_link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--chakra-fontSizes-24px);
  font-weight: bold;
}

.page_form_mv_link:before {
  content: '\e0b0';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0;
}

.page_form_mv_annotation {
  font-size: var(--chakra-fontSizes-14px);
}

/* 以下LP調整 */

.layout_section_bg[data-color="orig-orange-1"] {
  background-color: #FFEDE0;
}
.layout_section_bg[data-color="orig-orange-2"] {
  background-color: #FFC086;
}
.layout_section_bg[data-color="orig-blue-1"] {
  background-color: #95D5FF;
}
.layout_section_bg[data-size='w-146'] {
  width: calc(587px - 108.5px);
}
.layout_section_bg[data-size='w-172'] {
  width: calc(689px - 108.5px);
}

.layout_section_bg[data-type='orig-blur'] {
  filter: blur(217px);
}
.layout_section_bg[data-type='orig-blur'][data-position='top-center'] {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.layout_section_bg[data-type='orig-blur'][data-position='flow-1'] {
  top: 24%;
  left: -12%;
}
.layout_section_bg[data-type='orig-blur'][data-position='flow-2'] {
  top: 61%;
  left: 66%;
}
.layout_section_bg[data-type='orig-dot'] {
  transition: 0.4s;
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  filter: blur(2px);
}
.layout_section_bg[data-type='orig-dot'][data-position="flow-dot-1"] {
  top: 15%;
  left: 15%;
}
.layout_section_bg[data-type='orig-dot'][data-position="flow-dot-2"] {
  top: 36%;
  left: 94%;
}
.layout_section_bg[data-type='orig-dot'][data-position="flow-dot-3"] {
  top: 46%;
  left: 87%;
}
.layout_section_bg[data-type='orig-dot'][data-position="flow-dot-4"] {
  top: 90%;
  left: 9%;
}
.layout_section_bg[data-type='orig-line'] {
  width: 1628px;
  height: 240%;
  background-image: url(../img/page_line_bg.svg);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  top: -130px;
  left: 54%;
  transform: translateX(-50%);
}



.page_about {
  padding-block: 120px 80px;
}
@media screen and (max-width: 925px) {
  .page_about {
    padding-block: 56px;
  }
}
.page_about_text1 {
  text-align: center;
  font-size: var(--chakra-fontSizes-18px);
  line-height: 1.75;
  letter-spacing: var(--chakra-letterSpacings-large);
}
@media screen and (max-width: 925px) {
  .page_about_text1 {
    max-width: 694px;
    font-size: var(--chakra-fontSizes-16px);
    text-align: left;
  }
}
.page_about_text2 {
  text-align: center;
  font-size: var(--chakra-fontSizes-14px);
}
@media screen and (max-width: 925px) {
  .page_about_text2 {
    max-width: 694px;
    text-align: left;
  }
}

.page_flow {
  overflow: hidden;
}
.page_flow_inner {
  gap: 80px;
}
@media screen and (max-width: 825px) {
  .page_flow_inner {
    gap: 40px;
  }
}
.page_flow_titleset {
  gap: 40px;
}
.page_flow_text1 {
  text-align: center;
  font-size: var(--chakra-fontSizes-18px);
  letter-spacing: var(--chakra-letterSpacings-large);
  line-height: 1.75;
}
@media screen and (max-width: 925px) {
  .page_flow_text1 {
    max-width: 694px;
    font-size: var(--chakra-fontSizes-16px);
    text-align: left;
  }
}
@media screen and (max-width: 925px) {
  .page_flow_figure[data-direction="row"],
  .page_flow_figure[data-direction='row-reverse'] {
    flex-direction: column;
  }
}

@media screen and (max-width: 925px) {
  .page_flow_figure_title {
    font-size: var(--chakra-fontSizes-20px);
    gap: 16px;
  }
}
@media screen and (max-width: 925px) {
  .page_flow_figure_text {
    font-size: var(--chakra-fontSizes-16px);
  }
}
.page_flow_button_wrapper {
  align-self: center;
}
.page_flow_button[data-size="xl"] {
  padding: 8px 28px;
  letter-spacing: var(--chakra-letterSpacings-medium);
}
@media screen and (max-width: 925px) {
  .page_flow_button[data-size="xl"] {
    font-size: var(--chakra-fontSizes-16px);
  }
}

.page_faq {
  background-color: #F9FBFD;
  padding-block: 80px 143px;
}
@media screen and (max-width: 925px) {
  .page_faq {
    padding-block: 56px;
  }
}
.page_faq_detailsWrapper {
  max-width: 748px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.page_faq_detailsSet {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.page_faq_details_title {
  font-size: var(--chakra-fontSizes-20px);
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: var(--chakra-letterSpacings-large);
}
@media screen and (max-width: 925px) {
  .page_faq_details_title {
    font-size: var(--chakra-fontSizes-18px);
  }
}