@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;
}
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
}
:where(p) {
  margin: 0;
}
html {
  font-size: 100%;
}
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 {
  display: block;
  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;
}
textarea {
  field-sizing: content;
}
body {
  background-color: var(--color-top-bg);
  color: var(--color-black);
  font-family: var(--base-font-family);
  font-weight: var(--fw-regular);
}
.body--service {
  background-color: var(--color-white);
}
.body--recruit {
  background-color: var(--color-blue-white);
}
.body--new-gas {
  background-color: var(--color-white);
}
.js-more-wrapper {
  position: relative;
  overflow: hidden;
  transition: 0.3s max-height ease-in-out;
}
.js-more-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgb(255, 255, 255) 100%);
}
.js-more-wrapper.open::after {
  z-index: -1;
  opacity: 0;
}
@property --root-font-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 16px;
}
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-text: #323436;
  --color-notice-text: #63666B;
  --color-orange: #EF9800;
  --color-green:#73CC29;
  --color-blue:#3290F5;
  --color-red:#FF2E2E;
  --color-blue-white:#EAF7FF;
  --color-top-bg:#F9F9F9;
  --color-business-bg:#fff;
  --color-business-service-bg:#F9F6F2;
  --service-header-bg:#fff;
  --recruit-header-bg:#EAF7FF;
  --company-information-border: #e2e2e2;
  --color-new-gas-bg:#FCFAF8;
  --bg-blue:#EAF7FF;
  --bg-mail-icon:#96E058;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --padding-inline:10px;
  --padding-inlinePC:16px;
  --header-z-index: 100;
  --base-font-family: "Noto Sans JP", sans-serif;
  --title-font-family: "Lato", sans-serif;
  --number-font-family: "Montserrat", sans-serif;
  --to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
  --075: calc(tan(atan2(1px, var(--root-font-size))) * 1rem * 0.75);
  --056: calc(tan(atan2(1px, var(--root-font-size))) * 1rem * 0.56);
  --leading-trim: calc((1em - 1lh) / 2);
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  html {
    scroll-padding-top: calc(var(--075) * 115);
  }
}
.l-bottom-bg {
  position: relative;
  z-index: 0;
  display: flow-root;
}
.l-bottom-bg::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -10;
  background-color: var(--color-blue-white);
}
.l-bottom-bg--footer {
  padding-block-end: 0;
  background-color: var(--color-blue);
}
@media screen and (min-width: 1250px) {
  .l-bottom-bg--footer {
    top: 0;
    padding-block-end: 0;
    background-color: var(--color-blue-white);
  }
}
.l-business-service {
  margin-block-start: calc(var(--to-rem) * 100);
}
@media screen and (min-width: 768px) {
  .l-business-service {
    margin-block-start: calc(var(--075) * 150);
  }
}
.l-entry-area {
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .l-entry-area {
    margin-block-start: calc(var(--075) * 84);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
}
.l-inner {
  box-sizing: border-box;
  max-inline-size: calc(var(--to-rem) * 1100);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-inline-size: calc(var(--to-rem) * 1120);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .l-inner {
    max-inline-size: calc(var(--to-rem) * 1354);
  }
}
.l-main {
  padding-block-start: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  .l-main {
    padding-block-start: calc(var(--075) * 115);
  }
}
@media screen and (min-width: 1441px) {
  .l-main {
    padding-block-start: calc(var(--to-rem) * 115);
  }
}
.l-new-gas {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .l-new-gas {
    inline-size: min(100%, var(--075) * 1310);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .l-new-gas {
    inline-size: min(100%, var(--to-rem) * 1310);
  }
}
.l-recruit-contactarea {
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .l-recruit-contactarea {
    margin-block-start: calc(var(--075) * 116);
  }
}
.c-badge-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: calc(var(--to-rem) * 13);
  column-gap: calc(var(--to-rem) * 10);
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-badge-list {
    display: flex;
    flex-flow: row wrap;
    gap: calc(var(--075) * 15) calc(var(--075) * 10);
  }
}
.c-badge-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: calc(var(--to-rem) * 11);
  border-radius: calc(var(--to-rem) * 50);
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.2857142857;
  text-align: center;
  border: calc(var(--to-rem) * 2) solid var(--color-blue);
}
@media screen and (min-width: 768px) {
  .c-badge-list__item {
    padding: calc(var(--075) * 13) calc(var(--075) * 10);
    font-size: calc(var(--075) * 18);
    inline-size: auto;
    flex-grow: 1;
    border: none;
  }
  .c-badge-list__item:nth-child(1), .c-badge-list__item:nth-child(2) {
    inline-size: calc((100% - var(--075) * 10) / 2);
    flex-grow: 0;
  }
  .c-badge-list__item:nth-child(n+3):nth-child(-n+8) {
    inline-size: calc((100% - var(--075) * 20) / 3);
    flex-grow: 0;
  }
  .c-badge-list__item:nth-child(n+9) {
    flex-grow: 1;
    inline-size: auto;
  }
}
@media (width >= 768px) and (width <= 1249px) {
  .c-badge-list__item:nth-child(n+9) {
    flex-grow: 0;
    inline-size: calc((100% - var(--075) * 10) / 2);
  }
}
@media screen and (min-width: 1250px) {
  .c-badge-list__item {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .c-badge-list__item {
    font-size: calc(var(--to-rem) * 20);
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .c-badge-list__item:last-child {
    inline-size: 100%;
    min-inline-size: unset;
  }
}
.c-badge-list__break {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-badge-list__break {
    display: block;
    flex-basis: 100%;
    block-size: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .c-badge-list--4col {
    gap: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 768px) {
  .c-badge-list--4col .c-badge-list__item {
    flex: 0 0 auto;
    flex-grow: 0;
    inline-size: auto;
    max-inline-size: none;
    min-inline-size: unset;
    white-space: nowrap;
    border: calc(var(--to-rem) * 2) solid var(--color-blue);
    font-size: calc(var(--to-rem) * 17);
    line-height: 1.6;
    letter-spacing: 0.01em;
    padding-inline: calc(var(--to-rem) * 14);
    padding-block: calc(var(--to-rem) * 3);
  }
  .c-badge-list--4col .c-badge-list__item:nth-child(1), .c-badge-list--4col .c-badge-list__item:nth-child(2), .c-badge-list--4col .c-badge-list__item:nth-child(n+3):nth-child(-n+8), .c-badge-list--4col .c-badge-list__item:nth-child(n+9) {
    flex: 0 0 auto;
    flex-grow: 0;
    inline-size: auto;
  }
}
@media (width >= 768px) and (width <= 1249px) {
  .c-badge-list--4col .c-badge-list__item:nth-child(n+9) {
    flex: 0 0 auto;
    flex-grow: 0;
    inline-size: auto;
    max-inline-size: none;
  }
}
@media screen and (min-width: 768px) {
  .c-badge-list--4col .c-badge-list__item:last-child {
    flex: 0 0 auto;
    flex-grow: 0;
    inline-size: auto;
    min-inline-size: unset;
    max-inline-size: none;
  }
}
.c-block-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 20);
  background-color: var(--color-orange);
  color: var(--color-white);
  border: 1px solid var(--color-orange);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  padding-block: calc(var(--to-rem) * 17);
  border-radius: calc(var(--to-rem) * 5);
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
}
.c-block-btn:hover {
  background-color: var(--color-white);
  color: var(--color-orange);
}
.c-block-btn::after {
  content: "";
  display: inline-block;
  width: calc(var(--to-rem) * 20);
  height: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
  transition: background-color 0.3s;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.00065 15.9999H16.0007V10.6666H17.6673V17.6666H2.33398V2.33325H9.33398V3.99992H4.00065V15.9999Z' fill='black'/%3E%3Cpath d='M11.418 3.99992V2.33325H17.668V8.58325H16.0013V5.16659L8.7513 12.4166L7.58464 11.2499L14.8346 3.99992H11.418Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.00065 15.9999H16.0007V10.6666H17.6673V17.6666H2.33398V2.33325H9.33398V3.99992H4.00065V15.9999Z' fill='black'/%3E%3Cpath d='M11.418 3.99992V2.33325H17.668V8.58325H16.0013V5.16659L8.7513 12.4166L7.58464 11.2499L14.8346 3.99992H11.418Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.c-block-btn:hover::after {
  background-color: var(--color-orange);
}
.c-breadcrumb {
  margin-block-start: calc(var(--to-rem) * 26);
}
@media screen and (min-width: 768px) {
  .c-breadcrumb {
    margin-block-start: calc(var(--to-rem) * 30);
  }
}
.breadcrumbs {
  display: flex;
  gap: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 1441px) {
  .c-breadcrumb span {
    font-size: calc(var(--to-rem) * 20);
  }
}
/* ==========================
  小さいサイズのボタン
========================== */
.c-more-btn.c-more-btn--small {
  display: flex;
  justify-content: center;
  inline-size: calc(var(--to-rem) * 60);
  block-size: calc(var(--to-rem) * 41);
  min-inline-size: auto;
  padding-block: 0;
  padding-inline: 0;
  background-color: var(--color-orange);
  border: 1px solid var(--color-orange);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-more-btn.c-more-btn--small {
    inline-size: calc(var(--075) * 84);
    block-size: calc(var(--075) * 58);
  }
}
@media screen and (min-width: 1250px) {
  .c-more-btn.c-more-btn--small {
    inline-size: calc(var(--to-rem) * 84);
    block-size: calc(var(--to-rem) * 58);
  }
}
.c-more-btn--small .c-more-btn__bg {
  inline-size: auto;
  padding: 0;
  border: 1px solid var(--color-orange);
  background-color: var(--color-orange);
  display: flex;
  justify-content: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.c-more-btn--small:hover {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
}
.c-more-btn--small:hover .c-more-btn__bg {
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.c-more-btn--small .c-more-btn__arrow {
  inline-size: calc(var(--to-rem) * 13);
  block-size: calc(var(--to-rem) * 13);
  color: var(--color-white);
  transform: rotate(45deg);
  transition: color 0.3s ease;
}
.c-more-btn--small:hover .c-more-btn__arrow::before,
.c-more-btn--small:hover .c-more-btn__arrow::after {
  color: var(--color-orange);
}
.c-business-section-title {
  display: flex;
  gap: calc(var(--056) * 30);
  inline-size: min(100%, var(--to-rem) * 342);
  margin-inline-start: 0;
  margin-inline-end: auto;
}
@media screen and (min-width: 768px) {
  .c-business-section-title {
    inline-size: inherit;
    margin-inline: 0;
  }
}
.c-business-section-title::before {
  content: "";
  inline-size: calc(var(--056) * 5);
  block-size: inherit;
  border-radius: calc(var(--056) * 40);
  background-color: var(--color-green);
}
.c-business-section-title__main-title {
  font-size: calc(var(--056) * 50);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1441px) {
  .c-business-section-title__main-title {
    font-size: calc(var(--to-rem) * 50);
  }
}
.c-business-section-title__sub-title {
  margin-block-start: calc(var(--to-rem) * 3);
  font-size: calc(var(--056) * 20);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1441px) {
  .c-business-section-title__sub-title {
    font-size: calc(var(--to-rem) * 20);
  }
}
.c-feature-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  inline-size: 100%;
  block-size: auto;
  max-inline-size: calc(var(--to-rem) * 500);
  margin-inline: auto;
  padding-block: calc(var(--to-rem) * 20) calc(var(--to-rem) * 13);
  padding-inline: calc(var(--to-rem) * 20);
  border-radius: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .c-feature-box {
    flex-direction: column;
    max-inline-size: calc(var(--to-rem) * 364);
    gap: calc(var(--075) * 25);
    inline-size: 100%;
    padding-block: calc(var(--075) * 25);
    border-radius: calc(var(--075) * 50);
  }
}
@media screen and (min-width: 1441px) {
  .c-feature-box {
    gap: calc(var(--to-rem) * 14);
    padding-block: calc(var(--to-rem) * 25);
    border-radius: calc(var(--to-rem) * 50);
  }
}
.c-feature-box__icon {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  inline-size: calc(var(--to-rem) * 95);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .c-feature-box__icon {
    inline-size: calc(var(--075) * 146);
  }
}
@media screen and (min-width: 1441px) {
  .c-feature-box__icon {
    inline-size: calc(var(--to-rem) * 146);
  }
}
.c-feature-box__icon img {
  inline-size: auto;
  block-size: auto;
  max-inline-size: calc(var(--to-rem) * 60);
  max-block-size: calc(var(--to-rem) * 60);
  object-fit: contain;
}
@media screen and (min-width: 1441px) {
  .c-feature-box__icon img {
    max-inline-size: calc(var(--to-rem) * 90);
    max-block-size: calc(var(--to-rem) * 90);
  }
}
.c-feature-box__text {
  flex-grow: 1;
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 28);
  font-weight: var(--fw-bold);
  line-height: 1.1785714286;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-feature-box__text {
    flex-grow: 0;
    font-size: calc(var(--056) * 36);
    line-height: 1.25;
  }
}
@media screen and (min-width: 1441px) {
  .c-feature-box__text {
    font-size: calc(var(--to-rem) * 36);
  }
}
/* ==========================
  Footer用ボタン基本型
========================== */
.c-footer-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 152);
  padding-block: calc(var(--to-rem) * 26) calc(var(--to-rem) * 15);
  padding-inline: calc(var(--to-rem) * 20);
  border: 1px solid var(--color-green);
  border-radius: 10px;
  gap: calc(15 * var(--to-rem));
  text-decoration: none;
  background-color: var(--color-green);
  transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
  .c-footer-btn {
    inline-size: 100%;
  }
}
@media screen and (min-width: 1250px) {
  .c-footer-btn {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    inline-size: min(100%, var(--075) * 350);
    padding-block: calc(var(--to-rem) * 18) calc(var(--to-rem) * 19);
    padding-inline: calc(var(--075) * 15) calc(var(--075) * 15);
    gap: 0;
    border: 1px solid var(--color-green);
  }
}
.c-footer-btn:hover {
  background-color: transparent;
}
.c-footer-btn__bg {
  display: grid;
  place-items: center;
  inline-size: calc(var(--to-rem) * 30);
  padding-block: 7px;
  border-radius: 30px;
  background-color: var(--color-white);
  border: 1px solid var(--color-green);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (min-width: 1250px) {
  .c-footer-btn__bg {
    grid-column: 3;
    justify-self: end;
  }
}
.c-footer-btn:hover :where(.c-footer-btn__bg) {
  background-color: var(--color-green);
  border-color: var(--color-white);
}
.c-footer-btn__arrow {
  position: relative;
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-green);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
  transition: color 0.3s ease;
}
.c-footer-btn__arrow::before, .c-footer-btn__arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.c-footer-btn__arrow::before {
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
}
.c-footer-btn__arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
.c-footer-btn:hover .c-footer-btn__arrow {
  color: var(--color-white);
}
.c-footer-btn__text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-black);
  letter-spacing: 0.1em;
  line-height: 1.1875;
  transition: color 0.3s ease;
}
@media screen and (min-width: 1250px) {
  .c-footer-btn__text {
    font-size: calc(var(--to-rem) * 22);
    line-height: 1.1818181818;
    grid-column: 2;
    justify-self: center;
  }
}
.c-footer-btn:hover .c-footer-btn__text {
  color: var(--color-green);
}
/* ==========================
// オレンジ色ボタン
========================== */
.c-footer-btn--orange {
  background-color: var(--color-orange);
  border: 1px solid var(--color-orange);
}
.c-footer-btn--orange .c-footer-btn__bg {
  border: 1px solid var(--color-orange);
}
.c-footer-btn--orange .c-footer-btn__arrow {
  color: var(--color-orange);
}
.c-footer-btn--orange:hover .c-footer-btn__bg {
  background-color: var(--color-orange);
  border-color: var(--color-white);
}
.c-footer-btn--orange:hover .c-footer-btn__arrow {
  color: var(--color-white);
}
.c-footer-btn--orange:hover .c-footer-btn__text {
  color: var(--color-orange);
}
/* ==========================
  Google Mapsボタン
========================== */
.c-google-map-btn__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: var(--color-white);
  border: 2px solid #C8D5DA;
  border-radius: 100px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: var(--fw-medium);
  font-family: "Noto Sans CJK JP", var(--base-font-family);
  text-decoration: none;
  transition: all 0.3s ease;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-google-map-btn__link {
    padding: 12px 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1250px) {
  .c-google-map-btn__link {
    padding: calc(8 * var(--075)) calc(16 * var(--075));
    font-size: calc(14 * var(--075));
  }
}
.c-google-map-btn__link::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 13px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.332 12.832'%3E%3Cpath d='M24.834,33.668H15.668a1.835,1.835,0,0,1-1.833-1.833v-5.5A1.835,1.835,0,0,1,15.668,24.5h.917a.917.917,0,0,1,0,1.834h-.917v5.5h9.166v-5.5h-.917a.917.917,0,0,1,0-1.834h.917a1.835,1.835,0,0,1,1.833,1.833v5.5a1.836,1.836,0,0,1-1.834,1.833Zm-3.666-5.5v-5.5a1.835,1.835,0,0,0-1.833-1.833H10.169a1.835,1.835,0,0,0-1.833,1.833v5.5A1.835,1.835,0,0,0,10.169,30h.917a.917.917,0,1,0,0-1.834h-.917v-5.5h9.166v5.5h-.917a.917.917,0,0,0,0,1.834h.917A1.836,1.836,0,0,0,21.168,28.168Z' transform='translate(-8.336 -20.836)'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (min-width: 768px) {
  .c-google-map-btn__link::after {
    inline-size: 20px;
    block-size: 15px;
  }
}
@media screen and (min-width: 1250px) {
  .c-google-map-btn__link::after {
    inline-size: calc(18 * var(--075));
    block-size: calc(13 * var(--075));
  }
}
.c-google-map-btn__link:hover {
  background-color: #f8fbfd;
  border-color: #B0C4CC;
}
.c-logo {
  display: inline-block;
}
.c-logo img {
  inline-size: clamp(160px, 20vw, 200 * var(--075));
  block-size: auto;
}
.c-more-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 315);
  padding-block: calc(var(--to-rem) * 20);
  padding-inline: calc(var(--056) * 56) calc(var(--056) * 28);
  border: 1px solid var(--color-green);
  border-radius: 100px;
  background-color: var(--color-green);
  text-decoration: none;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-more-btn {
    flex-shrink: 0;
    inline-size: calc(var(--to-rem) * 331);
    padding-block: calc(var(--to-rem) * 18);
  }
}
.c-more-btn:hover {
  background-color: var(--color-white);
}
.c-more-btn:hover .c-more-btn__text {
  color: var(--color-green);
}
.c-more-btn:hover :where(.c-more-btn__bg) {
  background-color: var(--color-green);
  border-color: var(--color-white);
}
.c-more-btn:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.c-more-btn--form {
  inline-size: min(100%, var(--to-rem) * 280);
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .c-more-btn--form {
    inline-size: calc(var(--to-rem) * 280);
  }
}
.c-more-btn--red {
  background-color: var(--color-red);
  border-color: var(--color-red);
}
.c-more-btn--red .c-more-btn__bg {
  border-color: var(--color-red);
}
.c-more-btn--red:hover {
  background-color: var(--color-white);
}
.c-more-btn--red:hover .c-more-btn__text {
  color: var(--color-red);
}
.c-more-btn--red:hover :where(.c-more-btn__bg) {
  background-color: var(--color-red);
  border-color: var(--color-white);
}
.c-more-btn--red:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.c-more-btn--green-dark {
  background-color: #2BA04C;
  border-color: #2BA04C;
}
.c-more-btn--green-dark .c-more-btn__bg {
  border-color: #2BA04C;
}
.c-more-btn--green-dark:hover {
  background-color: var(--color-white);
}
.c-more-btn--green-dark:hover .c-more-btn__text {
  color: #2BA04C;
}
.c-more-btn--green-dark:hover :where(.c-more-btn__bg) {
  background-color: #2BA04C;
  border-color: var(--color-white);
}
.c-more-btn--green-dark:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.c-more-btn--orange {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
}
.c-more-btn--orange .c-more-btn__bg {
  border-color: var(--color-orange);
}
.c-more-btn--orange:hover {
  background-color: var(--color-white);
}
.c-more-btn--orange:hover .c-more-btn__text {
  color: var(--color-orange);
}
.c-more-btn--orange:hover :where(.c-more-btn__bg) {
  background-color: var(--color-orange);
  border-color: var(--color-white);
}
.c-more-btn--orange:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.c-more-btn__bg {
  display: block;
  display: grid;
  place-items: center;
  inline-size: calc(var(--to-rem) * 35);
  padding-block: 7px;
  border: 1px solid var(--color-green);
  border-radius: 15px;
  background-color: var(--color-white);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-more-btn__bg {
    inline-size: calc(var(--to-rem) * 41);
    padding-block: 9px;
  }
}
.c-more-btn__arrow {
  position: relative;
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-green);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
  transition: color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-more-btn__arrow {
    inline-size: 10px;
    block-size: 10px;
  }
}
.c-more-btn__arrow::before, .c-more-btn__arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.c-more-btn__arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
@media screen and (min-width: 1441px) {
  .c-more-btn__arrow::before {
    block-size: 4px;
  }
}
.c-more-btn__arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
@media screen and (min-width: 1441px) {
  .c-more-btn__arrow::after {
    inline-size: 4px;
  }
}
.c-more-btn__text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 19);
  font-weight: var(--fw-bold);
  line-height: 1.5263157895;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-more-btn__text {
    font-size: calc(var(--to-rem) * 19);
  }
}
.c-more-btn--big {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-more-btn--big {
    display: flex;
    inline-size: clamp(18.75rem, 15.179rem + 7.44vw, 21.875rem);
    padding-block: calc(var(--to-rem) * 15);
    border-radius: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .c-more-btn--big {
    inline-size: 490px;
    padding-block: calc(var(--to-rem) * 23);
    border-radius: 50px;
  }
}
.c-more-btn--big .c-more-btn__bg {
  inline-size: calc(var(--056) * 73);
  padding-block: 8px;
  border-radius: 20px;
}
@media screen and (min-width: 1441px) {
  .c-more-btn--big .c-more-btn__bg {
    inline-size: calc(var(--to-rem) * 72);
    padding-block: 16px;
    border-radius: 60px;
  }
}
.c-more-btn--big .c-more-btn__arrow {
  inline-size: 10px;
  block-size: 10px;
}
@media screen and (min-width: 1441px) {
  .c-more-btn--big .c-more-btn__arrow {
    inline-size: 15px;
    block-size: 15px;
  }
}
.c-more-btn--big .c-more-btn__arrow::before, .c-more-btn--big .c-more-btn__arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.c-more-btn--big .c-more-btn__text {
  font-size: calc(var(--075) * 26);
}
@media screen and (min-width: 1441px) {
  .c-more-btn--big .c-more-btn__text {
    font-size: calc(var(--to-rem) * 26);
  }
}
.c-new-gas-section-title {
  display: grid;
  place-items: center;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .c-new-gas-section-title__main-title {
    font-size: calc(var(--to-rem) * 40);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1441px) {
  .c-new-gas-section-title__sub-title {
    margin-top: calc(var(--to-rem) * 30);
    font-size: calc(var(--to-rem) * 20);
    font-weight: var(--fw-medium);
    letter-spacing: 0.01em;
  }
}
.c-recruit-section-title {
  display: grid;
  text-align: center;
}
.c-recruit-section-title__main-title {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 50);
  font-weight: var(--fw-bold);
  line-height: 1.44;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .c-recruit-section-title__main-title {
    font-size: calc(var(--075) * 90);
  }
}
@media screen and (min-width: 1441px) {
  .c-recruit-section-title__main-title {
    font-size: calc(var(--to-rem) * 90);
  }
}
.c-recruit-section-title__main-title--blue {
  color: var(--color-blue);
}
.c-recruit-section-title__sub-title {
  margin-block-start: calc(var(--to-rem) * 10);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1441px) {
  .c-recruit-section-title__sub-title {
    font-size: calc(var(--to-rem) * 30);
  }
}
.c-recruit-section-title__main-title.color-blue {
  color: var(--color-blue);
}
.c-recruit-section-title__sub-title.color-blue {
  color: var(--color-blue);
}
.c-sub-mv {
  position: relative;
  container-type: inline-size;
  inline-size: 100%;
  block-size: 100%;
  margin-block-start: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  .c-sub-mv {
    margin-block-start: calc(var(--075) * 115);
  }
}
.c-sub-mv__img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.c-sub-mv__title {
  position: absolute;
  top: 15.1515151515%;
  left: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__title {
    top: 50%;
    left: 13%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__title {
    top: 45%;
  }
}
.c-sub-mv__sub-title {
  inline-size: fit-content;
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  transform: translateX(calc(var(--075) * 20 + var(--to-rem) * 20));
}
@media screen and (min-width: 768px) {
  .c-sub-mv__sub-title {
    font-size: calc(var(--075) * 28);
    letter-spacing: 0.05em;
    transform: translateX(calc(var(--075) * 40 + var(--075) * 37));
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__sub-title {
    font-size: calc(var(--to-rem) * 28);
    transform: translateX(calc(var(--075) * 40 + var(--to-rem) * 24));
  }
}
.c-sub-mv__main-title {
  display: flex;
  gap: calc(var(--to-rem) * 15);
  align-items: flex-start;
  color: var(--color-white);
  font-size: clamp(50px, 13.33cqw, 65px);
  font-weight: var(--fw-bold);
  line-height: 1.0666666667;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .c-sub-mv__main-title {
    gap: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__main-title {
    font-size: calc(var(--to-rem) * 75);
  }
}
.c-sub-mv__main-title::before {
  content: "";
  display: block;
  inline-size: calc(var(--to-rem) * 20);
  block-size: calc(var(--to-rem) * 20);
  border-radius: 50%;
  background-color: var(--color-orange);
  transform: translateY(20px);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__main-title::before {
    inline-size: calc(var(--075) * 37);
    block-size: calc(var(--075) * 37);
    transform: translateY(15px);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__main-title::before {
    inline-size: calc(var(--to-rem) * 24);
    block-size: calc(var(--to-rem) * 24);
    transform: translateY(30px);
  }
}
.c-sub-mv__main-title--add {
  font-size: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__main-title--add {
    gap: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1250px) {
  .c-sub-mv__main-title--add {
    gap: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__main-title--add {
    font-size: calc(var(--to-rem) * 120);
  }
}
.c-sub-mv__main-title--add::before {
  content: "";
  display: block;
  inline-size: calc(var(--to-rem) * 20);
  block-size: calc(var(--to-rem) * 20);
  border-radius: 50%;
  background-color: var(--color-orange);
  transform: translateY(27px);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__main-title--add::before {
    inline-size: calc(var(--075) * 37);
    block-size: calc(var(--075) * 37);
    transform: translateY(27px);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__main-title--add::before {
    transform: translateY(55px);
  }
}
.c-sub-mv__title--add {
  top: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__title--add {
    top: 45%;
    left: 1%;
  }
}
@media screen and (min-width: 1250px) {
  .c-sub-mv__title--add {
    left: 13%;
  }
}
.c-sub-mv__sub-textarea {
  overflow-x: hidden;
  margin-block-start: calc(var(--to-rem) * 203);
}
@media screen and (min-width: 768px) {
  .c-sub-mv__sub-textarea {
    margin-block-start: 0;
    transform: translateX(calc(var(--075) * 37 + var(--075) * 20));
  }
}
@media screen and (min-width: 1250px) {
  .c-sub-mv__sub-textarea {
    transform: translateX(calc(var(--075) * 37 + var(--075) * 40));
  }
}
.c-sub-mv__sub-text {
  inline-size: fit-content;
  color: var(--color-white);
  font-size: clamp(24px, 6.4cqw, 35px);
  font-weight: var(--fw-black);
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-sub-mv__sub-text {
    margin-block-start: calc(var(--to-rem) * 10);
    font-size: calc(var(--to-rem) * 24);
    line-height: 1.5;
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__sub-text {
    font-size: calc(var(--to-rem) * 47);
  }
}
.c-sub-mv__sub-text-en {
  display: inline-block;
  inline-size: fit-content;
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0.05em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .c-sub-mv__sub-text-en {
    font-size: calc(var(--075) * 30);
  }
}
@media screen and (min-width: 1441px) {
  .c-sub-mv__sub-text-en {
    font-size: clamp(1.5rem, -0.563rem + 2.29vw, 2.188rem);
  }
}
.c-ticker {
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  padding-block-start: calc(var(--to-rem) * 30);
  padding-block-end: calc(var(--to-rem) * 37);
}
@media screen and (min-width: 768px) {
  .c-ticker {
    padding-block-start: calc(var(--075) * 60);
    padding-block-end: calc(var(--075) * 133);
  }
}
.c-ticker__inner {
  display: inline-flex;
  animation: ticker-move 35s linear infinite;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .c-ticker__inner {
    gap: calc(var(--to-rem) * 60);
  }
}
.c-ticker__text {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: calc(var(--to-rem) * 100);
  font-weight: 400;
  color: var(--color-orange);
  opacity: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .c-ticker__text {
    font-size: calc(var(--to-rem) * 250);
  }
}
@keyframes ticker-move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.c-title {
  display: flex;
  align-items: center;
  inline-size: fit-content;
  transform: translateX(18px);
}
@media screen and (min-width: 768px) {
  .c-title {
    transform: translateX(0);
  }
}
.c-title::before {
  content: "";
  display: block;
  inline-size: calc(var(--to-rem) * 20);
  block-size: calc(var(--to-rem) * 20);
  margin-right: calc(var(--056) * 25);
  border-radius: 50%;
  background-color: var(--color-orange);
  transform: translateY(15px);
}
@media screen and (min-width: 768px) {
  .c-title::before {
    inline-size: clamp(1.25rem, 0.542rem + 1.48vw, 2.313rem);
    block-size: clamp(1.25rem, 0.542rem + 1.48vw, 2.313rem);
  }
}
.c-title__wrapper {
  display: grid;
}
.c-title__sub {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-black);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-title__sub {
    font-size: calc(var(--to-rem) * 28);
  }
}
.c-title__main {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 60);
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .c-title__main {
    font-size: clamp(3.125rem, 0.982rem + 4.46vw, 5rem);
  }
}
@media screen and (min-width: 1441px) {
  .c-title__main {
    font-size: clamp(5rem, -2.5rem + 8.33vw, 7.5rem);
  }
}
.c-title__main::first-letter {
  text-transform: uppercase;
}
.p-business-area__cards {
  display: grid;
  gap: calc(var(--to-rem) * 40);
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-business-area__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--056) * 116) calc(var(--056) * 68);
    margin-block-start: calc(var(--075) * 64);
  }
}
.p-business-area-card {
  inline-size: min(100%, var(--to-rem) * 530);
  margin-inline: auto;
  padding-block-end: calc(var(--to-rem) * 40);
  border-bottom: 2px solid #D2DDE1;
}
@media screen and (min-width: 768px) {
  .p-business-area-card {
    padding-block-end: calc(var(--075) * 44);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card {
    inline-size: min(100%, var(--to-rem) * 620);
    padding-block-end: calc(var(--to-rem) * 40);
  }
}
.p-business-area-header {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 10);
  align-items: flex-start;
}
@media screen and (width >= 848px) {
  .p-business-area-header {
    flex-direction: row;
    gap: calc(var(--075) * 14);
  }
}
.p-business-area-card__body {
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-business-area-card__body {
    padding-inline: 0;
  }
}
.p-business-area-card__title {
  display: flex;
  gap: calc(var(--to-rem) * 12);
  align-items: center;
  font-size: calc(var(--to-rem) * 26);
  font-weight: var(--fw-bold);
  line-height: 1.1153846154;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-business-area-card__title {
    font-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card__title {
    font-size: calc(var(--to-rem) * 26);
  }
}
.p-business-area-card__title::before {
  content: "";
  display: block;
  inline-size: 13px;
  block-size: 13px;
  border-radius: 50%;
  background-color: var(--color-green);
}
.p-business-area-card__title-pleace {
  inline-size: fit-content;
  padding: calc(var(--to-rem) * 8) calc(var(--to-rem) * 11);
  border: 1px solid #CBD7DC;
  border-radius: 5px;
  font-size: clamp(0.75rem, 0.607rem + 0.3vw, 0.875rem);
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
  transform: translateX(calc(13px + var(--to-rem) * 12));
}
@media screen and (min-width: 768px) {
  .p-business-area-card__title-pleace {
    transform: translate(0);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card__title-pleace {
    font-size: calc(var(--to-rem) * 14);
  }
}
.p-business-area-card-tel-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 8);
  margin-block-start: calc(var(--to-rem) * 12);
}
@media screen and (width >= 1200px) {
  .p-business-area-card-tel-wrapper {
    flex-direction: row;
    align-items: center;
    margin-block-start: calc(var(--056) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card-tel-wrapper {
    margin-block-start: calc(var(--to-rem) * 26);
  }
}
.p-business-area-card-tel {
  display: flex;
  gap: calc(var(--to-rem) * 8);
}
.p-business-area-card-tel-icon {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 53);
}
.p-business-area-card-tel-icon img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 53/30;
  object-fit: contain;
}
.p-business-area-card-tel-link {
  flex-shrink: 0;
  font-family: var(--number-font-family);
  font-size: calc(var(--to-rem) * 29);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-business-area-card-tel-link {
    font-size: calc(var(--075) * 29);
    pointer-events: none;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card-tel-link {
    font-size: calc(var(--to-rem) * 29);
  }
}
.p-business-area-card-tel-caption {
  font-size: calc(var(--to-rem) * 12);
  font-weight: var(--fw-medium);
  letter-spacing: 0.05em;
}
.p-business-area-card-address {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 10);
  margin-block-start: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-business-area-card-address {
    flex-direction: row;
    gap: calc(var(--056) * 30);
    justify-content: space-between;
    align-items: center;
    margin-block-start: calc(var(--056) * 17);
  }
}
.p-business-area-card-address-text {
  font-size: calc(var(--to-rem) * 19);
  font-weight: var(--fw--medium);
  line-height: 1.4736842105;
}
@media screen and (min-width: 768px) {
  .p-business-area-card-address-text {
    font-size: calc(var(--to-rem) * 17);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card-address-text {
    font-size: calc(var(--to-rem) * 19);
  }
}
.p-business-area-card-address-map {
  display: flex;
  flex-shrink: 0;
  gap: calc(var(--to-rem) * 10);
  justify-content: space-between;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 151);
  padding: calc(var(--to-rem) * 8) calc(var(--to-rem) * 16);
  border-radius: 20px;
  background-color: var(--color-orange);
}
.p-business-area-card-address-map-text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 15);
  font-weight: var(--fw-medium);
}
.p-business-area-card-address-map-icon {
  inline-size: min(100%, var(--to-rem) * 17);
}
.p-business-area-card-address-map-icon img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 17/12;
  object-fit: contain;
}
.p-business-area-card-list {
  display: grid;
  gap: calc(var(--to-rem) * 20);
  gap: calc(var(--056) * 23) calc(var(--056) * 14);
  margin-block-start: calc(var(--to-rem) * 25);
}
@media screen and (width >= 1100px) {
  .p-business-area-card-list {
    grid-template-columns: auto auto;
    gap: calc(var(--056) * 23) calc(var(--056) * 14);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area-card-list {
    gap: calc(var(--to-rem) * 23) calc(var(--to-rem) * 14);
  }
}
.p-business-area-card-list-item-wrapper {
  display: flex;
  gap: calc(var(--to-rem) * 17);
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-business-area-card-list-item-wrapper {
    gap: calc(var(--to-rem) * 9);
  }
}
.p-business-area-card-list-item-wrapper-title {
  flex-shrink: 0;
  inline-size: calc(var(--to-rem) * 86);
  padding: calc(var(--to-rem) * 5) calc(var(--to-rem) * 15);
  border-radius: 16px;
  background-color: var(--color-blue-white);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-semibold);
  text-align: center;
}
@media screen and (width >= 1100px) {
  .p-business-area-card-list-item-wrapper-title {
    inline-size: fit-content;
  }
}
.p-business-area-card-list-item-wrapper-text {
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-medium);
  line-height: 1.6428571429;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .p-business-area-card-list-item-wrapper-text {
    font-size: calc(var(--to-rem) * 14);
  }
}
.p-business-area-card-list-item-wrapper-text span {
  display: none;
}
@media screen and (min-width: 1441px) {
  .p-business-area-card-list-item-wrapper-text span {
    display: inline-block;
  }
}
.u-xlonly {
  display: block;
}
@media screen and (min-width: 1441px) {
  .u-xlonly {
    display: none;
  }
}
.p-business-area {
  margin-block: calc(var(--to-rem) * 100);
}
@media screen and (min-width: 768px) {
  .p-business-area {
    margin-block: calc(var(--075) * 150) calc(var(--075) * 244);
  }
}
.p-business-area__img {
  display: block;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
.p-business-area__img img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 355/298;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .p-business-area__img {
    display: block;
    inline-size: min(100%, var(--075) * 1285);
  }
  .p-business-area__img img {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1000/517;
    object-fit: contain;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-area__img {
    inline-size: calc(var(--to-rem) * 1270);
  }
  .p-business-area__img img {
    aspect-ratio: 1285/519;
  }
}
.p-business-area__content {
  padding-block-start: calc(var(--to-rem) * 77);
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-business-area__content {
    padding-block-start: calc(var(--056) * 177);
    inline-size: 100%;
    margin-inline: 0;
  }
}
.p-business-area__content + .p-business-area__content {
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-business-area__content + .p-business-area__content {
    margin-block-start: calc(var(--056) * 165);
  }
}
.p-business-offer {
  inline-size: min(100%, var(--075) * 1600);
  margin-inline: auto;
  border-radius: 30px;
  background-color: var(--color-blue-white);
}
@media screen and (min-width: 768px) {
  .p-business-offer {
    border-radius: 50px;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer {
    inline-size: min(100%, var(--to-rem) * 1584);
  }
}
.p-business-offer-inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 40);
  padding-block: calc(var(--to-rem) * 50);
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (width >= 900px) {
  .p-business-offer-inner {
    flex-direction: row;
    gap: clamp(1.25rem, -0.179rem + 2.98vw, 2.5rem);
    align-items: center;
    padding-block: calc(var(--056) * 37);
    padding-inline: calc(var(--056) * 164) calc(var(--056) * 72);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer-inner {
    padding: calc(var(--to-rem) * 37) calc(var(--to-rem) * 74) calc(var(--to-rem) * 37) calc(var(--to-rem) * 160);
  }
}
.p-business-offer-textarea {
  inline-size: min(100%, var(--075) * 700);
  margin-inline: auto;
}
@media screen and (width >= 900px) {
  .p-business-offer-textarea {
    margin-inline: initial;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer-textarea {
    inline-size: min(100%, var(--to-rem) * 652);
  }
}
.p-business-offer-title {
  font-size: calc(var(--to-rem) * 24);
  font-weight: var(--fw-black);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (width >= 900px) {
  .p-business-offer-title {
    font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer-title {
    font-size: calc(var(--to-rem) * 31);
  }
}
.p-business-offer-title span {
  display: block;
}
.p-business-offer-text {
  margin-block-start: calc(var(--to-rem) * 40);
  font-size: calc(var(--to-rem) * 16);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (width >= 900px) {
  .p-business-offer-text {
    font-size: clamp(1rem, 0.786rem + 0.45vw, 1.188rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer-text {
    font-size: calc(var(--to-rem) * 19);
  }
}
.p-business-offer-img {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
.p-business-offer-img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 355/359;
  object-fit: cover;
}
@media screen and (width >= 900px) {
  .p-business-offer-img {
    inline-size: clamp(24.375rem, 17.018rem + 15.33vw, 30.813rem);
  }
  .p-business-offer-img img {
    aspect-ratio: 658/666;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-offer-img {
    inline-size: min(100%, var(--to-rem) * 658);
  }
  .p-business-offer-img img {
    aspect-ratio: 658/666;
  }
}
.p-business-read {
  padding-block: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-business-read {
    padding-block: calc(var(--075) * 100);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-read {
    padding-block: calc(var(--to-rem) * 100);
  }
}
.p-business-read-inner {
  inline-size: min(100%, var(--075) * 1300);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-business-read-inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-read-inner {
    inline-size: min(100%, var(--to-rem) * 1240);
  }
}
.p-business-read-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 40);
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-business-read-content {
    flex-direction: row;
    gap: clamp(1.875rem, -1.196rem + 6.4vw, 4.563rem);
    align-items: flex-start;
    inline-size: initial;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-read-content {
    gap: calc(var(--to-rem) * 132);
  }
}
.p-business-read-img {
  inline-size: 100%;
  margin-inline: auto;
  border-radius: 20px;
}
.p-business-read-img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 355/296;
  object-fit: cover;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .p-business-read-img img {
    aspect-ratio: 600/500;
  }
}
@media screen and (min-width: 768px) {
  .p-business-read-img {
    flex-shrink: 0;
    inline-size: clamp(21.875rem, 14.732rem + 14.88vw, 28.125rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-read-img {
    inline-size: min(100%, var(--to-rem) * 600);
  }
  .p-business-read-img img {
    aspect-ratio: 600/500;
  }
}
.p-business-read-title {
  font-size: calc(var(--to-rem) * 39);
  font-weight: var(--fw-bold);
  line-height: 1.5384615385;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-business-read-title {
    font-size: clamp(1.563rem, 0.848rem + 1.49vw, 2.188rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-read-title {
    font-size: calc(var(--to-rem) * 46);
  }
}
.p-business-read-text {
  margin-top: calc(var(--to-rem) * 40);
  font-size: calc(var(--to-rem) * 17);
  font-weight: var(--fw-regular);
  line-height: 1.8823529412;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-business-read-text {
    margin-block-start: calc(var(--056) * 40);
  }
}
.p-business-service {
  padding-block: calc(var(--to-rem) * 40);
  background-color: var(--color-business-service-bg);
}
@media screen and (min-width: 768px) {
  .p-business-service {
    padding-block: calc(var(--075) * 70);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-service {
    padding-block: calc(var(--to-rem) * 70);
  }
}
.p-business-service__inner {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-business-service__inner {
    inline-size: inherit;
  }
}
.p-business-service__cards {
  display: grid;
  gap: calc(var(--to-rem) * 20);
  margin-block-start: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-business-service__cards {
    gap: calc(var(--056) * 50);
    min-block-size: calc(var(--056) * 50);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-service__cards {
    margin-block-start: calc(var(--to-rem) * 50);
  }
}
.p-business-service-card {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 20);
  inline-size: 100%;
  margin-inline: auto;
  padding: calc(var(--to-rem) * 20);
  border-radius: 20px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-business-service-card {
    flex-direction: row;
    gap: calc(var(--056) * 86);
    padding: calc(var(--056) * 73);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-service-card {
    align-items: flex-end;
    padding: calc(var(--to-rem) * 73);
  }
}
.p-business-service-card__img {
  inline-size: min(100%, var(--to-rem) * 500);
}
.p-business-service-card__img img {
  height: 100%;
  inline-size: 100%;
  aspect-ratio: 315/230;
  border-radius: 20px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-business-service-card__img {
    flex-shrink: 0;
    inline-size: min(100%, var(--to-rem) * 350);
  }
  .p-business-service-card__img img {
    aspect-ratio: 481/350;
  }
}
@media screen and (min-width: 1441px) {
  .p-business-service-card__img {
    inline-size: min(100%, var(--to-rem) * 481);
  }
  .p-business-service-card__img img {
    aspect-ratio: 481/350;
  }
}
.p-business-service-card__body {
  inline-size: 100%;
}
.p-business-service-card__title {
  font-size: calc(var(--to-rem) * 27);
  font-weight: var(--fw-black);
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-business-service-card__title {
    font-size: calc(var(--056) * 43);
  }
}
@media screen and (min-width: 1441px) {
  .p-business-service-card__title {
    font-size: calc(var(--to-rem) * 43);
  }
}
.p-business-service-card__text {
  color: #63666B;
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-regular);
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1441px) {
  .p-business-service-card__text {
    font-size: calc(var(--to-rem) * 19);
  }
}
.p-business-service-card__btn {
  display: grid;
  place-items: center;
  margin-block-start: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .p-business-service-card__btn {
    justify-content: flex-end;
    margin-block-start: calc(var(--075) * 48);
  }
}
.body--company {
  background-color: var(--color-white);
}
/* ==================================
  セクション全体
================================== */
.p-company-group {
  padding-block: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-company-group {
    padding-block: calc(var(--075) * 226);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group {
    padding-block: calc(var(--to-rem) * 226);
  }
}
.p-company-group__inner {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-group__inner {
    inline-size: min(100%, var(--075) * 1280);
    padding-inline: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__inner {
    inline-size: min(100%, var(--to-rem) * 1280);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-company-group__title {
  text-align: center;
  font-size: calc(var(--to-rem) * 24);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-company-group__title {
    font-size: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__title {
    font-size: calc(var(--to-rem) * 48);
  }
}
/* ==================================
  カードグリッド
================================== */
.p-company-group__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 40);
  margin-block-start: calc(var(--to-rem) * 40);
  inline-size: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-company-group__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, -8.035rem + 11.765vw, 4rem);
    margin-block-start: calc(var(--to-rem) * 80);
    max-inline-size: none;
    inline-size: auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-company-group__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(4rem, -0.571rem + 4.464vw, 8rem);
    margin-block-start: calc(var(--to-rem) * 80);
  }
}
/* ==================================
  カード本体
================================== */
.p-group-card {
  background-color: var(--color-white);
  border-radius: calc(var(--to-rem) * 20);
  padding: calc(var(--to-rem) * 30) calc(var(--to-rem) * 20);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-group-card {
    padding: calc(var(--075) * 60) calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card {
    padding: calc(var(--to-rem) * 60) calc(var(--to-rem) * 40);
  }
}
@media screen and (min-width: 768px) {
  .p-group-card:not(.p-group-card--wide) {
    min-block-size: calc(var(--075) * 800);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card:not(.p-group-card--wide) {
    min-block-size: calc(var(--to-rem) * 800);
  }
}
@media screen and (min-width: 768px) {
  .p-group-card--wide {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr clamp(300px, 55vw, var(--075) * 758);
    gap: calc(var(--to-rem) * 40);
    padding-inline: calc(var(--075) * 31);
    padding-block: calc(var(--075) * 42);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card--wide {
    grid-template-columns: 1fr calc(var(--to-rem) * 758);
    padding-inline: calc(var(--to-rem) * 31);
    padding-block: calc(var(--to-rem) * 42);
  }
}
/* ==================================
  カード内レイアウト
================================== */
.p-group-card__top,
.p-group-card__left {
  display: flex;
  flex-direction: column;
}
.p-group-card--wide .p-group-card__left {
  gap: calc(var(--to-rem) * 20);
}
@media (max-width: 767px) {
  .p-group-card--wide .p-group-card__left {
    inline-size: fit-content;
    margin-inline: auto;
  }
}
.p-group-card__title {
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
  color: #323436;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-group-card__title {
    font-size: calc(var(--075) * 28);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__title {
    font-size: calc(var(--to-rem) * 28);
  }
}
@media screen and (min-width: 768px) {
  .p-group-card--wide .p-group-card__title {
    text-align: left;
  }
}
/* ==================================
  ロゴ
================================== */
.p-group-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.p-group-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-group-card--wide .p-group-card__logo {
  width: calc(var(--to-rem) * 100);
  aspect-ratio: 149/193;
}
@media screen and (min-width: 768px) {
  .p-group-card--wide .p-group-card__logo {
    width: calc(var(--075) * 149);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card--wide .p-group-card__logo {
    width: calc(var(--to-rem) * 149);
  }
}
.p-group-card:not(.p-group-card--wide) .p-group-card__logo {
  height: calc(var(--to-rem) * 140);
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .p-group-card:not(.p-group-card--wide) .p-group-card__logo {
    height: calc(var(--075) * 200);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card:not(.p-group-card--wide) .p-group-card__logo {
    height: calc(var(--to-rem) * 200);
  }
}
.p-group-card__logo--tech {
  width: min(var(--to-rem) * 240, 100%);
}
@media screen and (min-width: 768px) {
  .p-group-card__logo--tech {
    width: calc(var(--075) * 380);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__logo--tech {
    width: calc(var(--to-rem) * 380);
  }
}
.p-group-card__logo--service {
  width: min(var(--to-rem) * 240, 100%);
}
@media screen and (min-width: 768px) {
  .p-group-card__logo--service {
    width: calc(var(--075) * 380);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__logo--service {
    width: calc(var(--to-rem) * 380);
  }
}
.p-group-card__logo--insurance {
  width: min(var(--to-rem) * 240, 100%);
}
@media screen and (min-width: 768px) {
  .p-group-card__logo--insurance {
    width: calc(var(--075) * 380);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__logo--insurance {
    width: calc(var(--to-rem) * 380);
  }
}
.p-group-card__logo--travel {
  width: min(var(--to-rem) * 240, 100%);
}
@media screen and (min-width: 768px) {
  .p-group-card__logo--travel {
    width: calc(var(--075) * 380);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__logo--travel {
    width: calc(var(--to-rem) * 380);
  }
}
/* ==================================
  事業内容・バッジ・リスト
================================== */
.p-group-card__bottom,
.p-group-card__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.p-group-card--wide .p-group-card__right {
  margin-block-start: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .p-group-card--wide .p-group-card__right {
    margin-block-start: 0;
    justify-content: center;
  }
}
.p-group-card__business {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 20);
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .p-group-card__business {
    align-items: flex-start;
  }
}
.p-group-card--wide .p-group-card__business {
  gap: calc(var(--to-rem) * 20);
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-group-card--wide .p-group-card__business {
    flex-direction: row;
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card--wide .p-group-card__business {
    gap: calc(var(--to-rem) * 60);
  }
}
.p-group-card__badge {
  background-color: var(--color-blue-white);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  padding: calc(var(--to-rem) * 10) calc(var(--to-rem) * 16);
  border-radius: calc(var(--to-rem) * 30);
  line-height: 1;
  white-space: nowrap;
  align-self: auto;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-group-card__badge {
    align-self: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .p-group-card__badge {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__badge {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-group-card__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 10);
  margin-block-start: calc(var(--to-rem) * 4);
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-group-card__list {
    width: auto;
  }
}
.p-group-card__list li {
  position: relative;
  padding-inline-start: 0.75em;
  font-size: clamp(var(--to-rem) * 14, 1.5vw, var(--075) * 24);
  font-weight: var(--fw-bold);
  color: #323436;
  overflow-wrap: break-word;
}
@media screen and (min-width: 1441px) {
  .p-group-card__list li {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-group-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #323436;
}
@media screen and (min-width: 768px) {
  .p-group-card__list--col2 {
    display: grid;
    grid-template-columns: calc(var(--075) * 220) 1fr;
    gap: calc(var(--to-rem) * 8);
  }
}
@media screen and (min-width: 1441px) {
  .p-group-card__list--col2 {
    grid-template-columns: calc(var(--to-rem) * 220) 1fr;
  }
}
.p-group-card__button-wrap {
  margin-block-start: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .p-group-card--wide .p-group-card__button-wrap {
    inline-size: calc(100% - var(--to-rem) * 48);
  }
}
/* ==================================
  社是
================================== */
.p-company-group__philosophy {
  margin-block-start: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy {
    margin-block-start: calc(var(--075) * 200);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__philosophy {
    margin-block-start: calc(var(--to-rem) * 200);
  }
}
.p-company-group__philosophy-box {
  position: relative;
  background-color: var(--color-blue-white);
  border-radius: calc(var(--to-rem) * 40);
  padding-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 30);
  padding-inline: calc(var(--to-rem) * 24);
  margin-inline: auto;
  inline-size: min(971px, 100%);
}
.p-company-group__philosophy-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-blue-white);
  border-radius: inherit;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-box {
    border-radius: calc(var(--075) * 80);
    padding-block: calc(var(--075) * 44) calc(var(--075) * 44);
    padding-inline: clamp(1.5rem, 4vw, 5rem);
  }
  .p-company-group__philosophy-box::before {
    translate: none;
  }
}
@media screen and (min-width: 1250px) {
  .p-company-group__philosophy-box {
    border-radius: calc(var(--to-rem) * 80);
    padding-block: calc(var(--to-rem) * 44) calc(var(--to-rem) * 10);
    padding-inline: calc(var(--to-rem) * 86) calc(var(--to-rem) * 30);
  }
  .p-company-group__philosophy-box::before {
    translate: calc(var(--to-rem) * 54) calc(var(--to-rem) * 86);
  }
}
.p-company-group__philosophy-title {
  text-align: center;
  font-size: calc(var(--to-rem) * 28);
  font-weight: var(--fw-bold);
  color: #323436;
  letter-spacing: 0.04em;
}
.p-company-group__philosophy-title span {
  margin-inline-start: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-title span {
    margin-inline-start: 1em;
  }
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-title {
    font-size: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__philosophy-title {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-company-group__philosophy-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 40);
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-content {
    flex-direction: row;
    gap: calc(var(--075) * 67);
    justify-content: center;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__philosophy-content {
    gap: calc(var(--to-rem) * 67);
    justify-content: space-between;
  }
}
.p-company-group__philosophy-text {
  font-size: calc(var(--to-rem) * 16);
  line-height: 1.6075;
  font-weight: var(--fw-medium);
  color: #323436;
  letter-spacing: 0.0945em;
  text-align: center;
  margin-block-start: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-text {
    font-size: calc(var(--075) * 28);
    text-align: left;
    margin-block-start: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__philosophy-text {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-company-group__philosophy-img {
  inline-size: min(var(--to-rem) * 200, 80%);
  aspect-ratio: 299/346;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .p-company-group__philosophy-img {
    inline-size: calc(var(--075) * 299);
    transform: none;
  }
}
@media screen and (min-width: 1250px) {
  .p-company-group__philosophy-img {
    transform: translateY(calc(var(--to-rem) * 20));
  }
}
@media screen and (min-width: 1441px) {
  .p-company-group__philosophy-img {
    inline-size: calc(var(--to-rem) * 299);
    transform: translateY(calc(var(--to-rem) * 50));
  }
}
.p-company-group__philosophy-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-company-information {
  background-color: #fcfaf8;
  border-radius: calc(var(--to-rem) * 50);
  padding-block: calc(var(--to-rem) * 80);
}
@media screen and (min-width: 768px) {
  .p-company-information {
    border-radius: calc(var(--075) * 200);
    padding-block: calc(var(--075) * 140);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information {
    border-radius: calc(var(--to-rem) * 200);
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-company-information__inner {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-information__inner {
    inline-size: min(100%, var(--075) * 1040);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__inner {
    inline-size: min(100%, var(--to-rem) * 1040);
  }
}
.p-company-information__title {
  font-size: calc(var(--to-rem) * 32);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-company-information__title {
    font-size: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__title {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-company-information__list {
  display: flex;
  flex-direction: column;
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-company-information__list {
    margin-block-start: calc(var(--075) * 80);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__list {
    margin-block-start: calc(var(--to-rem) * 80);
  }
}
.p-company-information__row {
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--to-rem) * 20);
  border-bottom: 1px solid var(--company-information-border);
  gap: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-information__row {
    flex-direction: row;
    align-items: flex-start;
  }
}
.p-company-information__term {
  color: var(--color-green);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  white-space: nowrap;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .p-company-information__term {
    font-size: calc(var(--075) * 16);
    inline-size: calc(var(--075) * 180);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__term {
    font-size: calc(var(--to-rem) * 16);
    inline-size: calc(var(--to-rem) * 180);
  }
}
.p-company-information__desc {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-regular);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .p-company-information__desc {
    font-size: calc(var(--075) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__desc {
    font-size: calc(var(--to-rem) * 16);
  }
}
.p-company-information__address {
  display: block;
}
.p-company-information__address + .p-company-information__address {
  margin-block-start: calc(var(--to-rem) * 10);
}
/* ==========================
  会社情報カード
========================== */
.p-company-information__cards {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 20);
  margin-block-start: calc(var(--to-rem) * 40);
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-company-information__cards {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin-inline: auto;
    margin-block-start: calc(var(--075) * 120);
    gap: calc(var(--075) * 35);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__cards {
    margin-block-start: calc(var(--to-rem) * 120);
    gap: calc(var(--to-rem) * 15) calc(var(--to-rem) * 20);
  }
}
.p-company-card {
  border: 2px solid var(--color-green);
  border-radius: calc(var(--to-rem) * 12);
  background-color: var(--color-white);
  padding-block-start: calc(var(--to-rem) * 12);
  display: flex;
  flex-direction: column;
  min-block-size: calc(var(--to-rem) * 200);
}
@media screen and (min-width: 768px) {
  .p-company-card {
    border-radius: calc(var(--075) * 20);
    padding-block-start: calc(var(--075) * 15);
    min-block-size: unset;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card {
    border-radius: calc(var(--to-rem) * 20);
    padding-block-start: calc(var(--to-rem) * 15);
  }
}
@media screen and (min-width: 768px) {
  .p-company-information__cards > .p-company-card:nth-child(1),
  .p-company-information__cards > .p-company-card:nth-child(3) {
    flex: 341 0 0%;
  }
}
@media screen and (min-width: 768px) {
  .p-company-information__cards > .p-company-card:nth-child(2) {
    flex: 285 0 0%;
  }
}
@media screen and (min-width: 768px) {
  .p-company-information__cards > .p-company-card:nth-child(n+4) {
    flex: 1 1 calc(50% - var(--075) * 35 / 2);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-information__cards > .p-company-card:nth-child(n+4) {
    flex: 1 1 calc(50% - var(--to-rem) * 20 / 2);
  }
}
@media screen and (min-width: 768px) {
  .p-company-card--wide {
    grid-column: 1/-1;
    padding-block-start: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card--wide {
    padding-block-start: calc(var(--to-rem) * 20);
  }
}
.p-company-card__head {
  margin-inline: calc(var(--to-rem) * 12);
  background-color: var(--color-green);
  color: var(--color-white);
  text-align: center;
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  padding-block: calc(var(--to-rem) * 12);
  border-radius: calc(var(--to-rem) * 40);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-company-card__head {
    margin-inline: calc(var(--075) * 16);
    font-size: calc(var(--075) * 20);
    padding-block: calc(var(--075) * 15);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__head {
    margin-inline: calc(var(--to-rem) * 16);
    font-size: calc(var(--to-rem) * 20);
    padding-block: calc(var(--to-rem) * 15);
  }
}
@media screen and (min-width: 768px) {
  .p-company-card--wide .p-company-card__head {
    margin-inline: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card--wide .p-company-card__head {
    margin-inline: calc(var(--to-rem) * 20);
  }
}
.p-company-card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.p-company-card__body--established {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(var(--to-rem) * 15);
  margin-block-start: calc(var(--to-rem) * 20);
  margin-block-end: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-card__body--established {
    flex-direction: row;
    gap: calc(var(--075) * 32);
    margin-block-start: calc(var(--075) * 21);
    margin-block-end: calc(var(--075) * 33);
    padding-inline: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--established {
    gap: calc(var(--to-rem) * 32);
    margin-block-start: calc(var(--to-rem) * 21);
    margin-block-end: calc(var(--to-rem) * 33);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-company-card__body--employees {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(var(--to-rem) * 20);
  margin-block-start: calc(var(--to-rem) * 20);
  margin-block-end: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-card__body--employees {
    flex-direction: row;
    justify-content: center;
    gap: calc(var(--075) * 9);
    margin-block-start: calc(var(--075) * 30);
    margin-block-end: calc(var(--075) * 30);
    padding-inline: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--employees {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 768px) {
  .p-company-card__body--employees .p-company-card__data-label {
    font-size: calc(var(--075) * 19);
  }
  .p-company-card__body--employees .p-company-card__number-lg {
    font-size: calc(var(--075) * 42);
  }
  .p-company-card__body--employees .p-company-card__number-sm {
    font-size: calc(var(--075) * 21);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--employees .p-company-card__data-label {
    font-size: calc(var(--to-rem) * 19);
  }
  .p-company-card__body--employees .p-company-card__number-lg {
    font-size: calc(var(--to-rem) * 42);
  }
  .p-company-card__body--employees .p-company-card__number-sm {
    font-size: calc(var(--to-rem) * 21);
  }
}
.p-company-card__body--capital {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-block-start: calc(var(--to-rem) * 20);
  margin-block-end: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-card__body--capital {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--capital {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-company-card__body--sales {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 20);
  margin-block-start: calc(var(--to-rem) * 20);
  margin-block-end: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-card__body--sales {
    gap: calc(var(--075) * 58);
    margin-block-start: 0;
    margin-block-end: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--sales {
    gap: calc(var(--to-rem) * 58);
    margin-block-start: 0;
    margin-block-end: 0;
  }
}
.p-company-card__body--business {
  display: block;
  margin-inline: calc(var(--to-rem) * 15);
  margin-block: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-card__body--business {
    margin-inline: calc(var(--075) * 27);
    margin-block: calc(var(--075) * 30) calc(var(--075) * 41);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--business {
    margin-inline: calc(var(--to-rem) * 27);
    margin-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 41);
  }
}
.p-company-card__info--center {
  text-align: center;
}
.p-company-card__number-wrap {
  color: var(--color-green);
  font-weight: var(--fw-bold);
  line-height: 1;
  font-family: var(--number-font-family);
  text-align: right;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-company-card__number-wrap {
    text-align: right;
  }
}
.p-company-card__number-lg {
  font-size: calc(var(--to-rem) * 32);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-company-card__number-lg {
    font-size: calc(var(--075) * 48);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__number-lg {
    font-size: calc(var(--to-rem) * 48);
  }
}
.p-company-card__number-sm {
  font-size: calc(var(--to-rem) * 16);
  font-family: var(--base-font-family);
  font-weight: var(--fw-bold);
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-company-card__number-sm {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__number-sm {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-company-card__data-group {
  display: flex;
  gap: calc(var(--to-rem) * 20);
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .p-company-card__data-group {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--075) * 15);
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__data-group {
    gap: calc(var(--to-rem) * 15);
  }
}
.p-company-card__data-col {
  display: flex;
  align-items: flex-end;
  gap: calc(var(--to-rem) * 5);
}
@media screen and (min-width: 768px) {
  .p-company-card__data-col {
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--075) * 10);
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__data-col {
    gap: calc(var(--to-rem) * 15);
  }
}
.p-company-card__data-label {
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-company-card__data-label {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__data-label {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-company-card__sub-text {
  font-size: calc(var(--to-rem) * 12);
  color: var(--color-text);
  margin-block-start: calc(var(--to-rem) * 3);
  font-weight: var(--fw-bold);
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-company-card__sub-text {
    font-size: calc(var(--075) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__sub-text {
    font-size: calc(var(--to-rem) * 16);
  }
}
.p-company-card__icon {
  flex-shrink: 0;
}
.p-company-card__icon img {
  width: 100%;
  height: auto;
}
.p-company-card__body--established .p-company-card__icon {
  width: calc(var(--to-rem) * 60);
  aspect-ratio: 100/96;
}
@media screen and (min-width: 768px) {
  .p-company-card__body--established .p-company-card__icon {
    width: calc(var(--075) * 100);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--established .p-company-card__icon {
    width: calc(var(--to-rem) * 100);
  }
}
.p-company-card__body--employees .p-company-card__icon {
  width: calc(var(--to-rem) * 60);
  aspect-ratio: 97/85;
}
@media screen and (min-width: 768px) {
  .p-company-card__body--employees .p-company-card__icon {
    width: calc(var(--075) * 72);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--employees .p-company-card__icon {
    width: calc(var(--to-rem) * 72);
  }
}
.p-company-card__body--sales .p-company-card__icon {
  width: calc(var(--to-rem) * 80);
  aspect-ratio: 127/121;
}
@media screen and (min-width: 768px) {
  .p-company-card__body--sales .p-company-card__icon {
    width: calc(var(--075) * 127);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__body--sales .p-company-card__icon {
    width: calc(var(--to-rem) * 127);
  }
}
.p-company-card__icon--bottom {
  margin-block-start: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-company-card__icon--bottom {
    margin-block-start: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__icon--bottom {
    margin-block-start: calc(var(--to-rem) * 20);
  }
}
.p-company-card__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--to-rem) * 10);
  inline-size: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-company-card__list {
    gap: calc(var(--075) * 16);
    inline-size: 100%;
    grid-template-columns: 1fr;
    margin-inline: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__list {
    gap: calc(var(--to-rem) * 16);
  }
}
.p-company-card__list li {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding-inline-start: 0;
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  color: var(--color-text);
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .p-company-card__list li {
    display: block;
    position: relative;
    padding-inline-start: 1em;
    font-size: calc(var(--075) * 20);
    line-height: 1;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-card__list li {
    font-size: calc(var(--to-rem) * 20);
    line-height: 1;
  }
}
.p-company-card__list li::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-company-card__list li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.body--reform {
  background-color: var(--color-white);
}
/* ==========================
  セクション全体
========================== */
.p-company-read {
  padding-block: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-company-read {
    padding-block: calc(var(--075) * 100);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-read {
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-company-read-inner {
  inline-size: min(100%, var(--075) * 1310);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-company-read-inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-company-read-inner {
    inline-size: min(100%, var(--to-rem) * 1310);
  }
}
.p-company-read-title {
  font-size: calc(var(--to-rem) * 32);
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--color-text);
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .p-company-read-title {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-company-read-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 30);
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  margin-block-start: calc(var(--to-rem) * 53);
}
@media screen and (min-width: 768px) {
  .p-company-read-wrapper {
    gap: clamp(1.875rem, -1.196rem + 6.4vw, 4.563rem);
    align-items: center;
    inline-size: min(100%, var(--to-rem) * 800);
  }
}
@media screen and (min-width: 1250px) {
  .p-company-read-wrapper {
    inline-size: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-read-wrapper {
    gap: calc(var(--to-rem) * 100);
    margin-block-start: calc(var(--to-rem) * 106);
  }
}
.p-company-read-img {
  display: grid;
  place-content: center;
  inline-size: 100%;
  margin-inline: auto;
}
.p-company-read-img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 317/120;
  object-fit: cover;
  border-radius: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-company-read-img img {
    aspect-ratio: 1270/480;
  }
}
.p-company__textarea {
  display: grid;
  gap: calc(var(--to-rem) * 30);
}
.p-company-read-text {
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-medium);
  line-height: 2;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-company-read-text {
    padding-inline: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-read-text {
    font-size: calc(var(--to-rem) * 18);
    line-height: 2;
  }
}
.p-company-read-text--signature {
  line-height: 1;
  text-align: right;
}
.p-contact-area {
  position: relative;
  padding-block: calc(var(--to-rem) * 35) calc(var(--to-rem) * 50);
  border-top-left-radius: 30px;
  background-color: var(--color-blue);
}
.p-contact-area::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-blue-white);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-contact-area {
    border-radius: 0 100px 0 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-contact-area {
    border-radius: 0 100px 100px 0;
  }
}
.p-contact-area__inner {
  inline-size: min(100%, var(--075) * 1654);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-contact-area__inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-contact-area__inner {
    inline-size: min(100%, var(--to-rem) * 1694);
  }
}
.p-contact-area__title {
  font-size: calc(var(--to-rem) * 51);
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
  transform: translateX(-5px);
}
.p-contact-area__title .c-title__sub {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-contact-area__title {
    font-size: clamp(3.125rem, 0.982rem + 4.46vw, 5rem);
  }
}
.p-contact-area__sub-title {
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-black);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-contact-area__sub-title {
    font-size: clamp(1.563rem, 0.848rem + 1.49vw, 2.188rem);
  }
}
.p-contact-area__header {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-contact-area__header {
    align-items: center;
  }
}
@media screen and (min-width: 1250px) {
  .p-contact-area__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.p-contact-area__header-reception-time-text.p-contact-area__header-reception-time-text--pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-reception-time-text.p-contact-area__header-reception-time-text--pc-only {
    display: block;
  }
}
.p-contact-area__header-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1250px) {
  .p-contact-area__header-left {
    flex-direction: row;
    gap: calc(var(--075) * 50);
  }
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-btn {
    margin-block-start: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1250px) {
  .p-contact-area__header-btn {
    margin-block-start: calc(var(--to-rem) * 44);
  }
}
.p-contact-area__header-text {
  margin-block-start: calc(var(--to-rem) * 28);
  margin-inline: auto;
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 27);
  font-weight: var(--fw-black);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1250px) {
  .p-contact-area__header-text {
    margin-block-start: calc(var(--to-rem) * 56);
  }
}
.p-contact-area__header-reception-time-text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-block-start: calc(var(--to-rem) * 25);
  margin-inline: auto;
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-reception-time-text {
    margin-block-start: calc(var(--to-rem) * 56);
    font-size: calc(var(--to-rem) * 18);
    text-align: left;
  }
}
@media screen and (min-width: 1250px) {
  .p-contact-area__header-reception-time-text {
    margin-inline: initial;
  }
}
@media screen and (min-width: 1441px) {
  .p-contact-area__header-reception-time-text {
    font-size: clamp(1.125rem, 0.375rem + 0.83vw, 1.375rem);
  }
}
.p-contact-area__header-text.u-sp-only {
  font-size: calc(var(--to-rem) * 18);
  letter-spacing: 0.05em;
  text-align: center;
}
.p-contact-area__header-reception-time-text.u-sp-only {
  position: relative;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-reception-time-text.u-sp-only {
    display: none;
  }
}
.p-contact-area__header-reception-time-text.u-sp-only span {
  font-size: calc(var(--to-rem) * 12);
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-text.u-pc-only {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(var(--056) * 58);
    font-size: clamp(1.25rem, 0.964rem + 0.6vw, 1.5rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-contact-area__header-text.u-pc-only {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-contact-area__header-text.u-pc-only::before {
  content: "";
  display: block;
  inline-size: calc(var(--056) * 50);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-white);
  transform: translate(-10px, -3px) rotate(60deg);
}
.p-contact-area__header-text.u-pc-only::after {
  content: "";
  display: block;
  inline-size: calc(var(--056) * 50);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-white);
  transform: translate(10px, -3px) rotate(-60deg);
}
.p-contact-area__header-reception-time-text.u-sp-only::before {
  content: "";
  position: absolute;
  bottom: calc(var(--to-rem) * 8);
  left: calc(var(--to-rem) * -34);
  display: block;
  inline-size: calc(var(--to-rem) * 40);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-white);
  transform: translate(-15px, -10px) rotate(60deg);
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-reception-time-text.u-sp-only::before {
    content: none;
  }
}
.p-contact-area__header-reception-time-text.u-sp-only::after {
  content: "";
  position: absolute;
  right: calc(var(--to-rem) * -34);
  bottom: calc(var(--to-rem) * 8);
  display: block;
  inline-size: calc(var(--to-rem) * 40);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-white);
  transform: translate(15px, -10px) rotate(-60deg);
}
@media screen and (min-width: 768px) {
  .p-contact-area__header-reception-time-text.u-sp-only::after {
    content: none;
  }
}
.p-contact-area__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--to-rem) * 13);
  place-content: center;
  margin-top: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-contact-area__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(320 * var(--to-rem), 100%), calc(383 * var(--to-rem))));
    gap: calc(var(--056) * 32);
  }
}
@media screen and (min-width: 1441px) {
  .p-contact-area__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-contact-area__card {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding: calc(var(--to-rem) * 15) calc(var(--to-rem) * 16) calc(var(--to-rem) * 20);
  border-radius: 20px;
  box-shadow: 2px 4px var(--color-orange);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-contact-area__card {
    box-shadow: 4px 4px var(--color-orange);
  }
}
@media screen and (min-width: 768px) {
  .p-contact-area__card {
    inline-size: min(100%, var(--to-rem) * 530);
  }
}
.p-contact-area__card-header {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding: calc(var(--to-rem) * 4);
  border-radius: 10px;
  background-color: var(--color-blue);
  color: var(--color-white);
  font-size: calc(var(--075) * 32);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .p-contact-area__card-header {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-contact-area__card-free-call-wrapper {
  margin-top: calc(var(--to-rem) * -5);
}
.p-contact-area__card-tel {
  display: block;
  inline-size: fit-content;
  margin-top: calc(var(--to-rem) * 13);
  margin-inline: auto;
  font-size: calc(var(--075) * 53);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1441px) {
  .p-contact-area__card-tel {
    font-size: calc(var(--to-rem) * 53);
  }
}
.p-contact-area__card-free-call {
  display: flex;
  gap: calc(var(--to-rem) * 5);
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--to-rem) * 5);
}
.p-contact-area__card-free-call-icon {
  flex-shrink: 0;
  inline-size: min(100%, var(--075) * 82);
}
.p-contact-area__card-free-call-icon img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 82/62;
  object-fit: cover;
}
@media screen and (min-width: 1441px) {
  .p-contact-area__card-free-call-icon {
    inline-size: min(100%, var(--to-rem) * 82);
  }
}
.p-contact-area__card-free-call-link {
  font-size: calc(var(--075) * 41);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1441px) {
  .p-contact-area__card-free-call-link {
    font-size: calc(var(--to-rem) * 41);
  }
}
.p-contact-area__card-free-call-text {
  font-feature-settings: "palt";
  font-size: calc(var(--to-rem) * 10);
}
.p-entry-area {
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  padding-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 60);
  border-radius: 40px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-entry-area {
    inline-size: min(100%, var(--075) * 1710);
    padding-block: calc(var(--075) * 24) calc(var(--075) * 74);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area {
    inline-size: min(100%, var(--to-rem) * 1710);
    padding-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 74);
  }
}
.p-entry-area__inner {
  padding-inline: calc(var(--to-rem) * 10);
}
.p-entry-area__content {
  display: grid;
  gap: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-entry-area__content {
    gap: calc(var(--056) * 43);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area__content {
    gap: calc(var(--to-rem) * 43);
  }
}
.p-entry-area__title {
  display: grid;
  text-align: center;
}
.p-entry-area__main-title {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 60);
  font-weight: var(--fw-bold);
  line-height: 1.44;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .p-entry-area__main-title {
    font-size: calc(var(--075) * 131);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area__main-title {
    font-size: calc(var(--to-rem) * 131);
  }
}
.p-entry-area__sub-title {
  display: block;
  margin-block-start: calc(var(--to-rem) * 5);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-entry-area__sub-title {
    margin-block-start: calc(var(--to-rem) * 18);
    margin-block-start: 0;
    font-size: calc(var(--075) * 32);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area__sub-title {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-entry-area-links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 30);
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-entry-area-links {
    flex-direction: row;
    justify-content: space-between;
    inline-size: min(100%, var(--056) * 1354);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-links {
    inline-size: min(100%, var(--to-rem) * 1354);
  }
}
.p-entry-area-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 355);
  padding-block: calc(var(--to-rem) * 21);
  padding-inline: calc(var(--to-rem) * 20);
  border: 3px solid var(--color-orange);
  border-radius: 20px;
  background-color: var(--color-orange);
  transition: 0.3 ease-in-out border, background-color;
}
@media screen and (min-width: 768px) {
  .p-entry-area-link {
    inline-size: min(100%, var(--075) * 630);
    block-size: calc(var(--to-rem) * 78);
    padding-block: calc(var(--to-rem) * 15);
    padding-inline: calc(var(--056) * 56) calc(var(--056) * 28);
    transition: background-color 0.3s ease-in-out;
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link {
    inline-size: min(100%, var(--to-rem) * 630);
    block-size: calc(var(--to-rem) * 140);
    padding-inline: calc(var(--to-rem) * 56) calc(var(--to-rem) * 28);
  }
}
.p-entry-area-link:hover .p-entry-area-link__arrow {
  transform: translateX(5px) rotate(45deg);
}
.p-entry-area-link__bg {
  position: absolute;
  top: 50%;
  right: calc(var(--to-rem) * 20);
  display: block;
  display: grid;
  place-items: center;
  inline-size: calc(var(--to-rem) * 38);
  block-size: calc(var(--to-rem) * 26);
  padding-block: 8px;
  border-radius: 20px;
  background-color: var(--color-white);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-entry-area-link__bg {
    inline-size: calc(var(--056) * 73);
    block-size: calc(var(--056) * 49);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__bg {
    inline-size: min(100%, var(--to-rem) * 72);
    block-size: min(100%, var(--to-rem) * 49);
    border-radius: 60px;
  }
}
.p-entry-area-link__arrow {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-orange);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-entry-area-link__arrow {
    inline-size: 10px;
    block-size: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__arrow {
    inline-size: 14px;
    block-size: 14px;
  }
}
.p-entry-area-link__arrow--white {
  color: var(--color-white);
  transform: translate(-7%, -7%) rotate(45deg);
}
.p-entry-area-link__arrow::before, .p-entry-area-link__arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: var(--color-orange);
}
.p-entry-area-link__arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__arrow::before {
    block-size: 4px;
  }
}
.p-entry-area-link__arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__arrow::after {
    inline-size: 4px;
  }
}
.p-entry-area-link__arrow--white::before, .p-entry-area-link__arrow--white::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: var(--color-white);
}
.p-entry-area-link__text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1.5263157895;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-entry-area-link__text {
    font-size: calc(var(--to-rem) * 20);
    transform: translateX(calc(var(--to-rem) * -30));
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__text {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-entry-area-link--white {
  position: relative;
  padding-block: 3px;
  border: 3px solid var(--color-blue);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-entry-area-link--white {
    justify-content: center;
  }
}
.p-entry-area-link__img {
  inline-size: min(100%, var(--056) * 378);
}
.p-entry-area-link__img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 281/80;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .p-entry-area-link__img {
    inline-size: min(100%, var(--056) * 404);
    transform: translateY(-3px);
  }
}
@media screen and (min-width: 1441px) {
  .p-entry-area-link__img {
    inline-size: min(100%, var(--to-rem) * 404);
    transform: translateX(-15px) translateY(-3px);
  }
}
.p-entry-area-link__bg--blue {
  position: absolute;
  top: 50%;
  right: calc(var(--to-rem) * 17);
  padding-block: 10px;
  background-color: #30ABEB;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-entry-area-link__bg--blue {
    right: calc(var(--056) * 28);
  }
}
/* ==========================
  レイアウト構造
========================== */
.p-footer {
  padding-block: calc(var(--to-rem) * 40);
  border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 0;
  background-color: var(--color-white);
}
@media screen and (min-width: 1250px) {
  .p-footer {
    margin-block-start: calc(var(--to-rem) * 114);
    padding-block: calc(var(--075) * 130) calc(var(--075) * 85);
    padding-inline: 0;
    border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer {
    padding-block: calc(var(--to-rem) * 82) calc(var(--to-rem) * 79);
  }
}
.p-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: calc(var(--to-rem) * 700);
  padding-inline: calc(var(--to-rem) * 20);
  margin-inline: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__inner {
    max-inline-size: calc(var(--to-rem) * 900);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer__inner {
    display: grid;
    grid-template-areas: "info branch nav" "info branch cta";
    align-items: start;
    max-inline-size: calc(1800 * var(--075));
    margin-inline: auto;
    padding-inline: calc(var(--to-rem) * 50);
    text-align: left;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer__inner {
    max-inline-size: calc(var(--to-rem) * 1800);
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .p-footer__inner {
    column-gap: calc(var(--to-rem) * 30);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer__inner > * {
    order: unset;
    margin-block-start: 0;
  }
}
.p-footer__inner > .p-footer-cta {
  order: 1;
}
@media screen and (min-width: 1250px) {
  .p-footer__inner > .p-footer-cta {
    margin-block-start: calc(var(--075) * 90);
  }
}
@media screen and (min-width: 1441px) {
  .p-footer__inner > .p-footer-cta {
    margin-block-start: 0;
    align-self: end;
  }
}
.p-footer__inner > .p-footer__nav-area {
  order: 2;
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 1250px) {
  .p-footer__inner > .p-footer__nav-area {
    margin-block-start: 0;
  }
}
.p-footer__inner > .p-footer__branch-area {
  order: 4;
  margin-block-start: calc(var(--to-rem) * 42);
}
@media screen and (min-width: 1250px) {
  .p-footer__inner > .p-footer__branch-area {
    margin-block-start: 0;
  }
}
.p-footer__inner > .p-footer__info {
  order: 5;
  margin-block-start: calc(var(--to-rem) * 110);
}
@media screen and (min-width: 1250px) {
  .p-footer__inner > .p-footer__info {
    margin-block-start: 0;
    margin-inline: auto;
  }
}
.p-footer__inner > .p-footer__bottom {
  order: 6;
  margin-block-start: calc(var(--to-rem) * 25);
}
.p-footer__inner.l-inner {
  inline-size: auto;
}
.p-footer__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1250px) {
  .p-footer__info {
    grid-area: info;
    align-items: flex-start;
    height: 100%;
  }
}
.p-footer__logo {
  inline-size: min(100%, var(--to-rem) * 181);
  block-size: auto;
  aspect-ratio: 181/29;
}
@media screen and (min-width: 1250px) {
  .p-footer__logo {
    inline-size: min(100%, var(--075) * 257);
    aspect-ratio: 257/41;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer__logo {
    inline-size: calc(var(--to-rem) * 257);
  }
}
.p-footer__logo img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-footer__branch-area {
    inline-size: fit-content;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-footer__branch-area {
    grid-area: branch;
    inline-size: 100%;
  }
}
.p-footer__nav-area {
  inline-size: 100%;
}
@media (max-width: 767px) {
  .p-footer__nav-area {
    max-inline-size: calc(var(--to-rem) * 800);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-footer__nav-area {
    grid-area: nav;
  }
}
.p-footer__info .p-footer__copyright {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-footer__info .p-footer__copyright {
    display: block;
  }
}
.p-footer__bottom {
  display: block;
  margin-block-start: calc(var(--to-rem) * 40);
  text-align: center;
}
@media screen and (min-width: 1250px) {
  .p-footer__bottom {
    display: none;
  }
}
.p-footer__copyright {
  display: block;
  margin-block-start: calc(var(--to-rem) * 12);
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 14);
}
@media screen and (min-width: 1250px) {
  .p-footer__copyright {
    margin-block-start: auto;
    font-size: calc(14 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer__copyright {
    font-size: calc(var(--to-rem) * 14);
  }
}
/* ==========================
  ロゴ下の文字
========================== */
.p-footer-company {
  margin-block-start: calc(var(--to-rem) * 19);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.7857142857;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-footer-company {
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-company {
    margin-block-start: 0;
    font-size: calc(16 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-company {
    font-size: calc(var(--to-rem) * 16);
  }
}
/* ==========================
  拠点情報
========================== */
.p-footer-branch {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 1250px) {
  .p-footer-branch {
    align-items: flex-start;
    gap: calc(var(--075) * 60);
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-branch {
    gap: calc(var(--to-rem) * 49);
    min-inline-size: calc(var(--to-rem) * 355);
  }
}
.p-footer-branch__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 1250px) {
  .p-footer-branch__item {
    align-items: flex-start;
  }
}
.p-footer-branch__name {
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-footer-branch__name {
    font-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-branch__name {
    font-size: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-branch__name {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-footer-branch__address {
  margin-block-start: calc(var(--to-rem) * 12);
  margin-block-end: 0;
  font-size: calc(var(--to-rem) * 17);
  color: var(--color-text);
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .p-footer-branch__address {
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-branch__address {
    margin-block-start: calc(5 * var(--075));
    font-size: clamp(11px, 1.1vw, 18 * var(--075));
    font-weight: var(--fw-medium);
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-branch__address {
    font-size: calc(var(--to-rem) * 18);
  }
}
.p-footer-branch__address-btn {
  margin-block-start: calc(var(--to-rem) * 12);
}
/* ==========================
  ナビゲーション
========================== */
.p-footer-nav {
  inline-size: calc(100% - var(--to-rem) * 10);
}
.p-footer-nav__items {
  display: flex;
  flex-direction: column;
  max-inline-size: calc(var(--to-rem) * 800);
  margin-inline: auto;
  inline-size: 100%;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__items {
    max-inline-size: none;
    margin-inline: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(70 * var(--075));
    row-gap: 0;
    gap: 0;
  }
}
@media screen and (min-width: 1250px) and (max-width: 1100px) {
  .p-footer-nav__items {
    column-gap: calc(24 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__items {
    column-gap: calc(var(--to-rem) * 40);
  }
}
.p-footer-nav__item {
  border-block-start: 1px solid #dbdbdb;
}
@media (max-width: 1100px) {
  .p-footer-nav__item {
    padding-inline-end: calc(15 * var(--075));
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__item {
    border: none;
    max-inline-size: calc(250 * var(--075));
    inline-size: 100%;
    padding-inline-start: calc(24 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__item {
    max-inline-size: none;
    padding-inline-start: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__item:first-child {
    padding-inline-start: 0;
  }
}
.p-footer-nav__item:last-child {
  border-block-end: 1px solid #dbdbdb;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__item:last-child {
    border: none;
  }
}
.p-footer-nav__item--sp-news {
  display: block;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__item--sp-news {
    display: none;
  }
}
.p-footer-nav__title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(17 * var(--to-rem));
  font-weight: var(--fw-medium);
  letter-spacing: 0.05em;
  color: #032343;
  block-size: calc(66 * var(--to-rem));
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
  pointer-events: auto;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__title {
    display: block;
    block-size: auto;
    padding-inline: 0;
    font-size: calc(22 * var(--075));
    line-height: 1.1818181818;
    font-weight: var(--fw-bold);
    padding-block-end: calc(23 * var(--075));
    border-block-end: 2px solid #C8D5DA;
    text-align: left;
    letter-spacing: normal;
    color: var(--color-text);
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__title {
    font-size: calc(var(--to-rem) * 22);
    padding-block-end: calc(var(--to-rem) * 23);
  }
}
.p-footer-nav__title:hover {
  color: var(--color-green);
}
.p-footer-nav__title::before,
.p-footer-nav__title::after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: var(--color-green);
  transform: translateY(-50%);
  transition: transform 0.25s ease-in-out;
  display: block;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__title::before,
  .p-footer-nav__title::after {
    display: none;
  }
}
.p-footer-nav__title::before {
  inline-size: calc(16 * var(--to-rem));
  block-size: calc(2 * var(--to-rem));
  right: calc(11 * var(--to-rem));
}
.p-footer-nav__title::after {
  inline-size: calc(2 * var(--to-rem));
  block-size: calc(16 * var(--to-rem));
  right: calc(18 * var(--to-rem));
  transform-origin: center;
}
.p-footer-nav__title.is-open::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-footer-nav__item--sp-news .p-footer-nav__title::before,
.p-footer-nav__item--sp-news .p-footer-nav__title::after {
  content: none;
}
.p-footer-nav__sub {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease;
  overflow: hidden;
  padding-inline: 0;
}
@media screen and (min-width: 768px) {
  .p-footer-nav__sub {
    font-size: calc(18 * var(--to-rem));
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub {
    display: block;
    overflow: visible;
  }
}
.p-footer-nav__sub a {
  display: block;
  padding-block: calc(8 * var(--to-rem));
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub a {
    padding-block: calc(var(--075) * 9);
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub a {
    padding-block: calc(var(--to-rem) * 9);
  }
}
.p-footer-nav__sub a:hover {
  opacity: 0.7;
}
.p-footer-nav__sub.is-open {
  grid-template-rows: 1fr;
  padding-block-end: calc(24 * var(--to-rem));
}
.p-footer-nav__sub-items {
  min-height: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-items {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: calc(17 * var(--075));
    font-weight: var(--fw-bold);
    overflow: visible;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub-items {
    font-size: calc(var(--to-rem) * 17);
  }
}
.p-footer-nav__sub-item {
  color: inherit;
}
.p-footer-nav__sub-item a {
  transition: color 0.3s ease;
}
.p-footer-nav__sub-item a:hover {
  color: var(--color-green);
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-item {
    font-size: calc(17 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub-item {
    font-size: calc(var(--to-rem) * 17);
    white-space: nowrap;
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-item:first-child {
    padding-block-start: calc(13 * var(--to-rem));
  }
}
.p-footer-nav__sub-item--bottom-link {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-item--bottom-link {
    display: block;
    margin-block-start: calc(30 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub-item--bottom-link {
    margin-block-start: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-item--sitemap {
    margin-block-start: calc(160 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub-item--sitemap {
    margin-block-start: calc(var(--to-rem) * 160);
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-nav__sub-item--privacy {
    margin-block-start: calc(75 * var(--075));
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav__sub-item--privacy {
    margin-block-start: calc(var(--to-rem) * 75);
  }
}
/* ==========================
  CTA（SP版はロゴの下、PC版はナビゲーションの上）
========================== */
.p-footer-cta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: calc(11 * var(--to-rem));
  inline-size: 100%;
}
@media (max-width: 767px) {
  .p-footer-cta {
    max-inline-size: calc(var(--to-rem) * 450);
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-cta {
    max-inline-size: calc(595 * var(--to-rem));
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-footer-cta {
    max-inline-size: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: calc(45 * var(--075));
    grid-area: cta;
    margin-inline: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-cta {
    gap: calc(var(--to-rem) * 45);
  }
}
/* ===================================
  サイトマップ / プライバシーポリシー
===================================*/
.p-footer-bottom-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(48 * var(--to-rem));
  font-size: calc(14 * var(--to-rem));
  color: var(--color-text);
}
.p-footer-bottom-links a {
  transition: color 0.3s ease;
}
.p-footer-bottom-links a:hover {
  color: var(--color-green);
}
.p-front-about {
  margin-block-start: calc(var(--to-rem) * 72);
  padding-block-start: calc(var(--to-rem) * 53);
  padding-block-end: calc(var(--to-rem) * 55);
  border-radius: 0 calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0;
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-front-about {
    margin-block-start: calc(var(--to-rem) * 150);
    padding-block: calc(var(--to-rem) * 77) calc(var(--to-rem) * 80);
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-about__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--to-rem) * 10);
    align-items: center;
    justify-content: center;
  }
}
.p-front-about__top {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-front-about__top {
    flex-direction: row;
    gap: calc(var(--to-rem) * 86);
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 1250px) {
  .p-front-about__top {
    flex-direction: column;
    gap: calc(var(--to-rem) * 0);
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.p-front-about__text-group {
  margin-block-start: calc(var(--to-rem) * 36);
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-front-about__text-group {
    flex: 1;
    margin-block-start: calc(var(--to-rem) * 55);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-about__text-group {
    margin-block-start: 0;
    padding-inline: 0;
    align-self: end;
  }
}
.p-front-about__heading {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 40);
  font-weight: var(--fw-black);
  line-height: 1.375;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-front-about__heading {
    flex-shrink: 0;
    font-size: clamp(2.813rem, 1.875rem + 1.042vw, 3.125rem);
    line-height: 1.52;
    text-align: center;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-about__heading {
    text-align: left;
  }
}
.p-front-about__description {
  margin-block-start: calc(var(--to-rem) * 29);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-front-about__description {
    max-inline-size: calc(var(--to-rem) * 570);
    margin-block-start: calc(var(--to-rem) * 38);
    font-size: calc(var(--to-rem) * 19);
    line-height: 1.9473684211;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-about__description {
    margin-block-start: calc(var(--to-rem) * 38);
    margin-inline: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-front-about__bottom {
    margin-block-start: calc(var(--075) * 91);
  }
}
.p-front-about__features {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 12);
  align-items: center;
  margin-block-start: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .p-front-about__features {
    flex-direction: row;
    gap: calc(var(--to-rem) * 25);
    justify-content: center;
    margin-block-start: 0;
  }
}
.p-front-about__feature {
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-front-about__feature {
    flex: 1;
    max-inline-size: calc(var(--075) * 364);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-about__feature {
    max-inline-size: calc(var(--to-rem) * 364);
  }
}
.p-front-about .c-badge-list {
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-front-about .c-badge-list {
    margin-block-start: calc(var(--075) * 70);
  }
}
.p-front-about .c-badge-list__item {
  block-size: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-front-about .c-badge-list__item {
    block-size: auto;
  }
}
.p-front-about .c-badge-list__item:last-child {
  grid-column: 1/-1;
  justify-self: center;
  inline-size: calc((100% - var(--to-rem) * 10) / 2);
}
@media screen and (min-width: 768px) {
  .p-front-about .c-badge-list__item:last-child {
    grid-column: unset;
    justify-self: unset;
    inline-size: 100%;
  }
}
.p-front-about__badge {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: calc((100% - var(--to-rem) * 10) / 2);
  padding-block: calc(var(--to-rem) * 11);
  border-radius: calc(var(--to-rem) * 50);
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.2857142857;
  text-align: center;
  max-block-size: calc(var(--to-rem) * 40);
  block-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-front-about__badge {
    padding: calc(var(--075) * 13) calc(var(--075) * 10);
    font-size: calc(var(--075) * 18);
  }
  .p-front-about__badge:nth-child(1), .p-front-about__badge:nth-child(2) {
    width: calc((100% - var(--075) * 10) / 2);
  }
  .p-front-about__badge:nth-child(n+3):nth-child(-n+8) {
    width: calc((100% - var(--075) * 20) / 3);
  }
  .p-front-about__badge:nth-child(n+9):nth-child(-n+16) {
    flex-grow: 1;
    width: auto;
  }
  .p-front-about__badge:last-child {
    width: 100%;
  }
}
@media (width >= 768px) and (width <= 1249px) {
  .p-front-about__badge:nth-child(n+9):nth-child(-n+16) {
    flex-grow: 0;
    width: calc((100% - var(--075) * 10) / 2);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-about__badge {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-about__badge {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-front-about__badge:last-child {
  inline-size: auto;
  min-inline-size: calc((100% - var(--to-rem) * 10) / 2);
}
@media screen and (min-width: 768px) {
  .p-front-about__badge:last-child {
    inline-size: 100%;
  }
}
.p-front-about__image-wrap {
  margin-block-start: calc(var(--to-rem) * 56);
}
@media screen and (min-width: 768px) {
  .p-front-about__image-wrap {
    margin-block-start: calc(var(--075) * 73);
  }
}
.p-front-about__video {
  position: relative;
  width: 100%;
  aspect-ratio: 355/207;
  margin-inline: auto;
  border-radius: calc(var(--to-rem) * 20);
  box-shadow: calc(var(--to-rem) * 5) calc(var(--to-rem) * 5) 0 0 var(--color-orange);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-front-about__video {
    border-radius: calc(var(--to-rem) * 50);
    aspect-ratio: 1141/663;
    max-inline-size: calc(var(--to-rem) * 1141);
  }
}
.p-front-about__video picture,
.p-front-about__video img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center 15%;
}
.p-front-about__btn-sp {
  display: flex;
  justify-content: center;
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 1250px) {
  .p-front-about__btn-sp {
    display: none;
  }
}
.p-front-about__btn-pc {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-front-about__btn-pc {
    display: block;
    margin-block-start: calc(var(--to-rem) * 82);
    padding-inline-start: calc(var(--to-rem) * 36);
  }
}
.p-front-news {
  padding-block: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-front-news {
    padding-block: calc(var(--075) * 100);
  }
}
.p-front-news__list {
  margin-top: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-front-news__list {
    margin-top: calc(var(--075) * 60);
  }
}
.p-news-item {
  border-bottom: 1px solid #EAEAEA;
}
.p-news-item:last-child {
  border-bottom: none;
}
.p-news-item__link {
  display: block;
  padding-block: calc(var(--to-rem) * 20);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-news-item__link:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .p-news-item__link {
    display: flex;
    align-items: center;
    gap: calc(var(--075) * 40);
    padding-block: calc(var(--075) * 30);
  }
}
.p-news-item__meta {
  display: flex;
  align-items: center;
  gap: calc(var(--to-rem) * 15);
  margin-bottom: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-news-item__meta {
    margin-bottom: 0;
    gap: calc(var(--075) * 30);
    flex-shrink: 0;
  }
}
.p-news-item__date {
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-news-item__date {
    font-size: calc(var(--075) * 16);
  }
}
.p-news-item__label {
  background-color: var(--color-orange);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 12);
  font-weight: var(--fw-bold);
  padding: 4px 12px;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .p-news-item__label {
    font-size: calc(var(--075) * 14);
  }
}
.p-news-item__title {
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-news-item__title {
    font-size: calc(var(--075) * 18);
  }
}
.p-front-news__btn {
  margin-top: calc(var(--to-rem) * 40);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-front-news__btn {
    margin-top: calc(var(--075) * 60);
  }
}
.p-front-recruit {
  margin-block-start: calc(var(--to-rem) * 62);
}
@media screen and (min-width: 768px) {
  .p-front-recruit {
    margin-block-start: 0;
    padding-block-start: calc(var(--to-rem) * 150);
  }
}
.p-front-recruit__card {
  background-color: var(--color-blue);
  border-radius: 30px;
  overflow: visible;
  padding-block-start: calc(var(--to-rem) * 42);
  padding-block-end: calc(var(--to-rem) * 44);
  max-inline-size: calc(var(--to-rem) * 750);
  margin-inline: auto;
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__card {
    max-inline-size: calc(var(--to-rem) * 1654);
    margin-inline: auto;
    border-radius: calc(var(--to-rem) * 30);
    padding-block-start: 0;
    padding-block-end: 0;
  }
}
.p-front-recruit__card-inner {
  padding-inline: calc(var(--to-rem) * 10);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__card-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline-start: calc(var(--to-rem) * 113);
    padding-inline-end: calc(var(--to-rem) * 87);
    padding-block-start: calc(var(--to-rem) * 100);
    padding-block-end: calc(var(--to-rem) * 80);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-recruit__card-inner {
    padding-block-start: calc(var(--to-rem) * 82);
    padding-block-end: calc(var(--to-rem) * 62);
  }
}
@media screen and (min-width: 768px) {
  .p-front-recruit__info {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__info {
    flex-shrink: 0;
    margin-block-start: calc(var(--to-rem) * -40);
  }
}
.p-front-recruit__lead-block {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-inline-start: calc(var(--to-rem) * 20);
  margin-block-start: calc(var(--to-rem) * 50);
  gap: calc(var(--to-rem) * 17);
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__lead-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-inline-start: calc(var(--to-rem) * 60);
    margin-block-start: calc(var(--to-rem) * 35);
  }
}
.p-front-recruit__lead {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 30);
  font-weight: var(--fw-black);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__lead {
    font-size: calc(var(--to-rem) * 46);
    line-height: 1.5;
    margin-block-start: 0;
  }
}
.p-front-recruit__btn {
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__btn {
    margin-block-start: calc(var(--to-rem) * 37);
    margin-inline-start: 0;
  }
}
.p-front-recruit__img-wrap {
  order: 1;
  margin-block-start: calc(var(--to-rem) * 45);
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__img-wrap {
    order: 2;
    margin-block-start: 0;
    position: relative;
    margin-block-start: calc(var(--to-rem) * -175);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-recruit__img-wrap {
    margin-block-start: calc(var(--to-rem) * -150);
  }
}
.p-front-recruit__img {
  aspect-ratio: 355/279;
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 600);
  margin-inline: auto;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.p-front-recruit__img::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  inline-size: 100%;
  block-size: 100%;
  background-color: var(--color-orange);
  border-radius: inherit;
  z-index: -1;
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__img::before {
    top: calc(var(--to-rem) * 10);
    left: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-recruit__img {
    aspect-ratio: 875/696;
    inline-size: 100%;
    max-inline-size: calc(var(--to-rem) * 875);
    border-radius: calc(var(--to-rem) * 20);
    margin-inline: 0;
  }
}
.p-front-recruit__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--to-rem) * 20);
}
/* ==========================
  お知らせエリア
========================== */
.p-front-notice {
  margin-block-start: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  .p-front-notice {
    margin-block-start: calc(var(--to-rem) * 45);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-notice__inner.l-inner {
    max-inline-size: none;
    margin-inline: 0;
    padding-inline: 0;
  }
}
.p-front-notice__box {
  display: flex;
  flex-direction: column;
  max-inline-size: calc(var(--to-rem) * 500);
  margin-inline: auto;
  border: 1px solid #E05858;
  border-radius: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
}
@media screen and (min-width: 1250px) {
  .p-front-notice__box {
    flex-direction: row;
    align-items: center;
    inline-size: calc(var(--to-rem) * 1120);
    max-inline-size: none;
    margin-inline-end: 0;
    border-radius: calc(var(--to-rem) * 100);
  }
}
.p-front-notice__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__info {
    flex-direction: row;
    align-items: center;
  }
}
.p-front-notice__label {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20) 0 0;
  background-color: #E05858;
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 12);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 1250px) {
  .p-front-notice__label {
    padding-block: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20);
    padding-inline: calc(var(--to-rem) * 39);
    border-radius: calc(var(--to-rem) * 100) 0 0 calc(var(--to-rem) * 100);
    font-size: calc(var(--to-rem) * 22);
  }
}
.p-front-notice__meta {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 13);
  padding-block: calc(var(--to-rem) * 21);
  padding-inline: calc(var(--to-rem) * 15);
}
@media screen and (min-width: 1250px) {
  .p-front-notice__meta {
    flex-direction: row;
    gap: calc(var(--to-rem) * 30);
    align-items: center;
    padding: 0 calc(var(--to-rem) * 40);
    min-inline-size: calc(var(--to-rem) * 700);
  }
}
.p-front-notice__date {
  color: var(--color-notice-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-medium);
  line-height: 1.6875;
  max-inline-size: calc(var(--to-rem) * 85);
  inline-size: 100%;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__date {
    font-size: calc(var(--to-rem) * 22);
    max-inline-size: calc(var(--to-rem) * 120);
    line-height: 1.5;
  }
}
.p-front-notice__title {
  color: var(--color-notice-text);
  font-size: calc(var(--to-rem) * 16);
  line-height: 1.6875;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__title {
    font-size: calc(var(--to-rem) * 22);
    line-height: 1.5;
  }
}
.p-front-notice__btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-start: calc(var(--to-rem) * 17);
  margin-inline-start: auto;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__btn-wrap {
    flex-shrink: 0;
    margin-block-start: 0;
  }
}
.p-front-notice__btn-wrap--pc {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__btn-wrap--pc {
    display: flex;
  }
}
.p-front-notice__btn-wrap--sp {
  display: flex;
}
@media screen and (min-width: 1250px) {
  .p-front-notice__btn-wrap--sp {
    display: none;
  }
}
.c-more-btn--notice {
  background-color: #E05858;
  border: 1px solid #E05858;
}
@media screen and (min-width: 1250px) {
  .c-more-btn--notice {
    inline-size: calc(var(--to-rem) * 230);
    padding-block: calc(var(--to-rem) * 20.5);
  }
}
.c-more-btn--notice .c-more-btn__bg {
  border: 1px solid #E05858;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.c-more-btn--notice .c-more-btn__arrow {
  color: #E05858;
  transition: color 0.3s ease;
}
.c-more-btn--notice:hover .c-more-btn__text {
  color: #E05858;
}
.c-more-btn--notice:hover .c-more-btn__bg {
  background-color: #E05858;
  border-color: var(--color-white);
}
.c-more-btn--notice:hover .c-more-btn__arrow {
  color: var(--color-white);
}
/* ==========================
  Serviceエリア
========================== */
.p-front-service {
  margin-block-start: calc(var(--to-rem) * 38);
  padding-block-start: calc(var(--to-rem) * 38);
  padding-block-end: calc(var(--to-rem) * 60);
  border-radius: calc(var(--to-rem) * 50) 0 0 calc(var(--to-rem) * 50);
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-front-service {
    position: relative;
    z-index: 0;
    overflow: visible;
    margin-block-start: calc(var(--to-rem) * 45);
    margin-inline: auto;
    padding-block: calc(var(--to-rem) * 80);
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 0 clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service {
    background-color: transparent;
    padding-block-end: calc(var(--to-rem) * 200);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service::before {
    content: "";
    position: absolute;
    inset: calc(var(--to-rem) * 260) 0 0 calc(var(--to-rem) * 120);
    z-index: -1;
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem);
    background-color: var(--color-blue);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -2;
    block-size: 85%;
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem);
    background-color: var(--color-blue);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service__inner.l-inner {
    max-inline-size: none;
    margin-inline: 0;
    padding-inline: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-front-service__header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service__header {
    align-items: flex-start;
    padding-inline-start: calc(var(--to-rem) * 120);
    padding-inline-end: calc(var(--to-rem) * 173);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-service__header {
    flex-direction: row;
    max-inline-size: calc(var(--to-rem) * 1920);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service__title {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
.p-front-service__text-inner {
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 1250px) {
  .p-front-service__text-inner {
    padding-inline: 0;
  }
}
.p-front-service__text-group {
  margin-block-start: calc(var(--to-rem) * 25);
}
@media screen and (min-width: 1250px) {
  .p-front-service__text-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--to-rem) * 20);
    place-items: center;
    margin-block-start: calc(var(--to-rem) * 32);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-service__text-group {
    margin-block-start: calc(var(--to-rem) * 72);
    margin-inline-start: calc(var(--to-rem) * 20);
  }
}
.p-front-service__heading {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 25);
  font-weight: var(--fw-black);
  line-height: 1.68;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1250px) {
  .p-front-service__heading {
    font-size: calc(var(--to-rem) * 37);
    line-height: 1.5135135135;
    font-weight: var(--fw-black);
  }
}
.p-front-service__description {
  margin-block-start: calc(var(--to-rem) * 15);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1250px) {
  .p-front-service__description {
    margin-block-start: 0;
    font-size: calc(var(--to-rem) * 17);
    line-height: 1.8823529412;
    max-inline-size: calc(var(--to-rem) * 900);
    width: 100%;
  }
}
.p-front-service__description-br {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-front-service__description-br {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service__description-br {
    display: none;
  }
}
.p-front-service__cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: calc(var(--to-rem) * 60);
  max-inline-size: calc(var(--to-rem) * 550);
  margin-block-start: calc(var(--to-rem) * 40);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .p-front-service__cards {
    grid-template-columns: repeat(2, minmax(0, calc(var(--to-rem) * 620)));
    justify-content: center;
    max-inline-size: none;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-service__cards {
    margin-block-start: calc(var(--to-rem) * 50);
    grid-template-columns: repeat(2, minmax(0, calc(var(--to-rem) * 540)));
  }
}
@media screen and (min-width: 1441px) {
  .p-front-service__cards {
    margin-block-start: calc(var(--to-rem) * 85);
    grid-template-columns: repeat(2, minmax(0, calc(var(--to-rem) * 620)));
  }
}
.p-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  block-size: 100%;
  border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 calc(var(--to-rem) * 50);
  background-color: var(--color-white);
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1250px) {
  .p-service-card {
    flex: 1 1 0;
    width: 100%;
    max-inline-size: calc(var(--to-rem) * 650);
    border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 calc(var(--to-rem) * 50);
  }
}
.p-service-card:hover {
  opacity: 0.8;
}
.p-service-card:hover .p-service-card__img img {
  transform: scale(1.05);
}
.p-service-card__overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  cursor: pointer;
}
.p-service-card__btn {
  position: absolute;
  right: calc(var(--to-rem) * -5);
  bottom: calc(var(--to-rem) * -15);
  z-index: 10;
}
@media screen and (min-width: 1250px) {
  .p-service-card__btn {
    right: calc(var(--to-rem) * -10);
    bottom: calc(var(--to-rem) * -20);
  }
}
@media screen and (min-width: 900px) {
  .p-service-card:first-child {
    transform: translateY(clamp(var(--to-rem) * 27, 8.571vw - 3.134rem, var(--to-rem) * 57));
  }
}
.p-service-card__head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: calc(var(--to-rem) * 24) calc(var(--to-rem) * 20);
  padding-inline: calc(var(--to-rem) * 20);
  border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 0;
  background-color: var(--color-green);
  text-align: center;
}
@media screen and (min-width: 1250px) {
  .p-service-card__head {
    padding-block: calc(var(--to-rem) * 39) calc(var(--to-rem) * 33);
    border-radius: calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0 0;
  }
}
.p-service-card__label {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 26);
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 1250px) {
  .p-service-card__label {
    font-size: calc(var(--to-rem) * 43);
  }
}
.p-service-card__img {
  height: auto;
  inline-size: 100%;
  aspect-ratio: 355/163;
  overflow: hidden;
}
@media screen and (min-width: 1250px) {
  .p-service-card__img {
    aspect-ratio: 620/290;
  }
}
.p-service-card__img img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center 20%;
  transition: transform 0.4s ease;
}
@media screen and (min-width: 1250px) {
  .p-service-card__img img {
    object-position: center 35%;
  }
}
.p-service-card__body {
  margin-block-end: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 1250px) {
  .p-service-card__body {
    margin-block-end: calc(var(--to-rem) * 30);
  }
}
.p-service-card__text {
  padding-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 40);
  padding-inline: calc(var(--to-rem) * 14);
  color: #63666b;
  font-size: calc(var(--to-rem) * 15);
  font-weight: var(--fw-medium);
  line-height: 1.4666666667;
}
@media screen and (min-width: 1250px) {
  .p-service-card__text {
    padding-block-start: calc(var(--to-rem) * 30);
    padding-inline: calc(var(--to-rem) * 40);
    font-size: calc(var(--to-rem) * 19);
    line-height: 1.6842105263;
  }
}
.p-front-topics {
  margin-block-start: calc(var(--to-rem) * 54);
  padding-block: calc(var(--to-rem) * 53);
  border-radius: 0 calc(var(--to-rem) * 50) calc(var(--to-rem) * 50) 0;
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-front-topics {
    margin-inline: auto;
    margin-block-start: calc(var(--to-rem) * 150);
    padding-block: calc(var(--to-rem) * 77) calc(var(--to-rem) * 70);
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0;
  }
}
.p-front-topics__header {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-front-topics__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-inline-end: calc(var(--to-rem) * 40);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-topics__header {
    padding-inline-end: 0;
  }
}
.p-front-topics__card {
  margin-block-start: calc(var(--to-rem) * 43);
  border-radius: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-front-topics__card {
    margin-block-start: clamp(var(--to-rem) * 43, 10.4166666667vw, var(--056) * 150);
    margin-inline: calc(var(--to-rem) * 40);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-topics__card {
    margin-inline: 0;
  }
}
.p-front-topics__filters {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--to-rem) * 8);
  justify-content: center;
  padding-block: calc(var(--to-rem) * 22);
  padding-inline: calc(var(--to-rem) * 13);
}
@media screen and (min-width: 768px) {
  .p-front-topics__filters {
    gap: calc(var(--056) * 20);
    padding-block: calc(var(--056) * 42);
    padding-inline: calc(var(--056) * 32);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-topics__filters {
    gap: calc(var(--075) * 20);
    padding-block: calc(var(--075) * 42);
    padding-inline: calc(var(--075) * 32);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__filters {
    gap: calc(var(--to-rem) * 20);
    padding-block: calc(var(--to-rem) * 42);
    padding-inline: calc(var(--to-rem) * 32);
  }
}
.p-front-topics__filter {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 100%;
  max-inline-size: clamp(6.25rem, 0.271rem + 25.51vw, 12.5rem);
  padding-block: calc(var(--to-rem) * 9);
  border-radius: calc(var(--to-rem) * 10);
  font-size: calc(var(--to-rem) * 18);
  line-height: 1.2;
  font-weight: var(--fw-bold);
  user-select: none;
  transition: all 0.3s ease;
}
.p-front-topics__filter[data-filter=all] {
  background-color: rgba(50, 144, 245, 0.4);
  color: var(--color-white);
}
.p-front-topics__filter[data-filter=notice] {
  background-color: rgba(224, 88, 88, 0.4);
  color: var(--color-white);
}
.p-front-topics__filter[data-filter=event] {
  background-color: rgba(0, 188, 159, 0.4);
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-front-topics__filter {
    max-inline-size: calc(var(--056) * 350);
    padding-block: calc(var(--056) * 16) calc(var(--056) * 14);
    border-radius: calc(var(--056) * 10);
    font-size: calc(var(--056) * 20);
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-topics__filter {
    max-inline-size: calc(var(--075) * 350);
    padding-block: calc(var(--075) * 16) calc(var(--075) * 14);
    border-radius: calc(var(--075) * 10);
    font-size: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__filter {
    max-inline-size: calc(var(--to-rem) * 350);
    padding-block: calc(var(--to-rem) * 15);
    padding-inline: calc(var(--to-rem) * 16) calc(var(--to-rem) * 16);
    border-radius: calc(var(--to-rem) * 10);
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-front-topics__filter.is-active {
  opacity: 1;
}
.p-front-topics__filter.is-active[data-filter=all] {
  background-color: var(--color-blue);
}
.p-front-topics__filter.is-active[data-filter=notice] {
  background-color: #E05858;
}
.p-front-topics__filter.is-active[data-filter=event] {
  background-color: #00BC9F;
}
.p-front-topics__item {
  border-top: 1px solid #CBCBCB;
}
.p-front-topics__item-link {
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--to-rem) * 15) calc(var(--to-rem) * 20);
  padding-inline-start: calc(var(--to-rem) * 20);
  padding-inline-end: calc(var(--to-rem) * 12);
  color: #63666B;
}
@media screen and (min-width: 768px) {
  .p-front-topics__item-link {
    flex-direction: row;
    align-items: center;
    padding-block: calc(var(--056) * 32);
    padding-inline: calc(var(--056) * 50);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-topics__item-link {
    padding-block: calc(var(--075) * 32);
    padding-inline: calc(var(--075) * 50);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__item-link {
    padding-block: calc(var(--to-rem) * 32);
    padding-inline: calc(var(--to-rem) * 50);
  }
}
.p-front-topics__item-meta {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-front-topics__item-meta {
    justify-content: flex-start;
    min-inline-size: calc(var(--075) * 300);
    gap: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__item-meta {
    min-inline-size: calc(var(--to-rem) * 300);
    gap: calc(var(--to-rem) * 20);
  }
}
.p-front-topics__item-date {
  color: #63666B;
  font-family: inherit;
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-black);
  min-inline-size: calc(var(--to-rem) * 75);
}
@media screen and (min-width: 768px) {
  .p-front-topics__item-date {
    flex-shrink: 0;
    font-size: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__item-date {
    font-size: calc(var(--to-rem) * 20);
    min-inline-size: calc(var(--to-rem) * 100);
  }
}
.p-front-topics__item-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-inline-size: calc(var(--to-rem) * 62);
  padding-block: calc(var(--to-rem) * 5);
  padding-inline: calc(var(--to-rem) * 15);
  border-radius: calc(var(--to-rem) * 20);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 10);
  font-weight: var(--fw-bold);
}
.p-front-topics__item-label.--notice {
  background-color: #E05858;
}
.p-front-topics__item-label.--event {
  background-color: #00BC9F;
}
@media screen and (min-width: 768px) {
  .p-front-topics__item-label {
    min-inline-size: calc(var(--075) * 123);
    padding: calc(var(--075) * 6) calc(var(--075) * 24);
    border-radius: calc(var(--075) * 20);
    font-size: calc(var(--075) * 14);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__item-label {
    min-inline-size: calc(var(--to-rem) * 123);
    padding: calc(var(--to-rem) * 6) calc(var(--to-rem) * 24);
    border-radius: calc(var(--to-rem) * 20);
    font-size: calc(var(--to-rem) * 14);
  }
}
.p-front-topics__item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  inline-size: 100%;
  margin-block-start: calc(var(--to-rem) * 15);
  padding-block-end: calc(var(--to-rem) * 3);
  color: #63666B;
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-medium);
  line-height: 1.6;
  white-space: nowrap;
}
.p-front-topics__item-title span {
  position: relative;
  display: inline-block;
  max-inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-front-topics__item-title {
    flex: 1;
    margin-block-start: 0;
    margin-inline-start: calc(var(--075) * 20);
    font-size: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-topics__item-title {
    margin-inline-start: calc(var(--to-rem) * 20);
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-front-topics__item-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  inline-size: 0;
  block-size: 1px;
  background-color: currentcolor;
  transition: width 0.3s ease;
}
.p-front-topics__item-link:hover .p-front-topics__item-title span::after {
  inline-size: 100%;
}
.p-front-topics__button {
  margin-block-start: calc(var(--to-rem) * 40);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-front-topics__button {
    display: none;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.p-front-vision {
  overflow: hidden;
  margin-block-start: calc(var(--to-rem) * 69);
  padding-block-start: calc(var(--to-rem) * 48);
  padding-block-end: calc(var(--to-rem) * 51);
  border-radius: calc(var(--to-rem) * 50) 0 0 calc(var(--to-rem) * 50);
  background-color: var(--color-blue);
}
@media screen and (min-width: 1024px) {
  .p-front-vision {
    position: relative;
    z-index: 0;
    overflow: visible;
    margin-inline: auto;
    margin-block-start: calc(var(--to-rem) * 150);
    padding-block: clamp(var(--to-rem) * 60, 7.6388888889vw, var(--to-rem) * 110);
    background-color: transparent;
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision::before {
    content: "";
    position: absolute;
    inset: calc(var(--to-rem) * 260) 0 0 calc(var(--to-rem) * 120);
    z-index: -1;
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem);
    background-color: var(--color-blue);
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -2;
    block-size: 85%;
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem);
    background-color: var(--color-blue);
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__inner.l-inner {
    max-inline-size: none;
    margin-inline: 0;
    padding-inline-start: clamp(var(--to-rem) * 40, 6.9444444444vw, var(--to-rem) * 100);
  }
}
@media screen and (min-width: 768px) {
  .p-front-vision__header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__header {
    flex-direction: column;
    gap: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__header {
    flex-direction: row;
    justify-content: flex-start;
    gap: clamp(3.75rem, -28.899rem + 41.791vw, 21.25rem);
    padding-inline-start: clamp(var(--to-rem) * 40, 4.1666666667vw, var(--to-rem) * 60);
  }
}
@media screen and (min-width: 1441px) {
  .p-front-vision__header {
    max-inline-size: calc(var(--to-rem) * 1920);
    margin-inline: auto;
  }
}
.p-front-vision__text-group {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 1250px) {
  .p-front-vision__text-group {
    flex-direction: row;
    align-items: flex-end;
    gap: calc(var(--to-rem) * 42);
  }
}
@media screen and (min-width: 768px) {
  .p-front-vision__title {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__title {
    justify-content: flex-start;
  }
}
.p-front-vision__text-wrapper {
  margin-block-start: calc(var(--to-rem) * 30);
  gap: calc(var(--to-rem) * 20);
  display: flex;
  flex-direction: column;
  padding-inline: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20);
}
@media screen and (min-width: 1024px) {
  .p-front-vision__text-wrapper {
    padding-inline: 0;
    margin-block: 0;
    gap: 0;
  }
}
.p-front-vision__heading {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 27);
  font-weight: var(--fw-black);
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__heading {
    font-size: calc(var(--to-rem) * 30);
    line-height: 1.5;
    padding-inline: 0;
    font-weight: var(--fw-bold);
  }
}
.p-front-vision__description {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__description {
    display: none;
  }
}
.p-front-vision__description br {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-front-vision__description br {
    display: block;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__description br {
    display: none;
  }
}
.p-front-vision__btn {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-front-vision__btn {
    display: block;
    margin-inline-start: 0;
    align-self: flex-end;
    transform: translateY(calc(var(--to-rem) * 30));
  }
}
.p-front-vision__btn-sp {
  display: flex;
  justify-content: center;
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 1024px) {
  .p-front-vision__btn-sp {
    margin-block-start: calc(var(--to-rem) * 60);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__btn-sp {
    display: none;
  }
}
.p-front-vision__slider {
  position: relative;
  margin-block-start: calc(var(--to-rem) * 16);
  margin-inline-end: calc(var(--to-rem) * -10);
  padding-block-end: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 1024px) {
  .p-front-vision__slider {
    margin-block-start: calc(var(--to-rem) * 60);
    margin-inline-end: 0;
    padding-block-end: 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__slider {
    margin-block-start: calc(var(--to-rem) * 98);
  }
}
.p-front-vision__slider .splide__track {
  overflow: visible;
}
@media (width >= 1024px) {
  .p-front-vision__slider .splide__track {
    overflow: visible;
  }
}
.p-front-vision__slider .splide__pagination {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  gap: calc(var(--to-rem) * 12);
  justify-content: center;
  align-items: center;
  padding-inline-end: calc(var(--to-rem) * 20);
}
.p-front-vision__slider .splide__pagination__page {
  display: inline-block;
  inline-size: calc(var(--to-rem) * 10);
  block-size: calc(var(--to-rem) * 10);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--color-green);
  opacity: 0.4;
  outline: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.p-front-vision__slider .splide__pagination__page.is-active {
  opacity: 1;
  transform: scale(1.2);
}
.p-front-vision__item {
  display: flex;
  block-size: auto;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__item {
    flex-direction: column;
    justify-self: start;
    inline-size: calc(100% - var(--to-rem) * 120);
    max-inline-size: calc(var(--to-rem) * 1000);
    block-size: 100%;
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__item {
    max-inline-size: calc(var(--to-rem) * 1300);
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__item:nth-child(2) {
    margin-inline-start: clamp(1.875rem, -0.268rem + 3.348vw, 3.75rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__item:nth-child(3) {
    margin-inline-start: clamp(3.75rem, -0.536rem + 6.696vw, 7.5rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__list {
    display: grid !important;
    grid-auto-rows: 1fr;
    gap: clamp(1.875rem, 0.018rem + 2.902vw, 3.5rem);
    place-content: center;
  }
}
.p-front-vision__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  block-size: 100%;
  margin-block-start: calc(var(--to-rem) * 25);
  padding-block: calc(var(--to-rem) * 20) calc(var(--to-rem) * 30);
  padding-inline: calc(var(--to-rem) * 20) calc(var(--to-rem) * 30);
  border-radius: calc(var(--to-rem) * 30);
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card {
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    inline-size: 100%;
    margin-block-start: 0;
    gap: clamp(var(--to-rem) * 20, 2.8645833333vw, var(--to-rem) * 55);
    padding-block: clamp(var(--to-rem) * 30, 3.125vw, var(--to-rem) * 60);
    padding-inline: clamp(var(--to-rem) * 30, 3.125vw, var(--to-rem) * 60);
    border-radius: clamp(var(--to-rem) * 20, 2.6041666667vw, var(--to-rem) * 50);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__card {
    gap: clamp(var(--to-rem) * 20, 3.8194444444vw, var(--to-rem) * 55);
    padding-block: clamp(var(--to-rem) * 30, 3.75vw, var(--to-rem) * 54);
    padding-inline: clamp(var(--to-rem) * 30, 4.1666666667vw, var(--to-rem) * 60);
    border-radius: clamp(var(--to-rem) * 20, 3.4722222222vw, var(--to-rem) * 50);
  }
}
.p-front-vision__card::before {
  content: "";
  position: absolute;
  top: calc(var(--to-rem) * 6);
  left: calc(var(--to-rem) * 6);
  z-index: -2;
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
  background-color: var(--color-orange);
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card::before {
    top: calc(var(--to-rem) * 10);
    left: calc(var(--to-rem) * 10);
  }
}
.p-front-vision__card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
  background-color: var(--color-white);
}
.p-front-vision__card-img {
  position: relative;
  block-size: auto;
  max-inline-size: calc(var(--to-rem) * 273);
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-img {
    margin-inline: 0;
    flex-shrink: 0;
    inline-size: clamp(var(--to-rem) * 160, 14.21875vw, var(--to-rem) * 273);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__card-img {
    inline-size: clamp(var(--to-rem) * 160, 18.9583333333vw, var(--to-rem) * 273);
  }
}
.p-front-vision__card-img::before {
  content: "";
  position: absolute;
  top: calc(var(--to-rem) * 4);
  left: calc(var(--to-rem) * 4);
  z-index: 1;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 50%;
  background-color: var(--color-orange);
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-img::before {
    top: calc(var(--075) * 10);
    left: calc(var(--075) * 10);
  }
}
.p-front-vision__card-img img {
  position: relative;
  z-index: 2;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.p-front-vision__card-content {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
}
.p-front-vision__card-title {
  margin-block-start: calc(var(--to-rem) * 20);
  color: #84C94B;
  font-size: calc(var(--to-rem) * 27);
  font-weight: var(--fw-black);
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  margin-inline: auto;
  text-align: left;
}
@media screen and (min-width: 600px) {
  .p-front-vision__card-title {
    max-inline-size: max-content;
  }
  .p-front-vision__card-title br {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-title {
    max-inline-size: none;
    margin-inline: 0;
    margin-block-start: 0;
    line-height: 1.5;
    font-size: clamp(var(--to-rem) * 20, 2.34375vw, var(--075) * 45);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__card-title {
    font-size: clamp(var(--to-rem) * 20, 3.125vw, var(--to-rem) * 45);
  }
}
.p-front-vision__card-description {
  margin-block-start: calc(var(--to-rem) * 20);
  color: #63666B;
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-description {
    margin-block-start: clamp(var(--075) * 15, 1.5625vw, var(--075) * 30);
    padding-inline-end: clamp(var(--075) * 20, 3.6458333333vw, var(--075) * 70);
    font-size: clamp(var(--075) * 13, 1.25vw, var(--075) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__card-description {
    margin-block-start: clamp(var(--to-rem) * 15, 2.0833333333vw, var(--to-rem) * 30);
    padding-inline-end: clamp(var(--to-rem) * 20, 4.8611111111vw, var(--to-rem) * 70);
    font-size: calc(var(--to-rem) * 17);
  }
}
.p-front-vision__card-number {
  position: absolute;
  right: 6%;
  bottom: 0;
  z-index: 1;
  color: rgba(150, 224, 88, 0.22);
  font-family: var(--number-font-family);
  font-size: calc(var(--to-rem) * 290);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.1em;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-front-vision__card-number {
    right: calc(var(--to-rem) * 30);
    bottom: calc(var(--to-rem) * -15);
    font-size: clamp(var(--075) * 150, 19.375vw, var(--075) * 372);
  }
}
@media screen and (min-width: 1250px) {
  .p-front-vision__card-number {
    font-size: clamp(var(--075) * 150, 25.8333333333vw, var(--075) * 372);
  }
}
.p-header {
  z-index: var(--header-z-index);
  inline-size: 100%;
  block-size: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  .p-header {
    block-size: calc(var(--075) * 115);
  }
}
.p-header__inner {
  inline-size: 100%;
  block-size: inherit;
  margin-inline: auto;
}
@media screen and (min-width: 1250px) {
  .p-header__inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  block-size: inherit;
}
.p-header__content-left {
  position: relative;
  z-index: var(--header-z-index);
  flex-grow: 1;
  inline-size: 100%;
  block-size: inherit;
  padding-inline-start: calc(var(--to-rem) * 10);
  background-color: transparent;
}
@media screen and (min-width: 1250px) {
  .p-header__content-left {
    display: flex;
    gap: calc(var(--to-rem) * 4);
    align-items: center;
    padding-inline-start: 0;
  }
}
.p-header__content-left-pc-only {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-header__content-left-pc-only {
    display: block;
    color: #6C6867;
    font-size: clamp(0.75rem, -0.072rem + 1.05vw, 0.875rem);
    font-weight: var(--fw-bold);
  }
}
.p-header__content-left-pc-only-orange {
  color: var(--color-orange);
}
.p-header__logo {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  inline-size: clamp(12.875rem, 6.928rem + 7.61vw, 16.063rem);
  block-size: inherit;
}
.p-header__logo img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 206/33;
  object-fit: contain;
}
@media screen and (min-width: 1250px) {
  .p-header__logo {
    inline-size: calc(var(--to-rem) * 200);
    block-size: initial;
  }
  .p-header__logo img {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 257/40;
    object-fit: contain;
  }
}
.p-header__content-right {
  position: relative;
  z-index: var(--header-z-index);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  block-size: inherit;
  background-color: transparent;
}
.p-header__mail-bg {
  position: relative;
  z-index: var(--header-z-index);
  z-index: 101;
  display: grid;
  place-items: center;
  inline-size: min(100%, var(--to-rem) * 50);
  block-size: inherit;
  border-radius: 0 0 0 15px;
  background-color: var(--color-orange);
}
@media screen and (min-width: 1250px) {
  .p-header__mail-bg {
    display: none;
  }
}
.p-header__mail {
  inline-size: min(100%, var(--to-rem) * 24);
}
.p-header__mail img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 24/16;
  object-fit: contain;
}
.p-header__drawer {
  position: relative;
  z-index: var(--header-z-index);
  display: grid;
  flex-shrink: 0;
  gap: calc(var(--to-rem) * 4);
  place-content: center;
  inline-size: calc(var(--to-rem) * 50);
  block-size: inherit;
  border: none;
  background-color: var(--color-blue);
}
@media screen and (min-width: 1250px) {
  .p-header__drawer {
    display: none;
  }
}
.p-header__drawer-line {
  inline-size: calc(var(--to-rem) * 28);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-white);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#js-drawer.is-active .p-header__drawer-line:nth-child(1) {
  transform: translateY(4px) rotate(45deg);
}
#js-drawer.is-active .p-header__drawer-line:nth-child(2) {
  opacity: 0;
}
#js-drawer.is-active .p-header__drawer-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
.p-header__nav {
  position: fixed;
  top: calc(var(--to-rem) * 50);
  left: 0;
  z-index: 1;
  display: flex;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  inline-size: 100%;
  block-size: 100svh;
  background-color: var(--color-blue-white);
}
#js-header-nav {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease, display 0.3s ease allow-discrete;
}
@starting-style {
  #js-header-nav {
    visibility: hidden;
    opacity: 0;
  }
}
#js-header-nav.is-active {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  padding-block-start: calc(var(--to-rem) * 50);
  opacity: 1;
  transition: opacity 0.3s allow-discrete;
}
@starting-style {
  #js-header-nav.is-active {
    opacity: 0;
  }
}
.p-header__nav-scroll-wrapper {
  overflow-y: auto;
  inline-size: 100%;
  max-block-size: 95vh;
  padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 100);
  padding-inline: calc(var(--to-rem) * 10);
}
.p-header__nav-list {
  display: grid;
  gap: calc(var(--to-rem) * 15);
  inline-size: 100%;
  border-top: 1px solid var(--color-white);
  border-radius: 10px;
  text-align: center;
}
.p-header__nav-summary-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: calc(var(--to-rem) * 20);
  transition: color 0.3s ease;
}
.p-header__nav-summary-inner:hover {
  color: var(--color-green);
}
.p-header__nav-summary {
  padding-block: calc(var(--to-rem) * 18);
}
.p-header__nav-item-link {
  display: inline-block;
  inline-size: 100%;
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  transition: color 0.3s ease;
}
.p-header__nav-item-link:hover {
  color: var(--color-green);
}
.p-header__submenu-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  inline-size: calc(var(--to-rem) * 11);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-blue);
  transform: translate(-50%, -50%);
}
.p-header__submenu-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  inline-size: calc(var(--to-rem) * 2);
  block-size: calc(var(--to-rem) * 11);
  background-color: var(--color-blue);
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: transform 0.15s ease-in-out;
}
.p-header__nav-details[open] .p-header__submenu-icon::after {
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
.p-header__nav-item {
  inline-size: 100%;
  border-radius: 10px;
  background-color: var(--color-white);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  text-align: left;
}
.p-header__nav-item:not(:has(.p-header__nav-details)) {
  padding-inline: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
}
.p-header__nav-item:not(:has(.p-header__nav-details)) a {
  transition: color 0.3s ease;
}
.p-header__nav-item:not(:has(.p-header__nav-details)) a:hover {
  color: var(--color-green);
}
.p-header__nav-details {
  position: relative;
}
.p-header__submenu-icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  inline-size: calc(var(--to-rem) * 32);
  block-size: calc(var(--to-rem) * 22);
  padding-block: calc(var(--to-rem) * 10);
  border-radius: 30px;
  background-color: var(--color-blue-white);
}
.p-header__submenu {
  display: grid;
  padding-inline: calc(var(--to-rem) * 20);
  border-top: 1px solid rgba(200, 213, 214, 0.4);
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.p-header__submenu-item {
  border-top: 1px solid rgba(200, 213, 214, 0.4);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
}
.p-header__submenu-item a {
  display: inline-block;
  inline-size: 100%;
  padding-block: calc(var(--to-rem) * 18);
  transition: color 0.3s ease;
}
.p-header__submenu-item a:hover {
  color: var(--color-green);
}
.p-header__submenu-item:first-child {
  border-top: none;
}
.p-header__nav-item:not(.p-header__nav-item--has-submenu) {
  padding-block: calc(var(--to-rem) * 18);
}
.p-header__links {
  display: flex;
  gap: calc(var(--to-rem) * 12);
  justify-content: center;
  align-items: center;
  margin-block-start: calc(var(--to-rem) * 25);
  margin-inline: auto;
}
.p-header__links-item {
  display: grid;
  place-items: center;
  inline-size: 50%;
  margin-inline: auto;
  padding: calc(var(--to-rem) * 27) calc(var(--to-rem) * 14);
  border: 1px solid var(--color-orange);
  border-radius: 10px;
  background-color: var(--color-orange);
  text-align: center;
  transition: background-color 0.3s ease;
}
.p-header__links-item:hover {
  background-color: transparent;
}
.p-header__links-item:hover .p-header__links-item-text {
  color: var(--color-orange);
}
.p-header__links-item:hover .p-header__links-arrow-bg {
  background-color: var(--color-orange);
}
.p-header__links-item:hover .p-header__links-item-arrow {
  color: var(--color-white);
}
.p-header__links-item--contact {
  border-color: var(--color-green);
  background-color: var(--color-green);
}
.p-header__links-item--contact:hover {
  background-color: transparent;
}
.p-header__links-item--contact:hover .p-header__links-item-text {
  color: var(--color-green);
}
.p-header__links-item--contact:hover .p-header__links-arrow-bg {
  background-color: var(--color-green);
}
.p-header__links-item--contact:hover .p-header__links-item-arrow--contact {
  color: var(--color-white);
}
.p-header__links-item-text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 17);
  font-weight: var(--fw-black);
  transition: color 0.3s ease;
}
.p-header__links-arrow-bg {
  display: grid;
  place-content: center;
  inline-size: calc(var(--to-rem) * 33);
  block-size: calc(var(--to-rem) * 22);
  margin-block-start: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 8);
  border-radius: 30px;
  background-color: var(--color-white);
  transition: background-color 0.3s ease;
}
.p-header__links-item-arrow {
  position: relative;
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-orange);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
}
.p-header__links-item-arrow--contact {
  color: var(--color-green);
}
.p-header__links-item-arrow::before, .p-header__links-item-arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.p-header__links-item-arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
.p-header__links-item-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
.p-header__nav-pc {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-header__nav-pc {
    display: block;
  }
}
.p-header__nav-scroll-wrapper-pc {
  display: flex;
  gap: calc(var(--075) * 20);
  align-items: center;
}
.p-header__nav-list-pc {
  display: flex;
  align-items: stretch;
  border: 1px solid #C8D5DA;
  border-radius: 50px;
  background-color: var(--color-white);
}
.p-header__nav-item-pc {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(6.875rem, -4.785rem + 14.93vw, 13.125rem);
  border-right: 1px solid #C8D5DA;
  text-align: center;
}
.p-header__nav-item-pc:last-of-type {
  border-right: none;
}
.p-header__nav-details-pc {
  position: relative;
  display: inline-block;
  inline-size: inherit;
}
.p-header__nav-details-pc[open] .p-header__nav-item-link-pc {
  color: var(--color-green);
}
.p-header__nav-details-pc[open] .p-header__submenu-icon-pc::after {
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.3s ease-in-out;
}
.p-header__nav-item-link-pc {
  display: block;
  inline-size: fit-content;
  block-size: inherit;
  margin-inline: auto;
  padding-block: calc(var(--to-rem) * 17);
  font-size: clamp(0.75rem, -0.183rem + 1.19vw, 1.25rem);
  text-align: center;
  transform: translateX(-4px);
  transition: color 0.3s ease;
}
.p-header__nav-item-pc:hover .p-header__nav-item-link-pc {
  color: var(--color-green);
}
.p-header__nav-summary-inner-pc {
  position: relative;
  inline-size: fit-content;
  margin-inline: auto;
}
.p-header__submenu-icon-pc {
  transition: transform 0.3s ease-in-out;
}
.p-header__submenu-icon-pc::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  display: block;
  inline-size: calc(var(--to-rem) * 12);
  block-size: calc(var(--to-rem) * 2);
  background-color: var(--color-green);
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.p-header__submenu-icon-pc::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  display: block;
  inline-size: calc(var(--to-rem) * 2);
  block-size: calc(var(--to-rem) * 14);
  background-color: var(--color-green);
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.p-header__submenu-pc {
  position: absolute;
  top: 100%;
  left: 50%;
  display: grid;
  inline-size: 100%;
  inline-size: clamp(6.875rem, -4.785rem + 14.93vw, 13.125rem);
  margin-block-start: calc(var(--to-rem) * 10);
  padding-inline: calc(var(--to-rem) * 10);
  border: 1px solid #C8D5DA;
  border-radius: 20px;
  background-color: var(--color-white);
  transform: translateX(-50%);
}
@media screen and (min-width: 1441px) {
  .p-header__submenu-pc {
    padding-inline: clamp(0.938rem, 1.04vw, 1.25rem);
  }
}
.p-header__submenu-item-pc {
  display: inline-block;
  font-size: clamp(0.75rem, -0.072rem + 1.05vw, 0.875rem);
  font-weight: var(--fw-bold);
  text-align: left;
}
.p-header__submenu-item-link-pc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  inline-size: 100%;
  padding-block: calc(var(--to-rem) * 10);
  transition: color 0.3s ease;
}
@media screen and (min-width: 1441px) {
  .p-header__submenu-item-link-pc {
    padding-block: clamp(0.938rem, 1.04vw, 1.25rem);
  }
}
.p-header__submenu-item-link-pc:hover {
  color: var(--color-green);
}
.p-header__submenu-item-link-pc:hover .p-header__submenu-item-link-pc-arrow {
  transform: translateX(5px) rotate(45deg);
}
.p-header__submenu-item-pc:not(:last-child) .p-header__submenu-item-link-pc {
  background-image: linear-gradient(to right, var(--color-green), var(--color-green) 4px, transparent 4px, transparent 8px);
  background-position: left bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.p-header__submenu-item-link-pc-arrow {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-orange);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-header__submenu-item-link-pc-arrow {
    inline-size: 10px;
    block-size: 10px;
  }
}
.p-header__submenu-item-link-pc-arrow::before, .p-header__submenu-item-link-pc-arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: var(--color-green);
}
.p-header__submenu-item-link-pc-arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
.p-header__submenu-item-link-pc-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
.p-header__nav-item-pc--news {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(6.875rem, -5.461rem + 15.79vw, 8.75rem);
  block-size: inherit;
  font-size: clamp(0.813rem, 0.206rem + 0.88vw, 1rem);
  text-align: center;
}
.p-header__nav-item-link-pc--news {
  display: block;
  inline-size: 100%;
  block-size: inherit;
  padding-block: calc(var(--075) * 17);
  font-size: clamp(0.75rem, -0.183rem + 1.19vw, 1.25rem);
  transition: color 0.3s ease;
}
.p-header__nav-item-link-pc--news:hover {
  color: var(--color-green);
}
.p-header__links-pc {
  display: flex;
  gap: calc(var(--to-rem) * 7);
  align-items: center;
  block-size: inherit;
}
.p-header__links-item-pc {
  inline-size: clamp(8.5rem, -0.595rem + 11.64vw, 13.375rem);
  border: 1px solid var(--color-orange);
  border-radius: 30px;
  background-color: var(--color-orange);
  transition: background-color 0.3s ease;
}
.p-header__links-item-pc:hover {
  background-color: var(--color-white);
}
.p-header__links-item-pc:hover .p-header__links-item-text-pc {
  color: var(--color-orange);
}
.p-header__links-item-text-pc {
  display: grid;
  place-items: center;
  padding-block: calc(var(--to-rem) * 17);
  color: var(--color-white);
  font-size: clamp(0.875rem, 0.175rem + 0.9vw, 1.25rem);
  font-weight: var(--fw-black);
  letter-spacing: 0.01em;
}
.p-header__links-item--contact-pc {
  border: 1px solid var(--color-green);
  background-color: var(--color-green);
}
.p-header__links-item--contact-pc:hover {
  background-color: var(--color-white);
}
.p-header__links-item--contact-pc:hover .p-header__links-item-text-pc {
  color: var(--color-green);
}
.p-header__nav-summary-pc {
  position: relative;
  inline-size: 100%;
  margin-inline: auto;
}
[id] {
  scroll-margin-top: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  [id] {
    scroll-margin-top: calc(var(--075) * 115);
  }
}
.p-mv {
  position: relative;
  padding-block: calc(var(--to-rem) * 32) calc(var(--to-rem) * 40);
  border-radius: 0 calc(var(--to-rem) * 70) calc(var(--to-rem) * 70) 0;
  background-color: #3290F5;
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-mv {
    padding-block: calc(var(--075) * 80);
    border-radius: clamp(6.25rem, 2.083rem + 8.681vw, 12.5rem) 0 0 calc(var(--to-rem) * 100);
  }
}
.p-mv__inner {
  margin-inline: auto;
  padding-inline-start: calc(var(--to-rem) * 15);
  padding-inline-end: calc(var(--to-rem) * 15);
}
@media screen and (min-width: 768px) {
  .p-mv__inner {
    display: flex;
    align-items: flex-start;
    padding-inline: calc(var(--075) * 95);
    margin-inline: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__inner {
    padding-inline-start: clamp(5rem, -5.313rem + 11.458vw, 8.438rem);
    padding-inline-end: clamp(5rem, -2.875rem + 8.75vw, 7.625rem);
  }
}
@media screen and (min-width: 768px) {
  .p-mv__content {
    min-inline-size: 0;
    max-inline-size: calc(var(--075) * 1260);
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__content {
    max-inline-size: none;
    flex: 1;
  }
}
.p-mv__header {
  display: flex;
  align-items: center;
}
.p-mv__header-text {
  width: 57%;
}
@media screen and (min-width: 768px) {
  .p-mv__header-text {
    width: 75%;
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__header-text {
    width: 100%;
  }
}
.p-mv__title-block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-mv__title-block {
    padding-inline-start: calc(var(--to-rem) * 10);
  }
}
@media (width >= 1024px) and (width <= 1439px) {
  .p-mv__title-block {
    flex-direction: row;
    align-items: center;
    padding-inline-start: 0;
  }
}
.p-mv__title-img--pc {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-mv__title-img--pc {
    display: flex;
    align-items: center;
    gap: calc(var(--075) * 20);
    flex: 1;
    min-inline-size: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__title-img--pc {
    gap: 2.0833333333vw;
    flex: none;
  }
}
.p-mv__title-img--pc img {
  inline-size: 100%;
  block-size: auto;
}
@media screen and (min-width: 1250px) and (max-width: 1440px) {
  .p-mv__title-img--pc img {
    inline-size: clamp(600px, 62.5vw, 900px);
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__title-img--pc img {
    inline-size: 66.6666666667vw;
  }
}
.p-mv__line {
  display: block;
  flex-shrink: 0;
  inline-size: calc(var(--075) * 4);
  block-size: calc(var(--075) * 85);
  border-radius: calc(var(--075) * 40);
  background-color: var(--color-white);
}
@media screen and (min-width: 1250px) {
  .p-mv__line {
    display: none;
  }
}
.p-mv__title-img--sp {
  display: block;
}
@media screen and (min-width: 1250px) {
  .p-mv__title-img--sp {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
  .p-mv__title-img--sp {
    inline-size: 33vw;
    block-size: auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
  .p-mv__title-img--desc {
    inline-size: 25vw;
    block-size: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-mv__title-img--desc {
    display: none;
  }
}
.p-mv__map-sp-wrap {
  width: 43%;
}
.p-mv__map-sp-img {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 141/164;
  object-fit: cover;
}
.p-mv__desc {
  margin-block-start: calc(var(--to-rem) * 20);
  padding-inline-start: calc(var(--to-rem) * 19);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-bold);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-mv__desc {
    font-size: calc(var(--075) * 16);
    line-height: 1.3125;
    margin-block-start: calc(var(--075) * 14);
    padding-inline-start: 0;
  }
}
.p-mv__side-map {
  position: relative;
  flex: 0 0 auto;
  inline-size: calc(var(--to-rem) * 140);
}
@media screen and (min-width: 768px) {
  .p-mv__side-map {
    flex: 0 0 auto;
    inline-size: clamp(var(--to-rem) * 300, 20.8333333333vw, var(--to-rem) * 400);
  }
}
@media screen and (min-width: 1250px) {
  .p-mv__side-map {
    inline-size: 20.8333333333vw;
  }
}
.p-mv__map {
  position: relative;
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-mv__map {
    inline-size: 100%;
  }
}
.p-mv__map img {
  inline-size: 100%;
  block-size: auto;
}
.p-mv__body {
  margin-block-start: calc(var(--to-rem) * 30);
  max-inline-size: calc(var(--to-rem) * 600);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-mv__body {
    margin-inline: 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-mv__body {
    max-inline-size: none;
  }
}
@media screen and (min-width: 1441px) {
  .p-mv__body {
    margin-block-start: 3.3854166667vw;
  }
}
.p-mv__body-img--sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-mv__body-img--sp {
    inline-size: 50vw;
    block-size: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-mv__body-img--sp {
    display: none;
  }
}
.p-mv__body-text--pc {
  display: none;
}
@media screen and (min-width: 1250px) {
  .p-mv__body-text--pc {
    display: block;
    color: var(--color-white);
    font-weight: var(--fw-bold);
    line-height: 1.27;
    letter-spacing: 0.05em;
    font-size: 5.2083333333vw;
  }
}
.p-mv__gallery {
  position: relative;
  z-index: 1;
  overflow: hidden;
  inline-size: 100%;
  margin-block-start: calc(var(--to-rem) * 21);
}
@media screen and (min-width: 768px) {
  .p-mv__gallery {
    margin-block-start: calc(var(--075) * 47);
  }
}
.p-mv__gallery--sp {
  block-size: calc(var(--to-rem) * 162);
}
.p-mv__gallery-track {
  display: flex;
  block-size: 100%;
}
.p-mv__gallery-track--pc {
  width: max-content;
  animation: mvGalleryScrollPc 60s linear infinite;
}
.p-mv__gallery-track--sp {
  width: max-content;
  animation: mvGalleryScrollSp 30s linear infinite;
}
.p-mv__gallery-item--pc {
  display: flex;
  flex: 0 0 auto;
}
.p-mv__gallery-item--pc img {
  display: block;
  width: auto;
  height: calc(var(--075) * 644);
  object-fit: contain;
}
.p-mv__gallery-item--sp {
  display: flex;
  flex: 0 0 auto;
  block-size: 100%;
}
.p-mv__gallery-item--sp img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
}
@keyframes mvGalleryScrollPc {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes mvGalleryScrollSp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-mv__footer {
  position: relative;
  z-index: 2;
  margin-block-start: -2.5%;
}
@media screen and (min-width: 768px) {
  .p-mv__footer {
    margin-block-start: -3%;
  }
}
.p-mv__footer-inner {
  padding-inline: calc(var(--to-rem) * 15);
  max-inline-size: calc(var(--to-rem) * 600);
}
@media screen and (min-width: 768px) {
  .p-mv__footer-inner {
    max-inline-size: none;
  }
}
.p-mv__footer-img--sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-mv__footer-img--sp {
    display: none;
  }
}
.p-mv__footer-text--pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-mv__footer-text--pc {
    display: block;
  }
}
.p-mv__bottom-text {
  font-size: calc(var(--to-rem) * 19);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  transform: translateY(-33%);
}
@media screen and (min-width: 768px) {
  .p-mv__bottom-text {
    font-size: 3.2291666667vw;
    line-height: 1.064516129;
    transform: translateY(8%);
    line-height: 1;
  }
}
.p-mv__bottom-company {
  display: block;
  font-size: calc(var(--to-rem) * 35);
  line-height: 1.2571428571;
  font-weight: var(--fw-bold);
  letter-spacing: -0.06em;
  font-family: "hanken-grotesk", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-mv__bottom-company {
    font-size: clamp(2.625rem, -0.163rem + 5.809vw, 4.375rem);
    letter-spacing: -0.05em;
    line-height: 1.2857142857;
    margin-block-start: 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-mv__bottom-company {
    font-size: clamp(4.375rem, 0.284rem + 5.232vw, 6.563rem);
  }
}
@media (min-width: 768px) {
  .p-mv__bottom-company br {
    display: none;
  }
}
/* ==========================
  カード全体
========================== */
.p-new-gas-handing-card {
  display: flex;
  flex-direction: column;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  border-radius: calc(var(--to-rem) * 10);
  background-color: var(--color-white);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card {
    inline-size: min(100%, var(--075) * 535);
    padding-block-end: calc(var(--075) * 25);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-card {
    inline-size: min(100%, var(--to-rem) * 535);
    padding-block-end: calc(var(--to-rem) * 25);
  }
}
/* ==========================
  カード内コンテナ
========================== */
.p-new-gas-handing-card__inner {
  display: flex;
  flex-direction: column;
  block-size: 100%;
}
/* ==========================
  画像エリア（デフォルト）
========================== */
.p-new-gas-handing-card__img {
  inline-size: 100%;
}
.p-new-gas-handing-card__img img {
  inline-size: 100%;
  aspect-ratio: 535/245;
  object-fit: cover;
  display: block;
}
.p-new-gas-handing-card__img.img-small img {
  aspect-ratio: 535/245;
  object-fit: cover;
}
.p-new-gas-handing-card__img.img-medium img {
  aspect-ratio: 535/245;
  object-fit: cover;
}
.p-new-gas-handing-card__img.img-large img {
  aspect-ratio: 535/245;
  object-fit: cover;
}
/* ==========================
  タイトル
========================== */
.p-new-gas-handing-card__title {
  margin-block-start: calc(var(--to-rem) * 16);
  padding-inline: calc(var(--to-rem) * 16);
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card__title {
    margin-block-start: calc(var(--to-rem) * 30);
    padding-inline: calc(var(--075) * 25);
    font-size: calc(var(--075) * 24);
    line-height: 1.2083333333;
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-card__title {
    padding-inline: calc(var(--to-rem) * 25);
    font-size: calc(var(--to-rem) * 24);
  }
}
/* ==========================
  本文テキスト
========================== */
.p-new-gas-handing-card__text {
  margin-block-start: calc(var(--to-rem) * 10);
  padding-inline: calc(var(--to-rem) * 16);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card__text {
    padding-inline: calc(var(--075) * 25);
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-card__text {
    padding-inline: calc(var(--to-rem) * 25);
  }
}
/* ==========================
  リンクエリア（水色背景）
========================== */
.p-new-gas-handing-link-area {
  margin-block-start: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 12);
  padding-inline: calc(var(--to-rem) * 16);
  background-color: #EAF7FF;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-link-area {
    inline-size: min(100%, var(--075) * 487);
    margin-block-start: calc(var(--to-rem) * 20);
    margin-inline: auto;
    padding-block: calc(var(--075) * 16);
    padding-inline-start: calc(var(--075) * 18);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-link-area {
    inline-size: min(100%, var(--to-rem) * 487);
  }
}
/* ==========================
  リンクエリア タイトル
========================== */
.p-new-gas-handing-link-area__title {
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-link-area__title {
    font-size: calc(var(--to-rem) * 20);
  }
}
/* ==========================
  リンクリスト
========================== */
.p-new-gas-handing-link-area__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--to-rem) * 8);
  margin-block-start: calc(var(--to-rem) * 12);
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-link-area__list {
    gap: calc(var(--to-rem) * 10);
    margin-block-start: calc(var(--to-rem) * 16);
  }
}
/* ==========================
  リンクアイテム
========================== */
.p-new-gas-handing-link-area__item {
  inline-size: fit-content;
  border: 1px solid var(--color-text);
  border-radius: 5px;
  background-color: var(--color-white);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-link-area__item {
    flex: 1 1 auto;
    text-align: center;
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-link-area__item {
    flex: 0 0 auto;
    inline-size: fit-content;
    text-align: left;
  }
}
/* ==========================
  リンク（アイテム内テキスト）
========================== */
.p-new-gas-handing-link-area__link {
  display: block;
  padding-block: calc(var(--to-rem) * 8);
  padding-inline: calc(var(--to-rem) * 12);
  font-size: calc(var(--to-rem) * 13);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-link-area__link {
    padding-block: calc(var(--075) * 12);
    padding-inline: calc(var(--075) * 20);
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-link-area__link {
    padding-block: calc(var(--to-rem) * 12);
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-new-gas-handing-link-area__link:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}
/* ==========================
  詳しくはこちら ボタンラッパー
========================== */
.p-new-gas-handing-card__btn {
  display: grid;
  place-items: center;
  margin-block-start: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card__btn {
    margin-block-start: calc(var(--056) * 30);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing-card__btn {
    margin-block-start: calc(var(--to-rem) * 30);
  }
}
/* ==========================
  詳しくはこちら リンク
========================== */
.p-new-gas-handing-card__link {
  display: flex;
  gap: calc(var(--to-rem) * 14);
  justify-content: center;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 200);
  padding-block: calc(var(--to-rem) * 10);
  border: 1px solid var(--color-blue);
  border-radius: 5px;
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card__link {
    gap: calc(var(--to-rem) * 20);
    inline-size: min(100%, var(--to-rem) * 235);
    padding-block: calc(var(--to-rem) * 12);
    font-size: calc(var(--to-rem) * 16);
  }
}
.p-new-gas-handing-card__link:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.p-new-gas-handing-card__link:hover .p-new-gas-handing-card__btn-arrow {
  color: var(--color-white);
}
/* ==========================
  矢印アイコン（疑似要素で描画）
========================== */
.p-new-gas-handing-card__btn-arrow {
  position: relative;
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-blue);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
  transition: color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing-card__btn-arrow {
    inline-size: 10px;
    block-size: 10px;
  }
}
.p-new-gas-handing-card__btn-arrow::before,
.p-new-gas-handing-card__btn-arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.p-new-gas-handing-card__btn-arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
.p-new-gas-handing-card__btn-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
/* ==========================
  セクション全体
========================== */
.p-new-gas-handing {
  padding-block: calc(var(--to-rem) * 60);
  background-color: #FCFAF8;
  border-radius: calc(var(--to-rem) * 50);
  scroll-margin-top: 0;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing {
    padding-block: calc(var(--075) * 140);
    border-radius: calc(var(--075) * 200);
    scroll-margin-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing {
    padding-block: calc(var(--to-rem) * 140);
    border-radius: calc(var(--to-rem) * 200);
  }
}
/* ==========================
  コンテンツグループ（カテゴリ単位）
========================== */
.p-new-gas-handing__contents {
  display: grid;
  gap: calc(var(--to-rem) * 40);
  padding-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing__contents {
    gap: calc(var(--075) * 100);
    padding-block-start: calc(var(--075) * 100);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing__contents {
    gap: calc(var(--to-rem) * 100);
    padding-block-start: calc(var(--to-rem) * 100);
  }
}
/* ==========================
  カテゴリタイトル
========================== */
.p-new-gas-handing__cards-title {
  font-size: calc(var(--to-rem) * 20);
  color: var(--color-blue);
  font-weight: var(--fw-medium);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing__cards-title {
    font-size: calc(var(--075) * 32);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing__cards-title {
    font-size: calc(var(--to-rem) * 32);
  }
}
/* ==========================
  カードグリッド
========================== */
.p-new-gas-handing__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 60);
  margin-block-start: calc(var(--to-rem) * 24);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-new-gas-handing__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(390 * var(--to-rem), 100%), calc(401 * var(--to-rem))));
    gap: calc(var(--056) * 70) calc(var(--056) * 100);
    place-content: center;
    inline-size: min(100%, var(--075) * 1170);
    margin-block-start: calc(var(--075) * 60);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-handing__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(401 * var(--to-rem), 100%), calc(530 * var(--to-rem))));
    gap: calc(var(--to-rem) * 70) calc(var(--to-rem) * 100);
    inline-size: min(100%, var(--to-rem) * 1170);
    margin-block-start: calc(var(--to-rem) * 60);
  }
}
.p-new-gas-price-card {
  display: flex;
  flex-direction: column;
  inline-size: min(100%, var(--to-rem) * 320);
  padding-block-end: calc(var(--to-rem) * 16);
  border-top: 14px solid #3290F5;
  border-radius: 26px;
  background: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-card {
    inline-size: min(100%, var(--to-rem) * 274);
    min-block-size: calc(var(--to-rem) * 438);
    padding-block-end: calc(var(--to-rem) * 16);
  }
}
.p-new-gas-price-card__img {
  inline-size: 100%;
  border-radius: 14px;
}
.p-new-gas-price-card__img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 274/183;
  border-radius: 14px;
  object-fit: cover;
}
.p-new-gas-price-card__top-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: calc(var(--to-rem) * 10);
  padding-block-start: calc(var(--to-rem) * 16);
  padding-inline: calc(var(--to-rem) * 10);
}
.p-new-gas-price-card__option {
  inline-size: calc(var(--to-rem) * 70);
  margin-inline: auto;
  padding: 5px;
  border-radius: 4px;
  background-color: var(--color-orange);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 12);
  font-weight: var(--fw-medium);
  text-align: center;
}
.p-new-gas-price-card__title {
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-card__title {
    font-size: calc(var(--075) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-price-card__title {
    font-size: calc(var(--to-rem) * 22);
  }
}
.p-new-gas-price-card__text {
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-card__text {
    font-size: calc(var(--to-rem) * 15);
  }
}
.p-new-gas-price-card__bottom-area {
  margin-block-start: auto;
  padding-block-start: calc(var(--to-rem) * 14);
  padding-inline: calc(var(--to-rem) * 10);
}
.p-new-gas-price-card__time {
  display: flex;
  gap: calc(var(--to-rem) * 4);
  align-items: center;
  inline-size: calc(var(--to-rem) * 147);
  margin-inline: auto;
  padding: calc(var(--to-rem) * 2);
  border-radius: 2px;
  background-color: var(--color-blue-white);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
}
.p-new-gas-price-card__time::before {
  content: "";
  display: block;
  inline-size: calc(var(--to-rem) * 20);
  block-size: calc(var(--to-rem) * 20);
  background: url("/assets/images/icon_time.webp") no-repeat center center/contain;
}
.p-new-gas-price-card__price {
  font-size: calc(var(--to-rem) * 22);
  color: var(--color-blue);
  font-family: var(--number-font-family);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-card__price {
    font-size: calc(var(--075) * 26);
    transform: translateY(calc(var(--to-rem) * 2));
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-price-card__price {
    font-size: calc(var(--to-rem) * 26);
  }
}
.p-new-gas-price-card__price span {
  margin-inline-start: calc(var(--to-rem) * -4);
  font-size: calc(var(--to-rem) * 14);
}
.p-new-gas-price {
  padding-block: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-new-gas-price {
    padding-block: calc(var(--075) * 140);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-price {
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-new-gas-price__inner {
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-new-gas-price__inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-new-gas-price__inquiry-text {
  margin-block-start: calc(var(--to-rem) * 10);
  font-size: calc(var(--to-rem) * 16);
  color: var(--color-blue);
  font-weight: var(--fw-medium);
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-new-gas-price__inquiry-text {
    margin-block-start: calc(var(--075) * 20);
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-price__inquiry-text {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-new-gas-price-cards-bg {
  inline-size: min(100%, var(--to-rem) * 1440);
  margin-inline: auto;
  margin-block-start: calc(var(--to-rem) * 40);
  padding-block: calc(var(--to-rem) * 40);
  padding-inline: calc(var(--to-rem) * 10);
  border: 3px solid var(--color-blue);
  border-radius: 20px;
  background-image: radial-gradient(circle, #e2f4ff 5px, transparent 5px);
  background-position: 25px 40px;
  background-size: 30px 30px;
  background-color: #f2faff;
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-cards-bg {
    margin-block-start: calc(var(--075) * 100);
    padding-block: calc(var(--075) * 100);
    border-radius: 50px;
    background-position: 0 40px;
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-price-cards-bg {
    margin-block-start: calc(var(--to-rem) * 100);
    padding-block: calc(var(--to-rem) * 100);
  }
}
.p-new-gas-price-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 30);
}
@media screen and (min-width: 768px) {
  .p-new-gas-price-cards {
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--075) * 80) calc(var(--075) * 60);
    justify-content: center;
  }
}
.p-new-gas-service-card {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  background: var(--color-white);
  padding-block-end: calc(var(--to-rem) * 24);
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0;
    inline-size: min(100%, var(--075) * 390);
    padding-block-end: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-service-card {
    inline-size: min(100%, var(--to-rem) * 390);
    padding-block-end: calc(var(--to-rem) * 24);
  }
}
.p-new-gas-service-card__img {
  inline-size: 100%;
}
.p-new-gas-service-card__img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 390/290;
  object-fit: cover;
}
.p-new-gas-service-card__title {
  margin-block-start: calc(var(--to-rem) * 16);
  padding-inline: calc(var(--to-rem) * 16);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card__title {
    margin-block-start: calc(var(--075) * 24);
    padding-inline: calc(var(--075) * 25);
    font-size: calc(var(--075) * 24);
    line-height: 1.25;
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-service-card__title {
    margin-block-start: calc(var(--to-rem) * 24);
    padding-inline: calc(var(--to-rem) * 25);
    font-size: calc(var(--to-rem) * 24);
    line-height: 1.2083333333;
  }
}
.p-new-gas-service-card__text {
  margin-block-start: calc(var(--to-rem) * 12);
  padding-inline: calc(var(--to-rem) * 16);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card__text {
    margin-block-start: calc(var(--075) * 20);
    padding-inline: calc(var(--075) * 25);
    font-size: calc(var(--to-rem) * 14);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-service-card__text {
    margin-block-start: calc(var(--to-rem) * 20);
    padding-inline: calc(var(--to-rem) * 25);
  }
}
.p-new-gas-service-card__btn {
  display: grid;
  place-items: center;
}
.p-new-gas-service-card__btn-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  inline-size: min(100%, var(--to-rem) * 230);
  margin-block-start: calc(var(--to-rem) * 20);
  padding-block: calc(var(--to-rem) * 13);
  padding-inline: calc(var(--to-rem) * 30) calc(var(--to-rem) * 16);
  border: 1px solid var(--color-green);
  border-radius: 5px;
  background-color: var(--color-green);
  color: var(--color-white);
  font-weight: var(--fw-bold);
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card__btn-link {
    inline-size: min(100%, var(--to-rem) * 230);
    margin-block-start: calc(var(--to-rem) * 43);
    padding-block: calc(var(--to-rem) * 13);
    padding-inline: calc(var(--to-rem) * 40) calc(var(--to-rem) * 16);
  }
}
.p-new-gas-service-card__btn-link:hover {
  background-color: var(--color-white);
  color: var(--color-green);
}
.p-new-gas-service-card__btn-link:hover .p-new-gas-service-card__btn-link-icon {
  color: var(--color-green);
}
.p-new-gas-service-card__btn-arrow-bg {
  display: grid;
  place-items: center;
  inline-size: calc(var(--to-rem) * 42);
  padding-block: calc(var(--to-rem) * 7);
  border: 1px solid var(--color-green);
  border-radius: 12px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card__btn-arrow-bg {
    inline-size: calc(var(--to-rem) * 42);
    padding-block: calc(var(--to-rem) * 7);
  }
}
.p-new-gas-service-card__btn-link-arrow {
  position: relative;
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  color: var(--color-green);
  line-height: 1;
  transform: translateX(-25%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-new-gas-service-card__btn-link-arrow {
    inline-size: 10px;
    block-size: 10px;
  }
}
.p-new-gas-service-card__btn-link-arrow::before, .p-new-gas-service-card__btn-link-arrow::after {
  content: "";
  position: absolute;
  border-radius: 0.1em;
  background: currentcolor;
}
.p-new-gas-service-card__btn-link-arrow::before {
  top: 0;
  right: 0;
  left: 0;
  block-size: 3px;
}
.p-new-gas-service-card__btn-link-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  inline-size: 3px;
}
.p-new-gas-service-card__btn-link-icon {
  inline-size: calc(var(--to-rem) * 20);
  color: var(--color-white);
}
.p-new-gas-service-card__btn-link-icon svg {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 20/20;
  object-fit: contain;
}
.p-new-gas-service {
  padding-block: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-new-gas-service {
    padding-block: calc(var(--075) * 140);
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-service {
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-new-gas-service__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 20);
  place-content: center;
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-new-gas-service__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(292 * var(--to-rem), 100%), calc(292 * var(--to-rem))));
  }
}
@media screen and (min-width: 1441px) {
  .p-new-gas-service__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--to-rem) * 50);
    margin-block-start: calc(var(--to-rem) * 100);
  }
}
.p-recruit-data {
  padding-block: calc(var(--to-rem) * 74) calc(var(--to-rem) * 100);
}
@media screen and (min-width: 768px) {
  .p-recruit-data {
    padding-block: calc(var(--075) * 121) calc(var(--075) * 190);
  }
}
.p-recruit-data__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--to-rem) * 10);
  place-content: center;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-block-start: calc(var(--to-rem) * 40);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-recruit-data__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 348px));
    gap: calc(var(--056) * 40) calc(var(--056) * 30);
    inline-size: initial;
    margin-block-start: calc(var(--075) * 83);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--to-rem) * 40) calc(var(--to-rem) * 30);
    inline-size: 100%;
  }
}
.p-recruit-data__card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  padding: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20);
  border-radius: 20px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-recruit-data__card {
    inline-size: initial;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__card {
    padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 25);
  }
}
.p-recruit-data-card__img {
  inline-size: min(100%, var(--to-rem) * 94);
  margin-inline: auto;
}
.p-recruit-data-card__img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-recruit-data-card__img {
    inline-size: min(100%, var(--075) * 145);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data-card__img {
    inline-size: min(100%, var(--to-rem) * 145);
  }
}
.p-recruit-data__card-item-title {
  margin-block-start: calc(var(--to-rem) * 10);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-recruit-data__card-item-title {
    font-size: calc(var(--075) * 31);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__card-item-title {
    margin-block-start: calc(var(--to-rem) * 22);
    font-size: calc(var(--to-rem) * 31);
  }
}
.p-recruit-data__card-item-value {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-black);
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-recruit-data__card-item-value {
    font-size: calc(var(--075) * 50);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__card-item-value {
    font-size: calc(var(--to-rem) * 50);
  }
}
@media screen and (min-width: 768px) {
  .p-recruit-data__card-item-value--big {
    font-size: calc(var(--075) * 55);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__card-item-value--big {
    font-size: calc(var(--to-rem) * 55);
  }
}
@media screen and (min-width: 768px) {
  .p-recruit-data__card-item-value--small {
    font-size: calc(var(--075) * 34);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-data__card-item-value--small {
    font-size: calc(var(--to-rem) * 34);
  }
}
.p-recruit-people {
  padding-block: calc(var(--to-rem) * 60) calc(var(--to-rem) * 66);
  border-radius: 0 30px 30px 0;
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-recruit-people {
    border-radius: 0 0 0 calc(var(--075) * 200);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people {
    padding-block: calc(var(--to-rem) * 70) calc(var(--to-rem) * 120);
  }
}
.p-recruit-people__cards {
  display: grid;
  gap: calc(var(--to-rem) * 40);
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-recruit-people__cards {
    gap: calc(var(--075) * 100);
    margin-block-start: calc(var(--075) * 83);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__cards {
    gap: calc(var(--to-rem) * 100);
    margin-block-start: calc(var(--to-rem) * 83);
  }
}
.p-recruit-people__card {
  border-radius: 30px;
}
.p-recruit-people__card-img {
  inline-size: 100%;
}
.p-recruit-people__card-img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 355/303;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-img {
    aspect-ratio: 1356/630;
  }
  .p-recruit-people__card-img img {
    object-position: 50% 50%;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
.p-recruit-people__card-body {
  padding-block: calc(var(--to-rem) * 40);
  padding-inline: calc(var(--to-rem) * 20);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-body {
    padding-block: calc(var(--075) * 40) calc(var(--075) * 30);
    padding-inline: calc(var(--075) * 110);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-body {
    padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 25);
    padding-inline: calc(var(--to-rem) * 110);
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
  }
}
.p-recruit-people__card-body-header {
  display: flex;
  gap: calc(var(--to-rem) * 20);
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-body-header {
    gap: calc(var(--075) * 46);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-body-header {
    gap: calc(var(--to-rem) * 46);
  }
}
.p-recruit-people__card-name {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 50);
  font-weight: var(--fw-bold);
  line-height: 1.36;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-name {
    font-size: calc(var(--075) * 60);
    line-height: 1.3333333333;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-name {
    font-size: calc(var(--to-rem) * 60);
  }
}
.p-recruit-people__card-job {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-job {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-recruit-people__card-main-text {
  display: block;
  margin-block-start: calc(var(--to-rem) * 22);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-black);
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-recruit-people__card-main-text {
    margin-block-start: calc(var(--056) * 40);
    font-size: calc(var(--075) * 30);
    line-height: 1.2857142857;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-main-text {
    margin-block-start: calc(var(--to-rem) * 40);
    font-size: calc(var(--to-rem) * 30);
  }
}
.p-recruit-people__card-more-text {
  overflow: hidden;
  margin-block-start: calc(var(--to-rem) * 40);
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-regular);
  line-height: 1.9444444444;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-more-text {
    font-size: calc(var(--to-rem) * 19);
  }
}
.p-recruit-people__card-more-text + .p-recruit-people__card-more-text {
  margin-block-start: 2em;
}
.p-recruit-people__card-more-btn {
  display: block;
  inline-size: min(100%, var(--to-rem) * 187);
  margin-block-start: calc(var(--to-rem) * 20);
  margin-inline: auto;
  padding: calc(var(--to-rem) * 13);
  border: 1px solid var(--color-green);
  border-radius: 40px;
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  text-align: center;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 1441px) {
  .p-recruit-people__card-more-btn {
    font-size: calc(var(--to-rem) * 16);
  }
}
.p-recruit-people__card-more-btn:hover {
  background-color: var(--color-white);
  color: var(--color-green);
}
body[data-page-slug=recruit] .c-sub-mv {
  margin-block-start: calc(var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  body[data-page-slug=recruit] .c-sub-mv {
    margin-block-start: calc(var(--075) * 115);
  }
}
@media screen and (min-width: 1441px) {
  body[data-page-slug=recruit] .c-sub-mv {
    margin-block-start: calc(var(--to-rem) * 115);
  }
}
.p-recruit-read {
  padding-block: calc(var(--to-rem) * 50) calc(var(--to-rem) * 112);
}
@media screen and (min-width: 768px) {
  .p-recruit-read {
    padding-block: calc(var(--075) * 180);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-read {
    padding-block: calc(var(--to-rem) * 180);
  }
}
.p-recruit-read__inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 50);
  inline-size: min(100%, var(--075) * 1420);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-recruit-read__inner {
    inline-size: min(100%, var(--to-rem) * 1120);
    margin-inline: auto;
    padding-inline: calc(var(--to-rem) * 20);
  }
}
@media screen and (width >= 1055px) {
  .p-recruit-read__inner {
    flex-direction: row;
    gap: clamp(5rem, 2.714rem + 4.76vw, 7rem);
    align-items: flex-start;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-read__inner {
    gap: calc(var(--to-rem) * 130);
    inline-size: min(100%, var(--to-rem) * 1420);
  }
}
.p-recruit-read__img {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
  border-radius: 30px;
  background-color: var(--color-white);
}
.p-recruit-read__img img {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 355/355;
  border-radius: 30px;
  box-shadow: 10px 10px var(--color-orange);
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-recruit-read__img {
    inline-size: clamp(28.125rem, 22.768rem + 11.16vw, 32.813rem);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-read__img {
    inline-size: min(100%, var(--to-rem) * 700);
  }
}
@media screen and (width <= 1055px) {
  .p-recruit-read__textarea {
    inline-size: min(100%, var(--to-rem) * 500);
    margin-inline: auto;
  }
}
.p-recruit-read__title {
  font-size: calc(var(--to-rem) * 35);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-recruit-read__title {
    font-size: calc(var(--075) * 46);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-read__title {
    font-size: calc(var(--to-rem) * 46);
  }
}
.p-recruit-read__text {
  margin-block-start: calc(var(--to-rem) * 50);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-regular);
  line-height: 1.9375;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-recruit-read__text {
    margin-block-start: calc(var(--075) * 50);
  }
}
.p-recruit-read__text + .p-recruit-read__text {
  margin-block-start: calc(var(--to-rem) * 32);
}
@media screen and (min-width: 768px) {
  .p-recruit-read__text + .p-recruit-read__text {
    margin-block-start: 0;
  }
}
.p-recruit-read__text:last-child {
  margin-block-start: calc(var(--to-rem) * 34);
}
@media screen and (min-width: 768px) {
  .p-recruit-read__text:last-child {
    margin-block-start: calc(var(--to-rem) * 17);
  }
}
.p-recruit-work {
  padding-block: calc(var(--to-rem) * 84) calc(var(--to-rem) * 70);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-recruit-work {
    padding-block: calc(var(--075) * 60) calc(var(--075) * 133);
    border-top-left-radius: calc(var(--075) * 200);
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-work {
    padding-block: calc(var(--to-rem) * 60) calc(var(--to-rem) * 133);
  }
}
.p-recruit-work__inner {
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 10);
}
@media screen and (min-width: 768px) {
  .p-recruit-work__inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
.p-recruit-work__cards {
  display: grid;
  gap: calc(var(--to-rem) * 40);
  inline-size: min(100%, var(--to-rem) * 500);
  margin-top: calc(var(--to-rem) * 40);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-recruit-work__cards {
    grid-template-columns: repeat(auto-fit, minmax(min(354px, 100%), 383px));
    gap: calc(var(--056) * 30);
    justify-content: center;
    inline-size: min(100%, var(--075) * 1693);
    margin-block-start: calc(var(--056) * 52);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-work__cards {
    grid-template-columns: repeat(3, 1fr);
    inline-size: min(100%, var(--to-rem) * 1693);
    margin-block-start: calc(var(--to-rem) * 52);
  }
}
.p-recruit-work-card {
  display: grid;
  padding-block-end: calc(var(--to-rem) * 40);
  border-radius: 30px;
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-recruit-work-card {
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0;
    padding-block-end: calc(var(--056) * 56);
  }
}
.p-recruit-work-card__img {
  inline-size: 100%;
}
.p-recruit-work-card__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 355/306;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-recruit-work-card__img img {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 525/404;
    object-fit: cover;
  }
}
.p-recruit-work-card__title {
  padding-block-start: calc(var(--to-rem) * 20);
  padding-inline: calc(var(--to-rem) * 20);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 50);
  font-weight: var(--fw-bold);
  line-height: 1.36;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .p-recruit-work-card__title {
    padding-block-start: calc(var(--056) * 60);
    padding-inline: calc(var(--056) * 40);
    font-size: calc(var(--056) * 60);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-work-card__title {
    padding-block-start: calc(var(--to-rem) * 60);
    padding-inline: calc(var(--to-rem) * 40);
    font-size: calc(var(--to-rem) * 60);
  }
}
.p-recruit-work-card__value {
  margin-block-start: calc(var(--to-rem) * 10);
  padding-inline: calc(var(--to-rem) * 20);
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-recruit-work-card__value {
    margin-block-start: calc(var(--056) * 20);
    padding-inline: calc(var(--056) * 40);
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-work-card__value {
    margin-block-start: calc(var(--to-rem) * 20);
    padding-inline: calc(var(--to-rem) * 40);
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-recruit-work-card__text {
  margin-top: calc(var(--to-rem) * 20);
  padding-inline: calc(var(--to-rem) * 20);
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-medium);
  line-height: 1.9444444444;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .p-recruit-work-card__text {
    margin-block-start: calc(var(--075) * 50);
    padding-inline: calc(var(--056) * 40);
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-recruit-work-card__text {
    margin-block-start: calc(var(--to-rem) * 50);
    padding-inline: calc(var(--to-rem) * 40);
    font-size: calc(var(--to-rem) * 18);
  }
}
/* ==========================
  セクション全体
========================== */
.p-reform-cost {
  padding-block: calc(var(--to-rem) * 50);
  background-color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .p-reform-cost {
    padding-block: calc(var(--075) * 140);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost {
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-reform-cost__inner {
  inline-size: min(100%, var(--to-rem) * 1220);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__inner {
    padding-inline: calc(var(--to-rem) * 20);
  }
}
/* ==========================
  セクションタイトル
========================== */
.p-reform-cost__title {
  font-size: calc(var(--to-rem) * 22);
  font-weight: var(--fw-bold);
  text-align: center;
  letter-spacing: 0.04em;
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__title {
    font-size: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__title {
    font-size: calc(var(--to-rem) * 40);
  }
}
/* ==========================
  タブバー
========================== */
.p-reform-cost__tabs {
  margin-block-start: calc(var(--to-rem) * 40);
  margin-block-end: calc(var(--to-rem) * -20);
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  border: 1px solid #e0e0e0;
  border-radius: calc(var(--to-rem) * 30);
  background-color: var(--color-white);
  box-shadow: 0 0 calc(var(--to-rem) * 16) rgba(0, 0, 0, 0.06);
  padding-block: calc(var(--to-rem) * 12);
  padding-inline: calc(var(--to-rem) * 12);
  position: relative;
  z-index: 2;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__tabs {
    margin-block-start: calc(var(--075) * 83);
    margin-block-end: calc(var(--to-rem) * -40);
    border-radius: calc(var(--to-rem) * 50);
    padding-block: calc(var(--to-rem) * 19);
    padding-inline: clamp(3.125rem, -5.958rem + 18.924vw, 16.75rem);
    inline-size: min(100%, var(--to-rem) * 1060);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__tabs {
    margin-block-start: calc(var(--to-rem) * 83);
  }
}
.p-reform-cost__tabs::-webkit-scrollbar {
  display: none;
}
/* ==========================
  各タブボタン
========================== */
.p-reform-cost__tab {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 5);
  padding-block: calc(var(--to-rem) * 6);
  padding-inline: calc(var(--to-rem) * 6);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  background-color: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__tab {
    gap: calc(var(--to-rem) * 10);
    padding-block: calc(var(--to-rem) * 2);
    padding-inline: calc(var(--to-rem) * 8);
    font-size: calc(var(--075) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__tab {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-reform-cost__tab.is-active {
  color: var(--color-text);
  font-weight: var(--fw-bold);
}
.p-reform-cost__tab.is-active::before {
  content: "";
  display: inline-block;
  inline-size: calc(var(--to-rem) * 10);
  block-size: calc(var(--to-rem) * 10);
  border-radius: 50%;
  background-color: var(--color-green);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__tab.is-active::before {
    inline-size: calc(var(--to-rem) * 14);
    block-size: calc(var(--to-rem) * 14);
  }
}
.p-reform-cost__tab[data-tab=kitchen].is-active::before {
  background-color: var(--color-orange);
}
.p-reform-cost__tab[data-tab=bath].is-active::before {
  background-color: var(--color-blue);
}
.p-reform-cost__tab[data-tab=toilet].is-active::before {
  background-color: var(--color-green);
}
.p-reform-cost__tab[data-tab=other].is-active::before {
  background-color: var(--color-red);
}
.p-reform-cost__tab:hover:not(.is-active) {
  color: var(--color-text);
}
/* ==========================
  タブパネル
========================== */
.p-reform-cost__panels {
  position: relative;
  z-index: 1;
}
.p-reform-cost__panel {
  display: none;
}
.p-reform-cost__panel.is-active {
  display: block;
  animation: panelFadeIn 0.4s ease forwards;
}
@keyframes panelFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==========================
  カードリスト (グレー背景)
========================== */
.p-reform-cost__cards {
  background-color: #f5f5f5;
  border-radius: calc(var(--to-rem) * 10);
  inline-size: min(100%, var(--to-rem) * 700);
  margin-inline: auto;
  padding: calc(var(--to-rem) * 60) calc(var(--to-rem) * 10) calc(var(--to-rem) * 28);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__cards {
    border-radius: calc(var(--to-rem) * 16);
    inline-size: 100%;
    max-inline-size: calc(var(--to-rem) * 1188);
    padding: calc(var(--075) * 120) calc(var(--075) * 80);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__cards {
    padding: calc(var(--to-rem) * 120) calc(var(--to-rem) * 100);
  }
}
/* ==========================
  各カード
========================== */
.p-reform-cost__card {
  padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 50);
  border-bottom: 1px solid #e0e0e1;
  inline-size: min(100%, var(--to-rem) * 500);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__card {
    padding-block: calc(var(--075) * 80) calc(var(--075) * 100);
    inline-size: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__card {
    padding-block: calc(var(--to-rem) * 80) calc(var(--to-rem) * 100);
  }
}
.p-reform-cost__card:first-child {
  padding-block-start: 0;
}
.p-reform-cost__card:last-child {
  border-bottom: none;
  padding-block-end: 0;
}
/* ==========================
  カードタイトル
========================== */
.p-reform-cost__card-title {
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  letter-spacing: 0.07em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__card-title {
    font-size: calc(var(--075) * 28);
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__card-title {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-reform-cost__card-title span {
  display: inline;
  background: linear-gradient(transparent 50%, rgba(115, 204, 41, 0.25) 50%);
}
/* ==========================
  カード本体 (白カード)
========================== */
.p-reform-cost__card-body {
  background-color: var(--color-white);
  border-radius: calc(var(--to-rem) * 14);
  overflow: hidden;
  box-shadow: 0 calc(var(--to-rem) * 2) calc(var(--to-rem) * 8) rgba(0, 0, 0, 0.06);
  margin-block-start: calc(var(--to-rem) * 20);
  inline-size: min(100%, var(--to-rem) * 500);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__card-body {
    border-radius: calc(var(--to-rem) * 20);
    margin-block-start: calc(var(--075) * 50);
    inline-size: min(100%, var(--075) * 741);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__card-body {
    margin-block-start: calc(var(--to-rem) * 50);
    inline-size: min(100%, var(--to-rem) * 741);
  }
}
/* ==========================
  メイン画像
========================== */
.p-reform-cost__card-img {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 1000/463;
  inline-size: min(100%, var(--to-rem) * 740);
  overflow: hidden;
}
.p-reform-cost__card-img img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}
/* ==========================
  オプション一覧
========================== */
.p-reform-cost__card-options {
  display: flex;
  gap: calc(var(--to-rem) * 12);
  padding-block: calc(var(--to-rem) * 20) calc(var(--to-rem) * 26);
  margin-inline: calc(var(--to-rem) * 12);
  border-bottom: 2px dotted #b1b1b1;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__card-options {
    gap: calc(var(--075) * 60);
    padding-block: calc(var(--075) * 40) calc(var(--075) * 60);
    margin-inline: calc(var(--075) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__card-options {
    gap: calc(var(--to-rem) * 60);
    padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 60);
    margin-inline: calc(var(--to-rem) * 40);
  }
}
.p-reform-cost__option {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 8);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__option {
    gap: calc(var(--to-rem) * 16);
  }
}
.p-reform-cost__option img {
  inline-size: calc(var(--to-rem) * 90);
  aspect-ratio: 1/1;
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__option img {
    inline-size: calc(var(--075) * 120);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__option img {
    inline-size: calc(var(--to-rem) * 120);
  }
}
.p-reform-cost__option span {
  max-inline-size: calc(var(--to-rem) * 124);
  font-size: calc(var(--to-rem) * 10);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__option span {
    font-size: calc(var(--to-rem) * 14);
  }
}
/* ==========================
  価格エリア
========================== */
.p-reform-cost__card-price {
  display: flex;
  gap: calc(var(--to-rem) * 16);
  margin-block-start: calc(var(--to-rem) * 18);
  padding-block-end: calc(var(--to-rem) * 22);
  margin-inline: calc(var(--to-rem) * 12);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__card-price {
    gap: calc(var(--075) * 44);
    margin-block-start: calc(var(--075) * 34);
    padding-block-end: calc(var(--075) * 44);
    margin-inline: calc(var(--075) * 54);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__card-price {
    gap: calc(var(--to-rem) * 44);
    margin-block-start: calc(var(--to-rem) * 34);
    padding-block-end: calc(var(--to-rem) * 44);
    margin-inline: calc(var(--to-rem) * 54);
  }
}
.p-reform-cost__price-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 10);
  padding-inline: calc(var(--to-rem) * 6);
}
@media screen and (min-width: 768px) {
  .p-reform-cost__price-item {
    gap: calc(var(--to-rem) * 16);
    padding-inline: calc(var(--to-rem) * 14);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__price-item {
    gap: calc(var(--to-rem) * 20);
  }
}
.p-reform-cost__price-label {
  font-size: calc(var(--to-rem) * 11);
  line-height: 1;
  font-weight: var(--fw-bold);
  color: var(--color-white);
  background-color: var(--color-green);
  padding-block: calc(var(--to-rem) * 6);
  padding-inline: calc(var(--to-rem) * 10);
  border-radius: calc(var(--to-rem) * 4);
  display: inline-block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__price-label {
    font-size: calc(var(--to-rem) * 14);
    padding-block: calc(var(--to-rem) * 8);
    padding-inline: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-cost__price-label {
    font-size: calc(var(--to-rem) * 16);
  }
}
.p-reform-cost__price-value {
  font-size: calc(var(--to-rem) * 12);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  text-align: left;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-reform-cost__price-value {
    font-size: calc(var(--to-rem) * 16);
  }
}
/* ==========================
  パネル別カラー : タイトルマーカー
========================== */
#panel-kitchen .p-reform-cost__card-title span {
  background: linear-gradient(transparent 60%, rgba(239, 152, 0, 0.22) 50%);
}
#panel-bath .p-reform-cost__card-title span {
  background: linear-gradient(transparent 50%, rgba(50, 144, 245, 0.22) 50%);
}
#panel-toilet .p-reform-cost__card-title span {
  background: linear-gradient(transparent 50%, rgba(115, 204, 41, 0.25) 50%);
}
#panel-other .p-reform-cost__card-title span {
  background: linear-gradient(transparent 50%, rgba(255, 46, 46, 0.18) 50%);
}
/* ==========================
  パネル別カラー : オプション画像ボーダー
========================== */
#panel-kitchen .p-reform-cost__option img {
  border: calc(var(--to-rem) * 3) solid var(--color-orange);
}
#panel-bath .p-reform-cost__option img {
  border: calc(var(--to-rem) * 3) solid var(--color-blue);
}
#panel-toilet .p-reform-cost__option img {
  border: calc(var(--to-rem) * 3) solid var(--color-green);
}
#panel-other .p-reform-cost__option img {
  border: calc(var(--to-rem) * 3) solid var(--color-red);
}
.p-reform-read {
  padding-block: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-reform-read {
    padding-block: calc(var(--075) * 140);
  }
}
@media screen and (min-width: 1250px) {
  .p-reform-read {
    padding-block: calc(var(--to-rem) * 140);
  }
}
.p-reform-read__inner {
  inline-size: min(100%, var(--to-rem) * 1000);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 20);
  text-align: center;
}
.p-reform-read__title {
  font-size: calc(var(--to-rem) * 22);
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-reform-read__title {
    font-size: calc(var(--to-rem) * 32);
    line-height: 1.6;
  }
}
@media screen and (min-width: 1250px) {
  .p-reform-read__title {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-reform-read__body {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 16);
  margin-block-start: calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-reform-read__body {
    gap: calc(var(--to-rem) * 26);
    margin-block-start: calc(var(--to-rem) * 40);
  }
}
.p-reform-read__text {
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-medium);
  line-height: 1.5835;
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .p-reform-read__text {
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1250px) {
  .p-reform-read__text {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-reform-read__link {
  color: var(--color-blue);
}
.p-reform-reason {
  padding-block: calc(var(--to-rem) * 60);
  background-color: var(--bg-blue);
}
@media screen and (min-width: 768px) {
  .p-reform-reason {
    padding-block-start: calc(var(--to-rem) * 100);
    padding-block-end: calc(var(--to-rem) * 140);
    border-radius: calc(var(--to-rem) * 100);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-reason {
    border-radius: calc(var(--to-rem) * 200);
  }
}
.p-reform-reason__inner {
  inline-size: min(100%, var(--to-rem) * 1180);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 20);
}
.p-reform-reason__title {
  display: block;
  text-align: center;
  font-size: calc(var(--to-rem) * 28);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-reform-reason__title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1;
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-reform-reason__title-brand {
  color: var(--color-green);
}
.p-reform-reason__title-char {
  line-height: 1;
  font-size: calc(var(--to-rem) * 48);
}
.p-reform-reason__title-num {
  position: relative;
  font-size: calc(var(--to-rem) * 60);
  color: var(--color-text);
  line-height: 1;
  letter-spacing: -0.15em;
}
.p-reform-reason__title-num::after {
  content: "";
  display: block;
  inline-size: calc(var(--to-rem) * 25);
  block-size: calc(var(--to-rem) * 25);
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 24.75C5.11042 24.75 4.78409 24.618 4.521 24.354C4.25792 24.09 4.12592 23.7637 4.125 23.375C4.12409 22.9863 4.25609 22.66 4.521 22.396C4.78592 22.132 5.11225 22 5.5 22H22C22.3896 22 22.7164 22.132 22.9804 22.396C23.2444 22.66 23.3759 22.9863 23.375 23.375C23.3741 23.7637 23.2421 24.0905 22.979 24.3554C22.7159 24.6203 22.3896 24.7518 22 24.75H5.5ZM6.4625 19.9375C5.79792 19.9375 5.20805 19.7198 4.69288 19.2844C4.17771 18.849 3.86238 18.299 3.74688 17.6344L2.37188 8.90313C2.32604 8.90313 2.27471 8.90909 2.21788 8.921C2.16104 8.93292 2.10925 8.93842 2.0625 8.9375C1.48959 8.9375 1.00284 8.73721 0.602253 8.33663C0.20167 7.93604 0.000919792 7.44884 3.125e-06 6.875C-0.000913542 6.30117 0.199836 5.81442 0.602253 5.41475C1.00467 5.01509 1.49142 4.81434 2.0625 4.8125C2.63359 4.81067 3.1208 5.01142 3.52413 5.41475C3.92746 5.81809 4.12775 6.30484 4.125 6.875C4.125 7.03542 4.10759 7.18438 4.07275 7.32188C4.03792 7.45938 3.99804 7.58542 3.95313 7.7L8.25 9.625L12.5469 3.74688C12.2948 3.56354 12.0885 3.32292 11.9281 3.025C11.7677 2.72709 11.6875 2.40625 11.6875 2.0625C11.6875 1.48959 11.8883 1.00238 12.2898 0.600878C12.6913 0.199378 13.178 -0.000913535 13.75 3.13212e-06C14.322 0.000919799 14.8092 0.20167 15.2116 0.602253C15.614 1.00284 15.8143 1.48959 15.8125 2.0625C15.8125 2.40625 15.7323 2.72709 15.5719 3.025C15.4115 3.32292 15.2052 3.56354 14.9531 3.74688L19.25 9.625L23.5469 7.7C23.501 7.58542 23.4607 7.45938 23.4259 7.32188C23.391 7.18438 23.3741 7.03542 23.375 6.875C23.375 6.30209 23.5758 5.81488 23.9773 5.41338C24.3788 5.01188 24.8655 4.81159 25.4375 4.8125C26.0095 4.81342 26.4967 5.01417 26.8991 5.41475C27.3015 5.81534 27.5018 6.30209 27.5 6.875C27.4982 7.44792 27.2979 7.93513 26.8991 8.33663C26.5004 8.73813 26.0132 8.93842 25.4375 8.9375C25.3917 8.9375 25.3403 8.932 25.2835 8.921C25.2267 8.91 25.1749 8.90405 25.1281 8.90313L23.7531 17.6344C23.6385 18.299 23.3237 18.849 22.8085 19.2844C22.2933 19.7198 21.703 19.9375 21.0375 19.9375H6.4625Z' fill='%23FDBD4E'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(var(--to-rem) * 8);
  right: calc(var(--to-rem) * -20);
}
@media screen and (min-width: 768px) {
  .p-reform-reason__title-num::after {
    inline-size: calc(var(--to-rem) * 30);
    block-size: calc(var(--to-rem) * 30);
    top: calc(var(--to-rem) * -20);
    right: calc(var(--to-rem) * -20);
  }
}
.p-reform-reason__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 16);
  margin-block-start: calc(var(--to-rem) * 40);
}
@media screen and (min-width: 768px) {
  .p-reform-reason__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--to-rem) * 24);
    margin-block-start: calc(var(--to-rem) * 70);
  }
}
.p-reform-reason__item {
  border-radius: calc(var(--to-rem) * 16);
  overflow: hidden;
}
.p-reform-reason__catch {
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  text-align: center;
  margin-block-start: calc(var(--to-rem) * 70);
  color: var(--color-text);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-reform-reason__catch {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-reform-reason__tags-wrap {
  margin-block-start: calc(var(--to-rem) * 24);
}
.p-reform-reason .c-badge-list {
  row-gap: calc(var(--to-rem) * 10);
  grid-auto-rows: 1fr;
}
@media screen and (min-width: 768px) {
  .p-reform-reason .c-badge-list {
    display: flex;
    flex-flow: row wrap;
  }
}
.p-reform-reason .c-badge-list__item {
  font-size: calc(var(--to-rem) * 12);
  padding-block: calc(var(--to-rem) * 8);
  padding-inline: calc(var(--to-rem) * 6);
  block-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-reform-reason .c-badge-list__item {
    font-size: calc(var(--075) * 18);
    padding-inline: calc(var(--to-rem) * 14);
    padding-block: calc(var(--to-rem) * 4);
    block-size: auto;
  }
}
@media screen and (min-width: 1250px) {
  .p-reform-reason .c-badge-list__item {
    font-size: calc(var(--075) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-reason .c-badge-list__item {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-reform-reason .c-badge-list__item:last-child {
  grid-column: 1/-1;
  justify-self: center;
  inline-size: calc((100% - var(--to-rem) * 10) / 2);
}
@media screen and (min-width: 768px) {
  .p-reform-reason .c-badge-list__item:last-child {
    grid-column: auto;
    justify-self: auto;
    inline-size: auto;
  }
}
.p-reform-reason__tags {
  margin-block-start: calc(var(--to-rem) * 28);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: calc(var(--to-rem) * 8);
  column-gap: calc(var(--to-rem) * 8);
  list-style: none;
}
.p-reform-reason__tag {
  flex: 0 0 calc(50% - var(--to-rem) * 4);
  font-size: calc(var(--to-rem) * 17);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  line-height: 1.6;
  background-color: var(--color-white);
  border: 2px solid var(--color-blue);
  padding-block: calc(var(--to-rem) * 3);
  padding-inline: calc(var(--to-rem) * 14);
  border-radius: calc(var(--to-rem) * 40);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-reform-reason__tag {
    flex: 0 0 auto;
    text-align: left;
    font-size: calc(var(--to-rem) * 14);
  }
}
.p-reform-reason__tag-break {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-reform-reason__tag-break {
    display: block;
    flex-basis: 100%;
    height: 0;
    overflow: hidden;
    margin-block: calc(var(--to-rem) * -4);
  }
}
.p-reform-advisor {
  margin-block-start: calc(var(--to-rem) * 70);
  border-radius: calc(var(--to-rem) * 20);
  background-color: var(--color-white);
  border: calc(var(--to-rem) * 1) solid #e0e0e0;
  max-inline-size: calc(var(--to-rem) * 1080);
  margin-inline: auto;
}
.p-reform-advisor__title {
  display: block;
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  color: var(--color-white);
  background-color: var(--color-blue);
  padding-block: calc(var(--to-rem) * 14);
  padding-inline: calc(var(--to-rem) * 20);
  text-align: center;
  border-radius: calc(var(--to-rem) * 20) calc(var(--to-rem) * 20) 0 0;
}
@media screen and (min-width: 768px) {
  .p-reform-advisor__title {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-reform-advisor__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 30) calc(var(--to-rem) * 30);
  padding-inline: calc(var(--to-rem) * 16);
  background-color: var(--color-white);
  text-align: center;
  border-radius: 0 0 calc(var(--to-rem) * 20) calc(var(--to-rem) * 20);
  border: 2px solid var(--color-blue);
}
@media screen and (min-width: 768px) {
  .p-reform-advisor__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: calc(var(--to-rem) * 20);
    padding-block: calc(var(--to-rem) * 40) calc(var(--to-rem) * 45);
    padding-inline: calc(var(--to-rem) * 30);
    text-align: left;
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-advisor__inner {
    gap: calc(var(--to-rem) * 30);
    padding-block: calc(var(--to-rem) * 50) calc(var(--to-rem) * 55);
  }
}
.p-reform-advisor__img {
  flex-shrink: 0;
  inline-size: calc(var(--to-rem) * 100);
  block-size: calc(var(--to-rem) * 100);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-reform-advisor__img {
    inline-size: calc(var(--to-rem) * 130);
    block-size: calc(var(--to-rem) * 130);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-advisor__img {
    inline-size: calc(var(--to-rem) * 165);
    block-size: calc(var(--to-rem) * 165);
  }
}
.p-reform-advisor__img img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.p-reform-advisor__body {
  flex: 1;
}
.p-reform-advisor__lead {
  display: block;
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  color: var(--color-blue);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-reform-advisor__lead {
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-advisor__lead {
    font-size: calc(var(--to-rem) * 24);
  }
}
.p-reform-advisor__text {
  margin-block-start: calc(var(--to-rem) * 14);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-medium);
  color: #555;
  line-height: 1.7;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-reform-advisor__text {
    margin-block-start: calc(var(--to-rem) * 18);
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-reform-advisor__text {
    margin-block-start: calc(var(--to-rem) * 22);
    font-size: calc(var(--to-rem) * 20);
  }
}
.body--supportsupp {
  background-color: var(--color-white);
}
.p-support-about {
  padding-block: calc(var(--to-rem) * 48) calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-support-about {
    padding-block: calc(var(--to-rem) * 60) calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-about {
    padding-block: calc(var(--to-rem) * 80) calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about {
    padding-block: calc(var(--to-rem) * 140) calc(var(--to-rem) * 30);
  }
}
.p-support-about__inner {
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 500);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-support-about__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-inline-size: 100%;
    padding-inline: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-about__inner {
    padding-inline: calc(var(--to-rem) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about__inner {
    padding-inline: calc(var(--to-rem) * 179);
  }
}
.p-support-about__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 32);
}
@media screen and (min-width: 768px) {
  .p-support-about__content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: calc(var(--to-rem) * 1660);
    gap: clamp(var(--to-rem) * 24, 5vw + var(--to-rem) * -14, var(--to-rem) * 80);
  }
}
.p-support-about__text-area {
  inline-size: 100%;
  align-self: center;
}
@media screen and (min-width: 768px) {
  .p-support-about__text-area {
    flex: 1;
  }
}
.p-support-about__heading {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 20);
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-support-about__heading {
    font-size: clamp(1.25rem, -0.179rem + 2.976vw, 2.5rem);
    line-height: 1;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about__heading {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-support-about__description {
  margin-block-start: calc(var(--to-rem) * 16);
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-medium);
  line-height: 1.7;
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 6);
}
@media screen and (min-width: 768px) {
  .p-support-about__description {
    margin-block-start: calc(var(--to-rem) * 30);
    font-size: clamp(1rem, 0.143rem + 1.786vw, 1.75rem);
    line-height: 1.6;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about__description {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-support-about__note {
  color: rgba(50, 52, 54, 0.6);
  font-size: calc(var(--to-rem) * 11);
  font-weight: var(--fw-medium);
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-support-about__note {
    font-size: calc(var(--to-rem) * 13);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about__note {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-support-about__badge-area {
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 400);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-support-about__badge-area {
    flex: 1;
    max-inline-size: calc(var(--to-rem) * 742);
    min-inline-size: 0;
    align-self: auto;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-about__badge-area {
    max-inline-size: calc(var(--to-rem) * 742);
  }
}
.p-support-about__badge-area img {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 742/458;
  object-fit: contain;
}
.p-support-diagnosis {
  padding-block-start: calc(var(--to-rem) * 40);
  padding-block-end: calc(var(--to-rem) * 120);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis {
    padding-block-start: calc(var(--to-rem) * 60);
  }
}
.p-support-diagnosis__inner {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 600);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__inner {
    max-inline-size: 100%;
    padding-inline: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__inner {
    padding-inline: calc(var(--to-rem) * 40);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__inner {
    padding-block: calc(var(--to-rem) * 60) 0;
    padding-inline: calc(var(--to-rem) * 130);
  }
}
.p-support-diagnosis__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
  inline-size: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__header {
    gap: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__header {
    gap: calc(var(--to-rem) * 30);
  }
}
.p-support-diagnosis__section-title {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 22);
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__section-title {
    font-size: calc(var(--to-rem) * 28);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__section-title {
    font-size: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  inline-size: min(100%, var(--to-rem) * 1660);
  gap: calc(var(--to-rem) * 48);
  padding-block: calc(var(--to-rem) * 60);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__cards {
    gap: calc(var(--to-rem) * 60);
    padding-block: calc(var(--to-rem) * 80);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__cards {
    gap: calc(var(--to-rem) * 120);
    padding-block: calc(var(--to-rem) * 120);
  }
}
.p-support-diagnosis__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  inline-size: 100%;
  gap: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 48) calc(var(--to-rem) * 24);
  padding-inline: calc(var(--to-rem) * 16);
  background-color: #FCFAF8;
  border-radius: calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__card {
    padding-block: calc(var(--to-rem) * 60) calc(var(--to-rem) * 32);
    padding-inline: calc(var(--to-rem) * 24);
    border-radius: calc(var(--to-rem) * 40);
    gap: calc(var(--to-rem) * 20);
    inline-size: 100%;
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__card {
    padding-block: calc(var(--to-rem) * 80) calc(var(--to-rem) * 40);
    padding-inline: calc(var(--to-rem) * 40);
    border-radius: calc(var(--to-rem) * 50);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__card {
    padding-block: calc(var(--to-rem) * 110) calc(var(--to-rem) * 50);
    padding-inline: calc(var(--to-rem) * 50);
    border-radius: calc(var(--to-rem) * 70);
    gap: calc(var(--to-rem) * 30);
  }
}
.p-support-diagnosis__card-label {
  position: absolute;
  top: calc(var(--to-rem) * -20);
  left: calc(var(--to-rem) * -2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--to-rem) * 12) calc(var(--to-rem) * 16);
  background-color: var(--color-blue);
  border-radius: calc(var(--to-rem) * 16) 0 calc(var(--to-rem) * 16) 0;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__card-label {
    top: calc(var(--to-rem) * -24);
    padding: calc(var(--to-rem) * 16) calc(var(--to-rem) * 20);
    border-radius: calc(var(--to-rem) * 20) 0 calc(var(--to-rem) * 20) 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__card-label {
    top: calc(var(--to-rem) * -39);
    padding: calc(var(--to-rem) * 30);
    border-radius: calc(var(--to-rem) * 32) 0 calc(var(--to-rem) * 32) 0;
  }
}
.p-support-diagnosis__card-label-text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__card-label-text {
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__card-label-text {
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__card-label-text {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-support-diagnosis__card-label-number {
  font-family: var(--number-font-family);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-semibold);
  line-height: 1;
  padding-inline-end: 0.5em;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__card-label-number {
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__card-label-number {
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__card-label-number {
    font-size: calc(var(--to-rem) * 34);
  }
}
.p-support-diagnosis__question-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 10);
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__question-wrap {
    gap: calc(var(--to-rem) * 12);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__question-wrap {
    gap: calc(var(--to-rem) * 16);
  }
}
.p-support-diagnosis__question-deco {
  flex-shrink: 0;
  display: block;
  inline-size: 0;
  block-size: calc(var(--to-rem) * 22);
  border-inline-start: 2px solid rgb(50, 52, 54);
  transform: rotate(-20deg);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__question-deco {
    block-size: calc(var(--to-rem) * 28);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__question-deco {
    block-size: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__question-deco--right {
  transform: rotate(20deg);
}
.p-support-diagnosis__question {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__question {
    font-size: calc(var(--to-rem) * 20);
    line-height: 1.3;
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__question {
    font-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__question {
    font-size: calc(var(--to-rem) * 28);
    line-height: 1.0769230769;
  }
}
.p-support-diagnosis__question-img {
  inline-size: min(100%, var(--to-rem) * 509);
  aspect-ratio: 509/279;
}
.p-support-diagnosis__question-img img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-diagnosis__question-img--gas-conro {
  inline-size: min(100%, var(--to-rem) * 930);
  aspect-ratio: 930/471;
}
.p-support-diagnosis__triangle-icon {
  inline-size: min(100%, var(--to-rem) * 60);
  aspect-ratio: 90/99;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__triangle-icon {
    inline-size: min(100%, var(--to-rem) * 90);
  }
}
.p-support-diagnosis__triangle-icon img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-diagnosis__service-card {
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 500);
  margin-inline: auto;
  background-color: var(--color-white);
  border-radius: calc(var(--to-rem) * 16);
  padding: calc(var(--to-rem) * 24) calc(var(--to-rem) * 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-card {
    max-inline-size: none;
    border-radius: calc(var(--to-rem) * 24);
    padding: calc(var(--to-rem) * 24);
    gap: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__service-card {
    border-radius: calc(var(--to-rem) * 30);
    padding: calc(var(--to-rem) * 36);
    gap: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-card {
    max-inline-size: calc(var(--to-rem) * 1440);
    border-radius: calc(var(--to-rem) * 40);
    padding: calc(var(--to-rem) * 50);
    gap: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__service-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 8);
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-header {
    flex-direction: row;
    gap: calc(var(--to-rem) * 10);
  }
}
.p-support-diagnosis__service-label {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-label {
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-label {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-support-diagnosis__time-badge {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--to-rem) * 4);
  padding: calc(var(--to-rem) * 4) calc(var(--to-rem) * 6);
  background-color: var(--color-green);
  border-radius: 2px;
}
.p-support-diagnosis__time-icon {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 18);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__time-icon {
    inline-size: min(100%, var(--to-rem) * 20);
  }
}
.p-support-diagnosis__time-icon img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-diagnosis__time-text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__time-text {
    font-size: calc(var(--to-rem) * 15);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__time-text {
    font-size: calc(var(--to-rem) * 16);
    line-height: 1.375;
  }
}
.p-support-diagnosis__service-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-body {
    flex-direction: row;
    justify-content: center;
    gap: calc(var(--to-rem) * 20);
  }
}
.p-support-diagnosis__illust-area {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 240);
  aspect-ratio: 450/330;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__illust-area {
    inline-size: min(40%, var(--to-rem) * 300);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__illust-area {
    inline-size: min(40%, var(--to-rem) * 380);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__illust-area {
    inline-size: calc(var(--to-rem) * 450);
    flex-shrink: 0;
  }
}
.p-support-diagnosis__illust-area img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.p-support-diagnosis__check-area {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 10);
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 600);
  padding-inline: calc(var(--to-rem) * 16);
  padding-block: calc(var(--to-rem) * 20);
  background-color: rgba(234, 247, 255, 0.7);
  border-radius: calc(var(--to-rem) * 14);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__check-area {
    padding-inline: calc(var(--to-rem) * 20);
    padding-block: calc(var(--to-rem) * 24);
    gap: calc(var(--to-rem) * 12);
    border-radius: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-area {
    padding-inline: calc(var(--to-rem) * 32);
    padding-block: calc(var(--to-rem) * 47);
    gap: calc(var(--to-rem) * 16);
    border-radius: calc(var(--to-rem) * 20);
  }
}
.p-support-diagnosis__check-area--column {
  grid-template-columns: 1fr;
  gap: calc(var(--to-rem) * 8);
  padding-inline: calc(var(--to-rem) * 12);
  padding-block: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__check-area--column {
    grid-template-columns: 1fr 1fr;
    padding-inline: calc(var(--to-rem) * 16);
    padding-block: calc(var(--to-rem) * 24);
    gap: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-area--column {
    padding-inline: calc(var(--to-rem) * 24);
    padding-block: calc(var(--to-rem) * 39);
    gap: calc(var(--to-rem) * 10);
  }
}
.p-support-diagnosis__check-item {
  display: flex;
  align-items: center;
  gap: calc(var(--to-rem) * 6);
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-item {
    gap: calc(var(--to-rem) * 7);
  }
}
.p-support-diagnosis__check-icon {
  flex-shrink: 0;
  inline-size: calc(var(--to-rem) * 18);
  block-size: calc(var(--to-rem) * 18);
  border-radius: 50%;
  background-color: var(--color-blue);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__check-icon {
    inline-size: calc(var(--to-rem) * 20);
    block-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-icon {
    inline-size: calc(var(--to-rem) * 24);
    block-size: calc(var(--to-rem) * 24);
  }
}
.p-support-diagnosis__check-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  inline-size: calc(var(--to-rem) * 4);
  block-size: calc(var(--to-rem) * 7);
  border-block-end: 2px solid var(--color-white);
  border-inline-end: 2px solid var(--color-white);
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-icon::after {
    inline-size: calc(var(--to-rem) * 5);
    block-size: calc(var(--to-rem) * 9);
  }
}
.p-support-diagnosis__check-text {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 12);
  font-weight: var(--fw-medium);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__check-text {
    font-size: calc(var(--to-rem) * 13);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__check-text {
    font-size: calc(var(--to-rem) * 14);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-text {
    font-size: calc(var(--to-rem) * 18);
    line-height: 1.4444444444;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__check-text--sm {
    font-size: calc(var(--to-rem) * 18);
  }
}
.p-support-diagnosis__check-area--column .p-support-diagnosis__check-item:last-child {
  grid-column: 1/-1;
}
.p-support-diagnosis__check-area--column .p-support-diagnosis__check-item:last-child .p-support-diagnosis__check-text {
  white-space: nowrap;
}
.p-support-diagnosis__catch {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__catch {
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__catch {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-support-diagnosis__catch span {
  color: var(--color-red);
  font-size: 1.4em;
  padding-inline: 0.1em;
}
.p-support-diagnosis__service-photos {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 16);
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-photos {
    flex-direction: row;
    align-items: stretch;
    gap: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photos {
    gap: calc(var(--to-rem) * 50);
  }
}
.p-support-diagnosis__service-photo-item {
  position: relative;
  flex: 1;
  min-inline-size: 0;
  border: 2px solid var(--color-blue);
  border-radius: calc(var(--to-rem) * 14);
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 12);
  padding-block-start: calc(var(--to-rem) * 20);
  padding-inline: calc(var(--to-rem) * 16);
  background-color: var(--bg-blue);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-photo-item {
    border-radius: calc(var(--to-rem) * 20);
    padding-block-start: calc(var(--to-rem) * 30);
    padding-inline: calc(var(--to-rem) * 20);
    gap: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photo-item {
    padding-block-start: calc(var(--to-rem) * 50);
    padding-inline: calc(var(--to-rem) * 40);
    gap: calc(var(--to-rem) * 20);
  }
}
.p-support-diagnosis__service-photo-number {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: translate(-33%, -33%);
  z-index: 2;
  aspect-ratio: 89/96;
  inline-size: min(100%, var(--to-rem) * 50);
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__service-photo-number {
    inline-size: min(100%, var(--to-rem) * 60);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photo-number {
    inline-size: min(100%, var(--to-rem) * 89);
    transform: translate(-33%, -33%);
  }
}
.p-support-diagnosis__service-photo-number img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.p-support-diagnosis__service-photo-item--cap {
  padding-block-start: calc(var(--to-rem) * 12);
  padding-inline: calc(var(--to-rem) * 20);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-photo-item--cap {
    padding-block-start: calc(var(--to-rem) * 16);
    padding-inline: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photo-item--cap {
    padding-block-start: calc(var(--to-rem) * 20);
    padding-inline: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__service-img {
  inline-size: min(100%, var(--to-rem) * 200);
  aspect-ratio: 240/160;
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-img {
    inline-size: min(100%, var(--to-rem) * 240);
  }
}
.p-support-diagnosis__service-img img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-diagnosis__service-photo-item--cap .p-support-diagnosis__service-img {
  inline-size: min(100%, var(--to-rem) * 140);
  aspect-ratio: 172/176;
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photo-item--cap .p-support-diagnosis__service-img {
    inline-size: min(100%, var(--to-rem) * 172);
  }
}
.p-support-diagnosis__service-photo-caption {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-bold);
  line-height: 1.5;
  text-align: center;
  padding-block-end: calc(var(--to-rem) * 16);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__service-photo-caption {
    font-size: calc(var(--to-rem) * 16);
    padding-block-end: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__service-photo-caption {
    font-size: calc(var(--to-rem) * 21);
    padding-block-end: calc(var(--to-rem) * 33);
  }
}
.p-support-diagnosis__gift-area {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  inline-size: 100%;
  background-color: transparent;
  padding-block-start: calc(var(--to-rem) * 28);
  padding-block-end: 0;
  padding-inline: calc(var(--to-rem) * 8);
  margin-block-start: calc(var(--to-rem) * 24);
}
.p-support-diagnosis__gift-area::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline: 0;
  inline-size: 100%;
  block-size: 100%;
  margin-inline: auto;
  margin-block: auto;
  background-color: #fff8dd;
  transform: rotate(-2deg);
  z-index: 0;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__gift-area::before {
    inline-size: 70%;
    block-size: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__gift-area::before {
    inline-size: 60%;
  }
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__gift-area {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: calc(var(--to-rem) * 24);
    padding-block: calc(var(--to-rem) * 40);
    padding-inline: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__gift-area {
    margin-block-start: calc(var(--to-rem) * 88);
    padding-block: calc(var(--to-rem) * 48) calc(var(--to-rem) * 32);
  }
}
.p-support-diagnosis__gift-tag {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--to-rem) * 4);
  padding: calc(var(--to-rem) * 8) calc(var(--to-rem) * 16);
  background-color: #E05858;
  border-radius: calc(var(--to-rem) * 10);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__gift-tag {
    padding: calc(var(--to-rem) * 10) calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__gift-tag {
    padding: calc(var(--to-rem) * 18) calc(var(--to-rem) * 30);
  }
}
.p-support-diagnosis__gift-tag-text {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__gift-tag-text {
    font-size: calc(var(--to-rem) * 16);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__gift-tag-text {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-support-diagnosis__gift-tag-excl {
  color: var(--color-white);
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__gift-tag-excl {
    font-size: calc(var(--to-rem) * 34);
  }
}
.p-support-diagnosis__gift-img {
  position: relative;
  z-index: 1;
  inline-size: min(100%, var(--to-rem) * 500);
  aspect-ratio: 733/304;
  transform: none;
  margin-block-start: calc(var(--to-rem) * 8);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__gift-img {
    inline-size: min(100%, var(--075) * 733);
    transform: translateY(calc(var(--to-rem) * 35));
    margin-block-start: 0;
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__gift-img {
    inline-size: min(100%, var(--to-rem) * 733);
    transform: translateY(calc(var(--to-rem) * 35));
  }
}
.p-support-diagnosis__gift-img img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-diagnosis__form-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 20);
  inline-size: min(100%, var(--to-rem) * 1320);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__form-area {
    gap: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__form-area {
    gap: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__form-link-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 10);
  flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__form-link-wrap {
    gap: calc(var(--to-rem) * 12);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__form-link-wrap {
    gap: calc(var(--to-rem) * 16);
  }
}
.p-support-diagnosis__link-deco {
  flex-shrink: 0;
  display: block;
  inline-size: 0;
  block-size: calc(var(--to-rem) * 22);
  border-inline-start: 2px solid var(--color-blue);
  transform: rotate(-20deg);
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__link-deco {
    block-size: calc(var(--to-rem) * 28);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__link-deco {
    block-size: calc(var(--to-rem) * 40);
  }
}
.p-support-diagnosis__link-deco--right {
  transform: rotate(20deg);
}
.p-support-diagnosis__form-link-text {
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 14);
  font-weight: var(--fw-bold);
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__form-link-text {
    font-size: calc(var(--to-rem) * 18);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__form-link-text {
    font-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__form-link-text {
    font-size: calc(var(--to-rem) * 28);
  }
}
.p-support-diagnosis__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__btns {
    flex-direction: row;
    justify-content: center;
    gap: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-diagnosis__btns {
    gap: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__btns {
    gap: calc(var(--to-rem) * 30);
  }
}
@media (min-width: 1760px) {
  .p-support-diagnosis__btns {
    gap: calc(var(--to-rem) * 60);
  }
}
.p-support-diagnosis__btn .c-more-btn__text {
  text-align: center;
  flex: 1;
}
.p-support-diagnosis__btn.c-more-btn--big {
  display: flex;
  inline-size: min(100%, var(--to-rem) * 240);
  padding-block: calc(var(--to-rem) * 10);
  border-radius: 24px;
}
@media screen and (min-width: 768px) {
  .p-support-diagnosis__btn.c-more-btn--big {
    inline-size: clamp(var(--to-rem) * 220, 25vw, var(--to-rem) * 490);
    padding-block: calc(var(--to-rem) * 15);
    border-radius: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-diagnosis__btn.c-more-btn--big {
    padding-block: calc(var(--to-rem) * 23);
    border-radius: 50px;
  }
}
.p-support-diagnosis__btn--red {
  background-color: var(--color-red);
  border-color: var(--color-red);
}
.p-support-diagnosis__btn--red .c-more-btn__text {
  color: var(--color-white);
}
.p-support-diagnosis__btn--red .c-more-btn__bg {
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--red .c-more-btn__arrow {
  color: var(--color-red);
}
.p-support-diagnosis__btn--red:hover {
  background-color: var(--color-white);
}
.p-support-diagnosis__btn--red:hover .c-more-btn__text {
  color: var(--color-red);
}
.p-support-diagnosis__btn--red:hover .c-more-btn__bg {
  background-color: var(--color-red);
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--red:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.p-support-diagnosis__btn--green {
  background-color: var(--color-green);
  border-color: var(--color-green);
}
.p-support-diagnosis__btn--green .c-more-btn__text {
  color: var(--color-white);
}
.p-support-diagnosis__btn--green .c-more-btn__bg {
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--green .c-more-btn__arrow {
  color: var(--color-green);
}
.p-support-diagnosis__btn--green:hover {
  background-color: var(--color-white);
}
.p-support-diagnosis__btn--green:hover .c-more-btn__text {
  color: var(--color-green);
}
.p-support-diagnosis__btn--green:hover .c-more-btn__bg {
  background-color: var(--color-green);
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--green:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.p-support-diagnosis__btn--orange {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
}
.p-support-diagnosis__btn--orange .c-more-btn__text {
  color: var(--color-white);
}
.p-support-diagnosis__btn--orange .c-more-btn__bg {
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--orange .c-more-btn__arrow {
  color: var(--color-orange);
}
.p-support-diagnosis__btn--orange:hover {
  background-color: var(--color-white);
}
.p-support-diagnosis__btn--orange:hover .c-more-btn__text {
  color: var(--color-orange);
}
.p-support-diagnosis__btn--orange:hover .c-more-btn__bg {
  background-color: var(--color-orange);
  border-color: var(--color-white);
}
.p-support-diagnosis__btn--orange:hover .c-more-btn__arrow {
  color: var(--color-white);
}
.p-support-trouble {
  padding-block: 0;
}
@media screen and (min-width: 1441px) {
  .p-support-trouble {
    padding-block: calc(var(--to-rem) * 51) calc(var(--to-rem) * 140);
  }
}
.p-support-trouble__inner {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: calc(var(--to-rem) * 500);
  margin-inline: auto;
  padding-inline: calc(var(--to-rem) * 16);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__inner {
    max-inline-size: calc(var(--to-rem) * 1498);
    padding-inline: calc(var(--to-rem) * 24);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__inner {
    padding-inline: calc(var(--to-rem) * 40);
  }
}
.p-support-trouble__cta-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  inline-size: 100%;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__cta-block {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
  }
}
.p-support-trouble__cta-img {
  flex-shrink: 0;
  inline-size: min(95%, var(--to-rem) * 744);
  aspect-ratio: 744/138;
  transform: translateY(calc(var(--to-rem) * 35));
}
@media screen and (min-width: 768px) {
  .p-support-trouble__cta-img {
    inline-size: min(60%, var(--to-rem) * 744);
    transform: translateY(50%);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__cta-img {
    inline-size: min(50%, var(--to-rem) * 744);
  }
}
.p-support-trouble__cta-img img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-trouble__box {
  box-sizing: border-box;
  inline-size: 100%;
  background-color: rgba(187, 204, 222, 0.2);
  border-radius: calc(var(--to-rem) * 30);
  padding-block: calc(var(--to-rem) * 60) calc(var(--to-rem) * 32);
  padding-inline: calc(var(--to-rem) * 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-support-trouble__box {
    border-radius: calc(var(--to-rem) * 50);
    padding-block: calc(var(--to-rem) * 80) calc(var(--to-rem) * 30);
    padding-inline: calc(var(--to-rem) * 24);
    gap: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__box {
    border-radius: calc(var(--to-rem) * 60);
    padding-block: calc(var(--to-rem) * 80) calc(var(--to-rem) * 36);
    padding-inline: 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__box {
    border-radius: calc(var(--to-rem) * 70);
    padding-block: calc(var(--to-rem) * 95) calc(var(--to-rem) * 40);
    padding-inline: 0;
  }
}
.p-support-trouble__box-inner {
  box-sizing: border-box;
  inline-size: 100%;
  padding-inline: 0;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__box-inner {
    padding-inline: calc(var(--to-rem) * 32);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__box-inner {
    padding-inline: calc(var(--to-rem) * 80);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__box-inner {
    padding-inline: calc(var(--to-rem) * 145);
  }
}
.p-support-trouble__box-heading {
  flex-shrink: 0;
  inline-size: min(100%, var(--to-rem) * 650);
  aspect-ratio: 650/42;
  margin-inline: auto;
}
.p-support-trouble__box-heading img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-trouble__cards {
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 16);
  inline-size: 100%;
  margin-block-start: calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-support-trouble__cards {
    flex-direction: row;
    align-items: stretch;
    gap: calc(var(--to-rem) * 24);
    margin-block-start: calc(var(--to-rem) * 30);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__cards {
    gap: calc(var(--to-rem) * 30);
  }
}
.p-support-trouble__card {
  flex: 1;
  min-inline-size: 0;
  background-color: var(--color-white);
  border: 2px solid #d8ebff;
  border-radius: calc(var(--to-rem) * 16);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__card {
    border-radius: calc(var(--to-rem) * 20);
  }
}
.p-support-trouble__card-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: calc(var(--to-rem) * 12);
  padding-inline: calc(var(--to-rem) * 16);
  background-color: #eff8fd;
  border-radius: calc(var(--to-rem) * 14) calc(var(--to-rem) * 14) 0 0;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__card-header {
    padding-block: calc(var(--to-rem) * 15);
    padding-inline: calc(var(--to-rem) * 20);
    border-radius: calc(var(--to-rem) * 18) calc(var(--to-rem) * 18) 0 0;
  }
}
.p-support-trouble__card-title-wrap {
  position: relative;
  display: inline-block;
}
.p-support-trouble__card-icon {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 101%;
  transform: translateY(-25%);
  inline-size: calc(var(--to-rem) * 22);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__card-icon {
    inline-size: calc(var(--to-rem) * 26);
  }
}
.p-support-trouble__card-icon img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-trouble__card-title {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 15);
  font-weight: var(--fw-bold);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__card-title {
    font-size: calc(var(--to-rem) * 18);
    line-height: 1.7777777778;
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__card-title {
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__card-title {
    font-size: calc(var(--to-rem) * 28);
    line-height: 1.4642857143;
  }
}
.p-support-trouble__check-list {
  padding-inline: calc(var(--to-rem) * 12);
  padding-block: calc(var(--to-rem) * 8);
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 2);
}
@media screen and (min-width: 768px) {
  .p-support-trouble__check-list {
    padding-inline: calc(var(--to-rem) * 16);
    padding-block: calc(var(--to-rem) * 10);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__check-list {
    padding-block: calc(var(--to-rem) * 15) calc(var(--to-rem) * 20);
    padding-inline: calc(var(--to-rem) * 30);
  }
}
.p-support-trouble__check-item {
  display: flex;
  align-items: center;
  gap: calc(var(--to-rem) * 7);
  padding: calc(var(--to-rem) * 5) calc(var(--to-rem) * 8);
}
@media screen and (min-width: 768px) {
  .p-support-trouble__check-item {
    padding: calc(var(--to-rem) * 6) calc(var(--to-rem) * 16) calc(var(--to-rem) * 6) calc(var(--to-rem) * 8);
  }
}
.p-support-trouble__check-icon {
  flex-shrink: 0;
  inline-size: calc(var(--to-rem) * 20);
  block-size: calc(var(--to-rem) * 20);
  border-radius: 50%;
  background-color: var(--color-blue);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__check-icon {
    inline-size: calc(var(--to-rem) * 22);
    block-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__check-icon {
    inline-size: calc(var(--to-rem) * 25);
    block-size: calc(var(--to-rem) * 25);
  }
}
.p-support-trouble__check-icon::after {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  inline-size: calc(var(--to-rem) * 4);
  block-size: calc(var(--to-rem) * 8);
  border-block-end: 2px solid var(--color-white);
  border-inline-end: 2px solid var(--color-white);
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__check-icon::after {
    inline-size: calc(var(--to-rem) * 5);
    block-size: calc(var(--to-rem) * 9);
  }
}
.p-support-trouble__check-text {
  flex: 1;
  color: var(--color-blue);
  font-size: calc(var(--to-rem) * 13);
  font-weight: var(--fw-medium);
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__check-text {
    font-size: calc(var(--to-rem) * 15);
    line-height: 1.4375;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__check-text {
    font-size: calc(var(--to-rem) * 20);
    line-height: 1.45;
  }
}
.p-support-trouble__triangle-img {
  inline-size: min(100%, var(--to-rem) * 52);
  aspect-ratio: 52/57;
  margin-block-start: calc(var(--to-rem) * 24);
  margin-inline: auto;
}
.p-support-trouble__triangle-img img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.p-support-trouble__risk-heading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  margin-block-start: calc(var(--to-rem) * 24);
  text-align: center;
}
.p-support-trouble__risk-heading {
  display: inline;
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
  background: linear-gradient(transparent 70%, rgba(249, 215, 64, 0.5) 85%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__risk-heading {
    background: linear-gradient(transparent 50%, rgba(249, 215, 64, 0.5) 75%);
    font-size: calc(var(--to-rem) * 20);
    line-height: 1.6;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__risk-heading {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-support-trouble__risk-heading-highlight {
  font-size: 1.5em;
  font-weight: var(--fw-bold);
  color: var(--color-red);
}
.p-support-trouble__risks {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--to-rem) * 32);
  margin-block-start: calc(var(--to-rem) * 24);
}
@media screen and (min-width: 768px) {
  .p-support-trouble__risks {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--to-rem) * 16);
    margin-block-start: calc(var(--to-rem) * 46);
  }
}
.p-support-trouble__risk-item {
  flex: 1;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--to-rem) * 16);
}
.p-support-trouble__risk-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--to-rem) * 8);
  order: -1;
  inline-size: 100%;
  justify-content: center;
}
.p-support-trouble__risk-label img {
  flex-shrink: 0;
  inline-size: calc(var(--to-rem) * 32);
  block-size: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__risk-label img {
    inline-size: calc(var(--to-rem) * 36);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__risk-label img {
    inline-size: calc(var(--to-rem) * 50);
  }
}
.p-support-trouble__risk-label span {
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 18);
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__risk-label span {
    font-size: calc(var(--to-rem) * 20);
  }
}
@media screen and (min-width: 1250px) {
  .p-support-trouble__risk-label span {
    font-size: calc(var(--to-rem) * 22);
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__risk-label span {
    font-size: calc(var(--to-rem) * 32);
  }
}
.p-support-trouble__risk-illust {
  inline-size: min(100%, var(--to-rem) * 418);
  aspect-ratio: 418/341;
  margin-inline: auto;
}
.p-support-trouble__risk-illust img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.p-support-trouble__risk-illust--bath {
  inline-size: min(100%, var(--to-rem) * 498);
  aspect-ratio: 498/345;
}
.p-support-trouble__risk-more {
  inline-size: 100%;
  margin-block-start: calc(var(--to-rem) * 16);
}
.p-support-trouble__risk-more-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--to-rem) * 6) calc(var(--to-rem) * 8);
  color: var(--color-text);
  font-size: calc(var(--to-rem) * 16);
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-trouble__risk-more-text {
    font-size: calc(var(--to-rem) * 16);
    line-height: 1;
  }
}
@media screen and (min-width: 1441px) {
  .p-support-trouble__risk-more-text {
    font-size: calc(var(--to-rem) * 20);
  }
}
.p-support-trouble__risk-more-item {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--to-rem) * 7);
  padding: calc(var(--to-rem) * 4) calc(var(--to-rem) * 8);
}
.u-break {
  display: inline-block;
}
.u-pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-pc-only {
    display: block;
  }
}
.u-sp-only {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-sp-only {
    display: none;
  }
}
.u-trim-leading {
  margin-block: var(--leading-trim);
}
.u-trim-leading-top {
  margin-top: var(--leading-trim);
}
.u-trim-leading-bottom {
  margin-bottom: var(--leading-trim);
}