@charset "UTF-8";

:where(:not(.atlas-header *, .atlas-nav *, .atlas-sp-header *, .atlas-footer *, .atlas-sp-footer *, .sb-slidebar *)):is(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video) {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

@import"https://fonts.googleapis.com/css2?family=Bitter:wght@700&display=swap";
:root {
  --pls-basic-brand: #000066;
  --pls-basic-white: #ffffff;
  --pls-basic-black: #000000;
  --pls-gray-alpha-50: #2e344808;
  --pls-gray-alpha-100: #2e34480d;
  --pls-gray-alpha-200: #2e344817;
  --pls-gray-alpha-300: #2e344824;
  --pls-gray-alpha-500: #2e344845;
  --pls-gray-alpha-700: #2e344894;
  --pls-gray-alpha-900: #37393e;
  --pls-gray-50: #fafafc;
  --pls-gray-100: #f6f6f9;
  --pls-gray-200: #edeef2;
  --pls-gray-300: #e2e4e9;
  --pls-gray-500: #c6c9d2;
  --pls-gray-700: #858993;
  --pls-gray-900: #37393e;
  --pls-white-alpha-50: #ffffff0d;
  --pls-white-alpha-100: #ffffff12;
  --pls-white-alpha-200: #ffffff1a;
  --pls-white-alpha-300: #ffffff29;
  --pls-white-alpha-500: #ffffff3d;
  --pls-white-alpha-700: #ffffff9e;
  --pls-blue-50: #f5f9fe;
  --pls-blue-100: #ecf3fe;
  --pls-blue-300: #c7d8ff;
  --pls-blue-600: #3160d9;
  --pls-blue-800: #173893;
  --pls-blue-900: #000066;
  --pls-sky-50: #f5fcff;
  --pls-sky-100: #e3f4fc;
  --pls-sky-300: #8fd2f2;
  --pls-sky-600: #0e9fe7;
  --pls-sky-700: #0c8bca;
  --pls-sky-800: #075985;
  --pls-teal-50: #f5fcfc;
  --pls-teal-100: #e6faf9;
  --pls-teal-300: #a2e3df;
  --pls-teal-600: #019c91;
  --pls-teal-800: #10625d;
  --pls-green-50: #f5fff5;
  --pls-green-100: #e4fce3;
  --pls-green-300: #bce8bc;
  --pls-green-600: #009900;
  --pls-green-800: #015b00;
  --pls-yellow-green-50: #fafff2;
  --pls-yellow-green-100: #eefcd9;
  --pls-yellow-green-300: #c2e58c;
  --pls-yellow-green-600: #6bb200;
  --pls-yellow-green-800: #406608;
  --pls-yellow-50: #fffdf5;
  --pls-yellow-100: #faf2d2;
  --pls-yellow-300: #f0e1a8;
  --pls-yellow-600: #d4a900;
  --pls-yellow-800: #614d00;
  --pls-orange-50: #fffaf5;
  --pls-orange-100: #fdf2e8;
  --pls-orange-300: #fac596;
  --pls-orange-600: #eb7a17;
  --pls-orange-700: #b05315;
  --pls-orange-800: #5c330f;
  --pls-red-50: #fffafa;
  --pls-red-100: #fde8ea;
  --pls-red-300: #f9bdc2;
  --pls-red-600: #db1c2c;
  --pls-red-800: #8a0712;
  --pls-pink-50: #fffafd;
  --pls-pink-100: #fae8f3;
  --pls-pink-300: #fa9ed5;
  --pls-pink-600: #d9178b;
  --pls-pink-800: #8b135b;
  --pls-purple-50: #fcfaff;
  --pls-purple-100: #f2ecfe;
  --pls-purple-300: #c3abf4;
  --pls-purple-600: #7240d6;
  --pls-purple-800: #360e87;
  --pls-background-primary: var(--pls-gray-100);
  --pls-surface-primary: var(--pls-basic-white);
  --pls-surface-secondary: var(--pls-gray-100);
  --pls-surface-disabled: var(--pls-gray-300);
  --pls-surface-accent: var(--pls-blue-600);
  --pls-surface-accent-light: var(--pls-blue-100);
  --pls-surface-cta: var(--pls-sky-600);
  --pls-surface-cta-light: var(--pls-sky-100);
  --pls-surface-info: var(--pls-sky-100);
  --pls-surface-success: var(--pls-green-100);
  --pls-surface-warning: var(--pls-red-100);
  --pls-surface-caution: var(--pls-yellow-100);
  --pls-object-primary: var(--pls-gray-900);
  --pls-object-secondary: var(--pls-gray-alpha-700);
  --pls-object-disabled: var(--pls-gray-alpha-500);
  --pls-object-placeholder: var(--pls-gray-alpha-500);
  --pls-object-inverse-primary: var(--pls-basic-white);
  --pls-object-inverse-secondary: var(--pls-white-alpha-700);
  --pls-object-link: var(--pls-blue-600);
  --pls-object-accent: var(--pls-sky-700);
  --pls-object-accent-dark: var(--pls-blue-800);
  --pls-object-info: var(--pls-sky-700);
  --pls-object-success: var(--pls-green-600);
  --pls-object-warning: var(--pls-red-600);
  --pls-border-default: var(--pls-gray-alpha-200);
  --pls-border-strong: var(--pls-gray-alpha-300);
  --pls-border-ios: var(--pls-gray-alpha-500);
  --pls-border-inverse-default: var(--pls-white-alpha-500);
  --pls-border-inverse-strong: var(--pls-white-alpha-700);
  --pls-features-action: var(--pls-red-600);
  --pls-features-statusaction: var(--pls-sky-700);
  --pls-features-point: var(--pls-orange-600);
  --pls-features-ranking-gold: var(--pls-yellow-600);
  --pls-features-ranking-silver: var(--pls-gray-700);
  --pls-features-ranking-bronze: var(--pls-orange-700);
  --pls-features-review: var(--pls-yellow-500);
  --pls-hover-primary: #3b4dc40a;
  --pls-hover-secondary: var(--pls-gray-alpha-50);
  --pls-hover-inverse: var(--pls-white-alpha-200);
  --pls-hover-warning: #db1c2c0a;
  --pls-active-primary: #3b4dc414;
  --pls-active-secondary: var(--pls-gray-alpha-100);
  --pls-active-inverse: var(--pls-white-alpha-500);
  --pls-active-warning: #db1c2c14;
  --pls-focus-primary: var(--pls-sky-600);
  --pls-scrim-primary: var(--pls-gray-alpha-500)
}
:root {
  --pls-font-family-base: "Helvetica Neue", helvetica, "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", “noto sans jp”, meiryo, sans-serif;
  --pls-font-size-base: 16px;
  --pls-font-size-6xl: 3.625rem;
  --pls-font-size-5xl: 3rem;
  --pls-font-size-4xl: 2.5rem;
  --pls-font-size-3xl: 2.125rem;
  --pls-font-size-xxl: 1.75rem;
  --pls-font-size-xl: 1.5rem;
  --pls-font-size-l: 1.25rem;
  --pls-font-size-m: 1rem;
  --pls-font-size-s: .875rem;
  --pls-font-size-xs: .75rem;
  --pls-font-size-xxs: .6875rem;
  --pls-font-size-3xs: .625rem;
  --pls-line-height-base: 1.5em;
  --pls-line-height-6xl: 4.5rem;
  --pls-line-height-5xl: 3.75rem;
  --pls-line-height-4xl: 3rem;
  --pls-line-height-3xl: 2.5rem;
  --pls-line-height-xxl: 2.25rem;
  --pls-line-height-xl: 2rem;
  --pls-line-height-l: 1.5rem;
  --pls-line-height-m: 1.25rem;
  --pls-line-height-s: 1.25rem;
  --pls-line-height-xs: 1rem;
  --pls-line-height-xxs: 1rem;
  --pls-line-height-3xs: 1rem;
  --pls-line-height-article: 1.75rem;
  --pls-line-height-body-m: 1.5rem;
  --pls-line-height-body-s: 1.25rem;
  --pls-line-height-caption: 1rem;
  --pls-font-weight-regular: 400;
  --pls-font-weight-bold: 600;
  --pls-font-kerning-default: "palt";
  --pls-font-kerning-article: "pwid";
  --pls-font-letter-spacing-default: .04em
}
:root {
  --pls-spacing-xxs: 4px;
  --pls-spacing-xs: 8px;
  --pls-spacing-s: 12px;
  --pls-spacing-m: 16px;
  --pls-spacing-l: 24px;
  --pls-spacing-xl: 40px;
  --pls-spacing-xxl: 64px;
  --pls-spacing-3xl: 104px;
  --pls-spacing-4xl: 168px;
  --pls-spacing-none: 0
}
:root {
  --pls-border-radius-xs: 2px;
  --pls-border-radius-s: 4px;
  --pls-border-radius-m: 8px;
  --pls-border-radius-l: 12px;
  --pls-border-radius-full: 9999px
}
:root {
  --pls-shadow: 0px 6px 12px -3px rgb(51 51 64 / 10%), 0px 2px 28px -1px rgb(51 51 64 / 12%);
  --pls-shadow-filter: drop-shadow(0px 6px 9px rgb(51 51 64 / 10%)) drop-shadow(0px 0px 20px rgb(51 51 64 / 8%))
}
.pls-contents *, .pls-contents *:before, .pls-contents *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0
}
.pls-contents ul, .pls-contents ol {
  list-style: none
}
.pls-contents img, .pls-contents picture {
  max-width: 100%;
  height: auto
}
.pls-contents {
  font-family: var(--pls-font-family-base);
  font-size: var(--pls-font-size-base);
  font-weight: var(--pls-font-weight-regular);
  font-feature-settings: var(--pls-font-kerning-default);
  line-height: 1.5;
  color: var(--pls-object-primary);
  letter-spacing: var(--pls-font-letter-spacing-default);
}
.pls-contents a:not([class]) {
  color: var(--pls-object-link);
  text-decoration: none
}
.pls-button.--subtleSecondary, .pls-button.--subtlePrimary, .pls-button.--cta, .pls-button.--danger, .pls-button.--tertiary, .pls-button.--secondary, .pls-button.--primary, .pls-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(1.25rem + 24px);
  min-height: 44px;
  padding: 8px 12px;
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--pls-border-radius-s);
  outline: none
}
.pls-button:hover {
  text-decoration: none
}
.pls-button:focus {
  outline: solid var(--pls-focus-primary) 2px
}
.pls-button {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-accent)
}
.pls-button:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent)
}
.pls-button:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-accent)
}
.pls-button:has(.pls-button__icon) {
  gap: 4px;
  padding-right: 8px;
  padding-left: 8px
}
.pls-button:has(.pls-button__icon) .pls-button__text {
  padding: 0 4px
}
.pls-button .pls-button__icon {
  width: 1.25rem;
  height: 1.25rem
}
.pls-button.--primary {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-accent)
}
.pls-button.--primary:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent)
}
.pls-button.--primary:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-accent)
}
.pls-button.--secondary {
  color: var(--pls-object-link);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong)
}
.pls-button.--secondary:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary)
}
.pls-button.--secondary:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary)
}
.pls-button.--tertiary {
  color: var(--pls-object-primary);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong)
}
.pls-button.--tertiary:hover {
  color: var(--pls-object-primary);
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-button.--tertiary:active {
  background: linear-gradient(var(--pls-active-secondary), var(--pls-active-secondary)), var(--pls-surface-primary)
}
.pls-button.--danger {
  color: var(--pls-object-warning);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong)
}
.pls-button.--danger:hover {
  color: var(--pls-object-warning);
  background: linear-gradient(var(--pls-hover-warning), var(--pls-hover-warning)), var(--pls-surface-primary)
}
.pls-button.--danger:active {
  background: linear-gradient(var(--pls-active-warning), var(--pls-active-warning)), var(--pls-surface-primary)
}
.pls-button.--cta {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-cta)
}
.pls-button.--cta:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-cta)
}
.pls-button.--cta:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-cta)
}
.pls-button.--subtlePrimary {
  color: var(--pls-object-link);
  background: var(--pls-surface-primary);
  border: none
}
.pls-button.--subtlePrimary:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary)
}
.pls-button.--subtlePrimary:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary)
}
.pls-button.--subtleSecondary {
  color: var(--pls-object-primary);
  background: var(--pls-surface-primary);
  border: none
}
.pls-button.--subtleSecondary:hover {
  color: var(--pls-object-primary);
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-button.--subtleSecondary:active {
  background: linear-gradient(var(--pls-active-secondary), var(--pls-active-secondary)), var(--pls-surface-primary)
}
.pls-button.--primary[disabled], .pls-button.--primary[aria-disabled=true], .pls-button.--cta[disabled], .pls-button.--cta[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  background: var(--pls-surface-disabled)
}
.pls-button.--secondary[disabled], .pls-button.--secondary[aria-disabled=true], .pls-button.--tertiary[disabled], .pls-button.--tertiary[aria-disabled=true], .pls-button.--danger[disabled], .pls-button.--danger[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-default)
}
.pls-button.--subtlePrimary[disabled], .pls-button.--subtlePrimary[aria-disabled=true], .pls-button.--subtleSecondary[disabled], .pls-button.--subtleSecondary[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  border: none
}
.pls-button.--small {
  min-width: calc(1rem + 20px);
  min-height: 36px;
  padding: 4px 8px;
  font-size: var(--pls-font-size-s);
  line-height: 1.25rem
}
.pls-button.--small:has(.pls-button__icon) {
  gap: 2px
}
.pls-button.--small:has(.pls-button__icon) .pls-button__text {
  padding: 0 2px
}
.pls-button.--small .pls-button__icon {
  width: 1rem;
  height: 1rem
}
.pls-button.--large {
  min-width: calc(1.5rem + 32px);
  min-height: 56px;
  padding: 4px 16px;
  font-size: var(--pls-font-size-l);
  line-height: 1.5rem
}
.pls-button.--large:has(.pls-button__icon) {
  gap: 4px;
  padding-right: 12px;
  padding-left: 12px
}
.pls-button.--large .pls-button__icon {
  width: 1.5rem;
  height: 1.5rem
}
.pls-button.--full {
  width: 100%
}
.pls-button.--fixed {
  width: 264px
}
.pls-button.--small.--fixed {
  width: 216px
}
.pls-button.--large.--fixed {
  width: 336px
}
.pls-button.--selected {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border: 1px solid var(--pls-border-default)
}
.pls-button.--selected:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary)
}
.pls-button.--selected:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary)
}
.pls-button.--loading, .pls-button.--loading[disabled] {
  position: relative;
  color: transparent;
  pointer-events: none;
  opacity: .6
}
.pls-button.--loading .pls-button__loader, .pls-button.--loading[disabled] .pls-button__loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  justify-content: center;
  margin: auto;
  color: var(--pls-object-inverse-primary);
  white-space: nowrap
}
.pls-button.--loading .pls-button__loader:before, .pls-button.--loading[disabled] .pls-button__loader:before {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1/1;
  content: "";
  border-color: var(--pls-white-alpha-300);
  border-style: solid;
  border-width: 3px;
  border-right-color: var(--pls-object-inverse-primary);
  border-radius: 50%;
  animation: pls-spinner 1.2s infinite linear
}
.pls-button.--loading.--primary, .pls-button.--loading[disabled].--primary {
  background: var(--pls-surface-accent)
}
.pls-button.--loading.--secondary, .pls-button.--loading.--tertiary, .pls-button.--loading.--danger, .pls-button.--loading[disabled].--secondary, .pls-button.--loading[disabled].--tertiary, .pls-button.--loading[disabled].--danger {
  background: var(--pls-surface-primary)
}
.pls-button.--loading.--secondary .pls-button__loader, .pls-button.--loading.--tertiary .pls-button__loader, .pls-button.--loading.--danger .pls-button__loader, .pls-button.--loading.--subtlePrimary .pls-button__loader, .pls-button.--loading.--subtleSecondary .pls-button__loader, .pls-button.--loading[disabled].--secondary .pls-button__loader, .pls-button.--loading[disabled].--tertiary .pls-button__loader, .pls-button.--loading[disabled].--danger .pls-button__loader, .pls-button.--loading[disabled].--subtlePrimary .pls-button__loader, .pls-button.--loading[disabled].--subtleSecondary .pls-button__loader {
  color: var(--pls-object-secondary)
}
.pls-button.--loading.--secondary .pls-button__loader:before, .pls-button.--loading.--tertiary .pls-button__loader:before, .pls-button.--loading.--danger .pls-button__loader:before, .pls-button.--loading.--subtlePrimary .pls-button__loader:before, .pls-button.--loading.--subtleSecondary .pls-button__loader:before, .pls-button.--loading[disabled].--secondary .pls-button__loader:before, .pls-button.--loading[disabled].--tertiary .pls-button__loader:before, .pls-button.--loading[disabled].--danger .pls-button__loader:before, .pls-button.--loading[disabled].--subtlePrimary .pls-button__loader:before, .pls-button.--loading[disabled].--subtleSecondary .pls-button__loader:before {
  border-color: var(--pls-gray-alpha-300);
  border-right-color: var(--pls-object-secondary)
}
.pls-checkbox {
  position: relative;
  display: inline-flex;
  gap: 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  cursor: pointer
}
.pls-checkbox input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: .25rem 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 2px;
  outline: none
}
.pls-checkbox input:checked {
  background: var(--pls-surface-accent);
  border-color: var(--pls-surface-accent)
}
.pls-checkbox input:checked:before {
  position: absolute;
  top: calc(.25rem + 1px);
  left: 5px;
  display: block;
  width: 6px;
  height: 10px;
  content: "";
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}
.pls-checkbox input:after {
  position: absolute;
  top: .25rem;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  border-radius: 2px
}
.pls-checkbox:has([disabled]) {
  color: var(--pls-object-disabled)
}
.pls-checkbox:has([disabled]) input {
  border-color: var(--pls-border-default)
}
.pls-checkbox:has([disabled]) input:checked {
  background: var(--pls-object-disabled);
  border: none
}
.pls-checkbox.--intermediate input:checked:before {
  top: calc(.25rem + 7px);
  left: 3px;
  width: 10px;
  height: 2px;
  background: #ffffff;
  border: none;
  transform: rotate(0)
}
.pls-checkbox:focus input:not([disabled]):after {
  top: calc(.25rem - 3px);
  left: -3px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--pls-focus-primary);
  border-radius: 4px
}
.pls-checkbox:hover input:not([disabled]) {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-checkbox:hover input:not([disabled]):checked {
  background: var(--pls-surface-accent)
}
.pls-checkbox:hover input:not([disabled]):checked:after {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse))
}
.pls-checkboxList {
  display: inline-flex;
  flex-direction: column;
  gap: 16px
}
.pls-checkboxList.--horizontal {
  flex-flow: row wrap
}
.pls-input {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none
}
.pls-input::placeholder {
  color: var(--pls-object-disabled)
}
.pls-input {
  min-height: 44px;
  padding: 10px 8px
}
.pls-input:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-input:focus-within {
  border-color: var(--pls-focus-primary)
}
.pls-input[disabled] {
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary)
}
.pls-input[readonly] {
  cursor: default
}
.pls-input[readonly]:hover {
  background: var(--pls-surface-primary)
}
.pls-input[readonly]:focus {
  border-color: var(--pls-border-strong)
}
.pls-input[readonly].--static {
  padding: 10px 0;
  border: none
}
.pls-input.--error {
  border-color: var(--pls-object-warning)
}
.pls-input.--small {
  min-height: 36px;
  padding: 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s)
}
.pls-inputGroup {
  position: relative;
  display: inline-flex
}
.pls-inputGroup .pls-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.pls-inputGroup:focus-within .pls-button {
  border-left: none
}
.pls-inputGroup:has(.pls-button) .pls-input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.pls-inputGroup:has(.pls-button) .pls-input:focus {
  border-right: 1px solid var(--pls-focus-primary)
}
.pls-inputGroup .pls-input__icon {
  position: absolute;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  transform: translateY(-50%)
}
.pls-inputGroup .pls-input__icon.--left {
  left: 8px
}
.pls-inputGroup .pls-input__icon.--right {
  right: 8px
}
.pls-inputGroup:has(.pls-input__icon.--left) .pls-input {
  padding-left: 36px
}
.pls-inputGroup:has(.pls-input__icon.--right) .pls-input {
  padding-right: 36px
}
ol.pls-list.--note, ul.pls-list.--note, ol.pls-list, ul.pls-list {
  padding-left: 1.25em
}
ol.pls-list.--note li + li, ul.pls-list.--note li + li, ol.pls-list li + li, ul.pls-list li + li, ol.pls-list.--note li > ul, ul.pls-list.--note li > ul, ol.pls-list li > ul, ul.pls-list li > ul, ol.pls-list.--note li > ol, ul.pls-list.--note li > ol, ol.pls-list li > ol, ul.pls-list li > ol {
  margin-top: 4px
}
ol.--wide.pls-list, ul.--wide.pls-list {
  padding-left: 2em
}
ul.pls-list {
  list-style: disc
}
ol.pls-list {
  list-style: decimal
}
ol.pls-list > ol.pls-list {
  list-style: lower-alpha
}
ol.pls-list > ol.pls-list > ol.pls-list {
  list-style: lower-roman
}
ul.pls-list.--note {
  list-style: none
}
ul.pls-list.--note li {
  position: relative
}
ul.pls-list.--note li:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "※"
}
ol.pls-list.--note {
  padding-left: 2em;
  list-style: none
}
ol.pls-list.--note li {
  position: relative;
  counter-increment: noteOrder
}
ol.pls-list.--note li:before {
  position: absolute;
  top: 0;
  left: -2em;
  content: "※"counter(noteOrder)
}
ol.pls-list.--note.--wide {
  padding-left: 2.5em
}
ol.pls-list.--note.--wide li:before {
  left: -2.5em
}
.pls-loader {
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-s);
  align-items: center;
  justify-content: center;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-caption);
  color: var(--pls-object-secondary)
}
.pls-loader:before {
  display: block;
  width: var(--pls-spacing-xl);
  aspect-ratio: 1/1;
  content: "";
  border: 4px solid var(--pls-gray-alpha-300);
  border-right-color: var(--pls-blue-600);
  border-radius: 50%;
  animation: pls-spinner 1.2s infinite linear
}
.pls-loader.--small {
  font-size: var(--pls-font-size-xxs)
}
.pls-loader.--small:before {
  width: var(--pls-spacing-l);
  border-width: 3px
}
.pls-loader.--dark {
  color: var(--pls-object-inverse-primary)
}
.pls-loader.--dark:before {
  border-color: var(--pls-white-alpha-500);
  border-right-color: var(--pls-basic-white)
}
@keyframes pls-spinner {
  to {
    transform: rotate(1turn)
  }
}
.pls-radio {
  position: relative;
  display: inline-flex;
  gap: 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  cursor: pointer
}
.pls-radio input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: .25rem 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 50%;
  outline: none
}
.pls-radio input:checked {
  border: 5px solid var(--pls-object-link)
}
.pls-radio input:after {
  position: absolute;
  top: .25rem;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  border-radius: 50%
}
.pls-radio:has([disabled]) {
  color: var(--pls-object-disabled)
}
.pls-radio:has([disabled]) input {
  border-color: var(--pls-border-default)
}
.pls-radio:has([disabled]) input:checked {
  border-color: var(--pls-object-disabled)
}
.pls-radio:focus input:not([disabled]):after {
  top: calc(.25rem - 3px);
  left: -3px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--pls-focus-primary)
}
.pls-radio:hover input:not([disabled]) {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-radio:hover input:not([disabled]):checked {
  background: var(--pls-surface-primary)
}
.pls-radio:hover input:not([disabled]):checked:after {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse))
}
.pls-radioList {
  display: inline-flex;
  flex-direction: column;
  gap: 16px
}
.pls-radioList.--horizontal {
  flex-flow: row wrap
}
.pls-select {
  position: relative;
  display: inline-flex
}
.pls-select:after {
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40NDE1IDcuOTQxOTRMOS45OTk1NiAxMy4zODM5TDQuNTU3NjIgNy45NDE5NEw1LjQ0MTUgNy4wNTgwNkw5Ljk5OTU2IDExLjYxNjFMMTQuNTU3NiA3LjA1ODA2TDE1LjQ0MTUgNy45NDE5NFoiIGZpbGw9IiMzNzM5M0UiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%)
}
.pls-select select, .pls-select button {
  display: block;
  width: 100%;
  padding: 10px 36px 10px 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none
}
.pls-select select:invalid, .pls-select button:invalid {
  color: var(--pls-object-secondary)
}
.pls-select select:hover, .pls-select button:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-select select:focus, .pls-select button:focus {
  border-color: var(--pls-focus-primary)
}
.pls-select select[disabled], .pls-select button[disabled] {
  color: var(--pls-object-secondary);
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary)
}
.pls-select:has([disabled]):after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40NDE1IDcuOTQxOTNMOS45OTk1NiAxMy4zODM5TDQuNTU3NjIgNy45NDE5M0w1LjQ0MTUgNy4wNTgwNEw5Ljk5OTU2IDExLjYxNjFMMTQuNTU3NiA3LjA1ODA0TDE1LjQ0MTUgNy45NDE5M1oiIGZpbGw9IiMyRTM0NDgiIGZpbGwtb3BhY2l0eT0iMC4yNyIvPgo8L3N2Zz4K)
}
.pls-select.--error select, .pls-select.--error button {
  border-color: var(--pls-object-warning)
}
.pls-select.--small select, .pls-select.--small button {
  padding: 8px 36px 8px 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s)
}
.pls-selectButton {
  display: inline-block;
  min-height: 44px;
  padding: 12px;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m);
  color: var(--pls-object-primary);
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 4px;
  outline: none
}
.pls-selectButton input {
  display: none
}
.pls-selectButton:hover {
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary)
}
.pls-selectButton:has(input:checked) {
  font-weight: var(--pls-font-weight-bold);
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border-color: var(--pls-object-link)
}
.pls-selectButton:hover:has(input:checked) {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary)
}
.pls-textarea {
  display: inline-flex;
  padding: 10px 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: vertical;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none
}
.pls-textarea::placeholder {
  color: var(--pls-object-disabled)
}
.pls-textarea:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary)
}
.pls-textarea:focus {
  border-color: var(--pls-focus-primary)
}
.pls-textarea[disabled] {
  resize: none;
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary)
}
.pls-textarea.--error {
  border-color: var(--pls-object-warning)
}
.pls-textarea.--small {
  padding: 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s)
}
.pls-formLabel.--required:after, .pls-formField:has(:required) .pls-formLabel:after, .pls-formLabel.--optional:after, .pls-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 4px 6px;
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: .75rem;
  color: var(--pls-gray-700);
  text-align: center;
  white-space: nowrap;
  background: var(--pls-gray-100);
  border-radius: var(--pls-border-radius-xs)
}
.pls-form {
  display: inline-flex;
  flex-direction: column;
  gap: var(--pls-spacing-l)
}
.pls-formField {
  display: inline-flex;
  flex-direction: column;
  gap: var(--pls-spacing-xs)
}
.pls-formLabel {
  display: inline-flex;
  gap: var(--pls-spacing-xs);
  align-items: center;
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s)
}
.pls-formLabel.--optional:after {
  content: "任意"
}
.pls-formLabel.--small {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs)
}
.pls-formLabel.--large {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m)
}
.pls-formLabel.--required:after, .pls-formField:has(:required) .pls-formLabel:after {
  color: var(--pls-red-600);
  content: "必須";
  background: var(--pls-red-100)
}
.pls-formHelper {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary)
}
.pls-formHelper:not(:first-of-type) {
  margin-top: -8px
}
.pls-formField:has(.--error) .pls-formHelper {
  color: var(--pls-object-warning)
}
.pls-form.--horizontal {
  display: inline-grid
}
.pls-form.--horizontal .pls-formField {
  display: inline-grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: var(--pls-spacing-xs);
  align-items: flex-start
}
.pls-form.--horizontal .pls-formField .pls-formLabel {
  grid-area: 1/1/2/2;
  min-height: 44px
}
.pls-form.--horizontal .pls-formField .pls-formLabel.--small {
  min-height: 36px
}
.pls-form.--horizontal .pls-formField .pls-formHelper {
  grid-area: 2/2/3/3
}
.pls-heading {
  font-weight: var(--pls-font-weight-bold)
}
.pls-heading.--xxl {
  font-size: var(--pls-font-size-4xl);
  line-height: var(--pls-line-height-4xl)
}
.pls-heading.--xxl.--large {
  font-size: var(--pls-font-size-6xl);
  line-height: var(--pls-line-height-6xl)
}
.pls-heading.--xl {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl)
}
.pls-heading.--xl.--large {
  font-size: var(--pls-font-size-5xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-5xl)
}
.pls-heading.--l {
  font-size: var(--pls-font-size-xxl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xxl)
}
.pls-heading.--l.--large {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl)
}
.pls-heading.--m {
  font-size: var(--pls-font-size-xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xl)
}
.pls-heading.--s {
  font-size: var(--pls-font-size-l);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-l)
}
.pls-heading.--xs {
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-m)
}
.pls-heading.--xxs {
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s)
}
.pls-body {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m)
}
.pls-body.--s {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s)
}
.pls-body.--m {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m)
}
.pls-body.--article {
  font-size: var(--pls-font-size-m);
  font-feature-settings: var(--pls-font-kerning-article);
  line-height: var(--pls-line-height-article)
}
.pls-caption {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--s {
  font-size: var(--pls-font-size-xxs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--m {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--bold {
  font-weight: var(--pls-font-weight-bold)
}
.pls-caption.--center {
  text-align: center
}
.pls-caption.--right {
  text-align: right
}
.pls-textlink.--primary {
  color: var(--pls-object-link);
  text-decoration: none
}
.pls-textlink.--primary:hover {
  opacity: .9
}
.pls-textlink.--primary:visited {
  color: var(--pls-purple-600)
}
.pls-textlink.--primary:visited:hover {
  opacity: .9
}
.pls-textlink.--secondary {
  color: inherit;
  text-decoration: underline
}
.pls-textlink.--secondary:hover, .pls-textlink.--secondary:visited:hover {
  opacity: .9
}
.pls-card {
  padding: 1em;
  margin-bottom: 12px;
  background-color: var(--pls-surface-primary);
  border-radius: var(--pls-border-radius-s)
}
.pls-card.--elevated {
  box-shadow: var(--pls-shadow)
}
.pls-card.--stroke {
  border: 1px solid var(--pls-border-default)
}
.pls-card.--fill {
  background-color: var(--pls-surface-accent-light)
}
.pls-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 4px 6px;
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: .75rem;
  color: var(--pls-gray-700);
  text-align: center;
  white-space: nowrap;
  background: var(--pls-gray-100);
  border-radius: var(--pls-border-radius-xs)
}
.pls-label.--stroke {
  color: var(--pls-gray-700);
  background: transparent;
  border: 1px solid;
  border-color: var(--pls-gray-700)
}
.pls-label.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-gray-700)
}
.pls-label.--round {
  border-radius: var(--pls-border-radius-full)
}
.pls-label.--sky {
  color: var(--pls-sky-600);
  background: var(--pls-sky-100)
}
.pls-label.--sky.--stroke {
  color: var(--pls-sky-600);
  background: transparent;
  border-color: var(--pls-sky-600)
}
.pls-label.--sky.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-sky-600)
}
.pls-label.--purple {
  color: var(--pls-purple-600);
  background: var(--pls-purple-100)
}
.pls-label.--purple.--stroke {
  color: var(--pls-purple-600);
  background: transparent;
  border-color: var(--pls-purple-600)
}
.pls-label.--purple.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-purple-600)
}
.pls-label.--green {
  color: var(--pls-green-600);
  background: var(--pls-green-100)
}
.pls-label.--green.--stroke {
  color: var(--pls-green-600);
  background: transparent;
  border-color: var(--pls-green-600)
}
.pls-label.--green.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-green-600)
}
.pls-label.--yellow {
  color: var(--pls-yellow-600);
  background: var(--pls-yellow-100)
}
.pls-label.--yellow.--stroke {
  color: var(--pls-yellow-600);
  background: transparent;
  border-color: var(--pls-yellow-600)
}
.pls-label.--yellow.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-600)
}
.pls-label.--red {
  color: var(--pls-red-600);
  background: var(--pls-red-100)
}
.pls-label.--red.--stroke {
  color: var(--pls-red-600);
  background: transparent;
  border-color: var(--pls-red-600)
}
.pls-label.--red.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-red-600)
}
.pls-label.--orange {
  color: var(--pls-orange-600);
  background: var(--pls-orange-100)
}
.pls-label.--orange.--stroke {
  color: var(--pls-orange-600);
  background: transparent;
  border-color: var(--pls-orange-600)
}
.pls-label.--orange.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-orange-600)
}
.pls-label.--blue {
  color: var(--pls-blue-600);
  background: var(--pls-blue-100)
}
.pls-label.--blue.--stroke {
  color: var(--pls-blue-600);
  background: transparent;
  border-color: var(--pls-blue-600)
}
.pls-label.--blue.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-blue-600)
}
.pls-label.--yellowGreen {
  color: var(--pls-yellow-green-600);
  background: var(--pls-yellow-green-100)
}
.pls-label.--yellowGreen.--stroke {
  color: var(--pls-yellow-green-600);
  background: transparent;
  border-color: var(--pls-yellow-green-600)
}
.pls-label.--yellowGreen.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-green-600)
}
.pls-label.--teal {
  color: var(--pls-teal-600);
  background: var(--pls-teal-100)
}
.pls-label.--teal.--stroke {
  color: var(--pls-teal-600);
  background: transparent;
  border-color: var(--pls-teal-600)
}
.pls-label.--teal.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-teal-600)
}
.pls-label.--pink {
  color: var(--pls-pink-600);
  background: var(--pls-pink-100)
}
.pls-label.--pink.--stroke {
  color: var(--pls-pink-600);
  background: transparent;
  border-color: var(--pls-pink-600)
}
.pls-label.--pink.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-pink-600)
}
.pls-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0;
  margin: 0;
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary)
}
.pls-breadcrumb .pls-breadcrumb__item {
  position: relative;
  display: flex;
  align-items: center
}
.pls-breadcrumb .pls-breadcrumb__item + .pls-breadcrumb__item {
  margin-top: 0
}
.pls-breadcrumb .pls-breadcrumb__item + .pls-breadcrumb__item:before {
  position: absolute;
  left: -16px;
  width: 6px;
  height: 6px;
  content: "";
  border-top: 1px solid var(--pls-object-secondary);
  border-right: 1px solid var(--pls-object-secondary);
  transform: rotate(45deg)
}
.pls-breadcrumb .pls-breadcrumb__item a {
  display: inline-block;
  color: var(--pls-object-secondary);
  text-decoration: none
}
.pls-breadcrumb .pls-breadcrumb__item a:hover {
  opacity: .9
}
.pls-newLabel:after {
  display: inline-block;
  margin-left: var(--pls-spacing-xxs);
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: inherit;
  color: var(--pls-red-600);
  text-transform: uppercase;
  vertical-align: bottom;
  content: "new"
}
.pls-imageCaption {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%
}
.pls-imageCaption.pls-caption {
  color: var(--pls-object-secondary)
}
.pls-imageAvatar {
  aspect-ratio: 1/1;
  object-fit: cover
}
.pls-imageAvatar.--round {
  border-radius: var(--pls-border-radius-full)
}
.pls-image {
  object-fit: cover
}
.pls-image.--aspect4x3 {
  aspect-ratio: 4/3
}
.pls-image.--aspect16x9 {
  aspect-ratio: 16/9
}
.pls-image.--aspect1x1 {
  aspect-ratio: 1/1
}
.pls-image.--fit {
  object-fit: contain
}
.pls-image.--fit.--background {
  background-color: var(--pls-background-primary)
}
.pls-image.--border {
  border: 1px solid var(--pls-border-default)
}
.pls-heading, .pls-media__title {
  font-weight: var(--pls-font-weight-bold)
}
.pls-heading.--xxl, .--xxl.pls-media__title {
  font-size: var(--pls-font-size-4xl);
  line-height: var(--pls-line-height-4xl)
}
.pls-heading.--xxl.--large, .--xxl.--large.pls-media__title {
  font-size: var(--pls-font-size-6xl);
  line-height: var(--pls-line-height-6xl)
}
.pls-heading.--xl, .--xl.pls-media__title {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl)
}
.pls-heading.--xl.--large, .--xl.--large.pls-media__title {
  font-size: var(--pls-font-size-5xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-5xl)
}
.pls-heading.--l, .--l.pls-media__title {
  font-size: var(--pls-font-size-xxl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xxl)
}
.pls-heading.--l.--large, .--l.--large.pls-media__title {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl)
}
.pls-heading.--m, .pls-heading.pls-media__prefix, .pls-heading.pls-media__details, .pls-heading.pls-media__snippet.--subtle, .--m.pls-media__title, .pls-media__title.pls-media__prefix, .pls-media__title.pls-media__details, .pls-media__title.pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xl)
}
.pls-heading.--s, .pls-heading.pls-media__snippet, .--s.pls-media__title, .pls-media__title.pls-media__snippet {
  font-size: var(--pls-font-size-l);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-l)
}
.pls-heading.--xs, .pls-media__title {
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-m)
}
.pls-heading.--xxs, .--xxs.pls-media__title {
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s)
}
.pls-body, .pls-media__snippet {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m)
}
.pls-body.--s, .pls-media__snippet {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s)
}
.pls-body.--m, .pls-body.pls-media__prefix, .pls-body.pls-media__details, .--m.pls-media__snippet, .pls-media__snippet.pls-media__prefix, .pls-media__snippet.pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m)
}
.pls-body.--article, .--article.pls-media__snippet {
  font-size: var(--pls-font-size-m);
  font-feature-settings: var(--pls-font-kerning-article);
  line-height: var(--pls-line-height-article)
}
.pls-caption, .pls-media__prefix, .pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--s, .--s.pls-media__prefix, .--s.pls-media__details, .pls-caption.pls-media__snippet, .pls-media__snippet.pls-media__prefix, .pls-media__snippet.pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xxs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--m, .pls-media__prefix, .pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption)
}
.pls-caption.--bold, .--bold.pls-media__prefix, .--bold.pls-media__details, .--bold.pls-media__snippet.--subtle {
  font-weight: var(--pls-font-weight-bold)
}
.pls-caption.--center, .--center.pls-media__prefix, .--center.pls-media__details, .--center.pls-media__snippet.--subtle {
  text-align: center
}
.pls-caption.--right, .--right.pls-media__prefix, .--right.pls-media__details, .--right.pls-media__snippet.--subtle {
  text-align: right
}
.pls-media {
  display: flex;
  gap: var(--pls-spacing-s);
  padding: var(--pls-spacing-s) 0;
  border-bottom: 1px solid var(--pls-border-default)
}
.pls-media img.pls-media__thumbnail {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  object-fit: cover
}
.pls-media__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.pls-media__text {
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-xxs);
  width: 100%
}
.pls-media__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.pls-media__title.--long {
  -webkit-line-clamp: 3
}
.pls-media__snippet {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.pls-media__snippet.--subtle {
  color: var(--pls-object-secondary)
}
.pls-media__details {
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  color: var(--pls-object-secondary)
}
.pls-media__details span {
  display: flex;
  align-items: center
}
.pls-media__prefix {
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  color: var(--pls-object-secondary)
}
.pls-media__prefix span {
  display: flex;
  align-items: center
}
.pls-media__detailIcon {
  width: 1em;
  height: 1em;
  margin-right: var(--pls-spacing-xxs);
  vertical-align: middle
}
.pls-media.--alignCenter {
  align-items: center
}
.pls-unread {
  position: relative;
  display: flex;
  width: 8px;
  height: var(--pls-line-height-m)
}
.pls-unread:before {
  position: absolute;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--pls-object-accent);
  border-radius: var(--pls-border-radius-full);
  transform: translateY(-50%)
}
.pls-unread.--read:before {
  display: none
}
.pls-badge {
  display: inline-block;
  min-width: 1rem;
  height: 1rem;
  padding: 0 var(--pls-spacing-xxs);
  font-size: .625rem;
  font-weight: var(--pls-font-weight-bold);
  line-height: 1rem;
  color: var(--pls-object-inverse-primary);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  background-color: var(--pls-red-600);
  border-radius: var(--pls-border-radius-full)
}
.pls-badgeContainer {
  position: relative
}
.pls-badgeContainer > .pls-badge {
  position: absolute;
  top: -8px;
  left: 60%
}
.pls-switch {
  position: relative;
  width: 56px;
  height: 32px
}
.pls-switch input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  cursor: pointer;
  opacity: 0
}
.pls-switch:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  content: "";
  background: var(--pls-gray-alpha-500);
  border-radius: var(--pls-border-radius-full);
  transition: background-color .2s ease-out
}
.pls-switch:after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 28px;
  height: 28px;
  pointer-events: none;
  content: "";
  background: var(--pls-basic-white);
  border-radius: var(--pls-border-radius-full);
  transition: .2s ease-out
}
.pls-switch:hover:before {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-gray-alpha-500)
}
.pls-switch:has(input:checked):before {
  background: var(--pls-surface-accent)
}
.pls-switch:has(input:checked):after {
  left: 26px
}
.pls-switch:has(input[disabled]) {
  pointer-events: none
}
.pls-switch:has(input[disabled]):before {
  background-color: var(--pls-gray-alpha-300)
}
.pls-switch:has(input:checked[disabled]) {
  pointer-events: none
}
.pls-switch:has(input:checked[disabled]):before {
  background: rgba(59, 77, 196, .16)
}
.pls-switch:has(input:checked):hover:before {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent)
}
.pls-dropdown {
  position: relative;
  display: inline-block
}
.pls-dropdown .pls-dropdown__menu {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 216px;
  max-height: 300px;
  padding: var(--pls-spacing-xs) 0;
  margin-top: var(--pls-spacing-xs);
  overflow-y: auto;
  background: var(--pls-surface-primary);
  border-radius: var(--pls-border-radius-s);
  box-shadow: var(--pls-shadow)
}
.pls-dropdown .pls-dropdown__menu.--right {
  right: 0
}
.pls-dropdown .pls-dropdown__item {
  display: block;
  padding: var(--pls-spacing-xs) var(--pls-spacing-m);
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s);
  color: var(--pls-object-primary);
  text-decoration: none;
  cursor: pointer
}
.pls-dropdown .pls-dropdown__item:hover {
  background: var(--pls-hover-secondary)
}
.pls-dropdown .pls-dropdown__item:active {
  background: var(--pls-active-secondary)
}
.pls-dropdown .pls-dropdown__item.--selected {
  color: var(--pls-object-link);
  background: var(--pls-active-primary)
}
.pls-dropdown .pls-dropdown__item[disabled] {
  color: var(--pls-object-disabled);
  pointer-events: none
}
.pls-dropdown .pls-dropdown__item.--destructive {
  color: var(--pls-object-warning)
}
.pls-dropdown .pls-dropdown__item .pls-dropdown__icon {
  width: 16px;
  height: 16px
}
.pls-dropdown .pls-dropdown__item:has(.pls-dropdown__icon) {
  display: flex;
  gap: var(--pls-spacing-xs);
  align-items: center
}
.pls-dropdown .pls-dropdown__item:has(.pls-dropdown__icon) > span {
  flex: 1
}
.pls-dropdown .pls-dropdown__title {
  padding: var(--pls-spacing-xs) var(--pls-spacing-m);
  font-size: var(--pls-font-size-xs);
  font-weight: 700;
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary)
}
.pls-dropdown .pls-dropdown__divider {
  height: 0;
  padding: 0;
  margin: var(--pls-spacing-xs) 0;
  background-color: transparent;
  border: 0;
  border-top: 1px solid var(--pls-border-default)
}
.pls-container {
  display: block;
  width: calc(100% - var(--pls-spacing-m) * 2);
  margin: 0 var(--pls-spacing-m)
}
@media (768px <=width) {
  .pls-container {
    width: calc(100% - var(--pls-spacing-xl) * 2);
    margin: 0 var(--pls-spacing-xl)
  }
}
@media (992px <=width) {
  .pls-container {
    max-width: 960px;
    margin: 0 auto
  }
} /*!
color
------------------------------
*/ :root {
  --c-accent: #C01E08
} /*!
font
------------------------------
*/ :root {
  --font-family-base: YuGothic, "Hiragino KakuGothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-family-eng: "Bitter", serif
}
body {
  margin: 0
}
.lp-content .l-container {
  width: calc(100% - 32px);
  max-width: 560px;
  margin: 0 auto
}
@media (768px <=width) {
  .lp-content .l-container {
    width: 980px;
    max-width: none;
    margin: 0 auto
  }
}
.lp-content .ctaButton {
  position: relative;
  background: linear-gradient(90deg, #43C9F4 9%, #0D98DD 93%);
  border: none;
  overflow: hidden
}
.lp-content .ctaButton:after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skew(-25deg)
}
.lp-content .ctaButton:hover {
  background: linear-gradient(90deg, #43C9F4 9%, #0D98DD 93%)
}
.lp-content .ctaButton:hover:after {
  animation: shine .7s
}
.lp-content .kv {
  background: url(../../../images/presentcampaign2503/kv-bg.png) no-repeat center center;
  background-size: cover;
  text-align: center;
  height: 480px;
  overflow: hidden
}
@media (768px <=width) {
  .lp-content .kv {
    text-align: left;
    height: auto
  }
}
@media (768px <=width) {
  .lp-content .kv .kv__inner {
    display: flex;
    justify-content: center;
    gap: 28px
  }
}
.lp-content .kv .kv__title {
  margin: var(--pls-spacing-l) 0 var(--pls-spacing-xs);
  filter: drop-shadow(0px 6px 40px rgba(0, 0, 0, .25));
  vertical-align: bottom
}
@media (768px <=width) {
  .lp-content .kv .kv__title {
    width: 473px;
    flex-shrink: 0
  }
}
.lp-content .kv .kv__title.--pc {
  display: none
}
@media (768px <=width) {
  .lp-content .kv .kv__title.--pc {
    display: block
  }
  .lp-content .kv .kv__title.--sp {
    display: none
  }
}
.lp-content .kv .kv__caption {
  color: var(--pls-basic-white);
  font-weight: var(--pls-font-weight-bold);
  margin-bottom: var(--pls-spacing-s);
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption)
}
.lp-content .kv .kv__period {
  color: #ffe458;
  margin-bottom: 24px;
  font-family: var(--pls-font-family-base);
}
.lp-content .kv .kv__image {
  max-width: 327px;
  margin: 0 auto -6px;
  position: relative
}
@media (768px <=width) {
  .lp-content .kv .kv__image {
    width: 389px;
    position: relative;
    margin: auto 0 -6px
  }
}
.lp-content .kv .kv__bubble {
  position: absolute;
  top: 32px;
  right: 0;
  left: 0;
  margin: 0 auto;
  filter: drop-shadow(0px 6px 40px rgba(0, 0, 0, .25))
}
.lp-content .kvCta {
  background: #9A0000;
  padding: 16px 24px;
  text-align: center
}
.lp-content .kvCta .ctaButton {
  margin: 0 auto;
  width: 100%;
  max-width: 360px
}
.lp-content .present {
  background: url(../../../images/presentcampaign2503/bg-present.png) no-repeat center center;
  background-size: cover;
  background-position: center top;
  padding: var(--pls-spacing-xxl) 0
}
.lp-content .present__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pls-spacing-m);
  text-align: center
}
.lp-content .present__title img {
  max-width: 320px
}
@media (768px <=width) {
  .lp-content .present__title {
    flex-direction: row;
    justify-content: center;
    gap: var(--pls-spacing-xl)
  }
  .lp-content .present__title img {
    width: 358px;
    max-width: none
  }
}
.lp-content .presentCard {
  position: relative;
  padding: var(--pls-spacing-m) var(--pls-spacing-m) var(--pls-spacing-xl);
  background: var(--pls-surface-primary);
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-l);
  box-shadow: var(--pls-shadow)
}
.lp-content .presentCard:after {
  content: "";
  position: absolute;
  background: url(../../../images/presentcampaign2503/img-ribbon.png) no-repeat center;
  background-size: contain;
  top: -4px;
  right: -4px;
  width: 106px;
  height: 79px
}
@media (768px <=width) {
  .lp-content .presentCard {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: var(--pls-spacing-xxl);
    padding: var(--pls-spacing-l) var(--pls-spacing-xxl)
  }
  .lp-content .presentCard:after {
    width: 177px;
    height: 131px
  }
}
@media (768px <=width) {
  .lp-content .presentCard .presentCard__image {
    width: 290px;
    margin-bottom: 0
  }
}
@media (768px <=width) {
  .lp-content .presentCard__text {
    padding-left: var(--pls-spacing-m)
  }
}
.lp-content .presentCard__subtitle {
  margin-bottom: var(--pls-spacing-m);
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s)
}
@media (768px <=width) {
  .lp-content .presentCard__subtitle {
    font-size: var(--pls-font-size-l);
    line-height: var(--pls-line-height-l)
  }
}
.lp-content .presentCard__title {
  font-size: var(--pls-font-size-xl);
  line-height: var(--pls-line-height-xl);
  font-family: var(--pls-font-family-base);
  font-weight: var(--pls-font-weight-bold)
}
.lp-content .presentCard__title span {
  font-size: var(--pls-font-size-l)
}
@media (768px <=width) {
  .lp-content .presentCard__title {
    font-size: var(--pls-font-size-3xl);
    line-height: var(--pls-line-height-3xl)
  }
}
.lp-content .presentCard__title span {
  font-size: var(--pls-font-size-xl)
}
.lp-content .presentCard__number {
  margin-top: var(--pls-spacing-xs);
  margin-bottom: var(--pls-spacing-l);
  color: var(--c-accent)
}
.lp-content .presentCard__number span{
  color: var(--c-accent);
  font-family: var(--pls-font-family-base);
}
@media (768px <=width) {
  .lp-content .presentCard__number {
    color: var(--c-accent);
    margin-bottom: var(--pls-spacing-m)
  }
}
.lp-content .presentCard__disclaimer {
  color: var(--pls-object-secondary)
}
.lp-content .presentPreview {
  max-width: 724px;
  margin: 40px auto 0;
  background-color: var(--pls-surface-primary);
  box-shadow: var(--pls-shadow)
}
@media (768px <=width) {
  .lp-content .presentPreview {
    gap: var(--pls-spacing-l);
    padding: var(--pls-spacing-l) var(--pls-spacing-l) var(--pls-spacing-l) var(--pls-spacing-xl)
  }
}
.lp-content .presentPreview__item {
  display: flex;
  gap: var(--pls-spacing-m);
  padding: var(--pls-spacing-m);
  border-bottom: 1px solid var(--pls-border-default)
}
.lp-content .presentPreview__text {
  width: 100%
}
.lp-content .presentPreview__label {
  height: 28px;
  margin-bottom: var(--pls-spacing-s)
}
.lp-content .presentPreview__title {
  margin-bottom: 8px
}
.lp-content .presentPreview__number {
  color: var(--pls-object-secondary)
}
.lp-content .presentPreview__image {
  width: 96px;
  height: 96px
}
@media (768px <=width) {
  .lp-content .presentPreview__image {
    width: 120px;
    height: 120px
  }
}
.lp-content .main {
  background-color: var(--pls-surface-secondary);
  padding: var(--pls-spacing-xxl) 0 var(--pls-spacing-3xl)
}
.lp-content .steps__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--pls-spacing-xl)
}
.lp-content .steps__title img {
  width: 70px;
  margin-bottom: var(--pls-spacing-m)
}
.lp-content .step__info {
  padding: var(--pls-spacing-l);
  background: var(--pls-red-50);
  border: 1px solid var(--pls-red-600);
  display: flex;
  align-items: flex-start;
  gap: var(--pls-spacing-s);
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m);
  margin-bottom: var(--pls-spacing-xl)
}
.lp-content .step__info span {
  font-weight: var(--pls-font-weight-bold)
}
.lp-content .steps__arrow {
  background-color: var(--pls-gray-500);
  width: 90px;
  height: 20px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  margin: var(--pls-spacing-m) auto
}
.lp-content .step {
  background-color: var(--pls-surface-primary);
  padding: var(--pls-spacing-l)
}
@media (768px <=width) {
  .lp-content .step {
    padding: var(--pls-spacing-xl)
  }
}
@media (768px <=width) {
  .lp-content .step .step__inner {
    display: flex;
    align-items: flex-start
  }
}
.lp-content .step__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-s)
}
.lp-content .step__title span {
    color: var(--c-accent)
}
.lp-content .step__description {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s);
  font-family: var(--pls-font-family-base);
}
@media (768px <=width) {
  .lp-content .step__description {
    font-size: var(--pls-font-size-m);
    line-height: var(--pls-line-height-body-m)
  }
}
.lp-content .step__description span {
  font-weight: 700;
}
.lp-content .step__description .step__description-red {
    color: var(--pls-red-600)
}
.lp-content .step__descriptionLink {
  color: var(--pls-object-link);
  display: flex;
  align-items: center;
  gap: var(--pls-spacing-xxs);
  text-decoration: none
}
.lp-content .step__descriptionLink:hover {
  opacity: .84
}
.lp-content .step__caption {
  color: var(--pls-object-secondary)
}
.lp-content .step__number {
  width: 30px;
  height: auto;
  margin-bottom: var(--pls-spacing-m);
  vertical-align: bottom
}
@media (768px <=width) {
  .lp-content .step__number {
    width: 35px;
    margin-right: var(--pls-spacing-xl);
    margin-bottom: 0
  }
}
.lp-content .step__box {
    display: flex;
    flex-direction: column;
    gap: var(--pls-spacing-xxl)
}
@media (width < 768px) {
    .lp-content .step__box {
        gap: var(--pls-spacing-xl)
    }
}

.lp-content .step__button {
  flex-shrink: 0;
  width: 100%;
  margin-top: var(--pls-spacing-s)
}
@media (768px <=width) {
  .lp-content .step__button {
    margin-top: 0;
    flex-shrink: 0;
    position: relative;
    width: 356px;
    overflow: hidden
  }
}
.lp-content .step__button2 {
  flex-shrink: 0;
  width: 100%;
  border-color: #0d98dd;
  color: #0d98dd
}
.lp-content .step__rule {
  border-left: 4px solid var(--pls-border-default);
  padding: var(--pls-spacing-xxs) var(--pls-spacing-none) var(--pls-spacing-xxs) var(--pls-spacing-m);
  margin-top: var(--pls-spacing-l)
}
.lp-content .step__ruleItem strong {
  color: var(--c-accent)
}
.lp-content .step__ruleItem b {
  font-size: 1.5em;
  margin: 0 .1em
}
.lp-content .step__ruleItem:first-child {
  margin-bottom: var(--pls-spacing-m)
}
.lp-content .app {
    background: var(--pls-surface-primary);
    margin-top: var(--pls-spacing-xl)
}
.lp-content .app .app__title {
    background-color: var(--pls-surface-secondary);
    color: var(--pls-object-secondary);
    padding: var(--pls-spacing-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--pls-spacing-xs)
}

.lp-content .app .app__title img {
    width: 40px;
    height: 40px;
    vertical-align: bottom
}

.lp-content .app .app__title br {
    display: none
}

@media (width < 768px) {
    .lp-content .app .app__title br {
        display: block
    }
}

.lp-content .app .app__item {
    width: 100%
}

.lp-content .app .app__item:not(:first-child) {
    border-left: 1px solid var(--pls-border-default)
}

@media (width < 768px) {
    .lp-content .app .app__item: not(:first-child) {
        display:none
    }
}

.lp-content .app .app__text {
    text-align: center;
    margin-bottom: var(--pls-spacing-l)
}

@media (width < 768px) {
    .lp-content .app .app__text {
        display: none
    }
}

.lp-content .app .app__text p {
    font-size: var(--pls-font-size-s);
    line-height: var(--pls-line-height-xs);
    color: var(--pls-object-secondary);
    margin-top: var(--pls-spacing-xs)
}

.lp-content .app .app__itemButton {
    display: flex;
    justify-content: center
}

.lp-content .app .app__button {
    display: flex;
    width: 166px;
    height: 48px;
    background-color: #000;
    border-radius: 8px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center
}

.lp-content .app .app__button img {
    width: 112px;
    height: auto
}

.lp-content .app .app__about {
    display: flex;
    align-items: center;
    gap: var(--pls-spacing-m);
    padding: 0 var(--pls-spacing-m);
    max-width: 400px;
    margin: 0 auto var(--pls-spacing-l)
}

.lp-content .app .app__icon {
    width: var(--pls-spacing-xxl)
}

.lp-content .app .app__content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px
}

@media (width < 768px) {
.lp-content .app .app__item:not(:first-child) {
    display: none;
    }
}
.lp-content .app .app__list {
    display: flex;
    margin-top: var(--pls-spacing-xl)
}

@media (width < 768px) {
    .lp-content .app .app__list {
        margin-top: 0
    }
}

.lp-content .app .app__qr {
    width: 120px;
    height: 120px;
    margin-right: var(--pls-spacing-m)
}

@media (width < 768px) {
    .lp-content .app .app__qr {
        display: none
    }
}

.lp-content .app .app__searchBox {
    display: flex;
    height: 40px;
    border-radius: var(--pls-border-radius-s);
    overflow: hidden
}
@media (width < 768px) {
    .lp-content .app .app__searchBox {
        display: none
    }
}
.lp-content .app .app__searchBox__left {
    background: var(--pls-gray-200);
    display: flex;
    align-items: center;
    gap: var(--pls-spacing-xxs);
    font-size: 1.125rem;
    padding: 0 var(--pls-spacing-s)
}

.lp-content .app .app__searchBox__right {
    background: var(--pls-basic-brand);
    color: var(--pls-basic-white);
    display: flex;
    align-items: center;
    padding: 0 var(--pls-spacing-s);
    font-size: var(--pls-font-size-m)
}


.lp-content .note__title {
  margin: var(--pls-spacing-xxl) 0 var(--pls-spacing-xl);
  text-align: center;
  font-size: var(--pls-font-size-xl);
  line-height: var(--pls-line-height-xl);
  font-weight: var(--pls-font-weight-bold);
  font-family: var(--pls-font-family-base);
}
.lp-content .note__detail > div {
  border-bottom: 1px solid var(--pls-border-default);
  padding: var(--pls-spacing-m) 0
}
.lp-content .note__detail dt {
  font-weight: 700;
  margin-bottom: var(--pls-spacing-xs);
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m);
  font-family: var(--pls-font-family-base);
}
.lp-content .note__detail dd {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s);
  font-family: var(--pls-font-family-base);
}
@media (768px <=width) {
  .lp-content .note__detail > div {
    display: flex;
    padding: var(--pls-spacing-l) 0
  }
  .lp-content .note__detail > div:first-child {
    border-top: 1px solid var(--pls-border-default)
  }
  .lp-content .note__detail dt {
    width: 188px;
    margin-bottom: 0
  }
  .lp-content .note__detail dd {
    font-size: var(--pls-font-size-m);
    line-height: var(--pls-line-height-body-m)
  }
}
.lp-content .note__list {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s)
}
@media (768px <=width) {
  .lp-content .note__list {
    font-size: var(--pls-font-size-m);
    line-height: var(--pls-line-height-body-m)
  }
}
@keyframes shine {
  to {
    left: 125%
  }
}