/*---------------------------
variables
---------------------------*/
:root {
  --color-primitive-gray-100: #f7f7f7;
  --color-primitive-gray-200: #ebebeb;
  --color-primitive-gray-300: #d1d1d1;
  --color-primitive-gray-400: #b6b6b6;
  --color-primitive-gray-500: #9c9c9c;
  --color-primitive-gray-600: #828282;
  --color-primitive-gray-700: #686868;
  --color-primitive-gray-800: #4d4d4d;
  --color-primitive-gray-900: #333333;
  --color-primitive-gray-1000: #000000;
  --color-primitive-red-100: #ffe8e8;
  --color-primitive-red-200: #ffd3d3;
  --color-primitive-red-300: #fb9a9a;
  --color-primitive-red-400: #f76b6b;
  --color-primitive-red-500: #f53a3a;
  --color-primitive-red-600: #ec0606;
  --color-primitive-red-700: #d80000;
  --color-primitive-red-800: #bf0000;
  --color-primitive-red-900: #8c0000;
  --color-primitive-red-1000: #590000;
  --color-primitive-black: #000000;
  --color-primitive-white: #ffffff;
  --color-primitive-orange-100: #ffebcc;
  --color-primitive-orange-200: #ffd699;
  --color-primitive-orange-300: #ffc266;
  --color-primitive-orange-400: #ffad33;
  --color-primitive-orange-500: #ff9900;
  --color-primitive-orange-600: #cc7a00;
  --color-primitive-orange-700: #995c00;
  --color-primitive-orange-800: #663d00;
  --color-primitive-orange-900: #4d2e00;
  --color-primitive-orange-1000: #331f00;
  --color-primitive-yellow-100: #fff5cc;
  --color-primitive-yellow-200: #ffeb99;
  --color-primitive-yellow-300: #ffe066;
  --color-primitive-yellow-400: #ffd633;
  --color-primitive-yellow-500: #ffcc00;
  --color-primitive-yellow-600: #dbaf00;
  --color-primitive-yellow-700: #b89300;
  --color-primitive-yellow-800: #947600;
  --color-primitive-yellow-900: #705a00;
  --color-primitive-yellow-1000: #4d3d00;
  --color-primitive-green-100: #d9f8d9;
  --color-primitive-green-200: #bff4bf;
  --color-primitive-green-300: #8de98d;
  --color-primitive-green-400: #5fd95f;
  --color-primitive-green-500: #2ac72a;
  --color-primitive-green-600: #00b900;
  --color-primitive-green-700: #009500;
  --color-primitive-green-800: #006c00;
  --color-primitive-green-900: #005300;
  --color-primitive-green-1000: #003900;
  --color-primitive-cyan-100: #dcf3ff;
  --color-primitive-cyan-200: #aee4ff;
  --color-primitive-cyan-300: #7bd3ff;
  --color-primitive-cyan-400: #4dc4ff;
  --color-primitive-cyan-500: #1fb4ff;
  --color-primitive-cyan-600: #00a0f0;
  --color-primitive-cyan-700: #0077b3;
  --color-primitive-cyan-800: #006a9e;
  --color-primitive-cyan-900: #004e76;
  --color-primitive-cyan-1000: #00334d;
  --color-primitive-blue-100: #e8eeff;
  --color-primitive-blue-200: #c9d7ff;
  --color-primitive-blue-300: #a0b9ff;
  --color-primitive-blue-400: #82a3ff;
  --color-primitive-blue-500: #6c92fb;
  --color-primitive-blue-600: #3a6dfa;
  --color-primitive-blue-700: #134ff3;
  --color-primitive-blue-800: #053ace;
  --color-primitive-blue-900: #002896;
  --color-primitive-blue-1000: #001d6d;
  --color-primitive-purple-100: #f1e5fa;
  --color-primitive-purple-200: #e6d2f6;
  --color-primitive-purple-300: #d3aeef;
  --color-primitive-purple-400: #c390e9;
  --color-primitive-purple-500: #b577e4;
  --color-primitive-purple-600: #a459de;
  --color-primitive-purple-700: #9640d9;
  --color-primitive-purple-800: #8529cd;
  --color-primitive-purple-900: #740bc6;
  --color-primitive-purple-1000: #490096;
  --color-primitive-pink-100: #feeaf8;
  --color-primitive-pink-200: #fddcf1;
  --color-primitive-pink-300: #fbb0e2;
  --color-primitive-pink-400: #f880cf;
  --color-primitive-pink-500: #f64bbb;
  --color-primitive-pink-600: #d42598;
  --color-primitive-pink-700: #c10a82;
  --color-primitive-pink-800: #9a0867;
  --color-primitive-pink-900: #7c0754;
  --color-primitive-pink-1000: #55053a;
  --color-primitive-indigo-100: #ebe8ff;
  --color-primitive-indigo-200: #d0c9ff;
  --color-primitive-indigo-300: #ada0ff;
  --color-primitive-indigo-400: #9382ff;
  --color-primitive-indigo-500: #7f6cfb;
  --color-primitive-indigo-600: #543afa;
  --color-primitive-indigo-700: #3113f3;
  --color-primitive-indigo-800: #2005ce;
  --color-primitive-indigo-900: #140096;
  --color-primitive-indigo-1000: #0f006d;
  --color-primitive-violet-100: #eae5fa;
  --color-primitive-violet-200: #dad2f6;
  --color-primitive-violet-300: #bdaeef;
  --color-primitive-violet-400: #a590e9;
  --color-primitive-violet-500: #9077e4;
  --color-primitive-violet-600: #7859de;
  --color-primitive-violet-700: #6440d9;
  --color-primitive-violet-800: #4f29cd;
  --color-primitive-violet-900: #370bc6;
  --color-primitive-violet-1000: #170096;
  --color-primitive-salmon-100: #ffe9ed;
  --color-primitive-salmon-200: #ffdae0;
  --color-primitive-salmon-300: #ffacba;
  --color-primitive-salmon-400: #ff798f;
  --color-primitive-salmon-500: #ff4161;
  --color-primitive-salmon-600: #ef0a30;
  --color-primitive-salmon-700: #cb0022;
  --color-primitive-salmon-800: #a2001b;
  --color-primitive-salmon-900: #830016;
  --color-primitive-salmon-1000: #5a000f;
  --color-primitive-teal-100: #d9f8f8;
  --color-primitive-teal-200: #bff4f4;
  --color-primitive-teal-300: #8de9e9;
  --color-primitive-teal-400: #5fd9d9;
  --color-primitive-teal-500: #2ac7c7;
  --color-primitive-teal-600: #00b9b9;
  --color-primitive-teal-700: #078383;
  --color-primitive-teal-800: #006c6c;
  --color-primitive-teal-900: #005353;
  --color-primitive-teal-1000: #003939;
  --color-primitive-emerald-100: #d9f8ee;
  --color-primitive-emerald-200: #bff4e2;
  --color-primitive-emerald-300: #8de9ca;
  --color-primitive-emerald-400: #5fd9b0;
  --color-primitive-emerald-500: #2ac793;
  --color-primitive-emerald-600: #00b97b;
  --color-primitive-emerald-700: #07835a;
  --color-primitive-emerald-800: #006c48;
  --color-primitive-emerald-900: #005337;
  --color-primitive-emerald-1000: #003926;
  --color-primitive-amber-100: #fff0e8;
  --color-primitive-amber-200: #ffe2d3;
  --color-primitive-amber-300: #fbba9a;
  --color-primitive-amber-400: #f79a6b;
  --color-primitive-amber-500: #f5783a;
  --color-primitive-amber-600: #ec5306;
  --color-primitive-amber-700: #d84800;
  --color-primitive-amber-800: #bf4000;
  --color-primitive-amber-900: #8c2f00;
  --color-primitive-amber-1000: #591e00;
  --color-primitive-lime-100: #eefad1;
  --color-primitive-lime-200: #dcf5a3;
  --color-primitive-lime-300: #cbf075;
  --color-primitive-lime-400: #baeb47;
  --color-primitive-lime-500: #a8e519;
  --color-primitive-lime-600: #91c516;
  --color-primitive-lime-700: #61a612;
  --color-primitive-lime-800: #62850f;
  --color-primitive-lime-900: #4a650b;
  --color-primitive-lime-1000: #334508;
  --color-primary-100: #f7f7f7;
  --color-primary-200: #ebebeb;
  --color-primary-300: #d1d1d1;
  --color-primary-400: #b6b6b6;
  --color-primary-500: #9c9c9c;
  --color-primary-600: #828282;
  --color-primary-700: #686868;
  --color-primary-800: #4d4d4d;
  --color-primary-900: #333333;
  --color-primary-1000: #000000;
  --color-semantic-text-default: #333333;
  --color-semantic-text-dim: #828282;
  --color-semantic-text-inverted: #f7f7f7;
  --color-semantic-icon-increase: #d42598;
  --color-semantic-icon-decrease: #00b900;
  --color-semantic-icon-default: #1e1e1e;
  --color-semantic-icon-inverted: #f7f7f7;
  --color-semantic-icon-dim: #9c9c9c;
  --color-semantic-background-base: #ffffff;
  --color-semantic-background-layer-1: #f7f7f7;
  --color-semantic-background-placeholder: #ebebeb;
  --color-semantic-background-layer-2: #ffffff;
  --color-semantic-background-layer-3: #ebebeb;
  --color-semantic-border-default: #ebebeb;
  --color-semantic-border-active: #1e1e1e;
  --color-semantic-badge-default: #bf0000;
  --color-semantic-badge-certified: #bf0000;
  --color-semantic-button-text-default: #1e1e1e;
  --color-semantic-button-text-inverted: #ffffff;
  --color-semantic-button-text-dim: #9c9c9c;
  --color-semantic-button-background-default: #1e1e1e;
  --color-semantic-button-background-inverted: #ffffff;
  --color-semantic-button-background-dim: #ebebeb;
  --color-semantic-button-border-default: #1e1e1e;
  --color-semantic-button-border-inverted: #ffffff;
  --color-semantic-button-border-dim: #9c9c9c;
  --color-semantic-button-icon-default: #1e1e1e;
  --color-semantic-button-icon-dim: #9c9c9c;
  --color-semantic-button-icon-inverted: #ffffff;
  --color-semantic-avatar-border-read: #9c9c9c;
  --color-semantic-avatar-border-public: #d80000;
  --color-semantic-avatar-border-default: #ebebeb;
  --color-semantic-avatar-border-limited: #00b900;
  --color-semantic-switch-inactive: #9c9c9c;
  --color-semantic-switch-active: #1e1e1e;
  --color-semantic-label-background-default: #1e1e1e;
  --color-semantic-label-background-dim: #ebebeb;
  --color-semantic-label-background-inverted: #ffffff;
  --color-semantic-label-text-default: #1e1e1e;
  --color-semantic-label-text-dim: #9c9c9c;
  --color-semantic-label-text-inverted: #ffffff;
  --color-semantic-label-border-default: #1e1e1e;
  --color-semantic-label-border-dim: #9c9c9c;
  --color-semantic-label-border-inverted: #ffffff;
  --color-semantic-label-icon-default: #1e1e1e;
  --color-semantic-label-icon-dim: #9c9c9c;
  --color-semantic-label-icon-inverted: #ffffff;
  --color-semantic-indicator-default: #ebebeb;
  --color-semantic-indicator-active: #1e1e1e;
  --color-semantic-form-background-default: #f7f7f7;
  --color-semantic-form-background-active: #ffffff;
  --color-semantic-form-text-default: #1e1e1e;
  --color-semantic-form-text-dim: #9c9c9c;
  --color-semantic-form-border-active: #1e1e1e;
  --color-semantic-form-border-default: #9c9c9c;
  --color-semantic-form-icon-default: #1e1e1e;
  --color-semantic-form-icon-dim: #9c9c9c;
  --color-semantic-form-icon-inverted: #ffffff;
  --color-contextual-colors-rex-success-color: #047205;
  --color-contextual-colors-rex-success-color-darker: #034b03;
  --color-contextual-colors-rex-success-message-bg: #ebf7ec;
  --color-contextual-colors-rex-info-color: #006497;
  --color-contextual-colors-rex-info-color-darker: #00496e;
  --color-contextual-colors-rex-info-message-bg: #ebf7fe;
  --color-contextual-colors-rex-warning-color: #a35e04;
  --color-contextual-colors-rex-warning-color-darker: #7b4703;
  --color-contextual-colors-rex-warning-message-bg: #fef0dd;
  --color-contextual-colors-rex-danger-color: #df0101;
  --color-contextual-colors-rex-danger-color-darker: #b60100;
  --color-contextual-colors-rex-danger-message-bg: #fff0f0;
  --color-accent-100: #ffe8e8;
  --color-accent-200: #ffd3d3;
  --color-accent-300: #fb9a9a;
  --color-accent-400: #f76b6b;
  --color-accent-500: #f53a3a;
  --color-accent-600: #ec0606;
  --color-accent-700: #d80000;
  --color-accent-800: #bf0000;
  --color-accent-900: #8c0000;
  --color-accent-1000: #590000;
  --color-brand-crimson-red: #bf0000;
  --color-brand-rsec-app-black: #000000;
  --corner-base: 0.75rem;
  --corner-small: 0.5rem;
  --corner-xs: 0.25rem;
  --corner-full: 624.9375rem;
  --corner-large: 1.5rem;

  --spacing-pixel: 0.0625rem;
  --spacing-2-xs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-small: 0.75rem;
  --spacing-base: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2rem;
  --spacing-xl: 3rem;
  --spacing-2-xl: 3.5rem;
  --spacing-3-xl: 4rem;
  --spacing-4-xl: 4.5rem;
  --spacing-5-xl: 5rem;
  --spacing-none: 0rem;
  --spacing-3-xs: 0.125rem;
  --spacing-contents: max(calc((100vw - var(--width-contents)) / 2), var(--spacing-medium));

  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --font-size-xs: 0.75rem;
  --font-size-2-xs: 0.625rem;
  --font-size-medium: 1.125rem;
  --font-size-large: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2-xl: 1.75rem;
  --font-size-3-xl: 2rem;
  --font-size-4-xl: 3rem;

  --z-index-lv-1: 1;
  --z-index-lv-2: 10;
  --z-index-lv-3: 100;
  --z-index-lv-4: 1000;

  --shadow-lv-0: none;
  --shadow-lv-1: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.04);
  --shadow-lv-2: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lv-3: 0px 1px 8px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.02), 0px 3px 3px rgba(0, 0, 0, 0.04);
  --shadow-lv-4: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 4px 5px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.04);

  --duration-base: 300ms;

  --easing-base: cubic-bezier(0.25, 0, 0.45, 1);

  --width-contents: 73.5rem
}

/*---------------------------
base
---------------------------*/
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  height: 100%;
  line-height: 1.5;
  color: var(--color-semantic-text-default, #000000);
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  scroll-behavior: smooth;
}

body {
  min-height: 100%
}

* {
  font: inherit;
  margin: 0;
  padding: 0
}

*,
:before,
:after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  border-color: currentColor
}

:is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--color-brand-crimson-red);
  outline-offset: 1px;
}

hr {
  color: inherit;
  border-top-width: 1px;
  height: 0
}

img {
  border-style: none
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
  display: block
}

img,
video {
  max-width: 100%;
  height: auto
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word
}

ol,
ul {
  list-style: none
}

code,
kbd,
pre,
samp {
  font-size: 1em
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none
}

button,
input,
optgroup,
select,
textarea {
  color: inherit
}

button,
select {
  text-transform: none
}

table {
  text-indent: 0;
  border-collapse: collapse;
  border-color: inherit
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--color-semantic-text-dim, #828282)
}

textarea {
  resize: vertical
}

summary {
  display: list-item
}

small {
  font-size: inherit
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

dialog {
  padding: 0
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp,
pre {
  --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
  font-size: 1em;
  font-family: var(--font-mono, var(--font-mono-fallback))
}

input[type=text],
input[type=email],
input[type=search],
input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-search-cancel-button {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

input[type=number]::-webkit-inner-spin-button {
  height: auto
}

input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=number] {
  -moz-appearance: textfield
}

:-moz-ui-invalid {
  box-shadow: none
}

:-moz-focusring {
  outline: auto
}

[hidden] {
  display: none
}

/*---------------------------
icons
---------------------------*/

/* icon */
[class*="rsec-igrow-app-icon"] {
  --icon-size: 1rem;
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 1;
  font-size: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  vertical-align: text-bottom;
  flex-shrink: 0;
}

.rsec-igrow-app-icon--small {
  --icon-size: 0.75rem;
}

.rsec-igrow-app-icon--large {
  --icon-size: 1.5rem;
}

.rsec-igrow-app-icon--xlarge {
  --icon-size: 2rem;
}

.rsec-igrow-app-icon--chevron-down {
  -webkit-mask-image: url(../images/icon-chevron-down.svg);
  mask-image: url(../images/icon-chevron-down.svg);
}

.rsec-igrow-app-icon--close {
  -webkit-mask-image: url(../images/icon-close.svg);
  mask-image: url(../images/icon-close.svg);
}

.rsec-igrow-app-icon--home-outline {
  -webkit-mask-image: url(../images/icon-home-outline.svg);
  mask-image: url(../images/icon-home-outline.svg);
  margin-right: 12px;
}

.rsec-igrow-app-icon--menu-outline {
  -webkit-mask-image: url(../images/icon-menu-outline.svg);
  mask-image: url(../images/icon-menu-outline.svg);
}

.rsec-igrow-app-icon--newwindow-outline {
  -webkit-mask-image: url(../images/icon-newwindow-outline.svg);
  mask-image: url(../images/icon-newwindow-outline.svg);
}

.rsec-igrow-app-icon--arrowicon-filled {
  -webkit-mask-image: url(../images/icon-arrowicon-filled.svg);
  mask-image: url(../images/icon-arrowicon-filled.svg);
}

/*---------------------------
layout
---------------------------*/
/* header */
.rsec-igrow-app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: var(--z-index-lv-3);
  background: var(--color-primitive-white);
  padding: var(--spacing-small) var(--spacing-base);
  border-bottom: 2px solid var(--color-primitive-black);
}

.rsec-igrow-app-header__main {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  -moz-column-gap: var(--spacing-base);
  column-gap: var(--spacing-base);
}

.rsec-igrow-app-header__sub {}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-header {
    position: static;
    align-items: flex-end;
    -moz-column-gap: var(--spacing-large);
    column-gap: var(--spacing-large);
    padding: var(--spacing-xs) var(--spacing-contents) 1.1875rem;
  }

  .rsec-igrow-app-header__main {
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .rsec-igrow-app-header__main .rsec-igrow-app-logo {
    padding-bottom: .375rem;
  }

  .rsec-igrow-app-header__sub {
    padding: var(--spacing-2-xs) 0;
    flex-shrink: 0;
  }

  .rsec-igrow-app-header__sub .rsec-igrow-app-button-outline--cta {
    line-height: 1.42;
    padding: calc(var(--spacing-small) - var(--border-width)) calc(var(--spacing-base) - var(--border-width));
  }
}

/* footer */
.rsec-igrow-app-footer {
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
  border-top: 1px solid var(--color-primitive-gray-300);
}

.rsec-igrow-app-footer__main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-base) var(--spacing-medium) var(--spacing-small);
  background: var(--color-primitive-gray-100);
}

.rsec-igrow-app-footer__sub {
  padding: var(--spacing-base) var(--spacing-medium) 1.25rem;
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-footer {
    border-top: none;
  }

  .rsec-igrow-app-footer__main {
    gap: var(--spacing-small);
    padding: 1.75rem var(--spacing-contents);
  }

  .rsec-igrow-app-footer__sub {
    padding: var(--spacing-medium) var(--spacing-contents);
  }
}


/* noscroll */
.rsec-igrow-app-noscroll,
.rsec-igrow-app-noscroll body {
  overflow: hidden;
}

/*---------------------------
components
---------------------------*/
/* logo */
.rsec-igrow-app-logo a {
  display: block;
  line-height: 0;
  border-radius: var(--corner-xs);
}

/* menu */
.rsec-igrow-app-menu {}

.rsec-igrow-app-menu__trigger,
.rsec-igrow-app-menu__close {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.625rem;
  height: 2.5rem;
  row-gap: .125rem;
  line-height: 1.4;
  color: var(--color-primitive-gray-700);
  font-size: var(--font-size-2-xs);
}

.rsec-igrow-app-menu__close {
  width: 2.25rem;
  height: 2.25rem;
  row-gap: .25rem;
  color: var(--color-primitive-white);
  font-size: var(--font-size-xs);
  font-weight: 500;
}

.rsec-igrow-app-menu__close:focus-visible {
  outline-color: #006be5;
}


.rsec-igrow-app-menu__popover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100svh;
  background: var(--color-primitive-white);
  transform: translateX(-100%);
  visibility: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

.rsec-igrow-app-menu__popover[aria-hidden] {
  transition: transform var(--duration-base), visibility var(--duration-base);
}

.rsec-igrow-app-menu__popover[aria-hidden="false"] {
  transform: none;
  visibility: visible;
}

.rsec-igrow-app-menu__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium);
  background: var(--color-primitive-red-800);
  color: var(--color-primitive-white);
}

.rsec-igrow-app-menu__title {
  font-size: var(--font-size-small);
  font-weight: 700;
}

.rsec-igrow-app-menu__body {
  padding: 0 var(--spacing-medium) var(--spacing-medium);
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-menu {
    --position-right: -7.75rem;
    flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: var(--spacing-xs);
  }

  .rsec-igrow-app-menu .rsec-igrow-app-group {
    position: absolute;
    right: var(--position-right);
    top: 0;
  }

  .rsec-igrow-app-menu__popover {
    position: static;
    width: auto;
    height: auto;
    transform: none;
    visibility: visible;
  }

  .rsec-igrow-app-menu__body {
    padding: 0;
    font-size: var(--font-size-small);
    font-weight: 500;
  }

  .rsec-igrow-app-menu__body .rsec-igrow-app-menulink a {
    padding: var(--spacing-base) var(--spacing-medium);
    outline-offset: -2px;
  }

  .rsec-igrow-app-menu__body .rsec-igrow-app-group__body a {
    padding: var(--spacing-2-xs) var(--spacing-xs);
  }

  .rsec-igrow-app-menu__links {
    display: flex;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    padding-right: 6.25rem;
    margin-right: var(--position-right);
    line-height: 1.72;
    font-size: var(--font-size-xs);
    color: var(--color-primitive-gray-700);
  }

  .rsec-igrow-app-menu__links li {
    display: flex;
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
  }

  .rsec-igrow-app-menu__links>li+li::before {
    content: '';
    display: block;
    width: 1px;
    height: 1rem;
    background: var(--color-primitive-gray-300);
  }

  .rsec-igrow-app-menu__links li ul {
    display: flex;
    margin-left: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
  }

  .rsec-igrow-app-menu__links a {
    display: flex;
    align-items: center;
    -moz-column-gap: var(--spacing-2-xs);
    column-gap: var(--spacing-2-xs);
    padding: 0 .1875rem;
    border-radius: var(--corner-xs);
    transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
  }

  .rsec-igrow-app-menu__links a:hover {
    color: var(--color-brand-crimson-red);
    background-color: var(--color-primitive-gray-100);
  }
}

/* menulink */
.rsec-igrow-app-menulink {}

.rsec-igrow-app-menulink>li {
  border-bottom: 1px solid var(--color-primitive-gray-200);
}

.rsec-igrow-app-menulink a {
  display: flex;
  align-items: center;
  padding: var(--spacing-base) 0;
  line-height: 1.5;
  color: var(--color-primitive-gray-900);
  transition: color var(--duration-base) var(--easing-base);
}

.rsec-igrow-app-menulink a:hover {
  color: var(--color-brand-crimson-red);
}

.rsec-igrow-app-menulink__sub {
  padding-bottom: var(--spacing-base);
}

.rsec-igrow-app-menulink__sub :is(h2, h3, h4, h5, h6) {
  padding: .625rem 0;
  font-size: var(--font-size-small);
  color: var(--color-primitive-gray-700);
}

.rsec-igrow-app-menulink__sub a {
  padding: var(--spacing-xs) 0;
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-menulink {
    display: flex;
  }

  .rsec-igrow-app-menulink a {
    border-radius: var(--corner-xs);
    color: var(--color-primitive-gray-800);
  }

  .rsec-igrow-app-menulink>li {
    border: none;
  }
}

/* group */
.rsec-igrow-app-group {}

.rsec-igrow-app-group__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: var(--spacing-small);
  column-gap: var(--spacing-small);
  padding: var(--spacing-base) 0;
  line-height: 1.5;
  color: var(--color-primitive-gray-900);
}

.rsec-igrow-app-group__trigger i {
  transition: transform var(--duration-base);
}

.rsec-igrow-app-group__trigger[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.rsec-igrow-app-group__body {
  width: 100%;
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows var(--duration-base), visibility var(--duration-base);
  transition: grid-template-rows var(--duration-base), visibility var(--duration-base), -ms-grid-rows var(--duration-base);
}

.rsec-igrow-app-group__body[aria-hidden="false"] {
  grid-template-rows: 1fr;
  visibility: visible;
}

.rsec-igrow-app-group__details {
  overflow: hidden;
}

.rsec-igrow-app-group__details>div {
  padding: 0 0 .9375rem 2.25rem;
}

.rsec-igrow-app-group__details ul {}

.rsec-igrow-app-group__details ul+ul {
  margin-top: var(--spacing-xs);
  padding-top: var(--spacing-xs);
  border-top: 1px solid var(--color-primitive-gray-200);
}

.rsec-igrow-app-group__body a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: var(--spacing-xs);
  column-gap: var(--spacing-xs);
  outline-offset: -2px;
  padding: var(--spacing-xs) 0;
}

.rsec-igrow-app-group__title {
  margin-bottom: var(--spacing-xs);
  padding: 0 var(--spacing-2-xs);
  font-size: var(--font-size-base);
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-group__trigger {
    width: auto;
    -moz-column-gap: var(--spacing-2-xs);
    column-gap: var(--spacing-2-xs);
    padding: 0 .1875rem;
    border-radius: var(--corner-xs);
    line-height: 1.72;
    font-size: var(--font-size-xs);
    font-weight: normal;
    color: var(--color-primitive-gray-700);
    transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
    cursor: pointer;
  }

  .rsec-igrow-app-group__trigger:hover {
    color: var(--color-brand-crimson-red);
    background-color: var(--color-primitive-gray-100);
  }

  .rsec-igrow-app-group__trigger[aria-expanded="true"] {
    color: var(--color-primitive-white);
    background-color: var(--color-brand-crimson-red);
  }

  .rsec-igrow-app-group__trigger i {
    width: .5rem;
    height: .5rem;
  }


  .rsec-igrow-app-group__trigger[aria-expanded="true"] i {
    transform: none;
  }

  .rsec-igrow-app-group__body {
    width: auto;
    position: absolute;
    z-index: var(--z-index-lv-2);
    right: 0;
    display: block;
    padding: var(--spacing-base);
    opacity: 0;
    background: var(--color-primitive-white);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
    border-radius: var(--corner-xs);
    transition: opacity var(--duration-base), visibility var(--duration-base);
    white-space: nowrap;
  }

  .rsec-igrow-app-group__body[aria-hidden="false"] {
    opacity: 1;
  }

  .rsec-igrow-app-group__details>div {
    padding: 0;
  }

  .rsec-igrow-app-group__body a {
    padding: var(--spacing-2-xs) var(--spacing-xs);
    color: var(--color-primitive-gray-700);
    border-radius: var(--corner-xs);
    font-weight: normal;
    transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
  }

  .rsec-igrow-app-group__body a:hover {
    color: var(--color-brand-crimson-red);
    background-color: var(--color-primitive-gray-100);
  }
}

/* button-outline */
.rsec-igrow-app-button-outline {
  --color: var(--color-semantic-text-default);
  --bg-color: transparent;
  --bd-color: var(--color-semantic-button-border-dim);
  --border-width: .0625rem;
  --line-height: 1.75;
  --font-size: var(--font-size-small);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: calc(var(--spacing-xs) - var(--border-width));
  border: var(--border-width) solid var(--bd-color);
  border-radius: var(--corner-small);
  text-align: center;
  gap: var(--spacing-xs);
  background: var(--bg-color);
  line-height: var(--line-height);
  color: var(--color);
  font-size: var(--font-size);
  transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-width: 1px;
}

.rsec-igrow-app-button-outline__icon {
  line-height: 1;
  font-size: 0;
}

.rsec-igrow-app-button-outline:disabled {
  --color: var(--color-semantic-button-text-dim);
}

.rsec-igrow-app-button-outline--large {
  --line-height: 1.5;
  --font-size: var(--font-size-base);
  padding: calc(var(--spacing-small) - var(--border-width));
}

.rsec-igrow-app-button-outline--small {
  --line-height: 1.25;
  --font-size: var(--font-size-xs);
  font-weight: bold;
}

.rsec-igrow-app-button-outline--cta {
  --color: var(--color-brand-crimson-red);
  border-color: var(--color-brand-crimson-red);
  padding: calc(var(--spacing-xs) - var(--border-width)) calc(var(--spacing-base) - var(--border-width));
  border-radius: var(--corner-xs);
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-button-outline--cta:hover {
    --bg-color: var(--color-primitive-gray-100);
  }
}

.rsec-igrow-app-button-outline--cta:active,
.rsec-igrow-app-button-outline--cta:focus-visible {
  --color: var(--color-primitive-white);
  --bg-color: var(--color-brand-crimson-red);
}

/* links */
.rsec-igrow-app-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs) var(--spacing-medium);
  line-height: 1.333;
  font-size: var(--font-size-xs);
}

.rsec-igrow-app-links a {
  transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
}

.rsec-igrow-app-links a:hover {
  color: var(--color-brand-crimson-red);
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-links {
    gap: var(--spacing-xs) var(--spacing-base);
  }

  .rsec-igrow-app-links a {
    display: block;
    padding: var(--spacing-2-xs);
  }
}

/* dl */
.rsec-igrow-app-dl {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  line-height: 1.333;
  font-size: var(--font-size-xs);
}

.rsec-igrow-app-dl dt {
  line-height: 1.6;
  font-weight: 500;
  font-size: var(--font-size-2-xs);
}

.rsec-igrow-app-dl dd {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs) var(--spacing-medium);
}

.rsec-igrow-app-dl a {
  transition: background-color var(--duration-base) var(--easing-base), color var(--duration-base) var(--easing-base);
}

.rsec-igrow-app-dl a:hover {
  color: var(--color-brand-crimson-red);
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app-dl {
    gap: 0;
    font-size: var(--font-size-small);
  }

  .rsec-igrow-app-dl>div {
    gap: var(--spacing-xs) var(--spacing-large);
  }

  .rsec-igrow-app-dl dt {
    padding: 0 var(--spacing-2-xs);
  }

  .rsec-igrow-app-dl a {
    display: block;
    padding: var(--spacing-2-xs);
  }
}

/* copyright */
.rsec-igrow-app-copyright {
  line-height: 1.6;
  font-size: var(--font-size-2-xs);
}

/*---------------------------
utilities
---------------------------*/
/* sr-only */
.rsec-igrow-app--is-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}


/* hidden */
@media screen and (max-width: 767px) {
  .rsec-igrow-app--is-hidden-sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .rsec-igrow-app--is-hidden-pc {
    display: none !important;
  }
}

/* color */
[class*="--is-color-font"] {
  --color: var(--color-semantic-text-default);
  color: var(--color);
}

.rsec-igrow-app--is-color-font--is-color-brand-crimson-red {
  --color: var(--color-brand-crimson-red);
}