@charset "UTF-8";
:root {
  --lps--spacing--block-gap: clamp(3.75rem, 3.182rem + 2.424vw, 5rem);
}

/**
* mask-svg
* svgを表示します。
**/
/**
 * Projet: Nav
*/
.p-aside-nav__item.is-available {
  border-block-start: 1px solid var(--lps--color--gray-070);
  padding-block: var(--lps--spacing--md-trim);
  padding-inline: min(3.6585365854%, 0.75rem);
}

.p-aside-nav__item.is-available:last-child {
  border-block-end: 1px solid var(--lps--color--gray-070);
}

.p-aside-nav__item:not(.is-available) .p-aside-nav__heading {
  display: block;
  margin-block-start: var(--lps--spacing--xl-trim);
}

@supports selector(:has(*)) {
  .p-aside-nav:has(.is-available) {
    margin-block-start: var(--lps--spacing--xl);
  }
}
/**
 * Project: Calendar
*/
.p-calendar {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 14;
  background-color: var(--lps--color--surface);
  border-radius: 8.94px;
  color: var(--lps--color--accent01);
  display: flex;
  -moz-column-gap: min(6.1333841463%, calc(18 * var(--rem)));
       column-gap: min(6.1333841463%, calc(18 * var(--rem)));
  padding-inline: min(5.4512195122%, var(--lps--spacing--rg));
  padding-block: var(--lps--spacing--md-trim);
  line-height: var(--lps--line-height--relaxed);
}

.p-calendar__table {
  flex-grow: 1;
  border-collapse: separate;
  border-spacing: 0 calc(clamp(0.75rem, 0.523rem + 0.97vw, 1.25rem) + var(--leading-trim));
}
.p-calendar__table th, .p-calendar__table td {
  inline-size: 14.2857142857%;
  text-align: center;
}
.p-calendar__table td {
  font-weight: var(--lps--font--light);
}
.p-calendar__table a {
  font-weight: var(--lps--font--bold);
  text-decoration: underline;
}

.p-calendar-nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: var(--lps--spacing--rg-trim);
}

.p-calendar-nav__month {
  font-size: 3.4285714286em;
  margin-block: var(--leading-trim);
}

/**
  * Project: Timeline
*/
.p-timeline {
  --_padding: calc(1.5rem + 1em);
  --_marker-size: 1.5rem;
  --_spacing: var(--lps--spacing--xl-trim);
  z-index: 0;
}

.p-timeline__item {
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
  display: flex;
  min-block-size: var(--_marker-size);
  row-gap: var(--lps--spacing--rg-trim);
  padding-inline-start: var(--_padding);
  position: relative;
}

.p-timeline__item::after,
.p-timeline__item::before {
  content: "";
  position: absolute;
}

.p-timeline__item::after {
  block-size: 100%;
  display: block;
  inset: 0 auto auto calc(var(--_marker-size) / 2);
  inline-size: 1px;
  background-color: hsl(45, 14%, 75%);
}

.p-timeline__item:last-child::after {
  block-size: var(--_spacing);
}

.p-timeline__item::before {
  aspect-ratio: 1/1;
  background-color: var(--lps--color--base);
  border-radius: var(--lps--rounded--full);
  display: inline-block;
  inline-size: var(--_marker-size);
  inset: var(--_spacing) auto auto 0;
  z-index: 1;
}

.p-timeline__item:first-child::before {
  top: 0;
}

.p-timeline__item + .p-timeline__item {
  padding-block-start: var(--_spacing);
}

.p-timeline__heading {
  font-weight: var(--lps--font--bold);
}

@media not all and (min-width: 639.98px) {
  .p-timeline__item {
    flex-direction: column;
  }
}
@media screen and (min-width: 640px) {
  .p-timeline__item {
    --_spacing: var(--lps--spacing--rg);
  }
}
/**
 * Project: Step
*/
.p-step-container {
  --_row-gap: clamp(1rem, -0.136rem + 4.848vw, 3.5rem);
  display: grid;
  row-gap: var(--_row-gap);
}

.p-step:first-child {
  counter-reset: step;
}

.p-step {
  align-items: start;
  counter-increment: step;
  display: grid;
  position: relative;
  z-index: 0;
}

.p-step__inner {
  padding-block: var(--lps--spacing--2xl-trim);
  padding-inline: min(7.3170731707%, var(--lps--spacing--2xl));
}

.p-step__heading {
  --lps--clamp-font-size--min: 26;
  --lps--clamp-font-size--max: 28;
  display: flex;
  align-items: center;
  -moz-column-gap: clamp(0.444em, 0.257em + 0.8vw, 0.857em);
       column-gap: clamp(0.444em, 0.257em + 0.8vw, 0.857em);
}

/** Marker: Step */
.p-step-marker {
  --_background-color: var(--lps--color--accent02);
  place-items: center;
  display: grid;
  z-index: 1;
  position: relative;
}

.p-step-marker::after {
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: var(--_background-color);
  aspect-ratio: 16.071/18.558;
  margin-block-start: calc(-4.29 * var(--rem));
  inline-size: clamp(0.773rem, 0.597rem + 0.75vw, 1.16rem);
}

.p-step-marker__inner {
  --lps--clamp-font-size--min: 12.375;
  --lps--clamp-font-size--max: 21.429;
  aspect-ratio: 1/1;
  background-color: var(--_background-color);
  border-radius: var(--lps--rounded--full);
  color: var(--lps--color--base);
  display: grid;
  flex-shrink: 1;
  padding-block: calc(26 * var(--rem) + var(--leading-trim));
  place-items: center;
  place-content: center;
  text-transform: uppercase;
  block-size: clamp(5rem, 3.864rem + 4.848vw, 7.5rem);
  line-height: 1;
  flex: 0 0 auto;
}

.p-step-marker__inner::before {
  content: "Step";
}

.p-step-marker__inner::after {
  content: counter(step, decimal-leading-zero);
  font-size: 2.3999720006em;
}

@media not all and (min-width: 959.98px) {
  .p-step-marker,
  .p-step__inner {
    grid-column: 1/2;
  }
  .p-step-marker {
    grid-row: 1/3;
  }
  .p-step__inner {
    grid-row: 2/4;
  }
  .p-step__heading {
    font-weight: var(--lps--font--medium);
  }
}
@media screen and (min-width: 960px) {
  .p-step-container {
    grid-template-columns: auto 85.6%;
  }
  .p-step {
    grid-column: span 2;
    grid-template-columns: subgrid;
  }
  .p-step:not(:last-child)::before {
    align-self: self-start;
    border-inline-start: 1px solid var(--lps--color--accent02);
    content: "";
    inline-size: 1px;
    justify-self: center;
    margin-inline-start: calc(clamp(0.773rem, 0.597rem + 0.75vw, 1.16rem) * -1);
    block-size: calc(100% + var(--_row-gap, 0px));
  }
  .p-step::before,
  .p-step-marker {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .p-step-marker {
    grid-auto-flow: column;
  }
  .p-step-marker::after {
    rotate: -90deg;
    margin-block-start: 0;
    margin-inline-start: calc(-4.29 * var(--rem));
  }
}
/**
 * Project: FAQ
*/
.p-faq {
  border-block: 1px solid var(--lps--color--gray-089);
  padding-block: calc(28 * var(--rem) + var(--leading-trim)) var(--lps--spacing--lg-trim);
  padding-inline: min(4.8780487805%, var(--lps--spacing--rg));
}

.p-faq + .p-faq {
  margin-block-start: -1px;
}

.p-faq__button::before {
  min-inline-size: clamp(1rem, 0.793rem + 0.884vw, 1.5rem);
}

.p-faq__answer::before,
.p-faq__question::before {
  --lps--clamp-font-size--min: 28;
  --lps--clamp-font-size--max: 26;
  display: inline-block;
  align-self: self-start;
  margin-block: var(--leading-trim);
  flex-shrink: 0;
}

.p-faq__answer {
  padding-block-start: var(--lps--spacing--lg-trim);
  padding-inline-start: calc(2ch + var(--lps--spacing--rg));
  line-height: var(--lps--line-height--relaxed);
}

.p-faq__answer::before {
  color: var(--lps--color--accent02);
  content: "A";
  margin-inline: -2ch var(--lps--spacing--rg);
}

.p-faq__question {
  --lps--clamp-font-size--min: 17;
  --lps--clamp-font-size--max: 18;
}

.p-faq__question::before {
  color: var(--lps--color--accent01);
  content: "Q";
}

@media screen and (min-width: 960px) {
  .p-faq {
    padding-block: var(--lps--spacing--lg-trim);
  }
}
/**
 * Project: Key visual
 */
.p-key-visual {
  position: relative;
}

.p-key-visual:has(.p-key-visual__grid) {
  position: relative;
}

.p-key-visual__grid {
  block-size: 100dvb;
  inline-size: 100dvi;
  background-color: var(--lps--color--accent05);
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 50%;
  justify-items: stretch;
  position: relative;
}
.p-key-visual__grid img {
  inline-size: auto;
}

.p-key-visual__overlay,
.p-key-visual__grid img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-key-visual__overlay {
  animation: var(--lps--duration--relaxed) var(--lps--ease-out-sine) 1500ms 1 normal forwards running fade-out;
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  position: absolute;
  z-index: 1;
}

.p-key-visual__grid-item {
  overflow: hidden;
  position: relative;
}
.p-key-visual__grid-item img {
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-duration: var(--lps--duration--relaxed);
  animation-play-state: running;
  animation-timing-function: var(--lps--ease-out-sine);
  animation-name: fade-in;
  animation-fill-mode: forwards;
  block-size: 100%;
  inline-size: 100%;
  opacity: 0;
}

.p-key-visual__grid-item::after {
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-duration: var(--lps--duration--default);
  animation-play-state: running;
  animation-timing-function: var(--lps--ease-in-sine);
  animation-name: slide-out-to-right;
  animation-fill-mode: forwards;
  content: "";
  background-color: var(--lps--color--base);
  inset: 0;
  opacity: 1;
  position: absolute;
  translate: 0;
}

.p-key-visual__grid-item:nth-child(1) img,
.p-key-visual__grid-item:nth-child(4) img {
  animation-delay: 1800ms;
}

.p-key-visual__grid-item:nth-child(1)::after,
.p-key-visual__grid-item:nth-child(4)::after {
  animation-delay: 1600ms;
}

.p-key-visual__grid-item:nth-child(2) img,
.p-key-visual__grid-item:nth-child(3) img {
  animation-delay: 2000ms;
}

.p-key-visual__grid-item:nth-child(2)::after,
.p-key-visual__grid-item:nth-child(3)::after {
  animation-delay: 1800ms;
}

.p-key-visual__grid-item--center {
  opacity: 0;
  animation: var(--lps--duration--relaxed) var(--lps--ease-out-sine) 2800ms 1 normal forwards running fade-in;
  position: absolute;
  inset: 50% auto auto 50%;
  inline-size: 74.8%;
  z-index: 1;
  translate: -50% -50%;
}
.p-key-visual__grid-item--center use {
  fill: var(--lps--color--base);
}

.p-key-visual__image--md, .p-key-visual__image {
  display: block;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-key-visual__image {
  block-size: min(42.6666666667dvi, 21.5rem);
}

.p-key-visual__image--md {
  block-size: min(106.6666666667dvi, 31.5rem);
}

.p-key-visual__label {
  background-color: var(--lps--color--accent02);
  color: var(--lps--color--surface);
  display: grid;
  position: absolute;
  inset: 0 min(6.2666666667dvi, 3rem) auto auto;
  inline-size: min(20.8%, 6.5rem);
}

@media screen and (min-width: 640px) {
  .p-key-visual__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100%;
  }
  .p-key-visual__grid-item:nth-child(odd) img {
    animation-delay: 1800ms;
  }
  .p-key-visual__grid-item:nth-child(odd)::after {
    animation-delay: 1600ms;
  }
  .p-key-visual__grid-item:nth-child(even) img {
    animation-delay: 2100ms;
  }
  .p-key-visual__grid-item:nth-child(even)::after {
    animation-delay: 1900ms;
  }
  .p-key-visual__grid-item--center {
    inline-size: 37.68890625%;
  }
}
/**
 * Projet: Search
*/
.p-search:first-child {
  margin-block-start: calc(var(--lps--spacing--sm-trim) * -1);
}

.p-search__inside-wrapper {
  display: flex;
  -moz-column-gap: var(--lps--spacing--rg);
       column-gap: var(--lps--spacing--rg);
}

.p-search__input-wrapper {
  border-block-end: 1px solid currentColor;
  margin-block-end: 2px;
  flex-grow: 1;
}

.p-search__input {
  padding-block: var(--lps--spacing--sm-trim);
  inline-size: 100%;
}

.p-search__input::-moz-placeholder {
  color: hsl(18, 8%, 70%);
}

.p-search__input::placeholder {
  color: hsl(18, 8%, 70%);
}

/**
 * Projet: Review
*/
.p-review {
  padding-block-start: var(--lps--spacing--xl);
  border-block-start: 1px solid var(--lps--color--gray-089);
  margin-block: var(--lps--spacing--xl);
}

.p-review__heading {
  --lps--clamp-font-size--min: 15;
  --lps--clamp-font-size--max: 15;
  margin-block: calc(clamp(1rem, 0.545rem + 1.939vw, 2rem) + var(--leading-trim)) var(--lps--spacing--md-trim);
}

.p-review-box {
  border-radius: 2px;
  color: var(--lps--color--accent01);
  margin-block: var(--lps--spacing--md);
  padding-block: var(--lps--spacing--md-trim);
  padding-inline: min(7.3170731707%, var(--lps--spacing--md));
}

/**
 * Projet: Banner
*/
.p-banner-container {
  --_column-gap: min(3.2%, var(--lps--spacing--lg));
  --_row-gap: var(--lps--spacing--rg-trim);
}

.p-banner__text {
  margin-block-start: calc(clamp(0.75rem, 0.409rem + 1.455dvi, 1.5rem) + var(--leading-trim));
}

.p-banner-image-wrapper {
  line-height: 1;
  inline-size: 100%;
  overflow: hidden;
}

.p-banner-image {
  -o-object-fit: cover;
     object-fit: cover;
}

/** Grid */
.p-banner-grid, .p-banner-grid--lg {
  display: grid;
  align-items: center;
  justify-items: stretch;
  position: relative;
  z-index: 0;
}

.p-banner-grid--lg {
  aspect-ratio: 656/792;
}

.p-banner-grid__background {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}

.p-banner-grid__background img {
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-banner-grid--lg__inner {
  display: grid;
  place-items: center;
  padding-inline: min(7.3170731707%, var(--lps--spacing--xl));
}

/** Angled*/
.p-angled-banner {
  background-color: var(--lps--color--base);
  display: flex;
  margin-block: clamp(0.75rem, 0.636rem + 0.485vw, 1rem);
}

.p-angled-banner__header {
  align-items: center;
  padding-inline: min(8.5365853659%, calc(38 * var(--rem)));
  display: flex;
  -moz-column-gap: min(11.5853658537%, calc(52.67 * var(--rem)));
       column-gap: min(11.5853658537%, calc(52.67 * var(--rem)));
  flex-grow: 1;
}

.p-angled-banner__content {
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 16;
  align-items: center;
  background-color: var(--lps--color--accent02);
  color: var(--lps--color--base);
  display: grid;
  padding-inline: min(4.2666666667dvi, var(--lps--spacing--rg));
  padding-block: calc(12.75 * var(--rem) + var(--leading-trim));
  flex-shrink: 0;
}

.p-angled-banner__link::after {
  align-self: center;
  margin-inline: auto 0;
}

.p-angled-banner__heading {
  --lps--clamp-font-size--min: 16;
  --lps--clamp-font-size--max: 20;
  word-break: keep-all;
  word-break: auto-phrase;
  overflow-wrap: anywhere;
}

.p-angled-banner__image {
  flex-basis: min(30.0304878049%, calc(118.333 * var(--rem)));
  block-size: clamp(6.25rem, 5.682rem + 2.424dvi, 7.5rem);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (prefers-reduced-motion: no-preference) {
  .p-banner-image {
    transition: scale var(--lps--duration--relaxed) var(--lps--ease-out-expo);
  }
}
@media (any-hover: hover) {
  .p-banner-link:hover .p-banner-image,
  .p-banner-link:hover ~ .p-banner-image {
    scale: 1.05;
  }
}
@media not all and (min-width: 639.98px) {
  .p-angled-banner {
    flex-direction: column;
  }
  .p-andled-banner__ruby {
    display: block;
  }
  .p-banner-grid, .p-banner-grid--lg {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 640px) {
  .p-banner-grid--lg {
    aspect-ratio: 1000/350;
  }
  .p-banner-grid--lg__inner {
    inline-size: min(100%, var(--lps--layout--constrained));
  }
  .p-banner-grid--lg__inner svg {
    inline-size: 46.0526315789%;
  }
  .p-angled-banner__content {
    flex-basis: 42.4%;
    text-align: center;
    margin-inline-start: 6%;
    position: relative;
  }
  .p-angled-banner__content::before {
    background-color: var(--lps--color--accent02);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    content: "";
    inline-size: 14.1509433962%;
    inset: -1px auto 0 calc(-14.1509433962% + 1px);
    position: absolute;
  }
  .p-angled-banner__image {
    flex-basis: min(26.8938636364%, calc(118.333 * var(--rem)));
  }
  .p-angled-banner__content {
    flex-basis: 42.4%;
    margin-inline-start: 6%;
  }
  .p-angled-banner__image {
    flex-basis: min(26.8938636364%, calc(118.333 * var(--rem)));
  }
  .p-banner-grid--col-2 {
    grid-template-columns: 48% 1fr;
  }
}
/**
 * Project: Intro
 */
:where(.p-intro) {
  margin-block-start: calc(clamp(2.5rem, 1.818rem + 2.909vw, 4rem) + var(--leading-trim));
  margin-block-end: calc(clamp(2.5rem, 1.818rem + 2.909vw, 4rem) + var(--leading-trim));
  line-height: var(--lps--line-height--relaxed);
}

/**
 * Projet: Blog
*/
.lips-wordpress_html {
  margin-inline: auto;
}

.p-blog__pager {
  margin-block: clamp(3.75rem, 3.182rem + 2.424vw, 5rem);
}

.p-blog {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 14;
  line-height: var(--lps--line-height--relaxed);
}

:where(.p-blog-detail p) {
  line-height: var(--lps--line-height--relaxed);
}

.p-blog__header {
  border-block-end: 1px solid currentColor;
  padding-block-end: var(--lps--spacing--lg-trim);
}

.p-blog__paragraph {
  margin-block: calc(2em + var(--leading-trim));
}

.p-blog__divider {
  margin-block: clamp(2.5rem, 2.045rem + 1.939vw, 3.5rem);
}

.p-blog-detail__heading {
  margin-block: clamp(2.5rem, 2.045rem + 1.939vw, 3.5rem) clamp(1.5rem, 1.045rem + 1.939vw, 2.5rem);
}

.p-blog-detail__subheading {
  margin-block: calc(3.75rem + var(--leading-trim)) calc(1.25rem + var(--leading-trim));
}

@media not all and (min-width: 959.98px) {
  .p-blog-text-media-block__media {
    order: -1;
  }
  .p-blog-text-media-block__heading {
    order: -1;
  }
}
@media screen and (min-width: 960px) {
  .p-blog-detail__subheading {
    margin-block: var(--lps--spacing--xl-trim) var(--lps--spacing--rg-trim);
  }
  .p-blog-text-media-block__media {
    max-inline-size: min(39.7225725095%, 315 * var(--rem));
  }
  .p-blog-text-media-block__media--sm {
    max-inline-size: min(30.2648171501%, 15rem);
  }
}
/**
 * Project: Buy
*/
/** Intro */
.p-buy-intro {
  padding-block-start: calc(clamp(2.5rem, 1.982rem + 2.21vw, 3.75rem) + var(--leading-trim));
}

.p-buy-intro + * {
  margin-block-start: calc(clamp(2.5rem, 1.982rem + 2.21vw, 3.75rem) + var(--leading-trim));
}

.p-buy-intro--06 > *:not(:first-child) {
  margin-block-start: clamp(2.5rem, 2.273rem + 0.97dvi, 3rem);
}

/** Button **/
.p-buy-button--rect p {
  line-height: var(--lps--line-height--tight);
}

/** Box */
.p-buy-box {
  padding-block: clamp(1.5rem, 1.273rem + 0.97dvi, 2rem);
  padding-inline: min(8.5714285714%, var(--lps--spacing--md));
}

.p-buy-box--inline {
  place-items: center;
  place-content: center;
  gap: calc(clamp(0.5rem, 0.273rem + 0.97dvi, 1rem) + var(--leading-trim));
}

.p-buy-box__subtext {
  --lps--clamp-font-size--min: 8;
  --lps--clamp-font-size--max: 12;
}

.p-buy-box__subtext + * {
  margin-block-start: calc(clamp(0.281rem, 0.239rem + 0.182vw, 0.375rem) + var(--leading-trim));
}

/** Grid */
.p-buy-grid [aria-current=page] {
  opacity: 0.5;
}

.p-buy-grid {
  --_column-gap: var(--lps--spacing--sm);
  --_row-gap: var(--lps--spacing--sm);
  grid-auto-rows: 1fr;
}

.p-buy-grid--line {
  --_box-padding-inline: clamp(1.5rem, 1.472rem + 0.121dvi, 1.563rem);
  position: relative;
  z-index: 0;
}

.p-buy-grid--line::before {
  content: "";
  inset: -1px;
  border: 3px solid var(--_current-background, --lps--color--base);
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.p-buy-grid--line__item:not(:first-child) {
  position: relative;
}

.p-buy-grid--line__item:not(:first-child)::before {
  content: "";
  border-inline-start: 1px solid var(--lps--color--gray-070);
  block-size: clamp(1.25rem, 0.682rem + 2.424dvi, 2.5rem);
  position: absolute;
  inset: 50% auto auto 0;
  translate: 0 -50%;
}

/** Genre */
.p-buy-genre-list-container {
  max-inline-size: 100dvi;
  overflow: hidden;
}

.p-buy-genre-list {
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 14;
  -moz-column-gap: 0;
       column-gap: 0;
}

.p-buy-genre {
  padding-block: calc(clamp(0.625rem, 0.369rem + 1.091dvi, 1.188rem) + var(--leading-trim));
}

/** Slider */
.p-buy-slider {
  --_padding-inline: clamp(calc(10 * var(--rem)), 1.25dvi, calc(16 * var(--rem)));
}

/** Map */
.p-buy-map {
  aspect-ratio: 656/328;
  inline-size: 100%;
}

/** card */
.p-buy-card-grid {
  --_column-gap: min(2.4%, var(--lps--spacing--md));
  --_row-gap: var(--lps--spacing--md);
}

.p-buy-card {
  padding-block: var(--lps--spacing--md-trim);
  padding-inline: min(10.3448275862%, var(--lps--spacing--md));
}

.p-buy-card__media {
  block-size: 7.5rem;
  display: block;
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/**
  * buy/03
*/
.p-buy03-key-visual {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.p-buy03-key-visual__overlay {
  position: absolute;
  inline-size: min(28.8dvi, 13.5rem);
  inset: 2.06rem min(6.672dvi, 3.13rem) auto auto;
  z-index: 1;
}

/** point **/
.p-buy03-point__inner {
  padding-inline: min(7.3170731707%, var(--lps--spacing--md));
  max-inline-size: calc(760 * var(--rem));
  margin-inline: auto;
  padding-block: calc(clamp(2.5rem, 2.045rem + 1.939vw, 3.5rem) + var(--leading-trim));
}

.p-buy03-point__content {
  margin-block: calc(clamp(2.5rem, 2.045rem + 1.939vw, 3.5rem) + var(--leading-trim));
}

.p-buy03-point__item > :not(:first-child) {
  margin-block-start: calc(clamp(1.25rem, 0.909rem + 1.455vw, 2rem) + var(--leading-trim));
}

/** step **/
.p-buy03-step-container {
  --_column-gap: min(9.2dvi, calc(62 * var(--rem)));
  counter-reset: step;
  min-inline-size: 100%;
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  margin-block-start: clamp(1.875rem, 1.023rem + 3.636dvi, 3.75rem);
}

.p-buy03-step {
  counter-increment: step;
  flex: 1 0 clamp(58.6666666667dvi, 2.75rem, 100%);
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  position: relative;
  scroll-snap-align: center;
}

.p-buy03-step:not(:first-child)::before {
  align-self: center;
  aspect-ratio: 7/8;
  content: "";
  background-color: currentColor;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  inline-size: clamp(0.656rem, 0.557rem + 0.424vw, 0.875rem);
  position: absolute;
  translate: calc(var(--_column-gap) / -2 - clamp(0.75rem, 0.636rem + 0.485vw, 1rem) / 2);
  inset: 50% 100% auto 0;
}

.p-buy03-step__marker {
  --lps--clamp-font-size--min: 15;
  --lps--clamp-font-size--max: 20;
  text-transform: uppercase;
  font-weight: var(--lps--font--medium);
}

.p-buy03-step__marker::before {
  content: "step";
  display: inline-block;
}

.p-buy03-step__marker::after {
  content: counter(step);
  font-size: 2em;
  vertical-align: sub;
}

.p-buy03-step__inner {
  block-size: 100%;
  padding-block: clamp(1.875rem, 1.591rem + 1.212dvi, 2.5rem);
  padding-inline: min(8dvi, var(--lps--spacing--xl));
}

.p-buy03-step__media {
  block-size: min(58.2dvi, 291 * var(--rem));
  inline-size: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/** box */
.p-buy03-grid-box-container {
  --_column-gap: min(4%, var(--lps--spacing-xl));
}

.p-buy03-grid-box {
  padding-block: 4rem;
  padding-inline: min(13.3333333333%, 4rem);
}

.p-buy03-grid-box--circle-container {
  --_column-gap: clamp(0.5rem, 0.045rem + 1.939dvi, 1.5rem);
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  justify-content: center;
}

.p-buy03-grid-box--circle {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-inline-size: 5.25rem;
  flex: 1 1 33.3333333333%;
  max-inline-size: calc(33.3333333333% - var(--_column-gap) * 2 / 3);
}

.p-buy03-grid-box--circle__heading {
  --lps--clamp-font-size--min: 14;
  --lps--clamp-font-size--max: 28;
  text-align: center;
}

.p-buy03-grid-box--circle__heading:not(:first-child) {
  display: grid;
  place-content: center;
}

.p-buy03-grid-box--circle__icon {
  block-size: clamp(1.125rem, 0.5dvi + 2.667vw, 2.5rem);
  color: inherit;
  display: block;
}

.p-buy03-grid-box--circle__icon svg {
  block-size: 100%;
  inline-size: 100%;
}

.p-buy03-grid-box--circle__icon use {
  block-size: 100%;
  inline-size: 100%;
}

/**
  * buy/06
*/
.p-buy06-box-container + .p-buy06-box-container {
  margin-block-start: clamp(1rem, 0.318rem + 2.909dvi, 2.5rem);
}

.p-buy06-box {
  padding-block: clamp(2rem, 1.545rem + 1.939dvi, 3rem);
  padding-inline: min(8.5714285714%, var(--lps--spacing--xl));
}

.p-buy06-box__inner,
.p-buy06-box__inner--sm {
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-inline: auto;
}

.p-buy06-box__inner {
  max-inline-size: 100%;
}

.p-buy06-box__inner--sm {
  max-inline-size: min(100%, 655 * var(--rem));
}

.p-buy06-grid--cols-3 {
  display: grid;
  -moz-column-gap: min(4.8854961832%, var(--lps--spacing--lg));
       column-gap: min(4.8854961832%, var(--lps--spacing--lg));
}

.p-buy06-grid--cols-3__item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  justify-items: center;
  position: relative;
}

.p-buy06-grid--cols-3__item:not(:first-child)::before {
  background-color: currentColor;
  content: "";
  block-size: 100%;
  display: block;
  inline-size: 1px;
  inset: 0 auto 0 calc(min(8.1082450717%, var(--lps--spacing--rg)) * -1);
  position: absolute;
}

.p-buy06-table {
  --lps--clamp-font-size--min: 11.0975;
  --lps--clamp-font-size--max: 20;
}

.p-buy06-table th,
.p-buy06-table td {
  padding-block: min(1.0813246227em, 1.25rem);
  padding-inline: 2.3839285714%;
}

.p-buy06-table__heading--sm {
  inline-size: 27.1071428571%;
}

.p-buy06-speach-bubble {
  --_background-color: var(--lps--color--accent02);
  display: flex;
}

.p-buy06-speach-bubble span {
  background-color: var(--_background-color);
}

.p-buy06-speach-bubble::after {
  background-color: var(--_background-color);
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  align-self: center;
}

@media screen and (min-width: 640px) {
  .p-buy-box--inline {
    grid-auto-flow: column;
  }
  .p-buy06-grid--cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .p-buy06-grid--cols-3__item {
    grid-template-rows: subgrid;
    grid-row: span 2;
    justify-items: center;
    position: relative;
  }
  .p-buy06-grid--cols-3__item:not(:first-child)::before {
    background-color: currentColor;
    content: "";
    block-size: 100%;
    display: block;
    inline-size: 1px;
    inset: 0 auto 0 calc(min(8.1082450717%, var(--lps--spacing--rg)) * -1);
    position: absolute;
  }
}
@media not all and (min-width: 639.98px) {
  .p-buy-grid,
  .p-buy-grid--line {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media not all and (min-width: 374.98px) {
  .p-buy-grid,
  .p-buy-grid--line {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media not all and (min-width: 959.98px) {
  .p-buy-slider {
    margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
    max-inline-size: calc(100% + var(--lps--spacing--page-gutter) * 2);
  }
  .p-buy-slider .slick-list {
    padding-inline: var(--lps--spacing--page-gutter);
    max-inline-size: calc(100% + var(--lps--spacing--page-gutter) * 2);
  }
}
@media screen and (min-width: 640px) {
  .p-buy-grid {
    --_column-gap: 5px;
  }
  .p-buy03-point__content {
    --_column-gap: min(6.25dvi, 5rem);
  }
}
@media screen and (min-width: 960px) {
  .p-buy-button--rect {
    min-block-size: 9.5rem;
  }
  .p-buy03-step-container {
    max-inline-size: 100%;
  }
  .p-buy03-key-visual__overlay {
    inline-size: 15.63rem;
    inset: 1.19rem min(10.9375dvi, 8.75rem) auto auto;
  }
  .p-buy03-step {
    flex-basis: 33.3333333333%;
    max-inline-size: calc(33.3333333333% - (var(--_column-gap) * 2 / 3));
    flex-shrink: 1;
  }
}
@media not all and (min-width: 639.98px) {
  /** Button **/
  .p-buy-button--rect {
    min-block-size: 6rem;
  }
  .p-buy-grid--line {
    padding-inline: min(4.1333333333dvi, var(--lps--spacing--rg));
    margin-inline: calc(var(--_box-padding-inline, 0px) * -1);
    max-inline-size: calc(100% + var(--_box-padding-inline, 0px) * 2);
  }
}
/**
  * Project: recruitment
*/
/** background */
.p-recruitment-background {
  background: url("../img/common/bg_orange_logo.jpg") center/cover no-repeat;
  color: var(--lps--color--base);
}

.p-recruitment-background--marquee {
  position: relative;
}

.p-recruitment-background--marquee__inner {
  position: absolute;
  inset: 0 auto auto auto;
  inline-size: 100dvi;
  translate: calc(var(--lps--spacing--page-gutter) * -1);
  overflow: hidden;
  touch-action: none;
}

.p-recruitment-background--marquee__track {
  color: var(--lps--color--gray-070);
  font-size: min(25dvb, 12rem);
  font-weight: var(--lps--font--light);
  display: flex;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  margin-block: var(--leading-trim);
  inline-size: -moz-max-content;
  inline-size: max-content;
  opacity: 0.1;
  will-change: transform;
}
.p-recruitment-background--marquee__track span {
  font-size: inherit;
  animation: 50000ms linear infinite running slide-out-to-left;
}

/** lead text with svg */
.p-recruitment-media-text__lead {
  inline-size: min(100%, 528.501 * var(--rem));
  margin-block: clamp(2.5rem, 2.216rem + 1.212dvi, 3.125rem) clamp(2.5rem, 1.364rem + 4.848dvi, 5rem);
}
.p-recruitment-media-text__lead use {
  fill: currentColor;
}

/** block */
.p-recruitment-block__description {
  margin-block-start: calc(clamp(2.5rem, 2.273rem + 0.97dvi, 3rem) + var(--leading-trim));
}

.p-recruitment-block__button {
  margin-block-start: clamp(2.5rem, 2.045rem + 1.939dvi, 3.5rem);
}

/** grid */
.p-recruitment-grid {
  --_column-gap: min(8%, var(--lps--spacing--3xl));
  -moz-column-gap: var(--_column-gap);
       column-gap: var(--_column-gap);
  display: flex;
  row-gap: var(--lps--spacing--xl);
  padding-block-start: calc(clamp(3.5rem, 2.25rem + 5.333dvi, 6.25rem) + var(--leading-trim));
}

.p-recruitment-grid__item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.p-recruitment-grid__item-link {
  margin-block-start: calc(clamp(1.25rem, 0.939rem + 1.326vw, 2rem) + var(--leading-trim));
}

.p-recruitment-grid__item-link::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.p-recruitment-grid__media {
  inline-size: min(53.3333333333dvi, calc(280 * var(--rem)));
  max-inline-size: 100%;
  overflow: hidden;
}
.p-recruitment-grid__media img {
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/** card */
.p-recruitment-card img {
  display: block;
  line-height: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-recruitment-card__heading {
  margin-block-start: clamp(1.25rem, 0.909rem + 1.455dvi, 2rem);
}

.p-recruitment-card__description {
  --lps--clamp-font-size--min: 13;
  --lps--clamp-font-size--max: 14;
  margin-block-start: clamp(1.25rem, 1.136rem + 0.485dvi, 1.5rem);
}

@media (prefers-reduced-motion: no-preference) {
  .p-recruitment-grid__media img {
    transition: scale var(--lps--duration--relaxed) var(--lps--ease-out-expo);
  }
}
@media (any-hover: hover) {
  .p-recruitment-grid__item:has(.p-recruitment-grid__item-link:hover) .p-recruitment-grid__media img {
    scale: 1.05;
  }
}
@media not all and (min-width: 959.98px) {
  .p-recruitment-media-text__media {
    margin-inline: calc(var(--lps--spacing--page-gutter) * -1);
    overflow-x: hidden;
    inline-size: calc(100% + var(--lps--spacing--page-gutter) * 2);
  }
  .p-recruitment-media-text__media picture {
    aspect-ratio: 320/400;
    inline-size: min(42.6666666667dvi, 20rem);
  }
  .p-recruitment-media-text__media picture:not(:first-child) {
    margin-inline-start: 1px;
  }
  .p-recruitment-media-text__media img {
    inline-size: 100%;
    block-size: 100%;
  }
  .p-recruitment-media-text__media-inner {
    inline-size: 100%;
  }
}
@media not all and (min-width: 639.98px) {
  .p-recruitment-grid {
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-recruitment-grid__item {
    flex-basis: 53.3333333333dvi;
    max-inline-size: 100%;
  }
}
@media screen and (min-width: 640px) {
  .p-recruitment-grid__item {
    flex-grow: 1;
    max-inline-size: calc(100% - var(--_column-gap) * 2 / 3);
  }
}
@media screen and (min-width: 960px) {
  .p-recruitment-media-text__media {
    flex-basis: min(21.875%, 19.6875rem);
  }
  .p-recruitment-media-text__media-inner {
    display: flex;
    flex-direction: column;
    row-gap: 1px;
  }
  .p-recruitment-media-text__content {
    margin-inline: 6.25dvi;
  }
}
/**
 * Projet: Division
*/
/** key visual */
.p-division-key-visual__image {
  block-size: 53.3333333333dvi;
  max-block-size: 20rem;
  min-inline-size: min(100%, 88.4dvi);
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/**
  * Porject: Company
*/
/** box */
.p-company-grid-box--circle {
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-inline: auto;
  max-inline-size: 100%;
  min-inline-size: min(58.6666666667dvi, 100%);
}

/** text media*/
.p-company-media-text__media {
  flex-basis: min(64dvi, 30rem);
  justify-self: stretch;
}
.p-company-media-text__media img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

:where(.p-company-media-text__content p + p) {
  margin-block-start: 1em;
}

.p-company-media-text__content {
  display: block;
  align-self: center;
  padding-block: calc(60 * var(--rem));
}

/** intro*/
.p-company-intro__media {
  block-size: min(51.2dvi, calc(246 * var(--rem)));
  display: block;
  margin-inline: auto;
}

.p-company-intro__content {
  margin-block-start: calc(60 * var(--rem) + var(--leading-trim));
}

/** grid */
.p-company-nav-grid {
  --_column-gap: clamp(var(--lps--spacing--rg), 3.2%, var(--lps--spacing--lg));
  --_row-gap: clamp(1.75rem, 1.409rem + 1.455dvi, 2.5rem);
}

.p-company-grid--cols-3 {
  --_column-gap: min(6.7307692308%, var(--lps--spacing--2xl-trim));
  --_row-gap: calc(30 * var(--rem));
}

.p-company-grid--cols-4 {
  --_column-gap: min(5.3333333333%, var(--lps--spacing--xl-trim));
  --_row-gap: var(--lps--spacing--lg);
}

/** table */
.p-company-table th {
  padding-block: var(--lps--spacing--xl-trim) 0;
}

@media not all and (min-width: 959.98px) {
  .p-company-media-text__media {
    inline-size: 100%;
  }
}
@media not all and (min-width: 639.98px) {
  .p-company-table th,
  .p-company-table td {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .p-company-table th,
  .p-company-table td {
    padding-block: var(--lps--spacing--rg-trim);
  }
}
@media screen and (min-width: 960px) {
  .p-company-media-text__media {
    flex-basis: min(42.109375%, 57.6rem);
    max-inline-size: 57.6rem;
  }
  .p-company-media-text__media img {
    block-size: 100%;
    inline-size: 100%;
  }
  .p-company-media-text__content {
    margin-inline: 6.25dvi;
  }
  .p-company-intro__content {
    margin-block-start: var(--lps--spacing--xl-trim);
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-company-media-text__media {
    max-block-size: calc(764 * var(--rem));
  }
}
/**
 * Project: Shop
 */
.p-shop {
  --lps--spacing--block-gap: clamp(2.5rem, 1.818rem + 2.909dvi, 4rem);
}

.p-shop__title {
  --lps--clamp-font-size--min: 28;
  --lps--clamp-font-size--max: 40;
  font-weight: var(--lps--font--light);
  text-align: center;
  margin-block: var(--lps--spacing--xl-trim) calc(clamp(2rem, 1.091rem + 3.879dvi, 4rem) + var(--leading-trim));
}

.p-shop-text-media-block {
  -moz-column-gap: min(6.4%, 4rem);
       column-gap: min(6.4%, 4rem);
}

.p-shop-text-media-block__map {
  min-block-size: calc(328 * var(--rem));
  inline-size: 100%;
}

@media not all and (min-width: 959.98px) {
  .p-shop-text-media-block {
    row-gap: var(--lps--spacing--lg);
  }
  .p-shop-text-media-block__button {
    min-inline-size: 20.5rem;
    max-inline-size: 100%;
  }
  .p-shop-text-media-block__map {
    order: 1;
  }
}
/**
 * Projet: Pawn
*/
.p-pawn-text-media-block__media {
  max-inline-size: 100%;
}

@media screen and (min-width: 640px) {
  .p-pawn-text-media-block {
    flex-direction: row;
  }
  .p-pawn-text-media-block__content {
    display: block;
  }
  .p-pawn-text-media-block__media {
    max-inline-size: 56.8%;
  }
}
/**
 * Project: Media
 */
.p-media {
  margin-block-end: clamp(3.75rem, 3.409rem + 1.455vw, 4.5rem);
  overflow-x: hidden;
}

.p-media__heading {
  --lps--clamp-font-size--min: 18;
  --lps--clamp-font-size--max: 24;
  margin-block: calc(clamp(2.5rem, 2.045rem + 1.939vw, 3.5rem) + var(--leading-trim)) calc(clamp(0.75rem, 0.409rem + 1.455vw, 1.5rem) + var(--leading-trim));
}

/** Slider */
.p-media__slider {
  --_slide-width: clamp(9.375rem,
      6.534rem + 12.121vw,
      15.625rem);
}

.p-media__slider .slick-list {
  overflow: visible clip;
}

.p-media-card {
  opacity: 1;
}

.p-media-card [aria-haspopup=dialog] {
  cursor: pointer;
}

.p-media-card[aria-hidden=true] {
  opacity: 0.3;
}

.p-media-card__image {
  aspect-ratio: 125/94;
  inline-size: 100%;
  max-block-size: calc(188 * var(--rem));
  -o-object-fit: contain;
     object-fit: contain;
}

.p-media-card__heading {
  margin-block-start: calc(clamp(1.25rem, 1.136rem + 0.485vw, 1.5rem) + var(--leading-trim));
}

.p-media-dialog {
  min-block-size: 100dvb;
}

@media (any-hover: hover) {
  .p-media-card:hover {
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .p-media-card {
    transition: opacity var(--lps--duration--default) var(--lps--ease-out-expo);
  }
}
@media not all and (min-width: 959.98px) {
  .p-media-dialog {
    min-inline-size: 100dvi;
  }
}
@media screen and (min-width: 960px) {
  .p-media__slider-container {
    --_negative-margin-inline: calc((min(3.75dvi, 3rem) + min(0.625dvi, var(--lps--spacing--sm))) * -1);
    margin-inline: auto;
    max-inline-size: 90rem;
  }
  .p-media__slider-arrows > :first-child {
    margin-inline-start: var(--_negative-margin-inline);
  }
  .p-media__slider-arrows > :last-child {
    margin-inline-end: var(--_negative-margin-inline);
  }
  .p-media-dialog {
    min-block-size: min(67.8466076696dvb, 40rem);
  }
}/*# sourceMappingURL=lips-wp.css.map */