@charset "UTF-8";
/*! kiso.css v1.2.4 | MIT License | https://github.com/tak-dcxi/kiso.css */

/* ======================================================
//  MARK: Universal
// ====================================================== */
*,
::before,
::after {
  /*
  * Includes `padding` and `border` in the element's specified dimensions.
  * It is highly recommended to set `box-sizing: border-box;` by default, as it makes styling much easier, especially when specifying `width: 100%;`.
  */
  box-sizing: border-box;
}

/* ======================================================
//  MARK: Document and Body Elements
// ====================================================== */
:where(:root) {
  /* In Safari, if `font-family` is not specified, a serif font is applied by default, so `sans-serif` is set as the default here. */
  font-family: sans-serif;

  /*
  * For accessibility, it is recommended to set the `line-height` to at least 1.5 times the text size within paragraphs.
  * @see https://waic.jp/translations/WCAG21/#visual-presentation
  */
  line-height: 1.5;

  /* Remove space when punctuation marks are adjacent, and also remove leading spaces in a line. */
  text-spacing-trim: trim-start;

  /* Improves readability by inserting a small space between Japanese and alphanumeric characters. */
  text-autospace: normal;

  /* Prevents misreading by applying strict line-breaking rules. */
  line-break: strict;

  /* Wraps English words mid-word. Specifying `anywhere` also prevents content from overflowing in layouts like `flex` or `grid`. */
  overflow-wrap: anywhere;

  /*
  * Mobile browsers have an algorithm that automatically adjusts font sizes to prevent text from becoming too small.
  * This controls the auto-adjustment feature to prevent unwanted resizing.
  */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;

  /*
  * Prevents layout shift caused by the appearance or disappearance of the scrollbar.
  * Starting with Chrome 145, specifying `scrollbar-gutter: stable` will cause vw to be calculated without considering the scrollbar, which will also prevent horizontal scrolling.
  */
  scrollbar-gutter: stable;

  /* Suppresses the tap highlight on iOS. */
  -webkit-tap-highlight-color: transparent;
}

:where(body) {
  /*
  * When creating a sticky footer, a minimum height is often required.
  * Setting the `min-block-size` to the dynamic viewport height ensures enough space for the footer.
  */
  min-block-size: 100dvb;

  /* The `margin` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset here. */
  margin: unset;
}

/* ======================================================
// MARK: Sections
// ------------------------------------------------------ */
:where(:is(h1, h2, h3, h4, h5, h6):lang(en)) {
  /* Prevents the last line of text from ending with a single word, which can look awkward (known as an orphan). */
  text-wrap: pretty;
}

:where(h1) {
  /*
  * Adjusts user agent (UA) styles for `h1` elements within sectioning content.
  * This addresses DevTools warnings that appear when `h1` elements nested within sectioning content lack `font-size` and `margin` properties.
  * @see https://html.spec.whatwg.org/#sections-and-headings
  */
  margin-block: 0.67em;
  font-size: 2em;
}

:where(h2, h3, h4, h5, h6) {
  /* The `margin-block` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  margin-block: unset;
}

:where(search) {
  /*
  * The `<search>` element is supported from Safari 17.
  * This prevents it from being displayed as an inline element in unsupported environments.
  */
  display: block flow;
}

/* ======================================================
//  MARK: Grouping content
// ====================================================== */
:where(p, blockquote, figure, pre, address, ul, ol, dl, menu) {
  /* The `margin-block` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  margin-block: unset;
}

:where(blockquote, figure) {
  /* The `margin-inline` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  margin-inline: unset;
}

:where(p:lang(en)) {
  /*
  * In English, a single word on the last line is called a "widow" or "orphan" and is considered something to avoid as it makes the text harder to read.
  * Therefore, when lang="en", this prevents the last line from ending with a single word.
  */
  text-wrap: pretty;
}

:where(address:lang(ja)) {
  /* Italic style is not common in Japanese, so the `font-style` is reset. */
  font-style: unset;
}

:where(ul, ol, menu) {
  /* The `padding-inline-start` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  padding-inline-start: unset;

  /*
  * In Safari, using `list-style: none` prevents screen readers from announcing lists.
  * `list-style-type: ""` is used to hide markers without affecting accessibility.
  * @see https://matuzo.at/blog/2023/removing-list-styles-without-affecting-semantics
  */
  list-style-type: "";
}

:where(dt) {
  /* It is common to display `<dt>` elements in bold, so `font-weight: bolder;` is set by default. */
  font-weight: bolder;
}

:where(dd) {
  /* The `margin-inline-start` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  margin-inline-start: unset;
}

:where(pre) {
  /*
  * Since `text-spacing-trim` can affect spacing in `<pre>` elements even with its initial value, the final rendering may depend on the user's font settings.
  * To ensure consistent alignment, `space-all` is explicitly specified and inheritance is prevented.
  */
  text-spacing-trim: space-all;

  /* Set to `no-autospace` as it can cause misalignment with monospaced fonts. */
  text-autospace: no-autospace;
}

@media print {
  :where(pre) {
    /* Prevent text wrapping in print media. */
    text-wrap-mode: unset;
  }
}

/* ======================================================
//  MARK: Text-level semantics
// ====================================================== */
:where(em:lang(ja)) {
  /* In Japanese, emphasis is commonly represented by bold text, so `font-weight: bolder;` is set by default. */
  font-weight: bolder;
}

:where(:is(i, cite, em, dfn):lang(ja)) {
  /* Italic style is not common in Japanese, so the `font-style` is reset. */
  font-style: unset;
}

:where(u, s, del, ins) {
  /* Set the underline inset to `auto` and separate only the horizontal lines when underlines are consecutive. */
  text-decoration-inset: auto;
}

:where(code, kbd, samp) {
  /*
  * Set a monospace font family referencing Tailwind.
  * @see https://tailwindcss.com/docs/font-family
  */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* Font feature settings can have adverse effects on monospaced fonts, so their values are explicitly set to `initial` to prevent inheritance. */
  font-feature-settings: initial;
  font-variation-settings: initial;

  /* Resets the `font-size` specified in the UA stylesheet to allow inheritance. */
  font-size: unset;

  /*
  * Disables font ligatures for programming fonts (like Fira Code)
  * to prevent character combinations like `=>` from being rendered as a single symbol (e.g., `⇒`).
  */
  font-variant-ligatures: none;
}

:where(abbr[title]) {
  /*
  * The `<abbr>` element with the `title` attribute isn't helpful regarding accessibility because support is inconsistent, and it's only accessible to some users.
  * This rule shows a dotted underline on abbreviations in all browsers (there's a bug in Safari) and changes the cursor.
  * @see https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html
  */
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-inset: auto;
  cursor: help;
}

:where(time) {
  /* Set to `no-autospace` because date notations in typography do not include spaces. */
  text-autospace: no-autospace;
}

@media (forced-colors: active) {
  :where(mark) {
    /*
    * In forced-colors mode, the color of the mark element may not change, which can be problematic. Use system colors in forced-colors mode.
    * @see https://adrianroselli.com/2017/12/tweaking-text-level-styles.html#MarkWHCM
    */
    background-color: Highlight;
    color: HighlightText;
  }
}

@media print {
  :where(mark) {
    /*
    * Not all printers support color, and users might print in grayscale.
    * It's worth adding a non-disruptive style that scales with the text, as an alternative to relying only on background color.
    * @see https://adrianroselli.com/2017/12/tweaking-text-level-styles.html#MarkPrint
    */
    border-width: 1px;
    border-style: dotted;
  }
}

/* ======================================================
//  MARK: Links
// ====================================================== */
:where(a) {
  /*
  * The default `color` from the UA stylesheet is rarely used as is, so it's reset to allow inheritance.
  * In Firefox on iOS, the user agent stylesheet’s text color is applied even when the text is not a link.
  * @see https://github.com/darkreader/darkreader/issues/9836
  */
  color: unset;
}

:where(a:any-link) {
  /*
  * While link underlines can be useful, they are often obstructive.
  * They are disabled by default.
  * If needed, restore them using `text-decoration-line: revert;`.
  */
  text-decoration-line: unset;

  /* Set the underline thickness to the font's default thickness. */
  text-decoration-thickness: from-font;

  /* Set the underline inset to `auto` and separate only the horizontal lines when underlines are consecutive. */
  text-decoration-inset: auto;
}

/* ======================================================
//  MARK: Embedded content
// ====================================================== */
:where(img, svg, picture, video, audio, canvas, model, iframe, embed, object) {
  /* Prevents overflow by setting the maximum width to `100%`. */
  max-inline-size: 100%;

  /* Prevents extra space from appearing at the bottom of the element. */
  vertical-align: bottom;
}

:where(img, svg, picture, video, canvas, model, iframe, embed, object) {
  /*
  * Automatically adjust block size based on content.
  * Exclude the <audio> element as it disappears when block-size is auto.
  * @see https://github.com/tak-dcxi/kiso.css/issues/5
  */
  block-size: auto;
}

:where(iframe) {
  /* The `border` specified in the UA stylesheet is often unnecessary, so it is reset. */
  border: unset;
}

/* ======================================================
//  MARK: Tabular data
// ====================================================== */
:where(table) {
  /* Collapse borders for a more refined table design. */
  border-collapse: collapse;
}

:where(caption, th) {
  /* The `text-align` specified in the UA stylesheet is often unnecessary, so it is reset. */
  text-align: unset;
}

:where(caption:lang(en)) {
  /* Prevents the last line of text from ending with a single word, which can look awkward (known as an orphan). */
  text-wrap: pretty;
}

/* ======================================================
//  MARK: Forms
// ====================================================== */
:where(button, input, select, textarea),
::file-selector-button {
  /*
  * These elements are often styled with a border, so a `1px` border is applied by default for consistency.
  * This ensures readability even for unstyled elements.
  * When resetting, it's recommended to use `border-color: transparent` instead of `border: none` to account for forced color modes.
  */
  border-width: 1px;
  border-style: solid;

  /* These styles specified in the UA stylesheet are often unnecessary, so they are reset to allow for inheritance. */
  border-color: unset;
  border-radius: unset;
  color: unset;
  font: unset;
  letter-spacing: unset;
  text-align: unset;
}

:where(input:is([type="radio" i], [type="checkbox" i])) {
  /* The `margin` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset here. */
  margin: unset;
}

:where(input[type="file" i]) {
  /* The `border` is often unnecessary, so it is reset here. */
  border: unset;
}

:where(input[type="search" i]) {
  /* Remove the rounded corners of search inputs on macOS and normalize the background color. */
  -webkit-appearance: textfield;
}

@supports (-webkit-touch-callout: none) {
  :where(input[type="search" i]) {
    /* normalize the background color on iOS. */
    background-color: Canvas;
  }
}

:where(
    input:is(
        [type="tel" i],
        [type="url" i],
        [type="email" i],
        [type="number" i]
      ):not(:placeholder-shown)
  ) {
  /*
  * Certain input types need to maintain left alignment even in right-to-left (RTL) languages.
  * However, this only applies when the value is not empty, as the placeholder should be right-aligned.
  * @see https://rtlstyling.com/posts/rtl-styling#form-inputs
  */
  direction: ltr;
}

:where(textarea) {
  /* The `margin-block` specified in Firefox's UA stylesheet is often unnecessary, so it is reset. */
  margin-block: unset;

  /* Allows vertical resizing for `<textarea>` elements. */
  resize: block;
}

:where(
    input:not([type="button" i], [type="submit" i], [type="reset" i]),
    textarea,
    [contenteditable]
  ) {
  /* Set to `no-autospace` because `text-autospace` can insert spaces during input, potentially causing erratic behavior. */
  text-autospace: no-autospace;
}

:where(
    button,
    input:is([type="button" i], [type="submit" i], [type="reset" i])
  ),
::file-selector-button {
  /* The `background-color` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset here. */
  background-color: unset;
}

:where(
    button,
    input:is([type="button" i], [type="submit" i], [type="reset" i]),
    [role="tab" i],
    [role="button" i],
    [role="option" i]
  ),
::file-selector-button {
  /*
  * On iOS, double-tapping a button can cause zooming, which harms usability.
  * `touch-action: manipulation` is specified to disable zooming on double-tap.
  * Third-party plugins such as Swiper sometimes use div elements with these roles as buttons, since double-tapping a div can still trigger zooming, it's advisable to specify this property.
  */
  touch-action: manipulation;
}

:where(
    button:enabled,
    label[for],
    select:enabled,
    input:is(
        [type="button" i],
        [type="submit" i],
        [type="reset" i],
        [type="radio" i],
        [type="checkbox" i]
      ):enabled,
    [role="tab" i],
    [role="button" i],
    [role="option" i]
  ),
:where(:enabled)::file-selector-button {
  /* Indicate clickable elements with a pointer cursor. */
  cursor: pointer;
}

:where(fieldset) {
  /*
  * Prevent fieldset from causing overflow.
  * Reset the default `min-inline-size: min-content` to prevent children from stretching fieldset.
  * @see https://github.com/twbs/bootstrap/issues/12359
  */
  min-inline-size: 0;

  /* The following default styles are often unnecessary, so they are reset. */
  margin-inline: unset;
  padding: unset;
  border: unset;
}

:where(legend) {
  /* The default `padding-inline` is often unnecessary, so it is reset. */
  padding-inline: unset;
}

:where(progress) {
  /* Resets the vertical alignment of the `<progress>` element to its initial value. */
  vertical-align: unset;
}

::placeholder {
  /* Standardize the opacity of placeholder text (it may be set lower by default in Firefox). */
  opacity: unset;
}

/* ======================================================
//  MARK: Interactive elements
// ====================================================== */
:where(summary) {
  /* The default triangle marker is often unnecessary, so it is disabled. */
  list-style-type: "";

  /* Changing the cursor to a pointer clarifies the clickability of the element. */
  cursor: pointer;
}

:where(summary)::-webkit-details-marker {
  /* In Safari versions earlier than 18.4 (released in April 2025), a triangle icon is displayed using the -webkit-details-marker CSS pseudo-element, so it should be removed. */
  display: none;
}

:where(dialog, [popover]) {
  /*
  * When these fixed-position elements are scrolled, preventing scroll chaining on the underlying page and bounce effects on mobile improves usability.
  * Disabling block-direction scroll chaining is recommended.
  */
  overscroll-behavior-block: contain;

  /* The following default styles are often unnecessary, so they are reset. */
  padding: unset;
  border: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  /*
  * These elements can be easily displayed by explicitly setting their `display` property.
  * To prevent them from appearing when not in an open state, they are forcibly hidden.
  */
  display: none !important;
}

:where(dialog) {
  /*
  * The max width and height of a `<dialog>` element are typically determined by the design.
  * These UA stylesheet properties are reset as they can be obstructive, especially when trying to make the dialog full-screen.
  */
  max-inline-size: unset;
  max-block-size: unset;
}

:where(dialog)::backdrop {
  /* Normalize the background color of the `::backdrop` element. */
  background-color: oklch(0% 0 0deg / 30%);
}

:where([popover]) {
  /*
  * While the UA stylesheet's `margin` for `<dialog>` elements is useful for centering with `inset: 0`,
  * but `margin` for `popover` elements is often obstructive as they frequently use Anchor Positioning.
  */
  margin: unset;
}

/* ======================================================
//  MARK: Focus Styles
// ====================================================== */
:where(:focus-visible) {
  /* Add space between the content and the focus outline. */
  outline-offset: 3px;
}

[tabindex="-1"]:focus {
  /* Prevent programmatically focused elements from displaying an outline unless they are naturally focusable. */
  outline: none !important;
}

/* ======================================================
//  MARK: Misc
// ====================================================== */
:where(:disabled, [aria-disabled="true" i]) {
  /* Display the default cursor on disabled elements to reflect their non-interactive state. */
  cursor: default;
}

[hidden]:not([hidden="until-found" i]) {
  /* Ensure that elements intended to be hidden are not displayed, improving clarity and layout control. */
  display: none !important;
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: auto;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}



.scroll-hint-shadow-wrap {
  position: relative;
}

.scroll-hint-shadow-wrap::after {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap::before {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,
.scroll-hint-shadow-wrap.is-right-scrollable::after
 {
  opacity: 1;
  visibility: visible;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,
.scroll-hint-shadow-wrap.is-left-scrollable::before
 {
  opacity: 1;
  visibility: visible;
}
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
}

:where(p) {
  margin: 0;
}

html {
  font-size: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
mark {
  background-color: transparent;
  color: inherit;
}

a[href^=tel] {
  text-decoration: none;
}

a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  /* 強調をなくす */
}

a:hover {
  text-decoration: none;
}

img,
svg {
  vertical-align: middle;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(:any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]) {
  cursor: pointer;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

:focus:not(:focus-visible) {
  outline: none;
}

input[type=text] {
  font-size: 1rem;
  /* = 16px */
}

textarea {
  field-sizing: content;
}

body {
  overflow-x: hidden;
  color: var(--color-text);
  font-family: var(--base-font-family);
  font-weight: var(--fw-regular);
}

.editor-styles-wrapper,
.editor-styles-wrapper p,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper li {
  color: var(--color-text);
}

@property --root-font-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 16px;
}
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
:root {
  /* inner */
  --inner: min(1080px, 100%);
  --inner-sp: min(500px, 100%);
  --padding-inner: 20px;
  /* z-index */
  --z-index-header: 900;
  /* color */
  --color-white: #fff;
  --color-black: #000;
  --color-text: #3b3938;
  --color-primary: #f7dd20; /* ブランドイエロー */
  --color-primary-hover: oklch(from var(--color-primary) calc(l - 0.1) c h); /* ブランドイエロー・ホバー時 */
  --color-accent: #ea5514; /* CTA・強調オレンジ */
  --color-secondary: #284b66; /* ネイビー（アイコン・サブアクセント） */
  --color-teal: #a6cecb; /* サブアクセント・ティール */
  --color-teal-light: #c5dfdd;
  --color-orange: #de8430;
  /* gray */
  --color-gray: #f0f0f0;
  --color-gray-text: #757574;
  --color-gray-text-dark: #595757;
  --color-border: #bbbcbf;
  --color-border-gray: #bbbcbf;
  --color-border-light: #d9d9d9;
  /* background tint */
  --color-bg-yellow: #fefce9;
  --color-bg-yellow-strong: #fdf4ba;
  --color-bg-blue: #ecf6f9;
  --color-bg-orange: #fce6dc;
  /* font-weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  /* font-family */
  --base-font-family: "Zen Maru Gothic", "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  --title-font-family: "Zen Maru Gothic", "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  --label-font-family: "Karla", sans-serif;
  --to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
  /* transition duration */
  --duration: 0.3s;
  /* header height */
  --header-height: 64px;
}
@media screen and (width >= 768px) {
  :root {
    --header-height: 80px;
  }
}

.l-header {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-header);
}

.l-inner {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px;
}
@media screen and (min-width: 768px) {
  .l-inner {
    padding-inline: 40px;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1440px) {
  .l-inner {
    max-width: 1440px;
    padding-inline: 120px;
  }
}
.l-inner.p-news-preview__inner {
  max-width: 100%;
}
.l-inner.p-message__inner {
  padding-inline: calc(32 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .l-inner.p-message__inner {
    max-width: 1440px;
    padding-inline: 120px;
  }
}
@media screen and (min-width: 1440px) {
  .l-inner.p-guide-needs__inner {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-inner.p-guide-flow__inner {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-inner.p-guide-intro {
    max-width: calc(960 * var(--to-rem));
    padding-inline: 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-inner.p-service-scenes__inner {
    max-width: 1440px;
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .l-inner.p-single__inner {
    max-width: 1040px;
    padding-inline: calc(40 * var(--to-rem));
  }
}

.c-breadcrumb {
  padding-block-start: calc(7 * var(--to-rem));
  padding-block-end: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-breadcrumb {
    padding-block-start: calc(26 * var(--to-rem));
    padding-block-end: calc(16 * var(--to-rem));
  }
}

.c-breadcrumb .c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-text);
  font-size: calc(13 * var(--to-rem));
}

.c-breadcrumb__item {
  display: flex;
  align-items: center;
}
.c-breadcrumb__item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  border-right: 1px solid var(--color-gray-text);
  border-bottom: 1px solid var(--color-gray-text);
  transform: rotate(-45deg);
  margin-inline-start: calc(8 * var(--to-rem));
}
.c-breadcrumb__item a {
  color: var(--color-text);
  text-decoration: none;
}
.c-breadcrumb__item[aria-current=page] {
  color: var(--color-gray-text);
  font-weight: var(--fw-bold);
}

.c-btn {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--to-rem));
  padding-block: calc(18 * var(--to-rem));
  padding-inline: calc(40 * var(--to-rem));
  border-radius: calc(999 * var(--to-rem));
  background-color: var(--color-text);
  color: var(--color-white);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color var(--duration), color var(--duration);
}
@media screen and (min-width: 768px) {
  .c-btn {
    padding-block: calc(16 * var(--to-rem));
    padding-inline: calc(64 * var(--to-rem));
  }
}
@media (any-hover: hover) {
  .c-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-text);
  }
  .c-btn:hover .c-btn__icon {
    background-color: var(--color-text);
  }
  .c-btn:hover .c-btn__icon::before {
    border-color: var(--color-white);
  }
}

.c-btn__icon {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-white);
  transition: background-color var(--duration);
}
.c-btn__icon::before {
  content: "";
  display: block;
  width: calc(6 * var(--to-rem));
  height: calc(6 * var(--to-rem));
  border-top: 2px solid var(--color-text);
  border-right: 2px solid var(--color-text);
  translate: -1px 0;
  rotate: 45deg;
  transition: border-color var(--duration);
}

.c-button {
  position: relative;
  display: inline-block;
  padding: calc(14 * var(--to-rem)) calc(60 * var(--to-rem));
  border: 1px solid currentcolor;
  background-color: var(--color-white);
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.c-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(20 * var(--to-rem));
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  border-top: 2px solid currentcolor;
  border-right: 2px solid currentcolor;
  translate: 0 -50%;
  rotate: 45deg;
  transition: rotate 0.3s, translate 0.3s;
}
@media (any-hover: hover) {
  .c-button:hover::before {
    translate: 5px -50%;
  }
}

.c-button[data-color=black] {
  border-color: var(--color-text);
  background-color: var(--color-text);
  color: var(--color-white);
}

.c-button[data-color=primary] {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-text);
}

.c-button[data-color=accent] {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  color: var(--color-white);
}

.c-cta {
  padding-block: calc(62 * var(--to-rem));
  background-color: #fdf4ba;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .c-cta {
    padding-block: calc(122 * var(--to-rem)) calc(103 * var(--to-rem));
  }
}

.c-cta__inner {
  width: 100%;
  max-width: calc(1200 * var(--to-rem));
  margin-inline: auto;
  padding-inline: calc(17 * var(--to-rem));
}

.c-cta__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: calc(32 * var(--to-rem)) calc(20 * var(--to-rem)) calc(67 * var(--to-rem));
  border-radius: calc(56 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .c-cta__card {
    flex-direction: row;
    gap: calc(40 * var(--to-rem));
    padding: calc(43 * var(--to-rem));
    border-radius: calc(120 * var(--to-rem));
    min-height: calc(489 * var(--to-rem));
  }
}
@media (768px <= width <= 1200px) {
  .c-cta__card {
    gap: calc(30 * var(--to-rem));
    align-items: center;
  }
}
@media (max-width: 780px) {
  .c-cta__card {
    gap: calc(16 * var(--to-rem));
  }
}

.c-cta__photo {
  overflow: hidden;
  width: 91%;
  margin-inline: auto;
  aspect-ratio: 471/363;
  border-radius: calc(32 * var(--to-rem));
  margin-block-start: calc(35 * var(--to-rem));
  min-width: calc(267 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-cta__photo {
    aspect-ratio: 446/342;
    width: calc(446 * var(--to-rem));
    margin-block-start: calc(28 * var(--to-rem));
    margin-inline: 0;
    max-width: calc(446 * var(--to-rem));
    border-radius: calc(64 * var(--to-rem));
  }
}
.c-cta__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-cta__photo.js-collage-reveal {
  opacity: 0;
  transition: opacity 1s ease-out;
}
.c-cta__photo.js-collage-reveal.is-loaded {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .c-cta__photo.js-collage-reveal {
    opacity: 1;
    transition: none;
  }
}

.c-cta__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-block-start: calc(25 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-cta__text {
    max-width: calc(620 * var(--to-rem));
  }
}
@media (768px <= width <= 1023px) {
  .c-cta__text {
    align-items: center;
  }
}

.c-cta__heading-group {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  padding-inline-start: calc(12 * var(--to-rem));
  align-items: center;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-cta__heading-group {
    gap: calc(14 * var(--to-rem));
    padding-inline-start: 0;
  }
}

.c-cta__label {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(14 * var(--to-rem));
  letter-spacing: 0.23em;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .c-cta__label {
    letter-spacing: 0.13em;
    font-size: calc(16 * var(--to-rem));
    line-height: normal;
  }
}

.c-cta__heading-row {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--to-rem));
  color: var(--color-text);
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .c-cta__heading-row {
    justify-content: flex-start;
    gap: calc(40 * var(--to-rem));
  }
}
@media (768px <= width <= 1023px) {
  .c-cta__heading-row {
    gap: calc(16 * var(--to-rem));
  }
}

.c-cta__heading {
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  .c-cta__heading {
    letter-spacing: 0.06em;
    font-size: calc(30 * var(--to-rem));
  }
}
@media (max-width: 1023px) {
  .c-cta__heading {
    letter-spacing: -0.05em;
  }
}
@media (410px <= width <= 792px) {
  .c-cta__heading {
    font-size: calc(29 * var(--to-rem));
    letter-spacing: -0.08em;
  }
}
@media (max-width: 369px) {
  .c-cta__heading {
    font-size: calc(22 * var(--to-rem));
    letter-spacing: -0.08em;
  }
}

@keyframes c-cta-logo-vibrate {
  0%, 20%, 100% {
    translate: 0 0;
    rotate: 0deg;
  }
  5% {
    translate: -3px 2px;
    rotate: -3deg;
  }
  10% {
    translate: 3px -2px;
    rotate: 3deg;
  }
  15% {
    translate: -2px 1px;
    rotate: -2deg;
  }
}
.c-cta__logo {
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  background-image: url(../images/car-logo.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: c-cta-logo-vibrate 2.5s steps(1) infinite;
}
@media screen and (min-width: 768px) {
  .c-cta__logo {
    width: calc(74 * var(--to-rem));
    height: calc(74 * var(--to-rem));
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-cta__logo {
    animation: none;
  }
}
.c-cta__hours {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.9;
  letter-spacing: 0.05em;
  padding-inline: 12px;
  margin-block-start: calc(10 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-cta__hours {
    padding-inline: 0;
    margin-block-start: calc(7 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.c-cta__desc {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .c-cta__desc {
    font-size: calc(18 * var(--to-rem));
  }
}

.c-cta__button-wrap {
  display: flex;
  gap: calc(35 * var(--to-rem));
  margin-block-start: calc(26 * var(--to-rem));
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-cta__button-wrap {
    gap: calc(21 * var(--to-rem));
    margin-block-start: calc(23 * var(--to-rem));
    flex-direction: row;
  }
}
@media (max-width: 1023px) {
  .c-cta__button-wrap {
    flex-direction: column;
    align-items: center;
  }
}

.c-cta__button-item {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-cta__button-item {
    gap: calc(5 * var(--to-rem));
  }
}

.c-cta__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(11 * var(--to-rem));
  padding-block: calc(16 * var(--to-rem));
  text-decoration: none;
  color: var(--color-text);
  font-family: var(--label-font-family);
  font-size: calc(26 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.02em;
  border-radius: 999px;
  width: 277px;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
  transition: background-color var(--duration), color var(--duration), box-shadow var(--duration);
}
@media screen and (min-width: 768px) {
  .c-cta__button {
    min-width: calc(288 * var(--to-rem));
  }
}
.c-cta__button.--yellow {
  background: var(--surface-primary, #F7DD20);
}
@media (any-hover: hover) {
  .c-cta__button.--yellow:hover {
    background: var(--color-text);
    color: var(--color-white);
  }
  .c-cta__button.--yellow:hover .c-cta__button-icon img {
    filter: invert(1);
  }
}
.c-cta__button.--white {
  background: #ffffff;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--color-text);
}
@media (any-hover: hover) {
  .c-cta__button.--white:hover {
    background: rgba(59, 57, 56, 0.1254901961);
    color: var(--color-text);
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--color-text);
  }
}

.c-cta__button-icon {
  width: calc(27 * var(--to-rem));
  height: calc(27 * var(--to-rem));
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-cta__button-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter var(--duration);
}

.c-cta__button-text {
  color: var(--color-text);
  text-align: center;
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 2;
  letter-spacing: 0.01em;
}

.c-cta__button-number {
  color: inherit;
  font-family: var(--base-font-family);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .c-cta__button-number {
    font-size: calc(26 * var(--to-rem));
  }
}

.c-cta__note {
  display: flex;
  margin-block-start: calc(29 * var(--to-rem));
  gap: calc(1 * var(--to-rem));
  justify-content: center;
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .c-cta__note {
    justify-content: flex-start;
    gap: calc(10 * var(--to-rem));
    margin-block-start: calc(20 * var(--to-rem));
  }
}
@media (max-width: 365px) {
  .c-cta__note {
    font-size: calc(14 * var(--to-rem));
  }
}

.c-cta__note-icon {
  width: calc(24 * var(--to-rem));
  height: calc(24 * var(--to-rem));
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-cta__note-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-page-title {
  position: relative;
  display: flex;
  align-items: end;
  padding-inline: clamp(1rem, -1.4427816901rem + 10.4225352113vw, 7.9375rem);
  padding-block: clamp(1.875rem, 1.4348591549rem + 1.8779342723vw, 3.125rem);
  background-color: var(--color-bg-yellow);
  min-height: clamp(16.0625rem, 12.9154929577rem + 13.4272300469vw, 25rem);
}
.c-page-title::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 0 0 120px 0;
  background: linear-gradient(90deg, #F9E982 0%, var(--foundation-yellow-light-active, #FDF4BA) 100%);
}

.c-page-title__inner {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--to-rem));
  position: relative;
  z-index: 2;
}

.c-page-title__dot {
  flex-shrink: 0;
  width: clamp(0.5rem, 0.2799295775rem + 0.9389671362vw, 1.125rem);
  height: clamp(0.5rem, 0.2799295775rem + 0.9389671362vw, 1.125rem);
  border-radius: 50%;
  background-color: var(--color-white);
}

.c-page-title__text {
  color: var(--color-text);
  font-size: clamp(1.5rem, 0.9718309859rem + 2.2535211268vw, 3rem);
  font-weight: var(--fw-bold);
  letter-spacing: calc(2 * var(--to-rem));
  line-height: clamp(2.1rem, 0.938028169rem + 4.9577464789vw, 5.4rem);
}

/**
 * ページネーション共通コンポーネント
 *
 * 親（プロジェクト）から上書きする場合:
 *   - 呼び出し元で親クラスで wrap する（例: <div class="p-archive__pagination">...</div>）
 *   - プロジェクトの SCSS ではその wrapper クラスに --_pagination-* を設定する
 *   - 親の CSS ファイルに c-pagination のクラス名は書かない（コンポーネントのカプセル化）
 *
 * 上書き可能な変数: --_pagination-bg, --_pagination-bg-hover, --_pagination-text,
 *   --_pagination-active-bg, --_pagination-active-text
 */
.c-pagination {
  /* 色（ローカル変数。親の wrapper で上書き可能） */
  --_pagination-bg: var(--color-bg-orange);
  --_pagination-bg-hover: oklch(from var(--color-bg-orange) calc(l - 0.05) c h);
  --_pagination-text: var(--color-accent);
  --_pagination-active-bg: var(--color-accent);
  --_pagination-active-text: var(--color-white);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(16 * var(--to-rem));
  justify-content: center;
}

.c-pagination__item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--_pagination-bg);
  color: var(--_pagination-text);
  font-family: var(--label-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media screen and (min-width: 768px) {
  .c-pagination__item {
    width: calc(44 * var(--to-rem));
    height: calc(44 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}
@media (any-hover: hover) {
  .c-pagination__item:hover:not([data-state=current]):not([data-state=dots]) {
    background-color: var(--_pagination-bg-hover);
  }
}

.c-pagination__item[data-state=current] {
  background-color: var(--_pagination-active-bg);
  color: var(--_pagination-active-text);
}

.c-pagination__item[data-state=dots] {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--_pagination-text);
  font-weight: var(--fw-regular);
  font-size: calc(12 * var(--to-rem));
  cursor: default;
}

.c-pagination__item[data-state=prev],
.c-pagination__item[data-state=next] {
  color: var(--_pagination-text);
}

.c-pagination__arrow {
  width: calc(5 * var(--to-rem));
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-pagination__arrow {
    width: calc(6 * var(--to-rem));
  }
}

.c-pagination__item[data-state=disabled] {
  opacity: 0.4;
  pointer-events: none;
}

.c-section-title {
  display: grid;
  gap: calc(5 * var(--to-rem));
  justify-items: center;
  width: max-content;
  max-width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-section-title {
    gap: calc(5 * var(--to-rem));
  }
}
.c-section-title[data-align=center] {
  justify-items: center;
  text-align: center;
  margin-inline: auto;
}
.c-section-title[data-align=left] {
  justify-items: start;
  text-align: left;
}
.c-section-title[data-align=right] {
  justify-items: end;
  text-align: right;
}
.c-section-title.--strengths {
  gap: calc(2 * var(--to-rem));
}
.c-section-title.--strengths .c-section-title__main {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-section-title.--strengths {
    gap: calc(16 * var(--to-rem));
  }
  .c-section-title.--strengths .c-section-title__main {
    letter-spacing: 0.1em;
  }
}
.c-section-title.--vehicles {
  margin-inline: auto;
  justify-items: center;
  gap: calc(3 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--vehicles {
    gap: calc(16 * var(--to-rem));
  }
}
.c-section-title.--area {
  gap: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--area {
    gap: calc(16 * var(--to-rem));
  }
}
.c-section-title.--news {
  gap: calc(3 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--news {
    gap: calc(12 * var(--to-rem));
  }
}
@media screen and (min-width: 768px) {
  .c-section-title.--news .c-section-title__sub {
    padding-inline-start: calc(8 * var(--to-rem));
  }
}
.c-section-title.--service .c-section-title__main {
  padding-inline-end: calc(10 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--service .c-section-title__main::before {
    top: calc(40 * var(--to-rem));
  }
}
.c-section-title.--about {
  margin-inline: auto;
}
@media screen and (min-width: 1440px) {
  .c-section-title.--about {
    justify-items: center;
    text-align: center;
    gap: calc(16 * var(--to-rem));
  }
  .c-section-title.--about .c-section-title__main {
    font-weight: var(--fw-bold);
    letter-spacing: 0.05em;
  }
}
.c-section-title.--p-guide-needs {
  gap: calc(15 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--p-guide-needs {
    gap: calc(5 * var(--to-rem));
  }
}
.c-section-title.--p-guide-needs .c-section-title__main {
  margin-left: 0;
  letter-spacing: 0;
}
.c-section-title.--p-guide-needs .c-section-title__main::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-section-title.--p-guide-needs .c-section-title__main {
    letter-spacing: 0.1em;
  }
}
.c-section-title.--p-guide-needs .c-section-title__sub {
  font-size: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title.--p-guide-needs .c-section-title__sub {
    font-size: calc(16 * var(--to-rem));
  }
}
.c-section-title.--p-guide-flow .c-section-title__main {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-section-title.--p-guide-flow .c-section-title__main {
    letter-spacing: 0;
  }
}
.c-section-title.--faq {
  margin-inline: auto;
}
.c-section-title.--faq .c-section-title__main {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .c-section-title.--faq .c-section-title__main {
    letter-spacing: 0;
  }
}

.c-section-title__main {
  position: relative;
  z-index: 0;
  min-width: 0;
  margin-inline-start: calc(24 * var(--to-rem));
  color: var(--color-text);
  font-family: var(--title-font-family);
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .c-section-title__main {
    font-size: calc(40 * var(--to-rem));
    letter-spacing: calc(2 * var(--to-rem));
  }
}

.c-section-title__main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(2 * var(--to-rem));
  left: calc(-18 * var(--to-rem));
  width: calc(33 * var(--to-rem));
  height: calc(33 * var(--to-rem));
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.5464%2049.9701C2.97408%2049.9701%20-2.60134%2040.9489%201.2323%2033.2816L14.6859%206.37433C18.9356%20-2.12493%2031.0644%20-2.12492%2035.3141%206.37433L48.7677%2033.2816C52.6013%2040.9489%2047.0259%2049.9701%2038.4536%2049.9701H11.5464Z'%20fill='%23F7DD20'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .c-section-title__main::before {
    left: calc(-31 * var(--to-rem));
    width: calc(50 * var(--to-rem));
    height: calc(55 * var(--to-rem));
    top: calc(17 * var(--to-rem));
  }
}

.c-section-title__sub {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 2;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title__sub {
    font-size: calc(16 * var(--to-rem));
  }
}

.c-section-title__number {
  font-size: calc(22 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .c-section-title__number {
    font-size: calc(60 * var(--to-rem));
  }
}

.c-tag {
  display: inline-block;
  padding: calc(4 * var(--to-rem)) calc(16 * var(--to-rem));
  border-radius: 4px;
  background-color: var(--color-accent);
  color: var(--color-white);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.4;
}

.c-tag[data-size=lg] {
  font-size: calc(18 * var(--to-rem));
}

.c-tag[data-color=gray] {
  background-color: var(--color-gray);
  color: var(--color-text);
}

.c-triangle {
  display: inline-block;
  width: calc(64 * var(--to-rem));
  aspect-ratio: 1/1;
  background-color: var(--color-black);
}

.c-triangle[data-direction=top] {
  clip-path: var(--clip-triangle-top);
}

.c-triangle[data-direction=bottom] {
  clip-path: var(--clip-triangle-bottom);
}

.c-triangle[data-direction=left] {
  clip-path: var(--clip-triangle-left);
}

.c-triangle[data-direction=right] {
  clip-path: var(--clip-triangle-right);
}

.c-triangle[data-direction=lower-left] {
  clip-path: var(--clip-triangle-lower-left);
}

.c-triangle[data-direction=upper-left] {
  clip-path: var(--clip-triangle-upper-left);
}

.c-triangle[data-direction=lower-right] {
  clip-path: var(--clip-triangle-lower-right);
}

.c-triangle[data-direction=upper-right] {
  clip-path: var(--clip-triangle-upper-right);
}

.p-about-hero {
  background-color: var(--color-bg-yellow);
}

.p-about-hero__breadcrumb-wrap {
  background-color: var(--color-bg-yellow);
}

.p-about-intro {
  padding-block-end: calc(20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-intro {
    padding-block: calc(138 * var(--to-rem)) calc(73 * var(--to-rem));
  }
}

.p-about-intro__body {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
  margin-block-start: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-intro__body {
    margin-block-start: calc(24 * var(--to-rem));
    flex-direction: column;
    align-items: center;
    gap: calc(48 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__body {
    position: relative;
    height: calc(648 * var(--to-rem));
    margin-block-start: 0;
    flex-direction: row;
    align-items: stretch;
  }
}

.p-about-intro__text {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-intro__text {
    align-items: center;
    gap: calc(20 * var(--to-rem));
    width: 100%;
    max-width: calc(600 * var(--to-rem));
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__text {
    align-items: flex-start;
    max-width: none;
    text-align: left;
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__text {
    position: absolute;
    top: 0;
    left: calc(121 * var(--to-rem));
    width: calc(800 * var(--to-rem));
  }
}

.p-about-intro__label {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(16 * var(--to-rem));
  letter-spacing: calc(2 * var(--to-rem));
  line-height: 2;
}

.p-about-intro__title {
  color: var(--color-text);
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-intro__title {
    font-size: calc(30 * var(--to-rem));
    line-height: 2;
  }
}

.p-about-intro__illustration {
  display: block;
  position: absolute;
  top: calc(-8 * var(--to-rem));
  right: calc(-40 * var(--to-rem));
  width: calc(160 * var(--to-rem));
  height: auto;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-about-intro__illustration {
    display: block;
    position: absolute;
    top: calc(-8 * var(--to-rem));
    right: calc(-40 * var(--to-rem));
    width: calc(160 * var(--to-rem));
    height: auto;
    pointer-events: none;
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__illustration {
    top: calc(24 * var(--to-rem));
    right: auto;
    left: calc(486 * var(--to-rem));
    width: calc(223 * var(--to-rem));
  }
}
@media (600px <= width < 768px) {
  .p-about-intro__illustration {
    top: calc(109 * var(--to-rem));
    right: auto;
    left: auto;
    width: calc(87 * var(--to-rem));
    right: 0;
  }
}
.p-about-intro__illustration.js-collage-reveal {
  transform-origin: center;
  opacity: 0;
  scale: 0.3;
  transition: opacity 1s ease-out, scale 1s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-about-intro__illustration.js-collage-reveal.is-loaded {
  opacity: 1;
  scale: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-about-intro__illustration.js-collage-reveal {
    opacity: 1;
    scale: 1;
    transition: none;
  }
}

.p-about-intro__desc {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
  letter-spacing: normal;
  margin-top: calc(25 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-intro__desc {
    font-size: calc(19 * var(--to-rem));
    line-height: 2;
    letter-spacing: 0.16em;
    margin-top: calc(28 * var(--to-rem));
  }
}

.p-about-intro__collage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(16 * var(--to-rem));
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-about-intro__collage {
    width: 100%;
    max-width: calc(440 * var(--to-rem));
    margin-inline: auto;
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__collage {
    display: contents;
    width: auto;
    max-width: none;
    margin-inline: 0;
  }
}

.p-about-intro__collage-img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  border-radius: calc(22 * var(--to-rem));
  object-fit: cover;
  background-color: var(--color-gray);
  opacity: 0;
}
@media screen and (min-width: 1440px) {
  .p-about-intro__collage-img {
    position: absolute;
    aspect-ratio: auto;
  }
}
.p-about-intro__collage-img.js-collage-reveal {
  opacity: 0;
  transition: opacity 1s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-about-intro__collage-img.js-collage-reveal.is-loaded {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-about-intro__collage-img.js-collage-reveal {
    opacity: 1;
    transition: none;
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__collage-img--1 {
    top: calc(-128 * var(--to-rem));
    left: calc(908 * var(--to-rem));
    width: calc(292 * var(--to-rem));
    height: calc(195 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__collage-img--2 {
    top: calc(270 * var(--to-rem));
    left: calc(1066 * var(--to-rem));
    width: calc(190 * var(--to-rem));
    height: calc(143 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-intro__collage-img--3 {
    top: calc(419 * var(--to-rem));
    left: calc(-80 * var(--to-rem));
    width: calc(310 * var(--to-rem));
    height: calc(232 * var(--to-rem));
  }
}
.p-about-intro__collage-img:first-child {
  grid-column: 1/-1;
}

@media screen and (width < 600px) {
  .p-about-intro__body {
    position: relative;
    display: block;
    width: calc(343 * var(--to-rem));
    margin-inline: auto;
    height: calc(718 * var(--to-rem));
    margin-block-start: calc(40 * var(--to-rem));
  }
  .p-about-intro__text {
    position: absolute;
    top: calc(153 * var(--to-rem));
    left: calc(16 * var(--to-rem));
    width: calc(311 * var(--to-rem));
  }
  .p-about-intro__label {
    font-size: calc(12 * var(--to-rem));
    letter-spacing: 0.1667em;
  }
  .p-about-intro__title {
    font-size: calc(20 * var(--to-rem));
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .p-about-intro__illustration {
    display: block;
    top: calc(-91 * var(--to-rem));
    right: auto;
    left: calc(194 * var(--to-rem));
    width: calc(117 * var(--to-rem));
  }
  .p-about-intro__collage {
    display: contents;
  }
  .p-about-intro__collage-img {
    position: absolute;
    aspect-ratio: auto;
  }
  .p-about-intro__collage-img--1 {
    top: 0;
    left: calc(16 * var(--to-rem));
    width: calc(133 * var(--to-rem));
    height: calc(89 * var(--to-rem));
  }
  .p-about-intro__collage-img--2 {
    top: calc(519 * var(--to-rem));
    left: calc(211 * var(--to-rem));
    width: calc(132 * var(--to-rem));
    height: calc(99 * var(--to-rem));
  }
  .p-about-intro__collage-img--3 {
    top: calc(583 * var(--to-rem));
    left: 0;
    width: calc(180 * var(--to-rem));
    height: calc(135 * var(--to-rem));
  }
}
@media screen and (width >= 600px) and (width < 768px) {
  .p-about-intro__body {
    align-items: center;
  }
  .p-about-intro__text {
    align-items: center;
    width: 100%;
    max-width: calc(500 * var(--to-rem));
    text-align: center;
  }
  .p-about-intro__collage {
    width: 100%;
    max-width: calc(400 * var(--to-rem));
    margin-inline: auto;
  }
}
.p-about-photo {
  width: 100%;
  aspect-ratio: 375/200;
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .p-about-photo {
    aspect-ratio: 1440/685;
  }
}
.p-about-photo img {
  display: block;
  object-fit: cover;
}

.p-about-info {
  padding-block: calc(94 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-info {
    padding-block: calc(96 * var(--to-rem)) calc(34 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info {
    padding-block-start: calc(156 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-about-info__inner {
    max-width: calc(1200 * var(--to-rem));
  }
}

.p-about-info__table {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  margin-block-start: calc(48 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-info__table {
    gap: calc(4 * var(--to-rem));
    margin-block-start: calc(48 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info__table {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-about-info__row {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-info__row {
    flex-direction: row;
    gap: calc(4 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info__row:first-child .p-about-info__label {
    border-top-left-radius: calc(16 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info__row:first-child .p-about-info__value {
    border-top-right-radius: calc(20 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info__row:last-child .p-about-info__label {
    border-bottom-left-radius: calc(20 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-about-info__row:last-child .p-about-info__value {
    border-bottom-right-radius: calc(20 * var(--to-rem));
  }
}

.p-about-info__label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: calc(16 * var(--to-rem)) calc(20 * var(--to-rem));
  background-color: var(--color-bg-yellow-strong);
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-about-info__label {
    width: calc(236 * var(--to-rem));
    padding: calc(24 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.p-about-info__value {
  flex: 1;
  display: flex;
  align-items: center;
  padding: calc(16 * var(--to-rem)) calc(20 * var(--to-rem));
  background-color: #fafafa;
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-about-info__value {
    padding: calc(24 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.p-about-info__sns-link {
  color: inherit;
  text-decoration: none;
  transition: color var(--duration);
}
.p-about-info__sns-link:hover {
  color: #0080e9;
  text-decoration: none;
}

.p-about-info__gallery {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-info__gallery {
    gap: calc(20 * var(--to-rem));
    margin-block-start: calc(80 * var(--to-rem));
  }
}

.p-about-info__gallery-row {
  display: grid;
  gap: calc(10 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-about-info__gallery-row {
    gap: calc(16 * var(--to-rem));
  }
}
.p-about-info__gallery-row--top {
  grid-template-columns: 510fr 426fr;
  aspect-ratio: 960/284;
}
@media screen and (min-width: 768px) {
  .p-about-info__gallery-row--top {
    gap: calc(24 * var(--to-rem));
  }
}
.p-about-info__gallery-row--bottom {
  grid-template-columns: 240fr 392fr 296fr;
  aspect-ratio: 960/360;
}

.p-about-info__gallery-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color-gray);
}

@media screen and (width < 768px) {
  .p-about-info__inner {
    padding-inline: calc(32 * var(--to-rem));
  }
  .p-about-info__row {
    flex-direction: row;
    gap: calc(4 * var(--to-rem));
  }
  .p-about-info__label {
    width: calc(88 * var(--to-rem));
    padding: calc(20 * var(--to-rem)) calc(12 * var(--to-rem));
  }
  .p-about-info__value {
    padding: calc(20 * var(--to-rem)) calc(12 * var(--to-rem));
  }
  .p-about-info__row:first-child .p-about-info__label {
    border-top-left-radius: calc(20 * var(--to-rem));
  }
  .p-about-info__row:first-child .p-about-info__value {
    border-top-right-radius: calc(20 * var(--to-rem));
  }
  .p-about-info__row:last-child .p-about-info__label {
    border-bottom-left-radius: calc(20 * var(--to-rem));
  }
  .p-about-info__row:last-child .p-about-info__value {
    border-bottom-right-radius: calc(20 * var(--to-rem));
  }
  .p-about-info .c-section-title.--about {
    justify-items: center;
    text-align: center;
  }
  .p-about-info .c-section-title.--about .c-section-title__sub {
    font-size: calc(14 * var(--to-rem));
    letter-spacing: 0.1429em;
  }
  .p-about-info .c-section-title.--about .c-section-title__main {
    margin-left: calc(21 * var(--to-rem));
    font-size: calc(22 * var(--to-rem));
    font-weight: var(--fw-bold);
    letter-spacing: 0.0909em;
  }
}
.p-archive {
  padding-block: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive {
    padding-block: calc(80 * var(--to-rem));
  }
}

.p-archive__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
}

.p-archive__header {
  margin-block-end: calc(40 * var(--to-rem));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-archive__header {
    margin-block-end: calc(60 * var(--to-rem));
  }
}

.p-archive__title {
  margin-block-end: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive__title {
    margin-block-end: calc(24 * var(--to-rem));
  }
}

.p-archive__description {
  margin-block-start: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-archive__description {
    margin-block-start: calc(24 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-archive__list {
  display: grid;
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive__list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(32 * var(--to-rem));
  }
}
@media screen and (min-width: 1024px) {
  .p-archive__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-archive__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: calc(16 * var(--to-rem));
  border: 1px solid var(--color-gray);
  border-radius: 12px;
  background-color: var(--color-white);
  text-decoration: none;
  transition: translate 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-archive__link {
    padding: calc(20 * var(--to-rem));
  }
}
@media (any-hover: hover) {
  .p-archive__link:hover {
    box-shadow: 0 8px 24px oklch(from var(--color-black) l c h/10%);
    translate: 0 calc(-4 * var(--to-rem));
  }
}

.p-archive__thumbnail {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  margin-block-end: calc(16 * var(--to-rem));
  border-radius: 8px;
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .p-archive__thumbnail {
    margin-block-end: calc(20 * var(--to-rem));
  }
}

.p-archive__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease;
}

@media (any-hover: hover) {
  .p-archive__link:hover .p-archive__thumbnail img {
    scale: 1.05;
  }
}
.p-archive__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
}

.p-archive__item-title {
  margin: 0;
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-archive__item-title {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-archive__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem));
  align-items: center;
  color: var(--color-text);
  font-size: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive__meta {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-archive__date {
  display: inline-block;
}

.p-archive__categories {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
}

.p-archive__category {
  display: inline-block;
  padding: calc(4 * var(--to-rem)) calc(12 * var(--to-rem));
  border-radius: 4px;
  background-color: var(--color-gray);
  color: var(--color-text);
  font-size: calc(11 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive__category {
    font-size: calc(12 * var(--to-rem));
  }
}

.p-archive__excerpt {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-archive__excerpt {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-archive__pagination {
  margin-block-start: calc(48 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-archive__pagination {
    margin-block-start: calc(60 * var(--to-rem));
  }
}

.p-archive__empty {
  padding-block: calc(60 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-archive__empty {
    padding-block: calc(80 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.p-single__back {
  margin-block-start: calc(48 * var(--to-rem));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-single__back {
    margin-block-start: calc(60 * var(--to-rem));
  }
}

.p-area {
  padding-block: calc(77 * var(--to-rem)) calc(76 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-area {
    padding-block: calc(117 * var(--to-rem)) calc(147 * var(--to-rem));
  }
}

.p-area__inner {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-area__inner {
    gap: calc(80 * var(--to-rem));
  }
}

.p-area__top {
  display: flex;
  flex-direction: column;
  gap: calc(45 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-area__top {
    gap: calc(32 * var(--to-rem));
  }
}

.p-area__text-wrap {
  display: flex;
  flex-direction: column;
  gap: calc(52 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-area__text-wrap {
    flex-direction: row;
    gap: calc(64 * var(--to-rem));
    align-items: center;
    max-width: calc(960 * var(--to-rem));
  }
}
@media screen and (min-width: 768px) and (max-width: 878px) {
  .p-area__text-wrap {
    flex-direction: column;
  }
}

.p-area__map {
  overflow: hidden;
  flex-shrink: 0;
  width: 91%;
  aspect-ratio: 1/1;
  background-color: #fafafa;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-area__map {
    width: 100%;
    width: calc(470 * var(--to-rem));
    margin-inline: none;
  }
}
.p-area__map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p-area__text {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  padding-inline: calc(9 * var(--to-rem));
}
.p-area__heading {
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: calc(2 * var(--to-rem));
  line-height: 1.85;
}
@media screen and (min-width: 768px) {
  .p-area__heading {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
    line-height: 1.6;
    padding-right: calc(12 * var(--to-rem));
  }
}

.p-area__heading-highlight {
  background-image: linear-gradient(transparent 55%, var(--color-primary) 55%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.p-area__desc {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-area__desc {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-area__hospitals {
  display: flex;
  flex-direction: column;
  gap: calc(34 * var(--to-rem));
  padding: calc(56 * var(--to-rem)) calc(16 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-area__hospitals {
    gap: calc(24 * var(--to-rem));
    padding: calc(48 * var(--to-rem)) calc(64 * var(--to-rem));
    max-width: calc(960 * var(--to-rem));
  }
}

.p-area__hospitals-head {
  display: flex;
  align-items: center;
  gap: calc(20 * var(--to-rem));
  justify-content: flex-start;
}

.p-area__hospitals-title {
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: 0.25em;
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-title {
    font-size: calc(22 * var(--to-rem));
    letter-spacing: calc(2 * var(--to-rem));
    line-height: 1.8;
  }
}

.p-area__hospitals-icon {
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-icon {
    width: calc(59 * var(--to-rem));
  }
}

.p-area__hospitals-list {
  display: flex;
  flex-direction: column;
  gap: calc(34 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-list {
    gap: calc(16 * var(--to-rem));
  }
}

.p-area__hospitals-item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-item {
    flex-direction: row;
    align-items: center;
    gap: calc(16 * var(--to-rem));
  }
}

@media screen and (min-width: 768px) {
  .p-area__hospitals-badge-wrap {
    font-size: calc(18 * var(--to-rem));
    flex: 0 0 176px;
  }
}

.p-area__hospitals-badge {
  flex-shrink: 0;
  width: fit-content;
  padding: calc(8 * var(--to-rem)) calc(16 * var(--to-rem));
  border-radius: calc(12 * var(--to-rem));
  background-color: var(--color-bg-blue);
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-badge {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-area__hospitals-item-text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-item-text {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-area__hospitals-footnote {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
  margin-block-start: calc(-20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-area__hospitals-footnote {
    font-size: calc(15 * var(--to-rem));
    margin-block-start: 0;
  }
}

.p-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(320 * var(--to-rem)), 1fr));
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-card-list {
    gap: calc(32 * var(--to-rem));
  }
}

.p-dev-notice {
  padding-block: calc(24 * var(--to-rem));
  background-color: #fff3cd;
}
@media screen and (min-width: 768px) {
  .p-dev-notice {
    padding-block: calc(32 * var(--to-rem));
  }
}

.p-dev-notice__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
}

.p-dev-notice__content {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-dev-notice__content {
    gap: calc(20 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-dev-notice__title {
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-dev-notice__title {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-dev-notice__text code {
  padding-block: calc(2 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--color-primary);
  font-family: "Courier New", Courier, monospace;
  font-size: calc(13 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-dev-notice__text code {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-dev-notice__list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
  margin: 0;
  padding-inline-start: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-dev-notice__list {
    gap: calc(16 * var(--to-rem));
    padding-inline-start: calc(32 * var(--to-rem));
  }
}

.p-dev-notice__item {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  line-height: 1.8;
}

.p-dev-notice__item strong {
  color: var(--color-primary);
  font-weight: var(--fw-bold);
}

.p-dev-notice__item code {
  padding-block: calc(2 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--color-primary);
  font-family: "Courier New", Courier, monospace;
  font-size: calc(13 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-dev-notice__item code {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-error {
  padding-block: calc(80 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-error {
    padding-block: calc(120 * var(--to-rem));
  }
}

.p-error__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.p-error__code {
  color: var(--color-primary);
  font-family: var(--label-font-family);
  font-size: calc(80 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-error__code {
    font-size: calc(140 * var(--to-rem));
  }
}

.p-error__header {
  margin-block-start: calc(8 * var(--to-rem));
  margin-block-end: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-error__header {
    margin-block-end: calc(32 * var(--to-rem));
  }
}

.p-error__title {
  color: var(--color-text);
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-error__title {
    font-size: calc(30 * var(--to-rem));
  }
}

.p-error__content {
  max-width: calc(640 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-error__content {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-error__actions {
  margin-block-start: calc(32 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-error__actions {
    margin-block-start: calc(40 * var(--to-rem));
  }
}
.p-error__actions .c-button::before {
  right: auto;
  left: calc(20 * var(--to-rem));
  rotate: -135deg;
}
@media (any-hover: hover) {
  .p-error__actions .c-button:hover::before {
    translate: -5px -50%;
  }
}

.p-error__links {
  margin-block-start: calc(48 * var(--to-rem));
  padding-block-start: calc(32 * var(--to-rem));
  border-top: 1px solid var(--color-border-light);
}
@media screen and (min-width: 768px) {
  .p-error__links {
    margin-block-start: calc(64 * var(--to-rem));
  }
}
.p-error__links ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem)) calc(24 * var(--to-rem));
  justify-content: center;
}
.p-error__links a {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-decoration: underline;
  text-underline-offset: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-error__links a {
    font-size: calc(15 * var(--to-rem));
  }
}

.p-footer {
  padding: calc(82 * var(--to-rem)) 0;
  background-color: var(--color-bg-yellow);
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding: calc(80 * var(--to-rem)) 0;
  }
}

.p-footer__main {
  display: flex;
  flex-direction: column-reverse;
  gap: calc(20 * var(--to-rem));
  align-items: stretch;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__main {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    text-align: left;
  }
}

.p-footer__right-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-footer__heading {
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  margin-top: 64px;
  text-align: left;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .p-footer__heading {
    font-size: calc(32 * var(--to-rem));
    line-height: 1.8;
    letter-spacing: 0.06em;
    margin-top: 0;
    padding-left: 0;
  }
}

.p-footer__heading-logo-text {
  color: var(--color-text);
  font-family: "Zen Maru Gothic";
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__heading-logo-text {
    letter-spacing: 0.35em;
  }
}

.p-footer__heading-img {
  width: 187px;
  height: 64px;
  margin-block-start: calc(-10 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-footer__heading-img {
    margin-block-start: calc(-15 * var(--to-rem));
    width: 234px;
    height: 103px;
  }
}
.p-footer__heading-img img {
  width: 100%;
  height: auto;
}

.p-footer__nav-wrap {
  display: flex;
  gap: calc(20 * var(--to-rem));
  align-items: stretch;
  justify-content: space-between;
  margin-block-start: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-footer__nav-wrap {
    margin-block-start: calc(17 * var(--to-rem));
  }
}

.p-footer__list {
  margin-block-start: calc(23 * var(--to-rem));
}

.p-footer__list-item {
  display: flex;
  flex-direction: column;
  gap: calc(21 * var(--to-rem));
  justify-content: space-between;
  align-items: flex-start;
  padding-inline-start: 14px;
}
@media screen and (min-width: 768px) {
  .p-footer__list-item {
    gap: calc(25 * var(--to-rem));
    align-items: stretch;
    padding-inline-start: 0;
  }
}

.p-footer__list-item-link {
  display: inline-block;
  transition: opacity var(--duration);
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px) {
  .p-footer__list-item-link {
    letter-spacing: normal;
  }
}
@media (any-hover: hover) {
  .p-footer__list-item-link:hover {
    opacity: 0.7;
  }
}

.p-footer__contact-wrap {
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-footer__contact-wrap {
    gap: calc(20 * var(--to-rem));
  }
}

.p-footer__contact-address {
  color: var(--color-text);
  font-family: "Zen Maru Gothic";
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.7;
  letter-spacing: 0.08em;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-footer__contact-address {
    margin-block-start: calc(21 * var(--to-rem));
    display: block;
  }
}

.p-footer__contact {
  display: flex;
  flex-direction: column;
  margin-block-start: calc(30 * var(--to-rem));
  gap: calc(4 * var(--to-rem));
  padding: calc(18 * var(--to-rem)) calc(24 * var(--to-rem));
  border-radius: calc(22 * var(--to-rem));
  background-color: var(--color-primary);
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  min-width: calc(308 * var(--to-rem));
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
  transition: background-color var(--duration), color var(--duration);
}
@media screen and (min-width: 768px) {
  .p-footer__contact {
    gap: 0;
    margin-block-start: 0;
    min-width: calc(285 * var(--to-rem));
  }
}
.p-footer__contact:hover {
  background-color: var(--color-text);
  color: var(--color-white);
}
.p-footer__contact:hover .p-footer__contact-number::before {
  filter: invert(1);
}

.p-footer__contact-label {
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-bold);
  letter-spacing: 0.15em;
}

.p-footer__contact-number {
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-black, 900);
  position: relative;
  text-align: end;
  margin-right: 21px;
  letter-spacing: 0.11em;
}
.p-footer__contact-number::before {
  position: absolute;
  top: 7px;
  left: 22px;
  content: "";
  width: calc(28 * var(--to-rem));
  height: calc(28 * var(--to-rem));
  background-image: url(data:image/webp;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: filter var(--duration);
}
@media screen and (min-width: 768px) {
  .p-footer__contact-number::before {
    left: 3px;
  }
}
@media screen and (min-width: 768px) {
  .p-footer__contact-number {
    top: 8px;
    left: 10px;
    margin-right: 26px;
    font-size: calc(25 * var(--to-rem));
    letter-spacing: 0.05em;
  }
}

.p-footer__contact-hours {
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: 0.09em;
}
@media screen and (min-width: 768px) {
  .p-footer__contact-hours {
    margin-block-start: calc(10 * var(--to-rem));
  }
}

.p-footer__bottom {
  margin-block-start: calc(32 * var(--to-rem));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__bottom {
    margin-block-start: calc(40 * var(--to-rem));
  }
}

.p-footer__top-scroll {
  width: 127px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  translate: 0 12px;
  transition: opacity 0.3s ease, visibility 0.3s ease, translate 0.3s ease;
}
.p-footer__top-scroll.is-visible {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}
.p-footer__top-scroll.is-active .p-footer__top-scroll-img--default {
  display: none;
}
.p-footer__top-scroll.is-active .p-footer__top-scroll-img--hover {
  display: block;
}

.p-footer__top-scroll-img {
  display: block;
  width: 100%;
  height: auto;
}
.p-footer__top-scroll-img--hover {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .p-footer__top-scroll {
    translate: 0 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
}
.p-footer__copyright {
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  opacity: 0.8;
  text-align: left;
  margin-block-start: calc(72 * var(--to-rem));
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-footer__copyright {
    font-size: calc(14 * var(--to-rem));
  }
}

/* イントロ */
.p-guide-hero {
  background-color: var(--color-bg-yellow);
}

.p-guide-hero__breadcrumb-wrap {
  background-color: var(--color-bg-yellow);
}

.p-guide-intro {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  padding-block-end: calc(64 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-guide-intro {
    gap: calc(24 * var(--to-rem));
    padding-block-end: calc(96 * var(--to-rem));
  }
}

@media screen and (min-width: 768px) {
  .p-guide-intro__inner {
    margin-block-start: calc(79 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-intro__inner {
    max-width: calc(960 * var(--to-rem));
    box-sizing: border-box;
  }
}

.p-guide-intro__label {
  margin-block-start: calc(124 * var(--to-rem));
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(13 * var(--to-rem));
  line-height: 2;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-intro__label {
    font-size: calc(16 * var(--to-rem));
    margin-block-start: calc(24 * var(--to-rem));
  }
}

.p-guide-intro__title {
  max-width: calc(720 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.9;
  letter-spacing: calc(2 * var(--to-rem));
  margin-block-start: calc(18 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-intro__title {
    line-height: 1.5;
    font-size: calc(30 * var(--to-rem));
    line-height: 2;
    margin-block-start: calc(13 * var(--to-rem));
  }
}

.p-guide-intro__desc {
  max-width: calc(800 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
  margin-block-start: calc(42 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-intro__desc {
    font-size: calc(18 * var(--to-rem));
    line-height: 2;
    margin-block-start: calc(47 * var(--to-rem));
    letter-spacing: calc(2 * var(--to-rem));
  }
}

/* このような方へ */
.p-guide-needs {
  padding-block: calc(56 * var(--to-rem)) calc(127 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-guide-needs {
    padding-block: calc(67 * var(--to-rem)) calc(143 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-guide-needs__inner {
    max-width: calc(960 * var(--to-rem));
  }
}

.p-guide-needs__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(40 * var(--to-rem)) calc(18 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-needs__list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(64 * var(--to-rem)) calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-needs__list {
    gap: calc(33 * var(--to-rem)) calc(80 * var(--to-rem));
  }
}

.p-guide-needs__item {
  display: flex;
  flex-direction: column;
  gap: calc(5 * var(--to-rem));
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-guide-needs__item {
    gap: calc(16 * var(--to-rem));
  }
}
.p-guide-needs__item.js-reveal {
  opacity: 0;
  translate: 0 calc(24 * var(--to-rem));
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-guide-needs__item.js-reveal.is-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .p-guide-needs__item.js-reveal {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}

.p-guide-needs__number-wrap {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
}

.p-guide-needs__number {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-needs__number {
    font-size: calc(48 * var(--to-rem));
  }
}
.p-guide-needs__number::after {
  content: "";
  display: none;
  margin-block-start: calc(8 * var(--to-rem));
  width: calc(20 * var(--to-rem));
  height: 1px;
  background-color: var(--color-gray-text);
}
@media screen and (min-width: 768px) {
  .p-guide-needs__number::after {
    display: block;
    margin-inline: auto;
  }
}

.js-image-reveal {
  opacity: 0;
  transition: opacity 0.7s ease-out;
}
.js-image-reveal.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .js-image-reveal {
    opacity: 1;
    transition: none;
  }
}
.p-guide-needs__image {
  width: 100%;
  aspect-ratio: 380/254;
  border-radius: calc(20 * var(--to-rem));
  background-color: var(--color-gray);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-guide-needs__image {
    width: 86.3636363636%;
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-needs__image {
    margin-block-start: calc(-8 * var(--to-rem));
  }
}
.p-guide-needs__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-guide-needs__title {
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: calc(2 * var(--to-rem));
  margin-block-start: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-needs__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
    line-height: 1.5;
    margin-block-start: 0;
  }
}

.p-guide-needs__text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
  margin-block-start: calc(13 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-needs__text {
    font-size: calc(18 * var(--to-rem));
    margin-block-start: 0;
  }
}

/* 全幅フォトバナー */
.p-guide-photo {
  width: 100%;
  aspect-ratio: 375/200;
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .p-guide-photo {
    aspect-ratio: 1440/685;
  }
}
.p-guide-photo img {
  display: block;
  object-fit: cover;
}

@media screen and (min-width: 1440px) {
  .p-guide-needs .c-section-title {
    gap: calc(16 * var(--to-rem));
  }
  .p-guide-needs .c-section-title .c-section-title__main {
    margin-left: 0;
    font-size: calc(30 * var(--to-rem));
    line-height: 2;
    letter-spacing: 0.0667em;
    text-transform: none;
  }
  .p-guide-needs .c-section-title .c-section-title__main::before {
    content: none;
  }
}

/* お申し込み・ご利用の流れ */
.p-guide-flow {
  padding-block: calc(119 * var(--to-rem)) calc(124 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-guide-flow {
    padding-block: calc(96 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-flow {
    padding-block: calc(167 * var(--to-rem)) calc(162 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-guide-flow__inner {
    max-width: calc(960 * var(--to-rem));
  }
}

.p-guide-flow__list {
  display: flex;
  flex-direction: column;
  gap: calc(28 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-flow__list {
    gap: calc(24 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-flow__list {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-guide-flow__item {
  display: flex;
  flex-direction: column;
  gap: calc(25 * var(--to-rem));
  align-items: center;
  padding: calc(30 * var(--to-rem)) calc(32 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-guide-flow__item {
    align-items: flex-start;
    flex-direction: row;
    gap: calc(24 * var(--to-rem));
    padding: calc(30 * var(--to-rem)) calc(25 * var(--to-rem)) calc(33 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}

.p-guide-flow__image {
  flex-shrink: 0;
  width: calc(172 * var(--to-rem));
  aspect-ratio: 1/1;
  border-radius: calc(12 * var(--to-rem));
  background-color: var(--color-gray);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-guide-flow__image {
    width: calc(172 * var(--to-rem));
  }
}
.p-guide-flow__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-guide-flow__body {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-guide-flow__body {
    gap: calc(24 * var(--to-rem));
    padding-block-start: calc(12 * var(--to-rem));
  }
}

.p-guide-flow__heading {
  display: flex;
  align-items: center;
  gap: calc(9 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-flow__heading {
    gap: calc(24 * var(--to-rem));
  }
}

.p-guide-flow__number {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(50 * var(--to-rem));
  height: calc(50 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-text);
  font-family: var(--label-font-family);
  font-size: calc(18 * var(--to-rem));
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-flow__number {
    width: calc(60 * var(--to-rem));
    height: calc(60 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
  }
}

.p-guide-flow__title {
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-flow__title {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-guide-flow__text {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.9;
  letter-spacing: 0.061em;
}
@media screen and (min-width: 768px) {
  .p-guide-flow__text {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.8;
  }
}

.p-guide-flow__policy {
  margin-block-start: calc(44 * var(--to-rem));
  padding: calc(43 * var(--to-rem)) calc(24 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-guide-flow__policy {
    margin-block-start: calc(40 * var(--to-rem));
    padding: calc(40 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-flow__policy {
    margin-block-start: calc(76 * var(--to-rem));
  }
}

.p-guide-flow__policy-title {
  margin-block-end: calc(22 * var(--to-rem));
  padding-inline-start: calc(12 * var(--to-rem));
  border-inline-start: 3px solid #ea5514;
  color: var(--color-text);
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-guide-flow__policy-title {
    padding-inline-start: calc(16 * var(--to-rem));
    border-inline-start-width: 4px;
    font-size: calc(24 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-flow__policy-title {
    margin-block-end: calc(16 * var(--to-rem));
    letter-spacing: 0.05em;
  }
}

.p-guide-flow__policy-text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-guide-flow__policy-text {
    font-size: calc(18 * var(--to-rem));
  }
}

/* よくある質問 */
.p-guide-faq {
  padding-block: calc(93 * var(--to-rem)) calc(25 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-faq {
    padding-block: calc(96 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-faq {
    padding-block: calc(160 * var(--to-rem)) calc(41 * var(--to-rem));
  }
}

.p-guide-faq__list {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-guide-faq__list {
    gap: calc(8 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-guide-faq__list {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-guide-faq__item {
  display: contents;
}
.p-guide-faq__item:not(.is-open) .p-guide-faq__row[data-type=a] {
  display: none;
}

.p-guide-faq__row {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--to-rem));
  padding: calc(32 * var(--to-rem)) calc(24 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-guide-faq__row {
    gap: calc(40 * var(--to-rem));
    padding: calc(27 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}
.p-guide-faq__row[data-type=q] {
  width: 100%;
  border: none;
  background-color: var(--color-bg-yellow);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
@media (width < 768px) {
  .p-guide-faq__row[data-type=a] {
    padding: calc(8 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}

.p-guide-faq__badge {
  flex-shrink: 0;
  color: var(--color-text);
  font-family: var(--label-font-family);
  font-size: calc(24 * var(--to-rem));
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-guide-faq__badge {
    font-size: calc(40 * var(--to-rem));
  }
}

.p-guide-faq__question,
.p-guide-faq__answer {
  flex: 1;
  color: var(--color-text);
  font-size: calc(17 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .p-guide-faq__question,
  .p-guide-faq__answer {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.8;
  }
}

.p-guide-faq__arrow {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: calc(28 * var(--to-rem));
  height: calc(28 * var(--to-rem));
}
.p-guide-faq__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(15 * var(--to-rem));
  height: calc(15 * var(--to-rem));
  margin: calc(-4 * var(--to-rem)) 0 0 calc(-4 * var(--to-rem));
  border-top: 2px solid var(--color-text);
  border-right: 2px solid var(--color-text);
  rotate: -45deg;
  transition: rotate var(--duration);
}

.p-guide-faq__item:not(.is-open) .p-guide-faq__arrow::before {
  rotate: 135deg;
}

.p-header {
  --header-height: 76px;
  height: var(--header-height);
  box-shadow: 0 0 25px oklch(from var(--color-black) l c h/10%);
  background-color: var(--color-white);
  border-radius: 0 0 24px 24px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 16px 0 rgba(129, 117, 29, 0.13);
}
@media screen and (min-width: 768px) {
  .p-header {
    --header-height: 123px;
  }
}

.p-header__inner {
  display: flex;
  align-items: center;
  height: inherit;
  padding-inline: calc(16 * var(--to-rem));
  gap: calc(6 * var(--to-rem));
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-header__inner {
    gap: calc(16 * var(--to-rem));
    padding-inline: calc(40 * var(--to-rem));
  }
}

.p-header__brand {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  justify-content: center;
  height: inherit;
  min-width: calc(120 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-header__brand {
    margin-inline-start: calc(11 * var(--to-rem));
  }
}

.p-header__brand-caption {
  display: block;
  color: var(--color-gray-text);
  font-size: calc(7 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: 0.14em;
  margin-block-start: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-header__brand-caption {
    font-size: calc(12 * var(--to-rem));
    line-height: 1.8;
    translate: 0 14px;
    margin-block-start: 0;
  }
}

.p-header__logo {
  width: 100%;
  max-width: calc(120 * var(--to-rem));
  width: 114px;
  translate: 0 -7px;
}
@media screen and (min-width: 768px) {
  .p-header__logo {
    max-width: calc(177 * var(--to-rem));
    width: 100%;
    translate: 0 0;
  }
}

.p-header__logo a {
  display: flex;
  align-items: center;
  height: inherit;
}

.p-header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p-header__nav {
  position: relative;
  display: none;
  height: inherit;
}
@media screen and (min-width: 1320px) {
  .p-header__nav {
    container-type: inline-size;
    display: block;
    flex: 1;
  }
}

.p-header__nav-list {
  display: flex;
  justify-content: flex-end;
  height: inherit;
  padding-right: 14px;
  gap: 2px;
}

.p-header__nav-item {
  display: flex;
  align-items: center;
  height: inherit;
  gap: calc(3 * var(--to-rem));
}

.p-header__nav-item:not(:last-child)::after {
  content: "/";
  color: var(--color-border);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1;
  transform: rotate(5deg);
}

.p-header__nav-item > a {
  display: flex;
  align-items: center;
  height: inherit;
  padding-block: 0;
  padding-inline: clamp(12px, 2cqi, 15px);
  color: var(--color-text);
  font-size: clamp(13px, 2cqi, 16px);
  font-weight: 700;
  line-height: 1;
  transition: opacity var(--duration);
}
@media (any-hover: hover) {
  .p-header__nav-item > a:hover {
    opacity: 0.7;
  }
}

.p-header__actions {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-header__actions {
    gap: calc(40 * var(--to-rem));
  }
}
@media (446px <= width <= 767px) {
  .p-header__actions {
    gap: calc(40 * var(--to-rem));
  }
}

.p-header__contact {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  justify-content: center;
  align-items: center;
  padding: calc(10 * var(--to-rem)) calc(17 * var(--to-rem)) calc(6 * var(--to-rem));
  border-radius: calc(999 * var(--to-rem));
  background-color: var(--color-primary);
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  background: var(--surface-primary, #F7DD20);
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
  transition: background-color var(--duration), color var(--duration);
}
@media screen and (min-width: 768px) {
  .p-header__contact {
    gap: calc(5 * var(--to-rem));
    padding-block: calc(19 * var(--to-rem)) calc(15 * var(--to-rem));
    padding-inline: calc(44 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}
@media (max-width: 814px) {
  .p-header__contact {
    padding: calc(10 * var(--to-rem)) calc(17 * var(--to-rem)) calc(6 * var(--to-rem));
  }
}
.p-header__contact:hover {
  background-color: var(--color-text);
  color: var(--color-white);
}
.p-header__contact:hover .p-header__contact-icon {
  filter: invert(1);
}

.p-header__contact-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-header__contact-main {
    gap: calc(8 * var(--to-rem));
  }
}

.p-header__contact-icon {
  width: calc(14 * var(--to-rem));
  height: calc(14 * var(--to-rem));
  object-fit: contain;
  transition: filter var(--duration);
}
@media screen and (min-width: 768px) {
  .p-header__contact-icon {
    width: calc(30 * var(--to-rem));
    height: calc(30 * var(--to-rem));
  }
}

.p-header__contact-number {
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0.0625em;
}
@media screen and (min-width: 768px) {
  .p-header__contact-number {
    font-size: calc(24 * var(--to-rem));
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
}

.p-header__contact-hours {
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-header__contact-hours {
    font-size: calc(13 * var(--to-rem));
    line-height: 1.4;
    letter-spacing: 0.05em;
    display: flex;
  }
}

.p-header__hamburger {
  position: relative;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--to-rem));
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
@media screen and (min-width: 1320px) {
  .p-header__hamburger {
    display: none;
  }
}

.p-header__hamburger span {
  display: block;
  width: calc(24 * var(--to-rem));
  height: calc(3 * var(--to-rem));
  border-radius: calc(4 * var(--to-rem));
  background-color: var(--color-text);
  transition: translate calc(var(--duration) * 1.67), rotate calc(var(--duration) * 1.67), opacity calc(var(--duration) * 1.67);
}

.p-header__hamburger.is-open span:nth-of-type(1) {
  translate: 0 calc(9 * var(--to-rem));
  rotate: 45deg;
}
.p-header__hamburger.is-open span:nth-of-type(2) {
  opacity: 0;
}
.p-header__hamburger.is-open span:nth-of-type(3) {
  translate: 0 calc(-9 * var(--to-rem));
  rotate: -45deg;
}

.p-header__drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 900;
  display: none;
  overflow-y: scroll;
  width: 80%;
  height: 100svh;
  margin-block-start: var(--header-height);
  padding-block-end: calc(110 * var(--to-rem));
  background-color: #eff4f5;
  scrollbar-width: none;
}
.p-header__drawer::-webkit-scrollbar {
  display: none;
}

.p-header__overlay {
  position: fixed;
  top: var(--header-height);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 890;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.p-header__drawer-item {
  border-bottom: 1px solid var(--color-white);
}

.p-header__drawer-item > a {
  display: block;
  padding: calc(20 * var(--to-rem)) calc(32 * var(--to-rem));
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.05em;
  cursor: pointer;
}

.p-header__drawer-contact {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  width: calc(180 * var(--to-rem));
  margin-block-start: calc(32 * var(--to-rem));
  margin-inline-start: calc(32 * var(--to-rem));
  padding: calc(10 * var(--to-rem)) calc(16 * var(--to-rem));
  border-radius: calc(12 * var(--to-rem));
  background-color: var(--color-primary);
  color: var(--color-text);
  text-align: center;
  text-decoration: none;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header__drawer-contact {
    padding: calc(16 * var(--to-rem)) calc(20 * var(--to-rem));
    width: calc(260 * var(--to-rem));
  }
}

.p-infection {
  padding-block: calc(15 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-infection {
    padding-block: calc(40 * var(--to-rem));
  }
}

.p-infection__inner {
  display: flex;
  justify-content: center;
}

.p-infection__card {
  width: 96%;
  max-width: calc(960 * var(--to-rem));
  padding: calc(43 * var(--to-rem)) calc(24 * var(--to-rem));
  border-radius: calc(16 * var(--to-rem));
  background-color: var(--color-bg-blue);
}
@media screen and (min-width: 768px) {
  .p-infection__card {
    width: 100%;
    padding: calc(48 * var(--to-rem)) calc(84 * var(--to-rem));
    border-radius: calc(24 * var(--to-rem));
  }
}

.p-infection__title {
  display: inline-flex;
  align-items: center;
  gap: calc(9 * var(--to-rem));
  margin-block-end: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-infection__title {
    margin-block-end: calc(16 * var(--to-rem));
    font-size: calc(22 * var(--to-rem));
    line-height: 1.8;
  }
}

.p-infection__icon {
  flex-shrink: 0;
  width: calc(29 * var(--to-rem));
  height: calc(26 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-infection__icon {
    width: calc(29 * var(--to-rem));
    height: calc(26 * var(--to-rem));
  }
}

.p-infection__text {
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  line-height: 1.8;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-infection__text {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-message {
  padding-block: calc(100 * var(--to-rem)) calc(23 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-message {
    padding-block: calc(164 * var(--to-rem));
  }
}

.p-message__inner {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__inner {
    flex-direction: row;
    align-items: center;
    gap: calc(80 * var(--to-rem));
  }
}
@media (max-width: 1200px) {
  .p-message__inner {
    flex-direction: column;
    align-items: center;
    gap: calc(40 * var(--to-rem));
  }
}

.p-message__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  gap: calc(35 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__body {
    gap: calc(32 * var(--to-rem));
  }
}

.p-message__text-wrap {
  display: flex;
  flex-direction: column;
  gap: calc(42 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__text-wrap {
    gap: calc(48 * var(--to-rem));
  }
}

.p-message__title-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(22 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__title-wrap {
    gap: calc(23 * var(--to-rem));
  }
}

.p-message__label {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(12 * var(--to-rem));
  letter-spacing: 0.16em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-message__label {
    font-size: calc(15 * var(--to-rem));
    text-align: center;
  }
}

.p-message__title {
  color: var(--color-text);
  font-size: calc(21 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .p-message__title {
    font-size: calc(30 * var(--to-rem));
    line-height: 2;
  }
}

.p-message__title-icon {
  display: block;
  position: absolute;
  top: calc(17 * var(--to-rem));
  left: calc(278 * var(--to-rem));
  width: calc(64 * var(--to-rem));
  height: auto;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-message__title-icon {
    display: block;
    position: absolute;
    top: calc(39 * var(--to-rem));
    left: calc(437 * var(--to-rem));
    width: calc(102 * var(--to-rem));
    height: auto;
    pointer-events: none;
  }
}

.p-message__paragraphs {
  display: flex;
  flex-direction: column;
  gap: calc(26 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__paragraphs {
    gap: calc(32 * var(--to-rem));
  }
}

.p-message__text {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.9;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-message__text {
    font-size: calc(19 * var(--to-rem));
    line-height: 2.1;
    letter-spacing: 0.16em;
  }
}

.p-message__btn {
  align-self: flex-start;
  font-size: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-message__btn {
    align-self: flex-end;
    padding-block: calc(18 * var(--to-rem));
  }
}

.p-message__images {
  position: relative;
  width: 100%;
  aspect-ratio: 343/325;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-message__images {
    aspect-ratio: 420/517;
    width: calc(420 * var(--to-rem));
  }
}

.p-message__image {
  position: absolute;
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .p-message__image {
    border-radius: calc(24 * var(--to-rem));
  }
}
.p-message__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-message__image.js-collage-reveal {
  opacity: 0;
  transition: opacity 1s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-message__image.js-collage-reveal.is-loaded {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-message__image.js-collage-reveal {
    opacity: 1;
    transition: none;
  }
}

.p-message__image--1 {
  top: 84px;
  left: 0;
  width: 34.95%;
  height: 46.18%;
}
@media screen and (min-width: 768px) {
  .p-message__image--1 {
    top: 0;
    left: 0;
    width: 55.95%;
    height: 66.18%;
  }
}

.p-message__image--2 {
  top: 13%;
  width: 59.29%;
  height: 46.73%;
  left: 40.71%;
}
@media screen and (min-width: 768px) {
  .p-message__image--2 {
    top: 59%;
    width: 59.29%;
    height: 35.73%;
    box-shadow: 0 calc(8 * var(--to-rem)) calc(24 * var(--to-rem)) oklch(from var(--color-black) l c h/15%);
  }
}

.p-mv {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-block-start: calc(98 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-mv {
    padding-block-start: calc(163 * var(--to-rem));
  }
}

.p-mv__frame {
  position: relative;
  overflow: hidden;
  height: calc(470 * var(--to-rem));
  margin-inline: calc(16 * var(--to-rem));
  border-radius: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-mv__frame {
    height: calc(626 * var(--to-rem));
    margin-inline: calc(80 * var(--to-rem));
    border-radius: calc(24 * var(--to-rem));
  }
}

.p-mv__title-wrap {
  position: absolute;
  z-index: 2;
  inset: auto calc(16 * var(--to-rem)) calc(25 * var(--to-rem));
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
  color: var(--color-white);
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-mv__title-wrap {
    inset: auto calc(16 * var(--to-rem)) calc(45 * var(--to-rem)) calc(66 * var(--to-rem));
    gap: calc(24 * var(--to-rem));
    max-width: calc(649 * var(--to-rem));
  }
}

.p-mv__main-title {
  min-width: 0;
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 2;
  letter-spacing: 0.2em;
  text-shadow: 0 2px 4px oklch(from var(--color-black) l c h/30%);
}
@media screen and (min-width: 768px) {
  .p-mv__main-title {
    font-size: calc(48 * var(--to-rem));
    line-height: 1.8;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}

.p-mv__sub-title {
  min-width: 0;
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
  text-shadow: 0 1px 2px oklch(from var(--color-black) l c h/30%);
}
@media screen and (min-width: 768px) {
  .p-mv__sub-title {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.8;
    max-width: none;
  }
}
@media (500px <= width <= 768px) {
  .p-mv__sub-title {
    max-width: 60%;
  }
}

.p-mv__swiper {
  position: relative;
  width: 100%;
  max-width: calc(1280 * var(--to-rem));
  height: 100%;
  overflow: hidden;
  border-radius: calc(24 * var(--to-rem));
}

.p-mv__swiper .swiper-wrapper {
  height: 100%;
}

.p-mv__swiper .swiper-slide {
  height: 100%;
  overflow: hidden;
  transition-timing-function: ease-in-out !important;
}

.p-mv__slide-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-mv__slide-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  scale: 1;
  animation: p-mv-kenburns 8s ease-out forwards;
  animation-play-state: paused;
}
@media (768px <= width <= 1032px) {
  .p-mv__slide-image img {
    object-position: 70% center;
  }
}

.swiper-slide-active .p-mv__slide-image img {
  animation-play-state: running;
}

@keyframes p-mv-kenburns {
  from {
    scale: 1;
  }
  to {
    scale: 1.05;
  }
}
@media (prefers-reduced-motion: reduce) {
  .swiper-slide-active .p-mv__slide-image img {
    animation: none;
  }
}
.p-news-list {
  padding-block: 0 calc(40 * var(--to-rem));
  background: #FEFCE9;
}
@media screen and (min-width: 768px) {
  .p-news-list {
    padding-block: 0 calc(60 * var(--to-rem));
  }
}

.p-news-list__inner {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-list__inner {
    gap: calc(64 * var(--to-rem));
  }
}

.p-news-list__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-list__tabs {
    gap: calc(32 * var(--to-rem));
  }
}

.p-news-list__tab a {
  display: inline-block;
  padding: calc(10 * var(--to-rem)) calc(16 * var(--to-rem));
  border-radius: calc(999 * var(--to-rem));
  background-color: var(--color-bg-orange);
  color: var(--color-accent);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: background-color var(--duration);
}
@media screen and (min-width: 768px) {
  .p-news-list__tab a {
    padding: calc(12 * var(--to-rem)) calc(20 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}
.p-news-list__tab a[aria-current=page] {
  background-color: var(--color-accent);
  color: var(--color-white);
}

@media (any-hover: hover) {
  .p-news-list__tab a:not([aria-current=page]):hover {
    background-color: var(--color-bg-yellow-strong);
  }
}
.p-news-list__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(390 * var(--to-rem), 100%), 1fr));
  column-gap: calc(24 * var(--to-rem));
  row-gap: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-list__container {
    row-gap: calc(80 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-news-list__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: calc(24 * var(--to-rem));
    row-gap: calc(80 * var(--to-rem));
  }
  .p-news-list__container .p-news-list__item.p-news-preview__link-card {
    flex: 0 0 calc(384 * var(--to-rem));
    width: calc(384 * var(--to-rem));
    height: calc(481 * var(--to-rem));
    min-width: 0;
    min-height: 0;
  }
}

.p-news-list__empty {
  padding: calc(60 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: #fafafa;
  color: var(--color-gray-text);
  font-size: calc(16 * var(--to-rem));
  text-align: center;
}

.p-news-list__empty p {
  margin: 0;
}

.p-news-list__pagination {
  --_pagination-bg: var(--color-bg-orange);
  --_pagination-bg-hover: oklch(from var(--color-bg-orange) calc(l - 0.05) c h);
  --_pagination-text: var(--color-accent);
  --_pagination-active-bg: var(--color-accent);
  --_pagination-active-text: var(--color-white);
}

.p-news-preview {
  padding-block: calc(65 * var(--to-rem)) 0;
}
@media screen and (min-width: 768px) {
  .p-news-preview {
    padding-block: calc(38 * var(--to-rem)) 0;
  }
}

.p-news-preview__inner {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-news-preview__inner {
    gap: calc(32 * var(--to-rem));
  }
}

.p-news-preview__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  padding: calc(98 * var(--to-rem)) calc(16 * var(--to-rem));
  padding-block: calc(98 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem)) calc(31 * var(--to-rem));
  border-radius: 0 calc(115 * var(--to-rem)) calc(115 * var(--to-rem)) 0;
  background-color: var(--color-bg-orange);
  margin-left: calc(50% - 50vw);
  width: calc(50vw + 50%);
}
@media screen and (min-width: 768px) {
  .p-news-preview__wrap {
    gap: calc(45 * var(--to-rem));
    padding-block: calc(157 * var(--to-rem)) calc(160 * var(--to-rem));
    padding-inline: calc(114 * var(--to-rem)) 0;
    margin-left: calc(50% - 50vw);
    width: calc(50vw + 50%);
  }
}

.p-news-preview__row {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--to-rem));
  min-width: 0;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .p-news-preview__row {
    flex-direction: row;
    gap: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1024px) {
  .p-news-preview__row {
    gap: calc(80 * var(--to-rem));
  }
}

.p-news-preview__head {
  display: flex;
  flex-direction: column;
  gap: calc(38 * var(--to-rem));
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-news-preview__head {
    flex: 0 0 200px;
    gap: calc(43 * var(--to-rem));
  }
}

.p-news-preview__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--to-rem));
  width: fit-content;
  padding: calc(16 * var(--to-rem)) calc(40 * var(--to-rem));
  border-radius: calc(40 * var(--to-rem));
  background-color: var(--color-text);
  color: var(--color-white);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
  text-decoration: none;
  transition: opacity var(--duration) ease;
  min-width: 213px;
  transition: background-color var(--duration) ease;
}
@media screen and (min-width: 768px) {
  .p-news-preview__link {
    padding: calc(15 * var(--to-rem)) calc(27 * var(--to-rem));
  }
}
.p-news-preview__link:hover {
  background: #F7DD20;
  color: var(--color-text);
}

.p-news-preview__link-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-text);
  transition: background-color var(--duration) ease, color var(--duration) ease;
}

.p-news-preview__link:hover .p-news-preview__link-icon {
  background-color: var(--color-text);
  color: var(--color-white);
}

.p-news-preview__link-icon-arrow {
  width: calc(6 * var(--to-rem));
  height: auto;
}

.p-news-preview__slider {
  width: 100%;
  min-width: 0;
  overflow: visible;
  clip-path: inset(-24px -100vw -24px -4px);
}
@media screen and (min-width: 768px) {
  .p-news-preview__slider {
    flex: 1 1 auto;
  }
}

.p-news-preview__list {
  height: auto;
}

.p-news-preview__link-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
  background-color: #fafafa;
  box-shadow: calc(4 * var(--to-rem)) calc(4 * var(--to-rem)) calc(8 * var(--to-rem)) rgba(150, 77, 14, 0.1);
  text-decoration: none;
  transition: box-shadow var(--duration) ease;
  aspect-ratio: 311/400;
}
@media screen and (min-width: 768px) {
  .p-news-preview__link-card {
    aspect-ratio: auto;
    border-radius: calc(24 * var(--to-rem));
    box-shadow: calc(4 * var(--to-rem)) calc(4 * var(--to-rem)) calc(8 * var(--to-rem)) rgba(150, 78, 14, 0.1);
    min-height: calc(600 * var(--to-rem));
    min-width: calc(390 * var(--to-rem));
  }
}
.p-news-preview__link-card:hover {
  box-shadow: calc(4 * var(--to-rem)) calc(4 * var(--to-rem)) calc(16 * var(--to-rem)) rgba(150, 78, 14, 0.2);
}

.p-news-preview__image {
  overflow: hidden;
  margin: calc(24 * var(--to-rem)) calc(16 * var(--to-rem)) 0;
  border-radius: calc(12 * var(--to-rem));
  background-color: var(--color-gray);
  aspect-ratio: 200/150;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-news-preview__image {
    aspect-ratio: 4/3;
    margin: calc(40 * var(--to-rem)) calc(40 * var(--to-rem)) 0;
  }
}
.p-news-preview__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-news-preview__body {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  padding: calc(16 * var(--to-rem)) calc(16 * var(--to-rem)) calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-preview__body {
    gap: calc(16 * var(--to-rem));
    padding: calc(24 * var(--to-rem)) calc(24 * var(--to-rem)) calc(40 * var(--to-rem));
  }
}

.p-news-preview__item {
  flex-shrink: 0;
  width: calc(232 * var(--to-rem));
  margin-inline-end: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-preview__item {
    width: calc(390 * var(--to-rem));
  }
}

.p-news-preview__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--to-rem));
}
.p-news-preview__meta .c-tag {
  font-size: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-preview__meta .c-tag {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-news-preview__date {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-news-preview__date {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-news-preview__title {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-news-preview__title {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-news-preview__empty {
  color: var(--color-gray-text);
  font-size: calc(15 * var(--to-rem));
  text-align: center;
}

.p-news-preview__nav {
  display: flex;
  justify-content: flex-end;
  gap: calc(24 * var(--to-rem));
}

.p-news-preview__nav-btn {
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: opacity var(--duration) ease;
}
.p-news-preview__nav-btn:hover {
  opacity: 0.8;
}
.p-news-preview__nav-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.p-news-preview__nav-btn--prev {
  background-image: url(data:image/png;base64,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);
}
.p-news-preview__nav-btn--next {
  background-image: url(data:image/png;base64,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);
}

/* ご利用シーン */
.p-service-hero {
  background-color: var(--color-bg-yellow);
}

.p-service-hero__breadcrumb-wrap {
  background-color: var(--color-bg-yellow);
}

.p-service-scenes {
  padding-block: calc(64 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-service-scenes {
    padding-block: calc(96 * var(--to-rem)) calc(128 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-service-scenes__inner {
    max-width: calc(960 * var(--to-rem));
  }
}

.p-service-scenes__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(24 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 600px) {
  .p-service-scenes__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .p-service-scenes__list {
    grid-template-columns: repeat(3, 1fr);
    max-width: calc(960 * var(--to-rem));
    margin-inline: auto;
  }
}
@media screen and (min-width: 1440px) {
  .p-service-scenes__list {
    gap: calc(40 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}

.p-service-scenes__item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
}
.p-service-scenes__item.js-reveal {
  opacity: 0;
  translate: 0 calc(24 * var(--to-rem));
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
}
.p-service-scenes__item.js-reveal.is-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .p-service-scenes__item.js-reveal {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}

.p-service-scenes__number {
  display: block;
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(32 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-scenes__number {
    font-size: calc(48 * var(--to-rem));
  }
}
.p-service-scenes__number::after {
  content: "";
  display: block;
  margin-block-start: calc(8 * var(--to-rem));
  width: calc(20 * var(--to-rem));
  height: 2px;
  background-color: var(--color-gray-text);
}

.p-service-scenes__image {
  width: 100%;
  aspect-ratio: 304/202;
  border-radius: calc(20 * var(--to-rem));
  background-color: var(--color-gray);
  overflow: hidden;
}
.p-service-scenes__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-service-scenes__title {
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-scenes__title {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-service-scenes__text {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-scenes__text {
    font-size: calc(18 * var(--to-rem));
  }
}

/* ご利用イメージ */
.p-service-cases {
  padding-block: calc(64 * var(--to-rem));
  background-color: #fafafa;
}
@media screen and (min-width: 768px) {
  .p-service-cases {
    padding-block: calc(170 * var(--to-rem)) calc(96 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-service-cases__inner {
    max-width: calc(1200 * var(--to-rem));
  }
}

.p-service-cases__list {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-cases__list {
    gap: calc(40 * var(--to-rem));
    margin-block-start: calc(65 * var(--to-rem));
  }
}

.p-service-cases__item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  padding: calc(20 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-white);
  border: 1px solid #c2c2c1;
}
@media screen and (min-width: 768px) {
  .p-service-cases__item {
    flex-direction: row;
    gap: calc(24 * var(--to-rem));
    padding: calc(40 * var(--to-rem)) calc(32 * var(--to-rem)) calc(46 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .p-service-cases__item[data-reverse=true] {
    flex-direction: row-reverse;
  }
}
.p-service-cases__item.js-reveal {
  opacity: 0;
  translate: 0 calc(24 * var(--to-rem));
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-service-cases__item.js-reveal.is-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .p-service-cases__item.js-reveal {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}

.p-service-cases__image {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 340/210;
  background-color: var(--color-gray);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-service-cases__image {
    width: calc(340 * var(--to-rem));
    margin-block-start: calc(10 * var(--to-rem));
  }
}
.p-service-cases__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-service-cases__body {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  width: 100%;
}

.p-service-cases__meta {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-cases__meta {
    gap: calc(23 * var(--to-rem));
  }
}

.p-service-cases__label {
  flex-shrink: 0;
  padding: calc(4 * var(--to-rem)) calc(12 * var(--to-rem));
  border-radius: calc(4 * var(--to-rem));
  background-color: var(--color-accent);
  color: var(--color-white);
  font-family: var(--label-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-service-cases__label {
    padding: calc(4 * var(--to-rem)) calc(19 * var(--to-rem));
  }
}

.p-service-cases__from {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .p-service-cases__from {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-service-cases__title {
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-cases__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
  }
}

.p-service-cases__text {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-cases__text {
    font-size: calc(18 * var(--to-rem));
    line-height: 1.7;
    margin-top: calc(-4 * var(--to-rem));
  }
}

.p-service-cases__combo {
  color: var(--color-accent);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .p-service-cases__combo {
    font-size: calc(16 * var(--to-rem));
    margin-block-start: calc(9 * var(--to-rem));
  }
}

/* 料金 */
.p-service-price {
  padding-block: calc(64 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-service-price {
    padding-block: calc(213 * var(--to-rem)) calc(96 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-price {
    padding-block-start: calc(160 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-service-price__inner {
    max-width: calc(960 * var(--to-rem));
    margin-inline: auto;
  }
}

.p-service-price__sections {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 1440px) {
  .p-service-price__sections {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-service-price__block {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.p-service-price__lead + .p-service-price__block {
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 1440px) {
  .p-service-price__lead + .p-service-price__block {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-service-price__block + .p-service-price__block {
  margin-block-start: calc(48 * var(--to-rem));
}
@media screen and (min-width: 1440px) {
  .p-service-price__block + .p-service-price__block {
    margin-block-start: calc(80 * var(--to-rem));
  }
}

/* 料金セクション冒頭のリード文（Price/料金 見出しの下） */
.p-service-price__lead {
  margin-inline: auto;
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
  text-align: left;
}
@media screen and (min-width: 1440px) {
  .p-service-price__lead {
    margin-block-start: calc(16 * var(--to-rem));
  }
}

.p-service-price__section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--to-rem));
  margin-block-end: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-price__section-title {
    font-size: calc(22 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-price__section-title {
    gap: calc(8 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
    letter-spacing: 0.0833em;
  }
}

.p-service-price__section-icon {
  flex-shrink: 0;
  width: calc(32 * var(--to-rem));
  height: auto;
}
@media screen and (min-width: 1440px) {
  .p-service-price__section-icon {
    width: calc(39 * var(--to-rem));
  }
}

/* 各ブロック見出し直下の説明文 */
.p-service-price__block-lead {
  margin-block: calc(4 * var(--to-rem)) calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .p-service-price__block-lead {
    margin-block-end: calc(24 * var(--to-rem));
  }
}

/* 表の下に付く「※〜」注記（1行1<p>） */
.p-service-price__note {
  margin-block-start: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}

.p-service-price__note + .p-service-price__note {
  margin-block-start: 0;
}

/* 幅の広い表（ハイエース運賃）をSPで横スクロールさせるラッパー
   スクロール可能アイコンの表示は scroll-hint ライブラリ（.js-scrollable）に任せる */
.p-service-price__scroll {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1440px) {
  .p-service-price__scroll {
    overflow-x: visible;
  }
}

/* scroll-hint ライブラリのアイコンはPC（表がはみ出さない幅）では不要なため、スマホ表示のみに限定 */
@media screen and (min-width: 768px) {
  .scroll-hint-icon-wrap {
    display: none !important;
  }
}

/* 「横スクロールできます」ヒント。
   JS（_price-scroll-hint.js）が実スクロール量を判定し
   .p-service-price__scroll に .is-scrollable を付けたときだけ表示、
   端まで送ると .is-scrolled-end でフェードアウトする */
.p-service-price__scroll-hint {
  display: none;
  margin-block-start: calc(8 * var(--to-rem));
  color: var(--color-gray-text);
  font-size: calc(13 * var(--to-rem));
  text-align: center;
  transition: opacity var(--duration);
}
.p-service-price__scroll-hint span {
  display: inline-flex;
  gap: calc(6 * var(--to-rem));
  align-items: center;
  /* 左矢印は常にスペースを確保したまま、初期は透明。
     スクロール開始（.is-scrolled）で opacity と位置だけを補間し、
     文字が横にガタつかないようにする */
}
.p-service-price__scroll-hint span::before, .p-service-price__scroll-hint span::after {
  content: "";
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 4h13M9 1l4 3-4 3' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  width: calc(16 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  background-color: currentcolor;
}
.p-service-price__scroll-hint span::before {
  opacity: 0;
  translate: calc(-4 * var(--to-rem)) 0;
  scale: -1 1;
  transition: opacity var(--duration), translate var(--duration);
}

.p-service-price__scroll.is-scrollable + .p-service-price__scroll-hint {
  display: block;
}

.p-service-price__scroll.is-scrolled + .p-service-price__scroll-hint span::before {
  opacity: 1;
  translate: 0 0;
}

.p-service-price__scroll.is-scrolled-end + .p-service-price__scroll-hint {
  opacity: 0;
  pointer-events: none;
}

.p-service-price__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: calc(4 * var(--to-rem));
  color: var(--color-text);
  /* 項目（ラベル）セル。rowspan結合行では先頭 td が省かれるため
     :first-child ではなく明示クラスで背景色を付ける */
  /* ハイエース運賃：5列マトリクス。右端「貸切り割」は全行にまたがる1セル */
  /* 運賃（アトレー）：項目 / 備考 / 料金 の3列 */
  /* レンタル / 介助 / その他：項目 / 料金 の2列 */
  /* 割引・助成制度：項目 / 内容 / 詳細（リンク入り）の3列 */
  /* SP：PC同様の表構造を保ったまま、列幅・余白を詰めたコンパクト表示
     （Figma node 403:34131：項目列は固定幅・グレー、見出し行の上端だけ角丸） */
}
.p-service-price__table th,
.p-service-price__table td {
  padding: calc(16 * var(--to-rem)) calc(14 * var(--to-rem));
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  vertical-align: middle;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-service-price__table th,
  .p-service-price__table td {
    padding: calc(24 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}
.p-service-price__table th {
  background-color: var(--color-bg-yellow-strong);
}
.p-service-price__table td {
  background-color: var(--color-white);
}
.p-service-price__table .p-service-price__cell-head {
  background-color: #efefef;
}
.p-service-price__table.--matrix {
  min-width: calc(760 * var(--to-rem));
  table-layout: fixed;
}
.p-service-price__table.--matrix th,
.p-service-price__table.--matrix td {
  width: 20%;
}
@media screen and (min-width: 1440px) {
  .p-service-price__table.--matrix {
    min-width: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-service-price__table.--triple th:nth-child(1),
  .p-service-price__table.--triple .p-service-price__cell-head {
    width: calc(228 * var(--to-rem));
  }
  .p-service-price__table.--triple th:nth-child(3),
  .p-service-price__table.--triple td:nth-child(3) {
    width: calc(176 * var(--to-rem));
  }
}
@media (width < 768px) {
  .p-service-price__table.--triple th:nth-child(3),
  .p-service-price__table.--triple td:nth-child(3) {
    width: calc(80 * var(--to-rem));
  }
}
@media screen and (min-width: 768px) {
  .p-service-price__table.--duo th:first-child,
  .p-service-price__table.--duo .p-service-price__cell-head {
    width: calc(228 * var(--to-rem));
  }
}
@media screen and (min-width: 768px) {
  .p-service-price__table.--links th:nth-child(1),
  .p-service-price__table.--links .p-service-price__cell-head {
    width: calc(228 * var(--to-rem));
  }
  .p-service-price__table.--links th:nth-child(2),
  .p-service-price__table.--links td:nth-child(2) {
    width: calc(176 * var(--to-rem));
  }
}
@media (width < 768px) {
  .p-service-price__table.--links th:nth-child(2),
  .p-service-price__table.--links td:nth-child(2) {
    width: calc(84 * var(--to-rem));
  }
}
@media (width < 768px) {
  .p-service-price__table:not(.--matrix) {
    width: 100%;
    table-layout: fixed;
    border-spacing: calc(4 * var(--to-rem)) calc(2 * var(--to-rem));
  }
  .p-service-price__table:not(.--matrix) th,
  .p-service-price__table:not(.--matrix) td {
    padding: calc(20 * var(--to-rem)) calc(8 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
    line-height: 1.8;
    overflow-wrap: anywhere;
  }
  .p-service-price__table:not(.--matrix) th:first-child,
  .p-service-price__table:not(.--matrix) .p-service-price__cell-head {
    width: calc(88 * var(--to-rem));
  }
}

.p-service-price__matrix-charter {
  vertical-align: middle;
  text-align: center;
}

.p-service-price__link {
  display: block;
  width: fit-content;
  margin-block-start: calc(4 * var(--to-rem));
  color: var(--color-text);
  word-break: break-all;
  text-decoration: underline;
  transition: color var(--duration);
}
.p-service-price__link:hover {
  color: #0080e9;
  text-decoration: underline;
}

.p-service-price__notes {
  padding: calc(32 * var(--to-rem)) calc(24 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-white);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-price__notes {
    padding: calc(64 * var(--to-rem)) calc(80 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-price__notes {
    padding: calc(64 * var(--to-rem)) calc(120 * var(--to-rem));
    border: 1px solid var(--color-primary);
  }
}

.p-service-price__notes-text {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.9;
}
@media screen and (min-width: 768px) {
  .p-service-price__notes-text {
    font-size: calc(16 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-price__notes-text {
    display: inline-block;
    margin-inline: auto;
    font-size: calc(18 * var(--to-rem));
    line-height: 1.8;
    text-align: left;
  }
}

/* ご利用シーン別の料金目安 */
.p-service-examples {
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  background-color: var(--color-bg-blue);
}
@media screen and (min-width: 768px) {
  .p-service-examples {
    padding-block: calc(160 * var(--to-rem));
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-examples {
    padding-inline: calc(120 * var(--to-rem));
  }
}

.p-service-examples__panel {
  display: flex;
  flex-direction: column;
  gap: calc(56 * var(--to-rem));
  max-width: 1200px;
  margin-inline: auto;
  padding-block: calc(48 * var(--to-rem));
  padding-inline: calc(20 * var(--to-rem));
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-service-examples__panel {
    gap: calc(72 * var(--to-rem));
    padding-block: calc(80 * var(--to-rem));
    padding-inline: calc(40 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-examples__panel {
    gap: calc(80 * var(--to-rem));
    padding-block: calc(120 * var(--to-rem));
    padding-inline: 0;
  }
}

.p-service-examples__header {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__header {
    gap: calc(24 * var(--to-rem));
  }
}

.p-service-examples__intro {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__intro {
    font-size: calc(18 * var(--to-rem));
  }
}

/* 各ブロック共通 */
.p-service-examples__block-inner {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
  max-width: calc(890 * var(--to-rem));
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-service-examples__block-inner {
    gap: calc(40 * var(--to-rem));
  }
}

@media screen and (min-width: 768px) {
  .p-service-examples__block--tagged .p-service-examples__block-inner {
    gap: calc(48 * var(--to-rem));
  }
}

@media screen and (min-width: 768px) {
  .p-service-examples__block--charter .p-service-examples__heading-group {
    gap: calc(24 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-service-examples__block--wide .p-service-examples__block-inner {
    width: fit-content;
    max-width: 100%;
  }
}

.p-service-examples__heading-group {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__heading-group {
    gap: calc(16 * var(--to-rem));
  }
}

.p-service-examples__heading {
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  color: var(--color-text);
}

.p-service-examples__heading-icon {
  flex-shrink: 0;
  width: calc(34 * var(--to-rem));
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-service-examples__heading-icon {
    width: calc(39 * var(--to-rem));
  }
}

.p-service-examples__heading-text {
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.0833em;
}
@media screen and (min-width: 768px) {
  .p-service-examples__heading-text {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
  }
}

.p-service-examples__lead {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__lead {
    font-size: calc(18 * var(--to-rem));
  }
}

/* 計算式ブロック */
.p-service-examples__case {
  display: flex;
  flex-direction: column;
}

.p-service-examples__case-title {
  color: var(--color-accent);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__case-title {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-service-examples__case-row {
  display: flex;
  flex-direction: column;
  margin-block-start: calc(16 * var(--to-rem));
}

.p-service-examples__case-row--atray {
  margin-block-start: calc(40 * var(--to-rem));
  gap: calc(16 * var(--to-rem));
}

.p-service-examples__case-row--haiace {
  margin-block-start: calc(100 * var(--to-rem));
  gap: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__case-row--haiace {
    margin-block-start: calc(44 * var(--to-rem));
  }
}

.p-service-examples__vehicle-tag {
  align-self: flex-start;
  padding: calc(4 * var(--to-rem)) calc(16 * var(--to-rem));
  background-color: var(--color-text);
  color: var(--color-white);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__vehicle-tag {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-service-examples__formula {
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 1440px) {
  .p-service-examples__formula {
    flex-direction: row;
    gap: calc(16 * var(--to-rem));
    justify-content: flex-start;
    align-items: stretch;
  }
}

.p-service-examples__cell {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: calc(420 * var(--to-rem));
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell {
    flex: 0 0 auto;
    width: calc(172 * var(--to-rem));
    height: calc(140 * var(--to-rem));
    max-width: none;
    overflow: visible;
  }
}

.p-service-examples__cell-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(64 * var(--to-rem));
  padding: calc(8 * var(--to-rem)) calc(24 * var(--to-rem));
  background-color: var(--color-primary);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__cell-head {
    min-height: calc(70 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-head {
    flex-shrink: 0;
    min-height: 0;
    height: calc(70 * var(--to-rem));
  }
}

.p-service-examples__cell-head-title {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__cell-head-title {
    font-size: calc(18 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-head-title {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1440px) {
  .p-service-examples__cell--sm-head .p-service-examples__cell-head {
    padding-inline: calc(8 * var(--to-rem));
  }
}

@media screen and (min-width: 1440px) {
  .p-service-examples__cell--sm-head .p-service-examples__cell-head-title {
    font-size: calc(13 * var(--to-rem));
  }
}

.p-service-examples__cell-head-note {
  color: var(--color-text);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-head-note {
    white-space: nowrap;
  }
}

.p-service-examples__cell-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  justify-content: center;
  align-items: center;
  min-height: calc(56 * var(--to-rem));
  padding: calc(8 * var(--to-rem)) calc(24 * var(--to-rem));
  background-color: #efefef;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__cell-body {
    min-height: calc(70 * var(--to-rem));
  }
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-body {
    flex: 0 0 calc(70 * var(--to-rem));
    min-height: 0;
    height: calc(70 * var(--to-rem));
  }
}

.p-service-examples__cell-values {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2 * var(--to-rem)) calc(6 * var(--to-rem));
  justify-content: center;
  align-items: baseline;
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-values {
    flex-wrap: nowrap;
    gap: calc(16 * var(--to-rem));
    white-space: nowrap;
  }
}

.p-service-examples__cell-value {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__cell-value {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-service-examples__cell-note {
  color: var(--color-text);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 1440px) {
  .p-service-examples__cell-note {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1440px) {
  .p-service-examples__cell--total-sm .p-service-examples__cell-value {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-service-examples__op {
  flex-shrink: 0;
  align-self: center;
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-service-examples__row-note {
  margin-block-start: calc(12 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-align: center;
}

.p-service-examples__case-note {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__case-note {
    font-size: calc(16 * var(--to-rem));
    margin-block-start: calc(16 * var(--to-rem));
  }
}

/* 冠婚葬祭: 1日貸切料金カード */
.p-service-examples__charter-card {
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--to-rem));
  align-items: center;
  width: 100%;
  max-width: calc(368 * var(--to-rem));
  padding: calc(24 * var(--to-rem)) calc(32 * var(--to-rem)) calc(32 * var(--to-rem));
  border: 2px solid var(--color-white);
  background-color: var(--color-accent);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-card {
    align-self: flex-start;
    padding-inline: calc(48 * var(--to-rem));
  }
}

.p-service-examples__charter-title {
  color: var(--color-white);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-title {
    font-size: calc(20 * var(--to-rem));
  }
}

.p-service-examples__charter-sub {
  color: var(--color-white);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-sub {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-service-examples__charter-price {
  margin-block-start: calc(4 * var(--to-rem));
  color: var(--color-white);
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.0833em;
}

.p-service-examples__charter-amount {
  font-size: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-amount {
    font-size: calc(48 * var(--to-rem));
  }
}

.p-service-examples__charter-unit {
  font-size: calc(20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-unit {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-service-examples__charter-notes {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
  margin-block-start: calc(-20 * var(--to-rem));
}
.p-service-examples__charter-notes p {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__charter-notes p {
    font-size: calc(16 * var(--to-rem));
  }
}

/* お見積りカード */
.p-service-examples__block--estimate .p-service-examples__block-inner {
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__block--estimate .p-service-examples__block-inner {
    gap: calc(46 * var(--to-rem));
  }
}

.p-service-examples__estimate-title {
  color: var(--color-text);
  font-size: calc(17 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.0833em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-title {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-service-examples__estimate-slash {
  display: inline-block;
  margin-inline: calc(4 * var(--to-rem));
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-slash {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-service-examples__estimate-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-grid {
    gap: calc(32 * var(--to-rem));
  }
}
@media screen and (min-width: 1024px) {
  .p-service-examples__estimate-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 * var(--to-rem));
  }
}

.p-service-examples__estimate-card {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  padding: calc(24 * var(--to-rem)) calc(20 * var(--to-rem));
  border-radius: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-card {
    padding: calc(32 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}

.p-service-examples__estimate-card--kanko {
  background-color: #fefade;
}

.p-service-examples__estimate-card--chokyori {
  background-color: var(--color-bg-blue);
}

.p-service-examples__estimate-image {
  overflow: hidden;
  aspect-ratio: 377/212;
  border-radius: calc(16 * var(--to-rem));
}
.p-service-examples__estimate-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-service-examples__estimate-body {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-body {
    gap: calc(18 * var(--to-rem));
  }
}

.p-service-examples__estimate-headrow {
  display: flex;
  gap: calc(12 * var(--to-rem));
  justify-content: space-between;
  align-items: center;
}

.p-service-examples__estimate-card-title {
  display: flex;
  gap: calc(10 * var(--to-rem));
  align-items: center;
  min-width: 0;
  color: var(--color-text);
  font-size: calc(17 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-card-title {
    gap: calc(16 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 2;
    letter-spacing: 0.1em;
  }
}

.p-service-examples__estimate-dot {
  flex-shrink: 0;
  width: calc(12 * var(--to-rem));
  height: calc(12 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-primary);
}

.p-service-examples__estimate-badge {
  flex-shrink: 0;
  padding: 0 calc(16 * var(--to-rem));
  background-color: var(--color-primary);
  color: var(--color-text);
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-badge {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-service-examples__estimate-text {
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.9;
}
@media screen and (min-width: 768px) {
  .p-service-examples__estimate-text {
    font-size: calc(17 * var(--to-rem));
    letter-spacing: 0.06em;
  }
}

.p-services {
  padding-block: calc(96 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-services {
    padding-block: calc(157 * var(--to-rem));
    padding-block-end: calc(163 * var(--to-rem));
  }
}

.p-services__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-services__inner {
    gap: calc(43 * var(--to-rem));
  }
}

.p-services__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 0;
  width: 100%;
  margin-top: calc(10 * var(--to-rem));
}
@media screen and (min-width: 600px) {
  .p-services__list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-services__list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0;
  }
}

.p-services__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(68 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-services__item {
    gap: calc(36 * var(--to-rem));
  }
}

.p-services__visual {
  position: relative;
  width: 257px;
  aspect-ratio: 1/1;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-services__visual {
    width: 100%;
    aspect-ratio: 1/1;
  }
}

.p-services__visual-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 315px;
  height: 315px;
  translate: -50% -50%;
}
@media screen and (min-width: 768px) {
  .p-services__visual-inner {
    position: static;
    inset: auto;
    width: 100%;
    height: 100%;
    translate: none;
  }
}

.p-services__image, .p-services__blob {
  clip-path: url("#p-services-onigiri");
}

.p-services__blob {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: var(--color-primary);
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.p-services__item.is-tilted .p-services__blob {
  transform: rotate(20deg);
  width: 101%;
  translate: 22px;
}

.p-services__image {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--color-gray);
}
.p-services__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-services__number {
  position: absolute;
  z-index: 2;
  top: 30%;
  left: 1%;
  color: var(--color-primary);
  font-family: var(--label-font-family);
  font-size: calc(64 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-services__number {
    top: 22%;
    left: 4%;
    font-size: calc(80 * var(--to-rem));
  }
}

.p-services__content {
  display: flex;
  flex-direction: column;
  gap: calc(22 * var(--to-rem));
  padding-inline: 16px;
}
@media screen and (min-width: 768px) {
  .p-services__content {
    padding-inline: 50px;
  }
}
@media (768px <= width <= 1200px) {
  .p-services__content {
    padding-inline: 0;
  }
}

.p-services__title {
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-services__title {
    font-size: calc(24 * var(--to-rem));
    letter-spacing: 0.07em;
  }
}

.p-services__text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-services__text {
    font-size: calc(18 * var(--to-rem));
    letter-spacing: 0.04em;
  }
}

.p-services__note {
  color: var(--color-gray-text);
  font-size: calc(14 * var(--to-rem));
  text-align: left;
  padding-inline: 17px;
  margin-block-start: calc(47 * var(--to-rem));
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-services__note {
    line-height: normal;
    font-size: calc(16 * var(--to-rem));
    margin-block-start: calc(23 * var(--to-rem));
    margin-inline-end: auto;
  }
}

.p-single {
  padding-block: calc(40 * var(--to-rem));
  background-color: #FEFCE9;
}
@media screen and (min-width: 768px) {
  .p-single {
    padding-block: calc(80 * var(--to-rem));
  }
}

.p-single__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
}
@media screen and (min-width: 1440px) {
  .p-single__inner {
    max-width: calc(960 * var(--to-rem));
  }
}

.p-single__header {
  margin-block-start: calc(32 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__header {
    margin-block-start: calc(48 * var(--to-rem));
  }
}

.p-single__subtitle {
  margin-block-end: calc(8 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .p-single__subtitle {
    margin-block-end: calc(12 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-single__title {
  margin-block-start: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__title {
    margin-block-start: calc(24 * var(--to-rem));
    font-size: calc(40 * var(--to-rem));
    line-height: 1.8;
  }
}

.p-single__summary {
  margin-block-start: calc(24 * var(--to-rem));
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  border-radius: 8px;
  background-color: var(--color-gray);
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-single__summary {
    margin-block-start: calc(32 * var(--to-rem));
    padding-block: calc(20 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
    font-size: calc(16 * var(--to-rem));
  }
}

.p-single__meta {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  margin-block-start: calc(16 * var(--to-rem));
  color: var(--color-border-gray);
  font-size: calc(14 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__meta {
    margin-block-start: calc(24 * var(--to-rem));
  }
}

.p-single__author {
  display: inline-block;
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__author {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-single__date {
  display: inline-block;
  flex-shrink: 0;
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__date {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-single__meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--to-rem));
  margin-block-start: calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__meta-row {
    margin-block-start: calc(24 * var(--to-rem));
  }
}

.p-single__categories {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
}

.p-single__category {
  display: inline-flex;
  padding-block: calc(4 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  border-radius: 4px;
  background-color: var(--color-accent);
  color: var(--color-white, #fafafa);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: opacity var(--duration);
}
@media screen and (min-width: 768px) {
  .p-single__category {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-single__category:hover {
  opacity: 0.8;
}

.p-single__thumbnail {
  overflow: hidden;
  margin-block-start: calc(32 * var(--to-rem));
  aspect-ratio: 16/9;
  border-radius: calc(20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__thumbnail {
    margin-block-start: calc(48 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}

.p-single__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease;
}

.p-single__featured-image {
  overflow: hidden;
  margin-block-start: calc(32 * var(--to-rem));
  border-radius: calc(20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__featured-image {
    margin-block-start: calc(48 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}

.p-single__featured-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(20 * var(--to-rem));
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-single__featured-image img {
    border-radius: calc(40 * var(--to-rem));
  }
}

.p-single__content {
  margin-block-start: calc(48 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__content {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-single__divider {
  margin-block-start: calc(40 * var(--to-rem));
  border: none;
  border-top: 1px solid oklch(from var(--color-text) l c h/70%);
}
@media screen and (min-width: 768px) {
  .p-single__divider {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-single__intro {
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__intro {
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-single__intro p {
  margin-block-start: 0;
}

.p-single__toc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__toc {
    gap: calc(32 * var(--to-rem));
    margin-block-start: calc(64 * var(--to-rem));
  }
}

.p-single__toc-title {
  margin: 0;
  color: var(--color-accent);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: 0.0833em;
}
@media screen and (min-width: 768px) {
  .p-single__toc-title {
    font-size: calc(24 * var(--to-rem));
  }
}

.p-single__toc-list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--to-rem));
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-single__toc-list {
    gap: calc(16 * var(--to-rem));
  }
}

.p-single__toc-item {
  display: flex;
  justify-content: center;
  gap: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(15 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-single__toc-item {
    gap: calc(24 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

.p-single__toc-number {
  flex-shrink: 0;
}

.p-single__toc-item a {
  color: var(--color-text);
  text-decoration: none;
  transition: opacity var(--duration);
}

.p-single__toc-item a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

:where(.p-single__content, .p-single) h1:not(.p-single__title) {
  margin-block-start: calc(48 * var(--to-rem));
  padding-block-end: calc(16 * var(--to-rem));
  border-bottom: calc(2 * var(--to-rem)) solid var(--color-gray);
  color: var(--color-text);
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) h1:not(.p-single__title) {
    margin-block-start: calc(64 * var(--to-rem));
    font-size: calc(36 * var(--to-rem));
  }
}

:where(.p-single__content, .p-single) h2 {
  margin-block-start: calc(40 * var(--to-rem));
  padding-block-start: calc(4 * var(--to-rem));
  padding-inline-start: calc(16 * var(--to-rem));
  border-inline-start: calc(4 * var(--to-rem)) solid var(--color-accent);
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) h2 {
    margin-block-start: calc(56 * var(--to-rem));
    padding-inline-start: calc(24 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
  }
}

:where(.p-single__content, .p-single) h3 {
  position: relative;
  margin-block-start: calc(32 * var(--to-rem));
  padding-inline-start: calc(20 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) h3 {
    margin-block-start: calc(40 * var(--to-rem));
    padding-inline-start: calc(24 * var(--to-rem));
    font-size: calc(22 * var(--to-rem));
    line-height: 1.8;
  }
}
:where(.p-single__content, .p-single) h3::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: calc(4 * var(--to-rem));
  width: calc(8 * var(--to-rem));
  height: calc(8 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-accent);
}

:where(.p-single__content, .p-single) h4 {
  display: inline-block;
  margin-block-start: calc(24 * var(--to-rem));
  padding-block-end: calc(2 * var(--to-rem));
  border-bottom: 1px solid var(--color-text);
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) h4 {
    margin-block-start: calc(32 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

:where(.p-single__content, .p-single) p {
  margin-block-start: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) p {
    margin-block-start: calc(20 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

:where(.p-single__content, .p-single) ul,
:where(.p-single__content, .p-single) ol {
  margin-block-start: calc(16 * var(--to-rem));
  padding-inline-start: calc(24 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  :where(.p-single__content, .p-single) ul,
  :where(.p-single__content, .p-single) ol {
    margin-block-start: calc(20 * var(--to-rem));
    padding-inline-start: calc(32 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}

:where(.p-single__content, .p-single) ul {
  list-style-type: disc;
}

:where(.p-single__content, .p-single) ol {
  list-style-type: decimal;
}

:where(.p-single__content, .p-single) li {
  margin-block-start: calc(8 * var(--to-rem));
  line-height: 1.8;
}

.p-single__content a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: calc(2 * var(--to-rem));
  transition: opacity var(--duration);
}

.p-single__content a:hover {
  opacity: 0.8;
}

.p-single__content img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-block-start: calc(24 * var(--to-rem));
  border-radius: calc(20 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single__content img {
    margin-block-start: calc(32 * var(--to-rem));
    border-radius: calc(40 * var(--to-rem));
  }
}

.p-single__content blockquote,
.p-single blockquote {
  margin-block-start: calc(24 * var(--to-rem));
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(24 * var(--to-rem)) calc(24 * var(--to-rem));
  border-inline-start: calc(4 * var(--to-rem)) solid var(--color-accent);
  border-radius: 4px;
  background-color: var(--color-gray);
  color: var(--color-text);
  font-style: italic;
}
@media screen and (min-width: 768px) {
  .p-single__content blockquote,
  .p-single blockquote {
    margin-block-start: calc(32 * var(--to-rem));
    padding-block: calc(20 * var(--to-rem));
    padding-inline: calc(32 * var(--to-rem)) calc(32 * var(--to-rem));
  }
}

.p-single__content blockquote p,
.p-single blockquote p {
  margin-block-start: 0;
}

.p-single__content code,
.p-single code {
  padding-block: calc(2 * var(--to-rem));
  padding-inline: calc(6 * var(--to-rem));
  border-radius: 4px;
  background-color: var(--color-gray);
  color: var(--color-primary);
  font-family: monospace;
  font-size: calc(14 * var(--to-rem));
}

.p-single__content pre,
.p-single pre {
  overflow-x: auto;
  margin-block-start: calc(24 * var(--to-rem));
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  border-radius: 8px;
  background-color: var(--color-gray);
  color: var(--color-text);
  font-family: monospace;
  font-size: calc(14 * var(--to-rem));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-single__content pre,
  .p-single pre {
    padding-block: calc(24 * var(--to-rem));
    padding-inline: calc(24 * var(--to-rem));
  }
}

.p-single__content pre code,
.p-single pre code {
  padding-block: 0;
  padding-inline: 0;
  background-color: transparent;
}

.p-single__content table,
.p-single table {
  width: 100%;
  margin-block-start: calc(24 * var(--to-rem));
  border: calc(1 * var(--to-rem)) solid var(--color-border-gray);
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .p-single__content table,
  .p-single table {
    margin-block-start: calc(32 * var(--to-rem));
  }
}

.p-single__content th,
.p-single__content td,
.p-single th,
.p-single td {
  padding-block: calc(12 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  border: calc(1 * var(--to-rem)) solid var(--color-border-gray);
  line-height: 1.6;
  text-align: start;
}
@media screen and (min-width: 768px) {
  .p-single__content th,
  .p-single__content td,
  .p-single th,
  .p-single td {
    padding-block: calc(16 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
  }
}

.p-single__content th,
.p-single th {
  background-color: var(--color-gray);
  color: var(--color-text);
  font-weight: var(--fw-bold);
}

.p-single__content td,
.p-single td {
  color: var(--color-text);
}

.p-single__content hr,
.p-single hr {
  margin-block-start: calc(32 * var(--to-rem));
  border: none;
  border-top: calc(1 * var(--to-rem)) solid var(--color-border-gray);
}
@media screen and (min-width: 768px) {
  .p-single__content hr,
  .p-single hr {
    margin-block-start: calc(48 * var(--to-rem));
  }
}

.p-single__content strong,
.p-single strong {
  color: var(--color-text);
  font-weight: var(--fw-bold);
}

.p-single__content em,
.p-single em {
  font-style: italic;
}

.p-single__tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--to-rem));
  margin-block-start: calc(48 * var(--to-rem));
  padding-block: calc(24 * var(--to-rem));
  border-top: calc(1 * var(--to-rem)) solid var(--color-border-gray);
}
@media screen and (min-width: 768px) {
  .p-single__tags {
    margin-block-start: calc(64 * var(--to-rem));
    padding-block: calc(32 * var(--to-rem));
  }
}

.p-single__tag {
  display: inline-block;
  padding-block: calc(4 * var(--to-rem));
  padding-inline: calc(12 * var(--to-rem));
  border-radius: 4px;
  background-color: var(--color-gray);
  color: var(--color-accent);
  font-size: calc(12 * var(--to-rem));
  text-decoration: none;
  transition: opacity var(--duration);
}
@media screen and (min-width: 768px) {
  .p-single__tag {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-single__tag:hover {
  opacity: 0.8;
}

.p-single__tag--custom {
  color: var(--color-text);
  cursor: default;
}

.p-single__navigation {
  display: grid;
  gap: calc(16 * var(--to-rem));
  margin-block-start: calc(48 * var(--to-rem));
  padding-block-start: calc(32 * var(--to-rem));
  border-top: calc(1 * var(--to-rem)) solid var(--color-border-gray);
}
@media screen and (min-width: 768px) {
  .p-single__navigation {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(24 * var(--to-rem));
    margin-block-start: calc(64 * var(--to-rem));
    padding-block-start: calc(48 * var(--to-rem));
  }
}

.p-single__nav-item {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .p-single__nav-item--prev {
    text-align: start;
  }
}

@media screen and (min-width: 768px) {
  .p-single__nav-item--next {
    text-align: end;
  }
}

.p-single__nav-link {
  display: block;
  padding-block: calc(16 * var(--to-rem));
  padding-inline: calc(16 * var(--to-rem));
  border-radius: 8px;
  background-color: var(--color-gray);
  color: var(--color-text);
  text-decoration: none;
  transition: opacity var(--duration);
}
@media screen and (min-width: 768px) {
  .p-single__nav-link {
    padding-block: calc(20 * var(--to-rem));
    padding-inline: calc(20 * var(--to-rem));
  }
}

.p-single__nav-link:hover {
  opacity: 0.8;
}

.p-single__nav-label {
  display: block;
  margin-block-start: calc(8 * var(--to-rem));
  color: var(--color-border-gray);
  font-size: calc(12 * var(--to-rem));
}

.p-single__nav-title {
  display: block;
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-single__nav-title {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-single__navigation--post {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(32 * var(--to-rem));
  border-top: none;
}
@media screen and (min-width: 768px) {
  .p-single__navigation--post {
    gap: calc(64 * var(--to-rem));
  }
}

.p-single__nav-arrow {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  border-radius: 50%;
  background-color: var(--color-bg-orange);
  color: var(--color-accent);
  transition: background-color var(--duration);
}
@media screen and (min-width: 768px) {
  .p-single__nav-arrow {
    width: calc(44 * var(--to-rem));
    height: calc(44 * var(--to-rem));
  }
}

.p-single__nav-arrow--prev {
  transform: scaleX(-1);
}

@media (any-hover: hover) {
  .p-single__nav-arrow:not(.is-disabled):hover {
    background-color: oklch(from var(--color-bg-orange) calc(l - 0.05) c h);
  }
}
.p-single__nav-arrow.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.p-single__nav-arrow-icon {
  width: calc(5 * var(--to-rem));
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-single__nav-arrow-icon {
    width: calc(6 * var(--to-rem));
  }
}

.p-single__nav-list-link {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  text-decoration: none;
  transition: opacity var(--duration);
}
@media screen and (min-width: 768px) {
  .p-single__nav-list-link {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-single__nav-list-link:hover {
  opacity: 0.7;
  text-decoration: underline;
}

.p-single--post .p-single__related {
  margin-block-start: calc(48 * var(--to-rem));
  padding-block-start: calc(32 * var(--to-rem));
  border-top: calc(1 * var(--to-rem)) solid var(--color-border-gray);
}
@media screen and (min-width: 768px) {
  .p-single--post .p-single__related {
    margin-block-start: calc(64 * var(--to-rem));
    padding-block-start: calc(48 * var(--to-rem));
  }
}

.p-single--post .p-single__related-title {
  margin-block-end: calc(24 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-single--post .p-single__related-title {
    margin-block-end: calc(32 * var(--to-rem));
    font-size: calc(24 * var(--to-rem));
  }
}

.p-single--post .p-single__related-list {
  display: grid;
  gap: calc(16 * var(--to-rem));
}
@media screen and (min-width: 600px) {
  .p-single--post .p-single__related-list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(24 * var(--to-rem));
  }
}
@media screen and (min-width: 1024px) {
  .p-single--post .p-single__related-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-single--post .p-single__related-link {
  display: grid;
  gap: calc(12 * var(--to-rem));
  text-decoration: none;
  transition: opacity var(--duration);
}
@media screen and (min-width: 600px) {
  .p-single--post .p-single__related-link {
    grid-template-columns: calc(120 * var(--to-rem)) 1fr;
    align-items: start;
  }
}
@media (any-hover: hover) {
  .p-single--post .p-single__related-link:hover {
    opacity: 0.7;
  }
}

.p-single--post .p-single__related-thumbnail {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  background-color: var(--color-gray);
}
@media screen and (min-width: 600px) {
  .p-single--post .p-single__related-thumbnail {
    aspect-ratio: 4/3;
  }
}

.p-single--post .p-single__related-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-single--post .p-single__related-content {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
}

.p-single--post .p-single__related-date {
  color: var(--color-text);
  font-size: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-single--post .p-single__related-date {
    font-size: calc(14 * var(--to-rem));
  }
}

.p-single--post .p-single__related-item-title {
  margin: 0;
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-single--post .p-single__related-item-title {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-staff {
  padding-block: calc(98 * var(--to-rem));
  background: url(../images/staff-bg-sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-staff {
    padding-block: calc(160 * var(--to-rem));
    background: url(../images/staff-bg.webp) no-repeat center center/cover;
  }
}

.p-staff__inner {
  display: flex;
  flex-direction: column;
  gap: calc(72 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-staff__inner {
    gap: calc(64 * var(--to-rem));
  }
}

.p-staff__list {
  display: flex;
  flex-direction: column;
  gap: calc(41 * var(--to-rem));
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-staff__list {
    gap: calc(78 * var(--to-rem));
  }
}

.p-staff__item {
  display: flex;
  flex-direction: column;
  gap: calc(29 * var(--to-rem));
  padding-inline: 32px;
}
@media screen and (min-width: 768px) {
  .p-staff__item {
    flex-direction: row;
    gap: calc(28 * var(--to-rem));
    align-items: flex-start;
    padding-inline: 0;
  }
}
.p-staff__item:nth-child(2) {
  gap: calc(8 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__item:nth-child(2) {
    gap: calc(28 * var(--to-rem));
  }
}
.p-staff__item:nth-child(2) .p-staff__info {
  padding: calc(26 * var(--to-rem)) 0 calc(26 * var(--to-rem)) calc(16 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__item:nth-child(2) .p-staff__info {
    padding: calc(26 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}
.p-staff__item:nth-child(2) dt {
  background-color: var(--color-accent);
  color: var(--color-white);
}
.p-staff__item:nth-child(2) dd {
  font-size: calc(16 * var(--to-rem));
  letter-spacing: -0.04em;
}
@media screen and (min-width: 768px) {
  .p-staff__item:nth-child(2) dd {
    font-size: calc(18 * var(--to-rem));
    letter-spacing: normal;
  }
}
.p-staff__item:nth-child(2) .p-staff__bio {
  background-color: rgba(234, 85, 20, 0.1);
}
.p-staff__item:nth-child(2) .p-staff__content {
  gap: 0;
}
@media screen and (min-width: 768px) {
  .p-staff__item:nth-child(2) .p-staff__content {
    gap: calc(12 * var(--to-rem));
  }
}
.p-staff__item:nth-child(2) .p-staff__resume-hoby {
  margin-top: 0;
}

.p-staff__image {
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: calc(24 * var(--to-rem));
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .p-staff__image {
    width: calc(380 * var(--to-rem));
  }
}
.p-staff__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-staff__content {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__content {
    gap: calc(40 * var(--to-rem));
  }
}

.p-staff__info {
  display: flex;
  flex-direction: column;
  gap: calc(19 * var(--to-rem));
  padding-inline-start: calc(15 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__info {
    gap: calc(16 * var(--to-rem));
    padding: calc(9 * var(--to-rem)) calc(24 * var(--to-rem));
  }
}

.p-staff__profile {
  display: flex;
  flex-direction: column;
}

.p-staff__role {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__role {
    font-size: calc(15 * var(--to-rem));
  }
}

.p-staff__name {
  color: var(--color-text);
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__name {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
  }
}

.p-staff__resume {
  display: flex;
  flex-direction: column;
  gap: calc(15 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__resume {
    gap: calc(16 * var(--to-rem));
  }
}

.p-staff__resume-row {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__resume-row {
    flex-direction: row;
    align-items: flex-start;
    gap: calc(24 * var(--to-rem));
  }
}
.p-staff__resume-row dt {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: calc(4 * var(--to-rem)) calc(24 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  border-radius: calc(4 * var(--to-rem));
  background-color: var(--color-primary);
}
@media screen and (min-width: 768px) {
  .p-staff__resume-row dt {
    padding: calc(6 * var(--to-rem)) calc(24 * var(--to-rem));
    font-size: calc(18 * var(--to-rem));
  }
}
.p-staff__resume-row dd {
  color: var(--color-text);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.2;
}
@media screen and (min-width: 768px) {
  .p-staff__resume-row dd {
    line-height: 1.8;
    font-size: calc(18 * var(--to-rem));
  }
}
.p-staff__resume-row .p-staff__resume-hoby {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  margin-top: 2px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-staff__resume-row .p-staff__resume-hoby {
    line-height: 1.8;
    font-size: calc(18 * var(--to-rem));
    margin-top: 0;
  }
}

.p-staff__resume-hoby {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.2;
}
@media screen and (min-width: 768px) {
  .p-staff__resume-hoby {
    line-height: 1.8;
    font-size: calc(18 * var(--to-rem));
  }
}

.p-staff__bio {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  padding: calc(35 * var(--to-rem)) calc(24 * var(--to-rem));
  border-radius: calc(4 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-staff__bio {
    font-size: calc(18 * var(--to-rem));
    padding: calc(22 * var(--to-rem)) calc(26 * var(--to-rem));
  }
}

.p-staff__bio-highlight {
  display: block;
  margin-block-start: calc(30 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-staff__bio-highlight {
    margin-block-start: 0;
  }
}

.p-strengths {
  padding-block: calc(91 * var(--to-rem));
  background-color: var(--color-bg-yellow);
}
@media screen and (min-width: 768px) {
  .p-strengths {
    padding-block: calc(157 * var(--to-rem));
  }
}

.p-strengths__inner {
  display: flex;
  flex-direction: column;
  gap: calc(47 * var(--to-rem));
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-strengths__inner {
    gap: calc(80 * var(--to-rem));
  }
}

.p-strengths__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(46 * var(--to-rem));
  width: 100%;
  padding-inline: 33px;
}
@media screen and (min-width: 600px) {
  .p-strengths__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .p-strengths__list {
    grid-template-columns: repeat(4, 1fr);
    padding-inline: 0;
    gap: calc(24 * var(--to-rem));
  }
}

.p-strengths__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-strengths__item:nth-child(even) {
    margin-top: calc(40 * var(--to-rem));
  }
}
.p-strengths__item.js-reveal {
  opacity: 0;
  translate: 0 calc(24 * var(--to-rem));
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
  transition-delay: calc(var(--reveal-index, 0) * 0.1s);
}
.p-strengths__item.js-reveal.is-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .p-strengths__item.js-reveal {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }
}

.p-strengths__image {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: calc(16 * var(--to-rem));
  background-color: var(--color-gray);
}
.p-strengths__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-strengths__content {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  width: 100%;
}

.p-strengths__title {
  display: flex;
  align-items: flex-start;
  gap: calc(16 * var(--to-rem));
  color: var(--color-text);
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2.1;
  letter-spacing: 0.22em;
}
@media screen and (min-width: 768px) {
  .p-strengths__title {
    font-size: calc(24 * var(--to-rem));
    line-height: 2;
    letter-spacing: calc(2 * var(--to-rem));
  }
}

.p-strengths__title-icon {
  flex-shrink: 0;
  width: calc(12 * var(--to-rem));
  height: calc(13 * var(--to-rem));
  margin-top: calc(12 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-strengths__title-icon {
    margin-top: calc(18 * var(--to-rem));
  }
}

.p-strengths__title span {
  min-width: 0;
}

.p-strengths__text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-strengths__text {
    font-size: calc(18 * var(--to-rem));
  }
}

.p-vehicles {
  padding-block-start: calc(102 * var(--to-rem));
  padding-block-end: calc(50 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-vehicles {
    padding-block-start: calc(160 * var(--to-rem));
    padding-block-end: calc(83 * var(--to-rem));
  }
}

.p-vehicles__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(64 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-vehicles__inner {
    gap: calc(48 * var(--to-rem));
  }
}

.p-vehicles__row {
  display: flex;
  gap: calc(41 * var(--to-rem));
  width: 100%;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-vehicles__row {
    flex-direction: row;
    align-items: flex-start;
    gap: calc(40 * var(--to-rem));
  }
}
@media (min-width: 1050px) {
  .p-vehicles__row {
    align-items: center;
    gap: calc(40 * var(--to-rem));
  }
}

.p-vehicles__slider {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-vehicles__slider {
    flex-shrink: 0;
    width: 56.5833333333%;
  }
}

.p-vehicles__swiper {
  position: relative;
  overflow: hidden;
  border-radius: calc(16 * var(--to-rem));
  width: 279px;
  aspect-ratio: 279/209;
}
@media screen and (min-width: 768px) {
  .p-vehicles__swiper {
    width: 100%;
    aspect-ratio: none;
    border-radius: calc(24 * var(--to-rem));
  }
}

.p-vehicles__slide-image {
  aspect-ratio: 4/3;
  background-color: var(--color-gray);
}
.p-vehicles__slide-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-vehicles__pagination.swiper-pagination {
  bottom: calc(16 * var(--to-rem));
}
.p-vehicles__pagination.swiper-pagination .swiper-pagination-bullet {
  background-color: var(--color-white);
  opacity: 0.6;
}
.p-vehicles__pagination.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
  opacity: 1;
}

.p-vehicles__nav {
  display: flex;
  justify-content: flex-end;
  gap: calc(24 * var(--to-rem));
  margin-top: calc(12 * var(--to-rem));
  margin-inline-end: calc(33 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-vehicles__nav {
    margin-inline: auto;
    margin-top: calc(24 * var(--to-rem));
  }
}

.p-vehicles__nav-btn {
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: opacity var(--duration) ease;
}
.p-vehicles__nav-btn:hover {
  opacity: 0.8;
}
.p-vehicles__nav-btn--prev {
  background-image: url(data:image/png;base64,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);
}
.p-vehicles__nav-btn--next {
  background-image: url(data:image/png;base64,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);
}

.p-vehicles__body {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
  width: 100%;
  padding-inline: calc(31 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-vehicles__body {
    gap: calc(48 * var(--to-rem));
    padding-inline: 0;
  }
}

.p-vehicles__body-title {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .p-vehicles__body-title {
    gap: calc(16 * var(--to-rem));
  }
}

.p-vehicles__lead {
  color: var(--color-gray-text);
  font-family: var(--label-font-family);
  font-size: calc(14 * var(--to-rem));
  line-height: 2;
  letter-spacing: calc(2 * var(--to-rem));
}
@media screen and (min-width: 768px) {
  .p-vehicles__lead {
    font-size: calc(16 * var(--to-rem));
  }
}

.p-vehicles__subtitle {
  color: var(--color-text);
  font-size: calc(22 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 2;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .p-vehicles__subtitle {
    font-size: calc(30 * var(--to-rem));
    line-height: 2;
    letter-spacing: calc(2 * var(--to-rem));
  }
}

.p-vehicles__text {
  color: var(--color-text);
  font-size: calc(16 * var(--to-rem));
  line-height: 1.8;
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .p-vehicles__text {
    letter-spacing: calc(2 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
    line-height: 2;
  }
}

:root {
  --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
  --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
  --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
  --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
  --clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
  --clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
  --clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
  --clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

.u-hidden-sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-hidden-sp {
    display: block;
  }
}

.u-hidden-pc {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-hidden-pc {
    display: none;
  }
}

@media (width <= 767px) {
  [data-only-device=md] {
    display: none;
  }
}

@media (width >= 768px) {
  [data-only-device=sm] {
    display: none;
  }
}

.js-parallax {
  overflow: hidden;
  position: relative;
}

.js-parallax-target {
  position: absolute;
  top: -15%;
  left: 0;
  width: 100%;
  height: 130%;
  will-change: transform;
}

.u-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.u-text__marker {
  background: linear-gradient(transparent 75%, var(--color-orange) 75%);
}

.u-text__inline-block {
  display: inline-block;
}

.u-text__indent {
  padding-inline-start: 1em;
  text-indent: -1em;
}

.has-text-color {
  color: var(--color-text);
}

.has-accent-color {
  color: var(--color-accent);
}

.has-primary-color {
  color: var(--color-primary);
}

.has-secondary-color {
  color: var(--color-secondary);
}

.has-teal-color {
  color: var(--color-teal);
}

.has-gray-text-color {
  color: var(--color-gray-text);
}

.has-white-color {
  color: var(--color-white);
}

.has-text-background-color {
  background-color: var(--color-text);
}

.has-accent-background-color {
  background-color: var(--color-accent);
}

.has-primary-background-color {
  background-color: var(--color-primary);
}

.has-secondary-background-color {
  background-color: var(--color-secondary);
}

.has-teal-background-color {
  background-color: var(--color-teal);
}

.has-gray-text-background-color {
  background-color: var(--color-gray-text);
}

.has-white-background-color {
  background-color: var(--color-white);
}