@charset "UTF-8";
/* config.scss
-------------------------------------------------------*/
:root {
  --color-main: #0E5FBB;
  --color-sub: #68B1EA;
  --color-sub2: #CDEBFB;
  --color-bg: #F6FCFF;
  --color-bg2: #C6E7F5;
  --color-bg3: #F6F6F6;
  --color-bg4: #EFF5FB;
  --color-grad1: linear-gradient(90deg,#138FF0 0%, #0A59C1 100%);
  --color-grad2: linear-gradient(90deg,#F6FCFF 0%, #EBF7FF 100%);
  --color-grad3: linear-gradient(90deg,#F8BE20 0%, #F9A423 40%, #E8820E 100%);
  --color-grad4: linear-gradient(100deg,#F25479 0%, #E61540 60%, #E1113B 100%);
  --color-dk: #666;
  --color-border: #E8EBEF;
  --color-cv: #EBA71D;
  --color-caution: #F2373A;
  --color-cautionBg: #FFF3F4;
  --color-input-item: #0E5FBB;
  --color-txt: #1A1B1E;
  --color-caption: #A5A5A5;
  --color-link: #0E5FBB;
  --color-hover: #F3FBFF;
  --color-bk: #000;
  --color-wh: #fff;
  --color-border-b: #DDD;
  --color-gray9: #999;
  --color-grayC: #ccc;
  --color-red: #F2373A;
  --color-pink: #E61540;
  --color-shadow: rgba(0, 0, 0, 0.16);
  --font-base: "Zen Kaku Gothic New", sans-serif;
  --font-sub: "Outfit", sans-serif;
  --wrap-s: 1000px;
  --wrap-m: 1200px;
  --wrap-l: 1400px;
  --wrap-base: calc(100% - 40px);
  --wrap-base-pc: calc(100% - 60px);
  --fw-200: 200;
  --fw-400: 400;
  --fw-500: 500;
  --fw-700: 700;
  --fw-900: 900;
  --lineHeight-s: 1.25;
  --lineHeight-m: 1.5;
  --lineHeight-l: 1.8;
  --lineHeight-xl: 2;
  --trans-min02: all 0.2s ease-out;
  --trans-min03: all 0.3s ease-out;
  --trans-min04: all 0.4s ease-out;
  --trans-min05: all 0.5s ease-out;
  --trans-min06: all 0.6s ease-out;
  --trans-min07: all 0.7s ease-out;
  --trans-min08: all 0.8s ease-out;
  --trans-min09: all 0.9s ease-out;
  --trans-min1: all 1s ease-out;
  --img-zoom: scale(1.07);
  --img-zoomout: scale(0.88);
  --xxl: 136px;
  --xxl_sp: 80px;
  --xl: 80px;
  --xl_sp: 64px;
  --l: 64px;
  --l_sp: 48px;
  --ml: 56px;
  --ml_sp: 40px;
  --m: 48px;
  --m_sp: 32px;
  --s: 32px;
  --s_sp: 16px;
  --xs: 16px;
  --xs_sp: 10px;
  --header-height-pc: 124px;
  --header-height-sp: 50px;
}

/* /_config.scss
-------------------------------------------------------*/
/* _media.scss
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
/* _animation.scss 
-------------------------------------------------------*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-5px);
  }
  40% {
    transform: translateY(0);
  }
}
@keyframes blur {
  from {
    filter: blur(10px);
  }
  to {
    filter: blur(0);
  }
}
@keyframes scrollToLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/* inview */
.js_inview {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s ease 0.3s;
}

.js_inview-show {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .js_inview {
    transform: translateY(30px);
  }
  .js_inview-show {
    transform: translateY(0);
  }
}
/* /_animation.scss
-------------------------------------------------------*/
/* _reset.scss
-------------------------------------------------------*/
/*! kiso.css v1.2.1 | 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: no-autospace;
  /* 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. */
  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(h1, h2, h3, h4, h5, h6) {
  /* Prevents the last line of text from ending with a single word, which can look awkward (known as an orphan). */
  /*  text-wrap: pretty; */
  margin: 0;
}

: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.
  */
}

: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. */
}

: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;
}

/* ======================================================
//  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, var):lang(ja)) {
  /* Italic style is not common in Japanese, so the `font-style` is reset. */
  font-style: unset;
}

: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;
  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:any-link) {
  /* The default `color` from the UA stylesheet is rarely used as is, so it's reset to allow inheritance. */
  color: unset;
  /*
  * 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;
}

/* ======================================================
//  MARK: Embedded content
// ====================================================== */
:where(img, svg, picture, video, canvas, model, audio, iframe, embed, object) {
  /* Automatically adjust block size based on content. */
  block-size: auto;
  /* 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(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) {
  /* Prevents the last line of text from ending with a single word, which can look awkward (known as an orphan). */
}

/* ======================================================
//  MARK: Forms
// ====================================================== */
:where(button) {
  border: none;
  border-radius: unset;
  color: unset;
  font: unset;
  letter-spacing: unset;
  text-align: unset;
}

:where(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 / 0.3);
}

: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;
}

@supports selector(::scroll-button(*)) {
  ::scroll-button(*) {
    /* Apply the same reset as for `<button>` elements. */
    border-width: 1px;
    border-style: solid;
    border-color: unset;
    border-radius: unset;
    background-color: unset;
    color: unset;
    font: unset;
    letter-spacing: unset;
    text-align: unset;
    touch-action: manipulation;
  }
  ::scroll-button(*):enabled {
    /* Make the scroll button indicate interactivity when enabled. */
    cursor: pointer;
  }
}
/* /_reset.scss
-------------------------------------------------------*/
/* _u.css
-----------------------------------------------------------------*/
.u-ff_en {
  font-family: var(--font-sub);
}
.u-ff_title {
  font-weight: 500;
}
.u-fc_pink {
  color: var(--color-pink) !important;
}
.u-fc_red {
  color: var(--color-red) !important;
}
.u-fc_txt {
  color: var(--color-txt) !important;
}
.u-fc_caption {
  color: var(--color-caption) !important;
}
.u-fc_main {
  color: var(--color-main) !important;
}
.u-fc_sub {
  color: var(--color-sub) !important;
}
.u-fc_sub2 {
  color: var(--color-sub2) !important;
}
.u-fc_caution {
  color: var(--color-caution) !important;
}
.u-fc_link {
  color: var(--color-link) !important;
}
.u-fc_wh {
  color: var(--color-wh) !important;
}
.u-fw_200 {
  font-weight: var(--fw-200) !important;
}
.u-fw_400 {
  font-weight: var(--fw-400) !important;
}
.u-fw_500 {
  font-weight: var(--fw-500) !important;
}
.u-fw_700 {
  font-weight: var(--fw-700) !important;
}
.u-fw_900 {
  font-weight: var(--fw-900) !important;
}
.u-fs_10px {
  font-size: 10px !important;
}
.u-fs_11px {
  font-size: 11px !important;
}
.u-fs_12px {
  font-size: 12px !important;
}
.u-fs_13px {
  font-size: 13px !important;
}
.u-fs_14px {
  font-size: 14px !important;
}
.u-fs_15px {
  font-size: 15px !important;
}
.u-fs_16px {
  font-size: 16px !important;
}
.u-fs_18px {
  font-size: 18px !important;
}
.u-fs_20px {
  font-size: 20px !important;
}
.u-fs_22px {
  font-size: 22px !important;
}
.u-fs_24px {
  font-size: 24px !important;
}
.u-fs_26px {
  font-size: 26px !important;
}
.u-fs_28px {
  font-size: 28px !important;
}
.u-fs_30px {
  font-size: 30px !important;
}
.u-fs_32px {
  font-size: 32px !important;
}
.u-fs_34px {
  font-size: 34px !important;
}
.u-fs_36px {
  font-size: 36px !important;
}
.u-fs_38px {
  font-size: 38px !important;
}
.u-fs_40px {
  font-size: 40px !important;
}
.u-fs_42px {
  font-size: 42px !important;
}
.u-fs_44px {
  font-size: 44px !important;
}
.u-fs_46px {
  font-size: 46px !important;
}
.u-fs_48px {
  font-size: 48px !important;
}
.u-fs_2e {
  font-size: 2em !important;
}
.u-fs_15e {
  font-size: 1.5em !important;
}
.u-fs_1e {
  font-size: 1em !important;
}
.u-fs_95e {
  font-size: 0.95em !important;
}
.u-fs_9e {
  font-size: 0.9em !important;
}
.u-fs_85e {
  font-size: 0.85em !important;
}
.u-fs_8e {
  font-size: 0.8em !important;
}
.u-fs_75e {
  font-size: 0.75em !important;
}
.u-fs_7e {
  font-size: 0.7em !important;
}
@media screen and (max-width: 767px) {
  .u-fs_10px_sp {
    font-size: 10px !important;
  }
  .u-fs_11px_sp {
    font-size: 11px !important;
  }
  .u-fs_12px_sp {
    font-size: 12px !important;
  }
  .u-fs_13px_sp {
    font-size: 13px !important;
  }
  .u-fs_14px_sp {
    font-size: 14px !important;
  }
  .u-fs_15px_sp {
    font-size: 15px !important;
  }
  .u-fs_16px_sp {
    font-size: 16px !important;
  }
  .u-fs_18px_sp {
    font-size: 18px !important;
  }
  .u-fs_20px_sp {
    font-size: 20px !important;
  }
  .u-fs_22px_sp {
    font-size: 22px !important;
  }
  .u-fs_24px_sp {
    font-size: 24px !important;
  }
  .u-fs_26px_sp {
    font-size: 26px !important;
  }
  .u-fs_28px_sp {
    font-size: 28px !important;
  }
  .u-fs_30px_sp {
    font-size: 30px !important;
  }
  .u-fs_32px_sp {
    font-size: 32px !important;
  }
  .u-fs_34px_sp {
    font-size: 34px !important;
  }
  .u-fs_36px_sp {
    font-size: 36px !important;
  }
  .u-fs_38px_sp {
    font-size: 38px !important;
  }
  .u-fs_40px_sp {
    font-size: 40px !important;
  }
  .u-fs_42px_sp {
    font-size: 42px !important;
  }
  .u-fs_44px_sp {
    font-size: 44px !important;
  }
  .u-fs_46px_sp {
    font-size: 46px !important;
  }
  .u-fs_48px_sp {
    font-size: 48px !important;
  }
  .u-fs_2e_sp {
    font-size: 2em !important;
  }
  .u-fs_15e_sp {
    font-size: 1.5em !important;
  }
  .u-fs_1e_sp {
    font-size: 1em !important;
  }
  .u-fs_95e_sp {
    font-size: 0.95em !important;
  }
  .u-fs_9e_sp {
    font-size: 0.9em !important;
  }
  .u-fs_85e_sp {
    font-size: 0.85em !important;
  }
  .u-fs_8e_sp {
    font-size: 0.8em !important;
  }
  .u-fs_75e_sp {
    font-size: 0.75em !important;
  }
  .u-fs_7e_sp {
    font-size: 0.7em !important;
  }
}
@media screen and (min-width: 768px), print {
  .u-fs_10px_pc {
    font-size: 10px !important;
  }
  .u-fs_11px_pc {
    font-size: 11px !important;
  }
  .u-fs_12px_pc {
    font-size: 12px !important;
  }
  .u-fs_13px_pc {
    font-size: 13px !important;
  }
  .u-fs_14px_pc {
    font-size: 14px !important;
  }
  .u-fs_15px_pc {
    font-size: 15px !important;
  }
  .u-fs_16px_pc {
    font-size: 16px !important;
  }
  .u-fs_18px_pc {
    font-size: 18px !important;
  }
  .u-fs_20px_pc {
    font-size: 20px !important;
  }
  .u-fs_22px_pc {
    font-size: 22px !important;
  }
  .u-fs_24px_pc {
    font-size: 24px !important;
  }
  .u-fs_26px_pc {
    font-size: 26px !important;
  }
  .u-fs_28px_pc {
    font-size: 28px !important;
  }
  .u-fs_30px_pc {
    font-size: 30px !important;
  }
  .u-fs_32px_pc {
    font-size: 32px !important;
  }
  .u-fs_34px_pc {
    font-size: 34px !important;
  }
  .u-fs_36px_pc {
    font-size: 36px !important;
  }
  .u-fs_38px_pc {
    font-size: 38px !important;
  }
  .u-fs_40px_pc {
    font-size: 40px !important;
  }
  .u-fs_42px_pc {
    font-size: 42px !important;
  }
  .u-fs_44px_pc {
    font-size: 44px !important;
  }
  .u-fs_46px_pc {
    font-size: 46px !important;
  }
  .u-fs_48px_pc {
    font-size: 48px !important;
  }
  .u-fs_2e_pc {
    font-size: 2em !important;
  }
  .u-fs_15e_pc {
    font-size: 1.5em !important;
  }
  .u-fs_1e_pc {
    font-size: 1em !important;
  }
  .u-fs_95e_pc {
    font-size: 0.95em !important;
  }
  .u-fs_9e_pc {
    font-size: 0.9em !important;
  }
  .u-fs_85e_pc {
    font-size: 0.85em !important;
  }
  .u-fs_8e_pc {
    font-size: 0.8em !important;
  }
  .u-fs_75e_pc {
    font-size: 0.75em !important;
  }
  .u-fs_7e_pc {
    font-size: 0.7em !important;
  }
}
.u-ta_l {
  text-align: left !important;
}
.u-ta_c {
  text-align: center !important;
}
.u-ta_r {
  text-align: right !important;
}
@media screen and (min-width: 768px), print {
  .u-ta_l_pc {
    text-align: left !important;
  }
  .u-ta_c_pc {
    text-align: center !important;
  }
  .u-ta_r_pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .u-ta_l_sp {
    text-align: left !important;
  }
  .u-ta_c_sp {
    text-align: center !important;
  }
  .u-ta_r_sp {
    text-align: right !important;
  }
}
.u-bg_pink {
  background-color: var(--color-pink) !important;
}
.u-bg_red {
  background-color: var(--color-red) !important;
}
.u-bg_txt {
  background-color: var(--color-txt) !important;
}
.u-bg_main {
  background-color: var(--color-main) !important;
}
.u-bg_sub {
  background-color: var(--color-sub) !important;
}
.u-bg_sub2 {
  background-color: var(--color-sub2) !important;
}
.u-bg_cautionBg {
  background-color: var(--color-cautionBg) !important;
}
.u-bg_bg {
  background-color: var(--color-bg) !important;
}
.u-bg_bg2 {
  background-color: var(--color-bg2) !important;
}
.u-bg_bg3 {
  background-color: var(--color-bg3) !important;
}
.u-bg_bg4 {
  background-color: var(--color-bg4) !important;
}
.u-bg_gray9 {
  background-color: var(--color-gray9) !important;
}
.u-bg_grayC {
  background-color: var(--color-grayC) !important;
}
.u-bg_wh {
  background-color: var(--color-wh) !important;
}
.u-va_t {
  vertical-align: top !important;
}
.u-va_m {
  vertical-align: middle !important;
}
.u-va_b {
  vertical-align: bottom !important;
}
.u-va_bl {
  vertical-align: baseline !important;
}
.u-va_tt {
  vertical-align: text-top !important;
}
.u-va_tb {
  vertical-align: text-bottom !important;
}
.u-td_u {
  text-decoration: underline !important;
}
.u-fd_line {
  text-decoration: underline;
  text-decoration-color: rgba(247, 218, 76, 0.44);
  text-decoration-thickness: 0.5em;
  text-decoration-skip-ink: none;
  text-underline-offset: -0.25em;
}
.u-bdrs_0 {
  border-radius: 0 !important;
}
.u-bdrs_10 {
  border-radius: 10px !important;
}
.u-bdrs_20 {
  border-radius: 20px !important;
}
.u-bd {
  border: 1px solid var(--color-border);
}
.u-lh_s {
  line-height: var(--lineHeight-s) !important;
}
.u-lh_m {
  line-height: var(--lineHeight-m) !important;
}
.u-lh_l {
  line-height: var(--lineHeight-l) !important;
}
.u-lh_xl {
  line-height: var(--lineHeight-xl) !important;
}
.u-ti_1em {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
.u-ti_1pfem {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}
.u-ti_2em {
  text-indent: -2em !important;
  padding-left: 2em !important;
}
.u-ti_2pfem {
  text-indent: -2.5em !important;
  padding-left: 2.5em !important;
}
.u-ti_3em {
  text-indent: -3em !important;
  padding-left: 3em !important;
}
.u-ti_3pfem {
  text-indent: -3.5em !important;
  padding-left: 3.5em !important;
}
.u-ti_4em {
  text-indent: -4em !important;
  padding-left: 4em !important;
}
.u-ti_4pfem {
  text-indent: -4.5em !important;
  padding-left: 4.5em !important;
}
.u-le_xs {
  letter-spacing: 0.5px !important;
}
.u-le_s {
  letter-spacing: 1px !important;
}
.u-le_m {
  letter-spacing: 1.5px !important;
}
.u-le_l {
  letter-spacing: 2px !important;
}
.u-le_xl {
  letter-spacing: 2.5px !important;
}
.u-le_xxl {
  letter-spacing: 3px !important;
}
.u-wb_all {
  word-break: break-all;
}
.u-mxw_none {
  max-width: none !important;
}
.u-mnw_0 {
  min-width: 0 !important;
}
.u-flex {
  display: flex !important;
}
.u-flex_wp {
  flex-wrap: wrap !important;
}
.u-flex_jc {
  justify-content: center !important;
}
.u-flex_ac {
  align-items: center !important;
}
.u-flex_as {
  align-items: flex-start !important;
}
.u-flex_as_c {
  align-self: center !important;
}
.u-flex_dc {
  flex-direction: column !important;
}
.u-flex_fx1 {
  flex: 1 !important;
}
.u-flex_fxnone {
  flex: none !important;
}
@media screen and (min-width: 768px), print {
  .u-flex_pc {
    display: flex !important;
  }
  .u-flex_dc_pc {
    flex-direction: column !important;
  }
  .u-flex_dr_pc {
    flex-direction: row !important;
  }
}
@media screen and (max-width: 767px) {
  .u-flex_jc_sp {
    justify-content: center !important;
  }
}
.u-gap_0 {
  gap: 0px !important;
}
.u-gap_5 {
  gap: 5px !important;
}
.u-gap_10 {
  gap: 10px !important;
}
.u-gap_15 {
  gap: 15px !important;
}
.u-gap_20 {
  gap: 20px !important;
}
.u-gap_25 {
  gap: 25px !important;
}
.u-gap_30 {
  gap: 30px !important;
}
.u-gap_35 {
  gap: 35px !important;
}
.u-gap_40 {
  gap: 40px !important;
}
.u-gap_45 {
  gap: 45px !important;
}
.u-gap_50 {
  gap: 50px !important;
}
.u-gap_55 {
  gap: 55px !important;
}
.u-gap_60 {
  gap: 60px !important;
}
.u-gap_65 {
  gap: 65px !important;
}
.u-gap_70 {
  gap: 70px !important;
}
.u-gap_75 {
  gap: 75px !important;
}
.u-gap_80 {
  gap: 80px !important;
}
.u-gap_85 {
  gap: 85px !important;
}
.u-gap_90 {
  gap: 90px !important;
}
.u-gap_95 {
  gap: 95px !important;
}
.u-gap_100 {
  gap: 100px !important;
}
.u-gap_110 {
  gap: 110px !important;
}
.u-gap_120 {
  gap: 120px !important;
}
.u-gap_130 {
  gap: 130px !important;
}
.u-gap_140 {
  gap: 140px !important;
}
.u-gap_150 {
  gap: 150px !important;
}
.u-gap_160 {
  gap: 160px !important;
}
.u-gap_170 {
  gap: 170px !important;
}
.u-gap_180 {
  gap: 180px !important;
}
@media screen and (min-width: 768px), print {
  .u-gap_0_pc {
    gap: 0px !important;
  }
  .u-gap_5_pc {
    gap: 5px !important;
  }
  .u-gap_10_pc {
    gap: 10px !important;
  }
  .u-gap_15_pc {
    gap: 15px !important;
  }
  .u-gap_20_pc {
    gap: 20px !important;
  }
  .u-gap_25_pc {
    gap: 25px !important;
  }
  .u-gap_30_pc {
    gap: 30px !important;
  }
  .u-gap_35_pc {
    gap: 35px !important;
  }
  .u-gap_40_pc {
    gap: 40px !important;
  }
  .u-gap_45_pc {
    gap: 45px !important;
  }
  .u-gap_50_pc {
    gap: 50px !important;
  }
  .u-gap_55_pc {
    gap: 55px !important;
  }
  .u-gap_60_pc {
    gap: 60px !important;
  }
  .u-gap_65_pc {
    gap: 65px !important;
  }
  .u-gap_70_pc {
    gap: 70px !important;
  }
  .u-gap_75_pc {
    gap: 75px !important;
  }
  .u-gap_80_pc {
    gap: 80px !important;
  }
  .u-gap_85_pc {
    gap: 85px !important;
  }
  .u-gap_90_pc {
    gap: 90px !important;
  }
  .u-gap_95_pc {
    gap: 95px !important;
  }
  .u-gap_100_pc {
    gap: 100px !important;
  }
  .u-gap_110_pc {
    gap: 110px !important;
  }
  .u-gap_120_pc {
    gap: 120px !important;
  }
  .u-gap_130_pc {
    gap: 130px !important;
  }
  .u-gap_140_pc {
    gap: 140px !important;
  }
  .u-gap_150_pc {
    gap: 150px !important;
  }
  .u-gap_160_pc {
    gap: 160px !important;
  }
  .u-gap_170_pc {
    gap: 170px !important;
  }
  .u-gap_180_pc {
    gap: 180px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-gap_0_sp {
    gap: 0px !important;
  }
  .u-gap_5_sp {
    gap: 5px !important;
  }
  .u-gap_10_sp {
    gap: 10px !important;
  }
  .u-gap_15_sp {
    gap: 15px !important;
  }
  .u-gap_20_sp {
    gap: 20px !important;
  }
  .u-gap_25_sp {
    gap: 25px !important;
  }
  .u-gap_30_sp {
    gap: 30px !important;
  }
  .u-gap_35_sp {
    gap: 35px !important;
  }
  .u-gap_40_sp {
    gap: 40px !important;
  }
  .u-gap_45_sp {
    gap: 45px !important;
  }
  .u-gap_50_sp {
    gap: 50px !important;
  }
  .u-gap_55_sp {
    gap: 55px !important;
  }
  .u-gap_60_sp {
    gap: 60px !important;
  }
  .u-gap_65_sp {
    gap: 65px !important;
  }
  .u-gap_70_sp {
    gap: 70px !important;
  }
  .u-gap_75_sp {
    gap: 75px !important;
  }
  .u-gap_80_sp {
    gap: 80px !important;
  }
  .u-gap_85_sp {
    gap: 85px !important;
  }
  .u-gap_90_sp {
    gap: 90px !important;
  }
  .u-gap_95_sp {
    gap: 95px !important;
  }
  .u-gap_100_sp {
    gap: 100px !important;
  }
  .u-gap_110_sp {
    gap: 110px !important;
  }
  .u-gap_120_sp {
    gap: 120px !important;
  }
  .u-gap_130_sp {
    gap: 130px !important;
  }
  .u-gap_140_sp {
    gap: 140px !important;
  }
  .u-gap_150_sp {
    gap: 150px !important;
  }
  .u-gap_160_sp {
    gap: 160px !important;
  }
  .u-gap_170_sp {
    gap: 170px !important;
  }
  .u-gap_180_sp {
    gap: 180px !important;
  }
}
.u-grid {
  display: grid !important;
}
.u-grid_cc {
  place-content: center !important;
}
.u-grid_2col {
  grid-template-rows: repeat(2, 1fr);
}
.u-grid_3col {
  grid-template-rows: repeat(3, 1fr);
}
.u-grid_3col {
  grid-template-rows: repeat(4, 1fr);
}
.u-dis_b {
  display: block !important;
}
.u-dis_ib {
  display: inline-block !important;
}
.u-dis_i {
  display: inline !important;
}
.u-dis_if {
  display: inline-flex !important;
}
@media screen and (max-width: 767px) {
  .u-dis_co_sp {
    display: contents !important;
  }
}
.u-pcOnly {
  display: none !important;
}
@media screen and (min-width: 768px), print {
  .u-pcOnly {
    display: block !important;
  }
}
.u-spOnly {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-spOnly {
    display: block !important;
  }
}
@media screen and (min-width: 768px), print {
  .u-pcNone {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .u-spNone {
    display: none !important;
  }
}
.u-brPc {
  display: none;
}
@media screen and (min-width: 768px), print {
  .u-brPc {
    display: block;
  }
}
.u-brSp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-brSp {
    display: block;
  }
}
.u-mAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-mAuto_pc {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mAuto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.u-mAutoAll {
  margin: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-mAutoAll_pc {
    margin: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mAutoAll_sp {
    margin: auto !important;
  }
}
.u-m_0 {
  margin: 0 !important;
}
.u-mt_0 {
  margin-top: 0px !important;
}
.u-mt_5 {
  margin-top: 5px !important;
}
.u-mt_10 {
  margin-top: 10px !important;
}
.u-mt_15 {
  margin-top: 15px !important;
}
.u-mt_20 {
  margin-top: 20px !important;
}
.u-mt_25 {
  margin-top: 25px !important;
}
.u-mt_30 {
  margin-top: 30px !important;
}
.u-mt_35 {
  margin-top: 35px !important;
}
.u-mt_40 {
  margin-top: 40px !important;
}
.u-mt_45 {
  margin-top: 45px !important;
}
.u-mt_50 {
  margin-top: 50px !important;
}
.u-mt_55 {
  margin-top: 55px !important;
}
.u-mt_60 {
  margin-top: 60px !important;
}
.u-mt_65 {
  margin-top: 65px !important;
}
.u-mt_70 {
  margin-top: 70px !important;
}
.u-mt_75 {
  margin-top: 75px !important;
}
.u-mt_80 {
  margin-top: 80px !important;
}
.u-mt_85 {
  margin-top: 85px !important;
}
.u-mt_90 {
  margin-top: 90px !important;
}
.u-mt_95 {
  margin-top: 95px !important;
}
.u-mt_100 {
  margin-top: 100px !important;
}
.u-mt_110 {
  margin-top: 110px !important;
}
.u-mt_120 {
  margin-top: 120px !important;
}
.u-mt_130 {
  margin-top: 130px !important;
}
.u-mt_140 {
  margin-top: 140px !important;
}
.u-mt_150 {
  margin-top: 150px !important;
}
.u-mt_160 {
  margin-top: 160px !important;
}
.u-mt_170 {
  margin-top: 170px !important;
}
.u-mt_180 {
  margin-top: 180px !important;
}
.u-mt_pfem {
  margin-top: 0.5em !important;
}
.u-mt_1em {
  margin-top: 1em !important;
}
.u-mt_1pfem {
  margin-top: 1.5em !important;
}
.u-mt_2em {
  margin-top: 2em !important;
}
.u-mt_2pfem {
  margin-top: 2.5em !important;
}
.u-mt_3em {
  margin-top: 3em !important;
}
.u-mt_3pfem {
  margin-top: 3.5em !important;
}
.u-mt_4em {
  margin-top: 4em !important;
}
.u-mt_4pfem {
  margin-top: 4.5em !important;
}
.u-mt_5em {
  margin-top: 5em !important;
}
.u-mt_auto {
  margin-top: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-mt_0_pc {
    margin-top: 0px !important;
  }
  .u-mt_5_pc {
    margin-top: 5px !important;
  }
  .u-mt_10_pc {
    margin-top: 10px !important;
  }
  .u-mt_15_pc {
    margin-top: 15px !important;
  }
  .u-mt_20_pc {
    margin-top: 20px !important;
  }
  .u-mt_25_pc {
    margin-top: 25px !important;
  }
  .u-mt_30_pc {
    margin-top: 30px !important;
  }
  .u-mt_35_pc {
    margin-top: 35px !important;
  }
  .u-mt_40_pc {
    margin-top: 40px !important;
  }
  .u-mt_45_pc {
    margin-top: 45px !important;
  }
  .u-mt_50_pc {
    margin-top: 50px !important;
  }
  .u-mt_55_pc {
    margin-top: 55px !important;
  }
  .u-mt_60_pc {
    margin-top: 60px !important;
  }
  .u-mt_65_pc {
    margin-top: 65px !important;
  }
  .u-mt_70_pc {
    margin-top: 70px !important;
  }
  .u-mt_75_pc {
    margin-top: 75px !important;
  }
  .u-mt_80_pc {
    margin-top: 80px !important;
  }
  .u-mt_85_pc {
    margin-top: 85px !important;
  }
  .u-mt_90_pc {
    margin-top: 90px !important;
  }
  .u-mt_95_pc {
    margin-top: 95px !important;
  }
  .u-mt_100_pc {
    margin-top: 100px !important;
  }
  .u-mt_110_pc {
    margin-top: 110px !important;
  }
  .u-mt_120_pc {
    margin-top: 120px !important;
  }
  .u-mt_130_pc {
    margin-top: 130px !important;
  }
  .u-mt_140_pc {
    margin-top: 140px !important;
  }
  .u-mt_150_pc {
    margin-top: 150px !important;
  }
  .u-mt_160_pc {
    margin-top: 160px !important;
  }
  .u-mt_170_pc {
    margin-top: 170px !important;
  }
  .u-mt_180_pc {
    margin-top: 180px !important;
  }
  .u-mt_pfem_pc {
    margin-top: 0.5em !important;
  }
  .u-mt_1em_pc {
    margin-top: 1em !important;
  }
  .u-mt_1pfem_pc {
    margin-top: 1.5em !important;
  }
  .u-mt_2em_pc {
    margin-top: 2em !important;
  }
  .u-mt_2pfem_pc {
    margin-top: 2.5em !important;
  }
  .u-mt_3em_pc {
    margin-top: 3em !important;
  }
  .u-mt_3pfem_pc {
    margin-top: 3.5em !important;
  }
  .u-mt_4em_pc {
    margin-top: 4em !important;
  }
  .u-mt_4pfem_pc {
    margin-top: 4.5em !important;
  }
  .u-mt_5em_pc {
    margin-top: 5em !important;
  }
  .u-mt_auto_pc {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt_0_sp {
    margin-top: 0px !important;
  }
  .u-mt_5_sp {
    margin-top: 5px !important;
  }
  .u-mt_10_sp {
    margin-top: 10px !important;
  }
  .u-mt_15_sp {
    margin-top: 15px !important;
  }
  .u-mt_20_sp {
    margin-top: 20px !important;
  }
  .u-mt_25_sp {
    margin-top: 25px !important;
  }
  .u-mt_30_sp {
    margin-top: 30px !important;
  }
  .u-mt_35_sp {
    margin-top: 35px !important;
  }
  .u-mt_40_sp {
    margin-top: 40px !important;
  }
  .u-mt_45_sp {
    margin-top: 45px !important;
  }
  .u-mt_50_sp {
    margin-top: 50px !important;
  }
  .u-mt_55_sp {
    margin-top: 55px !important;
  }
  .u-mt_60_sp {
    margin-top: 60px !important;
  }
  .u-mt_65_sp {
    margin-top: 65px !important;
  }
  .u-mt_70_sp {
    margin-top: 70px !important;
  }
  .u-mt_75_sp {
    margin-top: 75px !important;
  }
  .u-mt_80_sp {
    margin-top: 80px !important;
  }
  .u-mt_85_sp {
    margin-top: 85px !important;
  }
  .u-mt_90_sp {
    margin-top: 90px !important;
  }
  .u-mt_95_sp {
    margin-top: 95px !important;
  }
  .u-mt_100_sp {
    margin-top: 100px !important;
  }
  .u-mt_110_sp {
    margin-top: 110px !important;
  }
  .u-mt_120_sp {
    margin-top: 120px !important;
  }
  .u-mt_130_sp {
    margin-top: 130px !important;
  }
  .u-mt_140_sp {
    margin-top: 140px !important;
  }
  .u-mt_150_sp {
    margin-top: 150px !important;
  }
  .u-mt_160_sp {
    margin-top: 160px !important;
  }
  .u-mt_170_sp {
    margin-top: 170px !important;
  }
  .u-mt_180_sp {
    margin-top: 180px !important;
  }
  .u-mt_pfem_sp {
    margin-top: 0.5em !important;
  }
  .u-mt_1em_sp {
    margin-top: 1em !important;
  }
  .u-mt_1pfem_sp {
    margin-top: 1.5em !important;
  }
  .u-mt_2em_sp {
    margin-top: 2em !important;
  }
  .u-mt_2pfem_sp {
    margin-top: 2.5em !important;
  }
  .u-mt_3em_sp {
    margin-top: 3em !important;
  }
  .u-mt_3pfem_sp {
    margin-top: 3.5em !important;
  }
  .u-mt_4em_sp {
    margin-top: 4em !important;
  }
  .u-mt_4pfem_sp {
    margin-top: 4.5em !important;
  }
  .u-mt_5em_sp {
    margin-top: 5em !important;
  }
  .u-mt_auto_sp {
    margin-top: auto !important;
  }
}
.u-mr_0 {
  margin-right: 0px !important;
}
.u-mr_5 {
  margin-right: 5px !important;
}
.u-mr_10 {
  margin-right: 10px !important;
}
.u-mr_15 {
  margin-right: 15px !important;
}
.u-mr_20 {
  margin-right: 20px !important;
}
.u-mr_25 {
  margin-right: 25px !important;
}
.u-mr_30 {
  margin-right: 30px !important;
}
.u-mr_35 {
  margin-right: 35px !important;
}
.u-mr_40 {
  margin-right: 40px !important;
}
.u-mr_45 {
  margin-right: 45px !important;
}
.u-mr_50 {
  margin-right: 50px !important;
}
.u-mr_55 {
  margin-right: 55px !important;
}
.u-mr_60 {
  margin-right: 60px !important;
}
.u-mr_65 {
  margin-right: 65px !important;
}
.u-mr_70 {
  margin-right: 70px !important;
}
.u-mr_75 {
  margin-right: 75px !important;
}
.u-mr_80 {
  margin-right: 80px !important;
}
.u-mr_85 {
  margin-right: 85px !important;
}
.u-mr_90 {
  margin-right: 90px !important;
}
.u-mr_95 {
  margin-right: 95px !important;
}
.u-mr_100 {
  margin-right: 100px !important;
}
.u-mr_110 {
  margin-right: 110px !important;
}
.u-mr_120 {
  margin-right: 120px !important;
}
.u-mr_130 {
  margin-right: 130px !important;
}
.u-mr_140 {
  margin-right: 140px !important;
}
.u-mr_150 {
  margin-right: 150px !important;
}
.u-mr_160 {
  margin-right: 160px !important;
}
.u-mr_170 {
  margin-right: 170px !important;
}
.u-mr_180 {
  margin-right: 180px !important;
}
.u-mr_pfem {
  margin-right: 0.5em !important;
}
.u-mr_1em {
  margin-right: 1em !important;
}
.u-mr_1pfem {
  margin-right: 1.5em !important;
}
.u-mr_2em {
  margin-right: 2em !important;
}
.u-mr_2pfem {
  margin-right: 2.5em !important;
}
.u-mr_3em {
  margin-right: 3em !important;
}
.u-mr_3pfem {
  margin-right: 3.5em !important;
}
.u-mr_4em {
  margin-right: 4em !important;
}
.u-mr_4pfem {
  margin-right: 4.5em !important;
}
.u-mr_5em {
  margin-right: 5em !important;
}
.u-mr_auto {
  margin-right: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-mr_0_pc {
    margin-right: 0px !important;
  }
  .u-mr_5_pc {
    margin-right: 5px !important;
  }
  .u-mr_10_pc {
    margin-right: 10px !important;
  }
  .u-mr_15_pc {
    margin-right: 15px !important;
  }
  .u-mr_20_pc {
    margin-right: 20px !important;
  }
  .u-mr_25_pc {
    margin-right: 25px !important;
  }
  .u-mr_30_pc {
    margin-right: 30px !important;
  }
  .u-mr_35_pc {
    margin-right: 35px !important;
  }
  .u-mr_40_pc {
    margin-right: 40px !important;
  }
  .u-mr_45_pc {
    margin-right: 45px !important;
  }
  .u-mr_50_pc {
    margin-right: 50px !important;
  }
  .u-mr_55_pc {
    margin-right: 55px !important;
  }
  .u-mr_60_pc {
    margin-right: 60px !important;
  }
  .u-mr_65_pc {
    margin-right: 65px !important;
  }
  .u-mr_70_pc {
    margin-right: 70px !important;
  }
  .u-mr_75_pc {
    margin-right: 75px !important;
  }
  .u-mr_80_pc {
    margin-right: 80px !important;
  }
  .u-mr_85_pc {
    margin-right: 85px !important;
  }
  .u-mr_90_pc {
    margin-right: 90px !important;
  }
  .u-mr_95_pc {
    margin-right: 95px !important;
  }
  .u-mr_100_pc {
    margin-right: 100px !important;
  }
  .u-mr_110_pc {
    margin-right: 110px !important;
  }
  .u-mr_120_pc {
    margin-right: 120px !important;
  }
  .u-mr_130_pc {
    margin-right: 130px !important;
  }
  .u-mr_140_pc {
    margin-right: 140px !important;
  }
  .u-mr_150_pc {
    margin-right: 150px !important;
  }
  .u-mr_160_pc {
    margin-right: 160px !important;
  }
  .u-mr_170_pc {
    margin-right: 170px !important;
  }
  .u-mr_180_pc {
    margin-right: 180px !important;
  }
  .u-mr_pfem_pc {
    margin-right: 0.5em !important;
  }
  .u-mr_1em_pc {
    margin-right: 1em !important;
  }
  .u-mr_1pfem_pc {
    margin-right: 1.5em !important;
  }
  .u-mr_2em_pc {
    margin-right: 2em !important;
  }
  .u-mr_2pfem_pc {
    margin-right: 2.5em !important;
  }
  .u-mr_3em_pc {
    margin-right: 3em !important;
  }
  .u-mr_3pfem_pc {
    margin-right: 3.5em !important;
  }
  .u-mr_4em_pc {
    margin-right: 4em !important;
  }
  .u-mr_4pfem_pc {
    margin-right: 4.5em !important;
  }
  .u-mr_5em_pc {
    margin-right: 5em !important;
  }
  .u-mr_auto_pc {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mr_0_sp {
    margin-right: 0px !important;
  }
  .u-mr_5_sp {
    margin-right: 5px !important;
  }
  .u-mr_10_sp {
    margin-right: 10px !important;
  }
  .u-mr_15_sp {
    margin-right: 15px !important;
  }
  .u-mr_20_sp {
    margin-right: 20px !important;
  }
  .u-mr_25_sp {
    margin-right: 25px !important;
  }
  .u-mr_30_sp {
    margin-right: 30px !important;
  }
  .u-mr_35_sp {
    margin-right: 35px !important;
  }
  .u-mr_40_sp {
    margin-right: 40px !important;
  }
  .u-mr_45_sp {
    margin-right: 45px !important;
  }
  .u-mr_50_sp {
    margin-right: 50px !important;
  }
  .u-mr_55_sp {
    margin-right: 55px !important;
  }
  .u-mr_60_sp {
    margin-right: 60px !important;
  }
  .u-mr_65_sp {
    margin-right: 65px !important;
  }
  .u-mr_70_sp {
    margin-right: 70px !important;
  }
  .u-mr_75_sp {
    margin-right: 75px !important;
  }
  .u-mr_80_sp {
    margin-right: 80px !important;
  }
  .u-mr_85_sp {
    margin-right: 85px !important;
  }
  .u-mr_90_sp {
    margin-right: 90px !important;
  }
  .u-mr_95_sp {
    margin-right: 95px !important;
  }
  .u-mr_100_sp {
    margin-right: 100px !important;
  }
  .u-mr_110_sp {
    margin-right: 110px !important;
  }
  .u-mr_120_sp {
    margin-right: 120px !important;
  }
  .u-mr_130_sp {
    margin-right: 130px !important;
  }
  .u-mr_140_sp {
    margin-right: 140px !important;
  }
  .u-mr_150_sp {
    margin-right: 150px !important;
  }
  .u-mr_160_sp {
    margin-right: 160px !important;
  }
  .u-mr_170_sp {
    margin-right: 170px !important;
  }
  .u-mr_180_sp {
    margin-right: 180px !important;
  }
  .u-mr_pfem_sp {
    margin-right: 0.5em !important;
  }
  .u-mr_1em_sp {
    margin-right: 1em !important;
  }
  .u-mr_1pfem_sp {
    margin-right: 1.5em !important;
  }
  .u-mr_2em_sp {
    margin-right: 2em !important;
  }
  .u-mr_2pfem_sp {
    margin-right: 2.5em !important;
  }
  .u-mr_3em_sp {
    margin-right: 3em !important;
  }
  .u-mr_3pfem_sp {
    margin-right: 3.5em !important;
  }
  .u-mr_4em_sp {
    margin-right: 4em !important;
  }
  .u-mr_4pfem_sp {
    margin-right: 4.5em !important;
  }
  .u-mr_5em_sp {
    margin-right: 5em !important;
  }
  .u-mr_auto_sp {
    margin-right: auto !important;
  }
}
.u-mb_0 {
  margin-bottom: 0px !important;
}
.u-mb_5 {
  margin-bottom: 5px !important;
}
.u-mb_10 {
  margin-bottom: 10px !important;
}
.u-mb_15 {
  margin-bottom: 15px !important;
}
.u-mb_20 {
  margin-bottom: 20px !important;
}
.u-mb_25 {
  margin-bottom: 25px !important;
}
.u-mb_30 {
  margin-bottom: 30px !important;
}
.u-mb_35 {
  margin-bottom: 35px !important;
}
.u-mb_40 {
  margin-bottom: 40px !important;
}
.u-mb_45 {
  margin-bottom: 45px !important;
}
.u-mb_50 {
  margin-bottom: 50px !important;
}
.u-mb_55 {
  margin-bottom: 55px !important;
}
.u-mb_60 {
  margin-bottom: 60px !important;
}
.u-mb_65 {
  margin-bottom: 65px !important;
}
.u-mb_70 {
  margin-bottom: 70px !important;
}
.u-mb_75 {
  margin-bottom: 75px !important;
}
.u-mb_80 {
  margin-bottom: 80px !important;
}
.u-mb_85 {
  margin-bottom: 85px !important;
}
.u-mb_90 {
  margin-bottom: 90px !important;
}
.u-mb_95 {
  margin-bottom: 95px !important;
}
.u-mb_100 {
  margin-bottom: 100px !important;
}
.u-mb_110 {
  margin-bottom: 110px !important;
}
.u-mb_120 {
  margin-bottom: 120px !important;
}
.u-mb_130 {
  margin-bottom: 130px !important;
}
.u-mb_140 {
  margin-bottom: 140px !important;
}
.u-mb_150 {
  margin-bottom: 150px !important;
}
.u-mb_160 {
  margin-bottom: 160px !important;
}
.u-mb_170 {
  margin-bottom: 170px !important;
}
.u-mb_180 {
  margin-bottom: 180px !important;
}
.u-mb_pfem {
  margin-bottom: 0.5em !important;
}
.u-mb_1em {
  margin-bottom: 1em !important;
}
.u-mb_1pfem {
  margin-bottom: 1.5em !important;
}
.u-mb_2em {
  margin-bottom: 2em !important;
}
.u-mb_2pfem {
  margin-bottom: 2.5em !important;
}
.u-mb_3em {
  margin-bottom: 3em !important;
}
.u-mb_3pfem {
  margin-bottom: 3.5em !important;
}
.u-mb_4em {
  margin-bottom: 4em !important;
}
.u-mb_4pfem {
  margin-bottom: 4.5em !important;
}
.u-mb_5em {
  margin-bottom: 5em !important;
}
.u-mb_auto {
  margin-bottom: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-mb_0_pc {
    margin-bottom: 0px !important;
  }
  .u-mb_5_pc {
    margin-bottom: 5px !important;
  }
  .u-mb_10_pc {
    margin-bottom: 10px !important;
  }
  .u-mb_15_pc {
    margin-bottom: 15px !important;
  }
  .u-mb_20_pc {
    margin-bottom: 20px !important;
  }
  .u-mb_25_pc {
    margin-bottom: 25px !important;
  }
  .u-mb_30_pc {
    margin-bottom: 30px !important;
  }
  .u-mb_35_pc {
    margin-bottom: 35px !important;
  }
  .u-mb_40_pc {
    margin-bottom: 40px !important;
  }
  .u-mb_45_pc {
    margin-bottom: 45px !important;
  }
  .u-mb_50_pc {
    margin-bottom: 50px !important;
  }
  .u-mb_55_pc {
    margin-bottom: 55px !important;
  }
  .u-mb_60_pc {
    margin-bottom: 60px !important;
  }
  .u-mb_65_pc {
    margin-bottom: 65px !important;
  }
  .u-mb_70_pc {
    margin-bottom: 70px !important;
  }
  .u-mb_75_pc {
    margin-bottom: 75px !important;
  }
  .u-mb_80_pc {
    margin-bottom: 80px !important;
  }
  .u-mb_85_pc {
    margin-bottom: 85px !important;
  }
  .u-mb_90_pc {
    margin-bottom: 90px !important;
  }
  .u-mb_95_pc {
    margin-bottom: 95px !important;
  }
  .u-mb_100_pc {
    margin-bottom: 100px !important;
  }
  .u-mb_110_pc {
    margin-bottom: 110px !important;
  }
  .u-mb_120_pc {
    margin-bottom: 120px !important;
  }
  .u-mb_130_pc {
    margin-bottom: 130px !important;
  }
  .u-mb_140_pc {
    margin-bottom: 140px !important;
  }
  .u-mb_150_pc {
    margin-bottom: 150px !important;
  }
  .u-mb_160_pc {
    margin-bottom: 160px !important;
  }
  .u-mb_170_pc {
    margin-bottom: 170px !important;
  }
  .u-mb_180_pc {
    margin-bottom: 180px !important;
  }
  .u-mb_pfem_pc {
    margin-bottom: 0.5em !important;
  }
  .u-mb_1em_pc {
    margin-bottom: 1em !important;
  }
  .u-mb_1pfem_pc {
    margin-bottom: 1.5em !important;
  }
  .u-mb_2em_pc {
    margin-bottom: 2em !important;
  }
  .u-mb_2pfem_pc {
    margin-bottom: 2.5em !important;
  }
  .u-mb_3em_pc {
    margin-bottom: 3em !important;
  }
  .u-mb_3pfem_pc {
    margin-bottom: 3.5em !important;
  }
  .u-mb_4em_pc {
    margin-bottom: 4em !important;
  }
  .u-mb_4pfem_pc {
    margin-bottom: 4.5em !important;
  }
  .u-mb_5em_pc {
    margin-bottom: 5em !important;
  }
  .u-mb_auto_pc {
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mb_0_sp {
    margin-bottom: 0px !important;
  }
  .u-mb_5_sp {
    margin-bottom: 5px !important;
  }
  .u-mb_10_sp {
    margin-bottom: 10px !important;
  }
  .u-mb_15_sp {
    margin-bottom: 15px !important;
  }
  .u-mb_20_sp {
    margin-bottom: 20px !important;
  }
  .u-mb_25_sp {
    margin-bottom: 25px !important;
  }
  .u-mb_30_sp {
    margin-bottom: 30px !important;
  }
  .u-mb_35_sp {
    margin-bottom: 35px !important;
  }
  .u-mb_40_sp {
    margin-bottom: 40px !important;
  }
  .u-mb_45_sp {
    margin-bottom: 45px !important;
  }
  .u-mb_50_sp {
    margin-bottom: 50px !important;
  }
  .u-mb_55_sp {
    margin-bottom: 55px !important;
  }
  .u-mb_60_sp {
    margin-bottom: 60px !important;
  }
  .u-mb_65_sp {
    margin-bottom: 65px !important;
  }
  .u-mb_70_sp {
    margin-bottom: 70px !important;
  }
  .u-mb_75_sp {
    margin-bottom: 75px !important;
  }
  .u-mb_80_sp {
    margin-bottom: 80px !important;
  }
  .u-mb_85_sp {
    margin-bottom: 85px !important;
  }
  .u-mb_90_sp {
    margin-bottom: 90px !important;
  }
  .u-mb_95_sp {
    margin-bottom: 95px !important;
  }
  .u-mb_100_sp {
    margin-bottom: 100px !important;
  }
  .u-mb_110_sp {
    margin-bottom: 110px !important;
  }
  .u-mb_120_sp {
    margin-bottom: 120px !important;
  }
  .u-mb_130_sp {
    margin-bottom: 130px !important;
  }
  .u-mb_140_sp {
    margin-bottom: 140px !important;
  }
  .u-mb_150_sp {
    margin-bottom: 150px !important;
  }
  .u-mb_160_sp {
    margin-bottom: 160px !important;
  }
  .u-mb_170_sp {
    margin-bottom: 170px !important;
  }
  .u-mb_180_sp {
    margin-bottom: 180px !important;
  }
  .u-mb_pfem_sp {
    margin-bottom: 0.5em !important;
  }
  .u-mb_1em_sp {
    margin-bottom: 1em !important;
  }
  .u-mb_1pfem_sp {
    margin-bottom: 1.5em !important;
  }
  .u-mb_2em_sp {
    margin-bottom: 2em !important;
  }
  .u-mb_2pfem_sp {
    margin-bottom: 2.5em !important;
  }
  .u-mb_3em_sp {
    margin-bottom: 3em !important;
  }
  .u-mb_3pfem_sp {
    margin-bottom: 3.5em !important;
  }
  .u-mb_4em_sp {
    margin-bottom: 4em !important;
  }
  .u-mb_4pfem_sp {
    margin-bottom: 4.5em !important;
  }
  .u-mb_5em_sp {
    margin-bottom: 5em !important;
  }
  .u-mb_auto_sp {
    margin-bottom: auto !important;
  }
}
.u-ml_0 {
  margin-left: 0px !important;
}
.u-ml_5 {
  margin-left: 5px !important;
}
.u-ml_10 {
  margin-left: 10px !important;
}
.u-ml_15 {
  margin-left: 15px !important;
}
.u-ml_20 {
  margin-left: 20px !important;
}
.u-ml_25 {
  margin-left: 25px !important;
}
.u-ml_30 {
  margin-left: 30px !important;
}
.u-ml_35 {
  margin-left: 35px !important;
}
.u-ml_40 {
  margin-left: 40px !important;
}
.u-ml_45 {
  margin-left: 45px !important;
}
.u-ml_50 {
  margin-left: 50px !important;
}
.u-ml_55 {
  margin-left: 55px !important;
}
.u-ml_60 {
  margin-left: 60px !important;
}
.u-ml_65 {
  margin-left: 65px !important;
}
.u-ml_70 {
  margin-left: 70px !important;
}
.u-ml_75 {
  margin-left: 75px !important;
}
.u-ml_80 {
  margin-left: 80px !important;
}
.u-ml_85 {
  margin-left: 85px !important;
}
.u-ml_90 {
  margin-left: 90px !important;
}
.u-ml_95 {
  margin-left: 95px !important;
}
.u-ml_100 {
  margin-left: 100px !important;
}
.u-ml_110 {
  margin-left: 110px !important;
}
.u-ml_120 {
  margin-left: 120px !important;
}
.u-ml_130 {
  margin-left: 130px !important;
}
.u-ml_140 {
  margin-left: 140px !important;
}
.u-ml_150 {
  margin-left: 150px !important;
}
.u-ml_160 {
  margin-left: 160px !important;
}
.u-ml_170 {
  margin-left: 170px !important;
}
.u-ml_180 {
  margin-left: 180px !important;
}
.u-ml_pfem {
  margin-left: 0.5em !important;
}
.u-ml_1em {
  margin-left: 1em !important;
}
.u-ml_1pfem {
  margin-left: 1.5em !important;
}
.u-ml_2em {
  margin-left: 2em !important;
}
.u-ml_2pfem {
  margin-left: 2.5em !important;
}
.u-ml_3em {
  margin-left: 3em !important;
}
.u-ml_3pfem {
  margin-left: 3.5em !important;
}
.u-ml_4em {
  margin-left: 4em !important;
}
.u-ml_4pfem {
  margin-left: 4.5em !important;
}
.u-ml_5em {
  margin-left: 5em !important;
}
.u-ml_auto {
  margin-left: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-ml_0_pc {
    margin-left: 0px !important;
  }
  .u-ml_5_pc {
    margin-left: 5px !important;
  }
  .u-ml_10_pc {
    margin-left: 10px !important;
  }
  .u-ml_15_pc {
    margin-left: 15px !important;
  }
  .u-ml_20_pc {
    margin-left: 20px !important;
  }
  .u-ml_25_pc {
    margin-left: 25px !important;
  }
  .u-ml_30_pc {
    margin-left: 30px !important;
  }
  .u-ml_35_pc {
    margin-left: 35px !important;
  }
  .u-ml_40_pc {
    margin-left: 40px !important;
  }
  .u-ml_45_pc {
    margin-left: 45px !important;
  }
  .u-ml_50_pc {
    margin-left: 50px !important;
  }
  .u-ml_55_pc {
    margin-left: 55px !important;
  }
  .u-ml_60_pc {
    margin-left: 60px !important;
  }
  .u-ml_65_pc {
    margin-left: 65px !important;
  }
  .u-ml_70_pc {
    margin-left: 70px !important;
  }
  .u-ml_75_pc {
    margin-left: 75px !important;
  }
  .u-ml_80_pc {
    margin-left: 80px !important;
  }
  .u-ml_85_pc {
    margin-left: 85px !important;
  }
  .u-ml_90_pc {
    margin-left: 90px !important;
  }
  .u-ml_95_pc {
    margin-left: 95px !important;
  }
  .u-ml_100_pc {
    margin-left: 100px !important;
  }
  .u-ml_110_pc {
    margin-left: 110px !important;
  }
  .u-ml_120_pc {
    margin-left: 120px !important;
  }
  .u-ml_130_pc {
    margin-left: 130px !important;
  }
  .u-ml_140_pc {
    margin-left: 140px !important;
  }
  .u-ml_150_pc {
    margin-left: 150px !important;
  }
  .u-ml_160_pc {
    margin-left: 160px !important;
  }
  .u-ml_170_pc {
    margin-left: 170px !important;
  }
  .u-ml_180_pc {
    margin-left: 180px !important;
  }
  .u-ml_pfem_pc {
    margin-left: 0.5em !important;
  }
  .u-ml_1em_pc {
    margin-left: 1em !important;
  }
  .u-ml_1pfem_pc {
    margin-left: 1.5em !important;
  }
  .u-ml_2em_pc {
    margin-left: 2em !important;
  }
  .u-ml_2pfem_pc {
    margin-left: 2.5em !important;
  }
  .u-ml_3em_pc {
    margin-left: 3em !important;
  }
  .u-ml_3pfem_pc {
    margin-left: 3.5em !important;
  }
  .u-ml_4em_pc {
    margin-left: 4em !important;
  }
  .u-ml_4pfem_pc {
    margin-left: 4.5em !important;
  }
  .u-ml_5em_pc {
    margin-left: 5em !important;
  }
  .u-ml_auto_pc {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-ml_0_sp {
    margin-left: 0px !important;
  }
  .u-ml_5_sp {
    margin-left: 5px !important;
  }
  .u-ml_10_sp {
    margin-left: 10px !important;
  }
  .u-ml_15_sp {
    margin-left: 15px !important;
  }
  .u-ml_20_sp {
    margin-left: 20px !important;
  }
  .u-ml_25_sp {
    margin-left: 25px !important;
  }
  .u-ml_30_sp {
    margin-left: 30px !important;
  }
  .u-ml_35_sp {
    margin-left: 35px !important;
  }
  .u-ml_40_sp {
    margin-left: 40px !important;
  }
  .u-ml_45_sp {
    margin-left: 45px !important;
  }
  .u-ml_50_sp {
    margin-left: 50px !important;
  }
  .u-ml_55_sp {
    margin-left: 55px !important;
  }
  .u-ml_60_sp {
    margin-left: 60px !important;
  }
  .u-ml_65_sp {
    margin-left: 65px !important;
  }
  .u-ml_70_sp {
    margin-left: 70px !important;
  }
  .u-ml_75_sp {
    margin-left: 75px !important;
  }
  .u-ml_80_sp {
    margin-left: 80px !important;
  }
  .u-ml_85_sp {
    margin-left: 85px !important;
  }
  .u-ml_90_sp {
    margin-left: 90px !important;
  }
  .u-ml_95_sp {
    margin-left: 95px !important;
  }
  .u-ml_100_sp {
    margin-left: 100px !important;
  }
  .u-ml_110_sp {
    margin-left: 110px !important;
  }
  .u-ml_120_sp {
    margin-left: 120px !important;
  }
  .u-ml_130_sp {
    margin-left: 130px !important;
  }
  .u-ml_140_sp {
    margin-left: 140px !important;
  }
  .u-ml_150_sp {
    margin-left: 150px !important;
  }
  .u-ml_160_sp {
    margin-left: 160px !important;
  }
  .u-ml_170_sp {
    margin-left: 170px !important;
  }
  .u-ml_180_sp {
    margin-left: 180px !important;
  }
  .u-ml_pfem_sp {
    margin-left: 0.5em !important;
  }
  .u-ml_1em_sp {
    margin-left: 1em !important;
  }
  .u-ml_1pfem_sp {
    margin-left: 1.5em !important;
  }
  .u-ml_2em_sp {
    margin-left: 2em !important;
  }
  .u-ml_2pfem_sp {
    margin-left: 2.5em !important;
  }
  .u-ml_3em_sp {
    margin-left: 3em !important;
  }
  .u-ml_3pfem_sp {
    margin-left: 3.5em !important;
  }
  .u-ml_4em_sp {
    margin-left: 4em !important;
  }
  .u-ml_4pfem_sp {
    margin-left: 4.5em !important;
  }
  .u-ml_5em_sp {
    margin-left: 5em !important;
  }
  .u-ml_auto_sp {
    margin-left: auto !important;
  }
}
.u-p_0 {
  padding: 0px !important;
}
.u-p_5 {
  padding: 5px !important;
}
.u-p_10 {
  padding: 10px !important;
}
.u-p_15 {
  padding: 15px !important;
}
.u-p_20 {
  padding: 20px !important;
}
.u-p_25 {
  padding: 25px !important;
}
.u-p_30 {
  padding: 30px !important;
}
.u-p_35 {
  padding: 35px !important;
}
.u-p_40 {
  padding: 40px !important;
}
.u-p_45 {
  padding: 45px !important;
}
.u-p_50 {
  padding: 50px !important;
}
.u-p_55 {
  padding: 55px !important;
}
.u-p_60 {
  padding: 60px !important;
}
.u-p_65 {
  padding: 65px !important;
}
.u-p_70 {
  padding: 70px !important;
}
.u-p_75 {
  padding: 75px !important;
}
.u-p_80 {
  padding: 80px !important;
}
.u-p_85 {
  padding: 85px !important;
}
.u-p_90 {
  padding: 90px !important;
}
.u-p_95 {
  padding: 95px !important;
}
.u-p_100 {
  padding: 100px !important;
}
.u-p_110 {
  padding: 110px !important;
}
.u-p_120 {
  padding: 120px !important;
}
.u-p_130 {
  padding: 130px !important;
}
.u-p_140 {
  padding: 140px !important;
}
.u-p_150 {
  padding: 150px !important;
}
.u-p_160 {
  padding: 160px !important;
}
.u-p_170 {
  padding: 170px !important;
}
.u-p_180 {
  padding: 180px !important;
}
.u-p_pfem {
  padding: 0.5em !important;
}
.u-p_1em {
  padding: 1em !important;
}
.u-p_1pfem {
  padding: 1.5em !important;
}
.u-p_2em {
  padding: 2em !important;
}
.u-p_2pfem {
  padding: 2.5em !important;
}
.u-p_3em {
  padding: 3em !important;
}
.u-p_3pfem {
  padding: 3.5em !important;
}
.u-p_4em {
  padding: 4em !important;
}
.u-p_4pfem {
  padding: 4.5em !important;
}
.u-p_5em {
  padding: 5em !important;
}
@media screen and (min-width: 768px), print {
  .u-p_0_pc {
    padding: 0px !important;
  }
  .u-p_5_pc {
    padding: 5px !important;
  }
  .u-p_10_pc {
    padding: 10px !important;
  }
  .u-p_15_pc {
    padding: 15px !important;
  }
  .u-p_20_pc {
    padding: 20px !important;
  }
  .u-p_25_pc {
    padding: 25px !important;
  }
  .u-p_30_pc {
    padding: 30px !important;
  }
  .u-p_35_pc {
    padding: 35px !important;
  }
  .u-p_40_pc {
    padding: 40px !important;
  }
  .u-p_45_pc {
    padding: 45px !important;
  }
  .u-p_50_pc {
    padding: 50px !important;
  }
  .u-p_55_pc {
    padding: 55px !important;
  }
  .u-p_60_pc {
    padding: 60px !important;
  }
  .u-p_65_pc {
    padding: 65px !important;
  }
  .u-p_70_pc {
    padding: 70px !important;
  }
  .u-p_75_pc {
    padding: 75px !important;
  }
  .u-p_80_pc {
    padding: 80px !important;
  }
  .u-p_85_pc {
    padding: 85px !important;
  }
  .u-p_90_pc {
    padding: 90px !important;
  }
  .u-p_95_pc {
    padding: 95px !important;
  }
  .u-p_100_pc {
    padding: 100px !important;
  }
  .u-p_110_pc {
    padding: 110px !important;
  }
  .u-p_120_pc {
    padding: 120px !important;
  }
  .u-p_130_pc {
    padding: 130px !important;
  }
  .u-p_140_pc {
    padding: 140px !important;
  }
  .u-p_150_pc {
    padding: 150px !important;
  }
  .u-p_160_pc {
    padding: 160px !important;
  }
  .u-p_170_pc {
    padding: 170px !important;
  }
  .u-p_180_pc {
    padding: 180px !important;
  }
  .u-p_pfem_pc {
    padding: 0.5em !important;
  }
  .u-p_1em_pc {
    padding: 1em !important;
  }
  .u-p_1pfem_pc {
    padding: 1.5em !important;
  }
  .u-p_2em_pc {
    padding: 2em !important;
  }
  .u-p_2pfem_pc {
    padding: 2.5em !important;
  }
  .u-p_3em_pc {
    padding: 3em !important;
  }
  .u-p_3pfem_pc {
    padding: 3.5em !important;
  }
  .u-p_4em_pc {
    padding: 4em !important;
  }
  .u-p_4pfem_pc {
    padding: 4.5em !important;
  }
  .u-p_5em_pc {
    padding: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .u-p_0_sp {
    padding: 0px !important;
  }
  .u-p_5_sp {
    padding: 5px !important;
  }
  .u-p_10_sp {
    padding: 10px !important;
  }
  .u-p_15_sp {
    padding: 15px !important;
  }
  .u-p_20_sp {
    padding: 20px !important;
  }
  .u-p_25_sp {
    padding: 25px !important;
  }
  .u-p_30_sp {
    padding: 30px !important;
  }
  .u-p_35_sp {
    padding: 35px !important;
  }
  .u-p_40_sp {
    padding: 40px !important;
  }
  .u-p_45_sp {
    padding: 45px !important;
  }
  .u-p_50_sp {
    padding: 50px !important;
  }
  .u-p_55_sp {
    padding: 55px !important;
  }
  .u-p_60_sp {
    padding: 60px !important;
  }
  .u-p_65_sp {
    padding: 65px !important;
  }
  .u-p_70_sp {
    padding: 70px !important;
  }
  .u-p_75_sp {
    padding: 75px !important;
  }
  .u-p_80_sp {
    padding: 80px !important;
  }
  .u-p_85_sp {
    padding: 85px !important;
  }
  .u-p_90_sp {
    padding: 90px !important;
  }
  .u-p_95_sp {
    padding: 95px !important;
  }
  .u-p_100_sp {
    padding: 100px !important;
  }
  .u-p_110_sp {
    padding: 110px !important;
  }
  .u-p_120_sp {
    padding: 120px !important;
  }
  .u-p_130_sp {
    padding: 130px !important;
  }
  .u-p_140_sp {
    padding: 140px !important;
  }
  .u-p_150_sp {
    padding: 150px !important;
  }
  .u-p_160_sp {
    padding: 160px !important;
  }
  .u-p_170_sp {
    padding: 170px !important;
  }
  .u-p_180_sp {
    padding: 180px !important;
  }
  .u-p_pfem_sp {
    padding: 0.5em !important;
  }
  .u-p_1em_sp {
    padding: 1em !important;
  }
  .u-p_1pfem_sp {
    padding: 1.5em !important;
  }
  .u-p_2em_sp {
    padding: 2em !important;
  }
  .u-p_2pfem_sp {
    padding: 2.5em !important;
  }
  .u-p_3em_sp {
    padding: 3em !important;
  }
  .u-p_3pfem_sp {
    padding: 3.5em !important;
  }
  .u-p_4em_sp {
    padding: 4em !important;
  }
  .u-p_4pfem_sp {
    padding: 4.5em !important;
  }
  .u-p_5em_sp {
    padding: 5em !important;
  }
}
.u-pt_0 {
  padding-top: 0px !important;
}
.u-pt_5 {
  padding-top: 5px !important;
}
.u-pt_10 {
  padding-top: 10px !important;
}
.u-pt_15 {
  padding-top: 15px !important;
}
.u-pt_20 {
  padding-top: 20px !important;
}
.u-pt_25 {
  padding-top: 25px !important;
}
.u-pt_30 {
  padding-top: 30px !important;
}
.u-pt_35 {
  padding-top: 35px !important;
}
.u-pt_40 {
  padding-top: 40px !important;
}
.u-pt_45 {
  padding-top: 45px !important;
}
.u-pt_50 {
  padding-top: 50px !important;
}
.u-pt_55 {
  padding-top: 55px !important;
}
.u-pt_60 {
  padding-top: 60px !important;
}
.u-pt_65 {
  padding-top: 65px !important;
}
.u-pt_70 {
  padding-top: 70px !important;
}
.u-pt_75 {
  padding-top: 75px !important;
}
.u-pt_80 {
  padding-top: 80px !important;
}
.u-pt_85 {
  padding-top: 85px !important;
}
.u-pt_90 {
  padding-top: 90px !important;
}
.u-pt_95 {
  padding-top: 95px !important;
}
.u-pt_100 {
  padding-top: 100px !important;
}
.u-pt_110 {
  padding-top: 110px !important;
}
.u-pt_120 {
  padding-top: 120px !important;
}
.u-pt_130 {
  padding-top: 130px !important;
}
.u-pt_140 {
  padding-top: 140px !important;
}
.u-pt_150 {
  padding-top: 150px !important;
}
.u-pt_160 {
  padding-top: 160px !important;
}
.u-pt_170 {
  padding-top: 170px !important;
}
.u-pt_180 {
  padding-top: 180px !important;
}
.u-pt_pfem {
  padding-top: 0.5em !important;
}
.u-pt_1em {
  padding-top: 1em !important;
}
.u-pt_1pfem {
  padding-top: 1.5em !important;
}
.u-pt_2em {
  padding-top: 2em !important;
}
.u-pt_2pfem {
  padding-top: 2.5em !important;
}
.u-pt_3em {
  padding-top: 3em !important;
}
.u-pt_3pfem {
  padding-top: 3.5em !important;
}
.u-pt_4em {
  padding-top: 4em !important;
}
.u-pt_4pfem {
  padding-top: 4.5em !important;
}
.u-pt_5em {
  padding-top: 5em !important;
}
@media screen and (min-width: 768px), print {
  .u-pt_0_pc {
    padding-top: 0px !important;
  }
  .u-pt_5_pc {
    padding-top: 5px !important;
  }
  .u-pt_10_pc {
    padding-top: 10px !important;
  }
  .u-pt_15_pc {
    padding-top: 15px !important;
  }
  .u-pt_20_pc {
    padding-top: 20px !important;
  }
  .u-pt_25_pc {
    padding-top: 25px !important;
  }
  .u-pt_30_pc {
    padding-top: 30px !important;
  }
  .u-pt_35_pc {
    padding-top: 35px !important;
  }
  .u-pt_40_pc {
    padding-top: 40px !important;
  }
  .u-pt_45_pc {
    padding-top: 45px !important;
  }
  .u-pt_50_pc {
    padding-top: 50px !important;
  }
  .u-pt_55_pc {
    padding-top: 55px !important;
  }
  .u-pt_60_pc {
    padding-top: 60px !important;
  }
  .u-pt_65_pc {
    padding-top: 65px !important;
  }
  .u-pt_70_pc {
    padding-top: 70px !important;
  }
  .u-pt_75_pc {
    padding-top: 75px !important;
  }
  .u-pt_80_pc {
    padding-top: 80px !important;
  }
  .u-pt_85_pc {
    padding-top: 85px !important;
  }
  .u-pt_90_pc {
    padding-top: 90px !important;
  }
  .u-pt_95_pc {
    padding-top: 95px !important;
  }
  .u-pt_100_pc {
    padding-top: 100px !important;
  }
  .u-pt_110_pc {
    padding-top: 110px !important;
  }
  .u-pt_120_pc {
    padding-top: 120px !important;
  }
  .u-pt_130_pc {
    padding-top: 130px !important;
  }
  .u-pt_140_pc {
    padding-top: 140px !important;
  }
  .u-pt_150_pc {
    padding-top: 150px !important;
  }
  .u-pt_160_pc {
    padding-top: 160px !important;
  }
  .u-pt_170_pc {
    padding-top: 170px !important;
  }
  .u-pt_180_pc {
    padding-top: 180px !important;
  }
  .u-pt_pfem_pc {
    padding-top: 0.5em !important;
  }
  .u-pt_1em_pc {
    padding-top: 1em !important;
  }
  .u-pt_1pfem_pc {
    padding-top: 1.5em !important;
  }
  .u-pt_2em_pc {
    padding-top: 2em !important;
  }
  .u-pt_2pfem_pc {
    padding-top: 2.5em !important;
  }
  .u-pt_3em_pc {
    padding-top: 3em !important;
  }
  .u-pt_3pfem_pc {
    padding-top: 3.5em !important;
  }
  .u-pt_4em_pc {
    padding-top: 4em !important;
  }
  .u-pt_4pfem_pc {
    padding-top: 4.5em !important;
  }
  .u-pt_5em_pc {
    padding-top: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pt_0_sp {
    padding-top: 0px !important;
  }
  .u-pt_5_sp {
    padding-top: 5px !important;
  }
  .u-pt_10_sp {
    padding-top: 10px !important;
  }
  .u-pt_15_sp {
    padding-top: 15px !important;
  }
  .u-pt_20_sp {
    padding-top: 20px !important;
  }
  .u-pt_25_sp {
    padding-top: 25px !important;
  }
  .u-pt_30_sp {
    padding-top: 30px !important;
  }
  .u-pt_35_sp {
    padding-top: 35px !important;
  }
  .u-pt_40_sp {
    padding-top: 40px !important;
  }
  .u-pt_45_sp {
    padding-top: 45px !important;
  }
  .u-pt_50_sp {
    padding-top: 50px !important;
  }
  .u-pt_55_sp {
    padding-top: 55px !important;
  }
  .u-pt_60_sp {
    padding-top: 60px !important;
  }
  .u-pt_65_sp {
    padding-top: 65px !important;
  }
  .u-pt_70_sp {
    padding-top: 70px !important;
  }
  .u-pt_75_sp {
    padding-top: 75px !important;
  }
  .u-pt_80_sp {
    padding-top: 80px !important;
  }
  .u-pt_85_sp {
    padding-top: 85px !important;
  }
  .u-pt_90_sp {
    padding-top: 90px !important;
  }
  .u-pt_95_sp {
    padding-top: 95px !important;
  }
  .u-pt_100_sp {
    padding-top: 100px !important;
  }
  .u-pt_110_sp {
    padding-top: 110px !important;
  }
  .u-pt_120_sp {
    padding-top: 120px !important;
  }
  .u-pt_130_sp {
    padding-top: 130px !important;
  }
  .u-pt_140_sp {
    padding-top: 140px !important;
  }
  .u-pt_150_sp {
    padding-top: 150px !important;
  }
  .u-pt_160_sp {
    padding-top: 160px !important;
  }
  .u-pt_170_sp {
    padding-top: 170px !important;
  }
  .u-pt_180_sp {
    padding-top: 180px !important;
  }
  .u-pt_pfem_sp {
    padding-top: 0.5em !important;
  }
  .u-pt_1em_sp {
    padding-top: 1em !important;
  }
  .u-pt_1pfem_sp {
    padding-top: 1.5em !important;
  }
  .u-pt_2em_sp {
    padding-top: 2em !important;
  }
  .u-pt_2pfem_sp {
    padding-top: 2.5em !important;
  }
  .u-pt_3em_sp {
    padding-top: 3em !important;
  }
  .u-pt_3pfem_sp {
    padding-top: 3.5em !important;
  }
  .u-pt_4em_sp {
    padding-top: 4em !important;
  }
  .u-pt_4pfem_sp {
    padding-top: 4.5em !important;
  }
  .u-pt_5em_sp {
    padding-top: 5em !important;
  }
}
.u-pr_0 {
  padding-right: 0px !important;
}
.u-pr_5 {
  padding-right: 5px !important;
}
.u-pr_10 {
  padding-right: 10px !important;
}
.u-pr_15 {
  padding-right: 15px !important;
}
.u-pr_20 {
  padding-right: 20px !important;
}
.u-pr_25 {
  padding-right: 25px !important;
}
.u-pr_30 {
  padding-right: 30px !important;
}
.u-pr_35 {
  padding-right: 35px !important;
}
.u-pr_40 {
  padding-right: 40px !important;
}
.u-pr_45 {
  padding-right: 45px !important;
}
.u-pr_50 {
  padding-right: 50px !important;
}
.u-pr_55 {
  padding-right: 55px !important;
}
.u-pr_60 {
  padding-right: 60px !important;
}
.u-pr_65 {
  padding-right: 65px !important;
}
.u-pr_70 {
  padding-right: 70px !important;
}
.u-pr_75 {
  padding-right: 75px !important;
}
.u-pr_80 {
  padding-right: 80px !important;
}
.u-pr_85 {
  padding-right: 85px !important;
}
.u-pr_90 {
  padding-right: 90px !important;
}
.u-pr_95 {
  padding-right: 95px !important;
}
.u-pr_100 {
  padding-right: 100px !important;
}
.u-pr_110 {
  padding-right: 110px !important;
}
.u-pr_120 {
  padding-right: 120px !important;
}
.u-pr_130 {
  padding-right: 130px !important;
}
.u-pr_140 {
  padding-right: 140px !important;
}
.u-pr_150 {
  padding-right: 150px !important;
}
.u-pr_160 {
  padding-right: 160px !important;
}
.u-pr_170 {
  padding-right: 170px !important;
}
.u-pr_180 {
  padding-right: 180px !important;
}
.u-pr_pfem {
  padding-right: 0.5em !important;
}
.u-pr_1em {
  padding-right: 1em !important;
}
.u-pr_1pfem {
  padding-right: 1.5em !important;
}
.u-pr_2em {
  padding-right: 2em !important;
}
.u-pr_2pfem {
  padding-right: 2.5em !important;
}
.u-pr_3em {
  padding-right: 3em !important;
}
.u-pr_3pfem {
  padding-right: 3.5em !important;
}
.u-pr_4em {
  padding-right: 4em !important;
}
.u-pr_4pfem {
  padding-right: 4.5em !important;
}
.u-pr_5em {
  padding-right: 5em !important;
}
@media screen and (min-width: 768px), print {
  .u-pr_0_pc {
    padding-right: 0px !important;
  }
  .u-pr_5_pc {
    padding-right: 5px !important;
  }
  .u-pr_10_pc {
    padding-right: 10px !important;
  }
  .u-pr_15_pc {
    padding-right: 15px !important;
  }
  .u-pr_20_pc {
    padding-right: 20px !important;
  }
  .u-pr_25_pc {
    padding-right: 25px !important;
  }
  .u-pr_30_pc {
    padding-right: 30px !important;
  }
  .u-pr_35_pc {
    padding-right: 35px !important;
  }
  .u-pr_40_pc {
    padding-right: 40px !important;
  }
  .u-pr_45_pc {
    padding-right: 45px !important;
  }
  .u-pr_50_pc {
    padding-right: 50px !important;
  }
  .u-pr_55_pc {
    padding-right: 55px !important;
  }
  .u-pr_60_pc {
    padding-right: 60px !important;
  }
  .u-pr_65_pc {
    padding-right: 65px !important;
  }
  .u-pr_70_pc {
    padding-right: 70px !important;
  }
  .u-pr_75_pc {
    padding-right: 75px !important;
  }
  .u-pr_80_pc {
    padding-right: 80px !important;
  }
  .u-pr_85_pc {
    padding-right: 85px !important;
  }
  .u-pr_90_pc {
    padding-right: 90px !important;
  }
  .u-pr_95_pc {
    padding-right: 95px !important;
  }
  .u-pr_100_pc {
    padding-right: 100px !important;
  }
  .u-pr_110_pc {
    padding-right: 110px !important;
  }
  .u-pr_120_pc {
    padding-right: 120px !important;
  }
  .u-pr_130_pc {
    padding-right: 130px !important;
  }
  .u-pr_140_pc {
    padding-right: 140px !important;
  }
  .u-pr_150_pc {
    padding-right: 150px !important;
  }
  .u-pr_160_pc {
    padding-right: 160px !important;
  }
  .u-pr_170_pc {
    padding-right: 170px !important;
  }
  .u-pr_180_pc {
    padding-right: 180px !important;
  }
  .u-pr_pfem_pc {
    padding-right: 0.5em !important;
  }
  .u-pr_1em_pc {
    padding-right: 1em !important;
  }
  .u-pr_1pfem_pc {
    padding-right: 1.5em !important;
  }
  .u-pr_2em_pc {
    padding-right: 2em !important;
  }
  .u-pr_2pfem_pc {
    padding-right: 2.5em !important;
  }
  .u-pr_3em_pc {
    padding-right: 3em !important;
  }
  .u-pr_3pfem_pc {
    padding-right: 3.5em !important;
  }
  .u-pr_4em_pc {
    padding-right: 4em !important;
  }
  .u-pr_4pfem_pc {
    padding-right: 4.5em !important;
  }
  .u-pr_5em_pc {
    padding-right: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pr_0_sp {
    padding-right: 0px !important;
  }
  .u-pr_5_sp {
    padding-right: 5px !important;
  }
  .u-pr_10_sp {
    padding-right: 10px !important;
  }
  .u-pr_15_sp {
    padding-right: 15px !important;
  }
  .u-pr_20_sp {
    padding-right: 20px !important;
  }
  .u-pr_25_sp {
    padding-right: 25px !important;
  }
  .u-pr_30_sp {
    padding-right: 30px !important;
  }
  .u-pr_35_sp {
    padding-right: 35px !important;
  }
  .u-pr_40_sp {
    padding-right: 40px !important;
  }
  .u-pr_45_sp {
    padding-right: 45px !important;
  }
  .u-pr_50_sp {
    padding-right: 50px !important;
  }
  .u-pr_55_sp {
    padding-right: 55px !important;
  }
  .u-pr_60_sp {
    padding-right: 60px !important;
  }
  .u-pr_65_sp {
    padding-right: 65px !important;
  }
  .u-pr_70_sp {
    padding-right: 70px !important;
  }
  .u-pr_75_sp {
    padding-right: 75px !important;
  }
  .u-pr_80_sp {
    padding-right: 80px !important;
  }
  .u-pr_85_sp {
    padding-right: 85px !important;
  }
  .u-pr_90_sp {
    padding-right: 90px !important;
  }
  .u-pr_95_sp {
    padding-right: 95px !important;
  }
  .u-pr_100_sp {
    padding-right: 100px !important;
  }
  .u-pr_110_sp {
    padding-right: 110px !important;
  }
  .u-pr_120_sp {
    padding-right: 120px !important;
  }
  .u-pr_130_sp {
    padding-right: 130px !important;
  }
  .u-pr_140_sp {
    padding-right: 140px !important;
  }
  .u-pr_150_sp {
    padding-right: 150px !important;
  }
  .u-pr_160_sp {
    padding-right: 160px !important;
  }
  .u-pr_170_sp {
    padding-right: 170px !important;
  }
  .u-pr_180_sp {
    padding-right: 180px !important;
  }
  .u-pr_pfem_sp {
    padding-right: 0.5em !important;
  }
  .u-pr_1em_sp {
    padding-right: 1em !important;
  }
  .u-pr_1pfem_sp {
    padding-right: 1.5em !important;
  }
  .u-pr_2em_sp {
    padding-right: 2em !important;
  }
  .u-pr_2pfem_sp {
    padding-right: 2.5em !important;
  }
  .u-pr_3em_sp {
    padding-right: 3em !important;
  }
  .u-pr_3pfem_sp {
    padding-right: 3.5em !important;
  }
  .u-pr_4em_sp {
    padding-right: 4em !important;
  }
  .u-pr_4pfem_sp {
    padding-right: 4.5em !important;
  }
  .u-pr_5em_sp {
    padding-right: 5em !important;
  }
}
.u-pb_0 {
  padding-bottom: 0px !important;
}
.u-pb_5 {
  padding-bottom: 5px !important;
}
.u-pb_10 {
  padding-bottom: 10px !important;
}
.u-pb_15 {
  padding-bottom: 15px !important;
}
.u-pb_20 {
  padding-bottom: 20px !important;
}
.u-pb_25 {
  padding-bottom: 25px !important;
}
.u-pb_30 {
  padding-bottom: 30px !important;
}
.u-pb_35 {
  padding-bottom: 35px !important;
}
.u-pb_40 {
  padding-bottom: 40px !important;
}
.u-pb_45 {
  padding-bottom: 45px !important;
}
.u-pb_50 {
  padding-bottom: 50px !important;
}
.u-pb_55 {
  padding-bottom: 55px !important;
}
.u-pb_60 {
  padding-bottom: 60px !important;
}
.u-pb_65 {
  padding-bottom: 65px !important;
}
.u-pb_70 {
  padding-bottom: 70px !important;
}
.u-pb_75 {
  padding-bottom: 75px !important;
}
.u-pb_80 {
  padding-bottom: 80px !important;
}
.u-pb_85 {
  padding-bottom: 85px !important;
}
.u-pb_90 {
  padding-bottom: 90px !important;
}
.u-pb_95 {
  padding-bottom: 95px !important;
}
.u-pb_100 {
  padding-bottom: 100px !important;
}
.u-pb_110 {
  padding-bottom: 110px !important;
}
.u-pb_120 {
  padding-bottom: 120px !important;
}
.u-pb_130 {
  padding-bottom: 130px !important;
}
.u-pb_140 {
  padding-bottom: 140px !important;
}
.u-pb_150 {
  padding-bottom: 150px !important;
}
.u-pb_160 {
  padding-bottom: 160px !important;
}
.u-pb_170 {
  padding-bottom: 170px !important;
}
.u-pb_180 {
  padding-bottom: 180px !important;
}
.u-pb_pfem {
  padding-bottom: 0.5em !important;
}
.u-pb_1em {
  padding-bottom: 1em !important;
}
.u-pb_1pfem {
  padding-bottom: 1.5em !important;
}
.u-pb_2em {
  padding-bottom: 2em !important;
}
.u-pb_2pfem {
  padding-bottom: 2.5em !important;
}
.u-pb_3em {
  padding-bottom: 3em !important;
}
.u-pb_3pfem {
  padding-bottom: 3.5em !important;
}
.u-pb_4em {
  padding-bottom: 4em !important;
}
.u-pb_4pfem {
  padding-bottom: 4.5em !important;
}
.u-pb_5em {
  padding-bottom: 5em !important;
}
@media screen and (min-width: 768px), print {
  .u-pb_0_pc {
    padding-bottom: 0px !important;
  }
  .u-pb_5_pc {
    padding-bottom: 5px !important;
  }
  .u-pb_10_pc {
    padding-bottom: 10px !important;
  }
  .u-pb_15_pc {
    padding-bottom: 15px !important;
  }
  .u-pb_20_pc {
    padding-bottom: 20px !important;
  }
  .u-pb_25_pc {
    padding-bottom: 25px !important;
  }
  .u-pb_30_pc {
    padding-bottom: 30px !important;
  }
  .u-pb_35_pc {
    padding-bottom: 35px !important;
  }
  .u-pb_40_pc {
    padding-bottom: 40px !important;
  }
  .u-pb_45_pc {
    padding-bottom: 45px !important;
  }
  .u-pb_50_pc {
    padding-bottom: 50px !important;
  }
  .u-pb_55_pc {
    padding-bottom: 55px !important;
  }
  .u-pb_60_pc {
    padding-bottom: 60px !important;
  }
  .u-pb_65_pc {
    padding-bottom: 65px !important;
  }
  .u-pb_70_pc {
    padding-bottom: 70px !important;
  }
  .u-pb_75_pc {
    padding-bottom: 75px !important;
  }
  .u-pb_80_pc {
    padding-bottom: 80px !important;
  }
  .u-pb_85_pc {
    padding-bottom: 85px !important;
  }
  .u-pb_90_pc {
    padding-bottom: 90px !important;
  }
  .u-pb_95_pc {
    padding-bottom: 95px !important;
  }
  .u-pb_100_pc {
    padding-bottom: 100px !important;
  }
  .u-pb_110_pc {
    padding-bottom: 110px !important;
  }
  .u-pb_120_pc {
    padding-bottom: 120px !important;
  }
  .u-pb_130_pc {
    padding-bottom: 130px !important;
  }
  .u-pb_140_pc {
    padding-bottom: 140px !important;
  }
  .u-pb_150_pc {
    padding-bottom: 150px !important;
  }
  .u-pb_160_pc {
    padding-bottom: 160px !important;
  }
  .u-pb_170_pc {
    padding-bottom: 170px !important;
  }
  .u-pb_180_pc {
    padding-bottom: 180px !important;
  }
  .u-pb_pfem_pc {
    padding-bottom: 0.5em !important;
  }
  .u-pb_1em_pc {
    padding-bottom: 1em !important;
  }
  .u-pb_1pfem_pc {
    padding-bottom: 1.5em !important;
  }
  .u-pb_2em_pc {
    padding-bottom: 2em !important;
  }
  .u-pb_2pfem_pc {
    padding-bottom: 2.5em !important;
  }
  .u-pb_3em_pc {
    padding-bottom: 3em !important;
  }
  .u-pb_3pfem_pc {
    padding-bottom: 3.5em !important;
  }
  .u-pb_4em_pc {
    padding-bottom: 4em !important;
  }
  .u-pb_4pfem_pc {
    padding-bottom: 4.5em !important;
  }
  .u-pb_5em_pc {
    padding-bottom: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pb_0_sp {
    padding-bottom: 0px !important;
  }
  .u-pb_5_sp {
    padding-bottom: 5px !important;
  }
  .u-pb_10_sp {
    padding-bottom: 10px !important;
  }
  .u-pb_15_sp {
    padding-bottom: 15px !important;
  }
  .u-pb_20_sp {
    padding-bottom: 20px !important;
  }
  .u-pb_25_sp {
    padding-bottom: 25px !important;
  }
  .u-pb_30_sp {
    padding-bottom: 30px !important;
  }
  .u-pb_35_sp {
    padding-bottom: 35px !important;
  }
  .u-pb_40_sp {
    padding-bottom: 40px !important;
  }
  .u-pb_45_sp {
    padding-bottom: 45px !important;
  }
  .u-pb_50_sp {
    padding-bottom: 50px !important;
  }
  .u-pb_55_sp {
    padding-bottom: 55px !important;
  }
  .u-pb_60_sp {
    padding-bottom: 60px !important;
  }
  .u-pb_65_sp {
    padding-bottom: 65px !important;
  }
  .u-pb_70_sp {
    padding-bottom: 70px !important;
  }
  .u-pb_75_sp {
    padding-bottom: 75px !important;
  }
  .u-pb_80_sp {
    padding-bottom: 80px !important;
  }
  .u-pb_85_sp {
    padding-bottom: 85px !important;
  }
  .u-pb_90_sp {
    padding-bottom: 90px !important;
  }
  .u-pb_95_sp {
    padding-bottom: 95px !important;
  }
  .u-pb_100_sp {
    padding-bottom: 100px !important;
  }
  .u-pb_110_sp {
    padding-bottom: 110px !important;
  }
  .u-pb_120_sp {
    padding-bottom: 120px !important;
  }
  .u-pb_130_sp {
    padding-bottom: 130px !important;
  }
  .u-pb_140_sp {
    padding-bottom: 140px !important;
  }
  .u-pb_150_sp {
    padding-bottom: 150px !important;
  }
  .u-pb_160_sp {
    padding-bottom: 160px !important;
  }
  .u-pb_170_sp {
    padding-bottom: 170px !important;
  }
  .u-pb_180_sp {
    padding-bottom: 180px !important;
  }
  .u-pb_pfem_sp {
    padding-bottom: 0.5em !important;
  }
  .u-pb_1em_sp {
    padding-bottom: 1em !important;
  }
  .u-pb_1pfem_sp {
    padding-bottom: 1.5em !important;
  }
  .u-pb_2em_sp {
    padding-bottom: 2em !important;
  }
  .u-pb_2pfem_sp {
    padding-bottom: 2.5em !important;
  }
  .u-pb_3em_sp {
    padding-bottom: 3em !important;
  }
  .u-pb_3pfem_sp {
    padding-bottom: 3.5em !important;
  }
  .u-pb_4em_sp {
    padding-bottom: 4em !important;
  }
  .u-pb_4pfem_sp {
    padding-bottom: 4.5em !important;
  }
  .u-pb_5em_sp {
    padding-bottom: 5em !important;
  }
}
.u-pl_0 {
  padding-left: 0px !important;
}
.u-pl_5 {
  padding-left: 5px !important;
}
.u-pl_10 {
  padding-left: 10px !important;
}
.u-pl_15 {
  padding-left: 15px !important;
}
.u-pl_20 {
  padding-left: 20px !important;
}
.u-pl_25 {
  padding-left: 25px !important;
}
.u-pl_30 {
  padding-left: 30px !important;
}
.u-pl_35 {
  padding-left: 35px !important;
}
.u-pl_40 {
  padding-left: 40px !important;
}
.u-pl_45 {
  padding-left: 45px !important;
}
.u-pl_50 {
  padding-left: 50px !important;
}
.u-pl_55 {
  padding-left: 55px !important;
}
.u-pl_60 {
  padding-left: 60px !important;
}
.u-pl_65 {
  padding-left: 65px !important;
}
.u-pl_70 {
  padding-left: 70px !important;
}
.u-pl_75 {
  padding-left: 75px !important;
}
.u-pl_80 {
  padding-left: 80px !important;
}
.u-pl_85 {
  padding-left: 85px !important;
}
.u-pl_90 {
  padding-left: 90px !important;
}
.u-pl_95 {
  padding-left: 95px !important;
}
.u-pl_100 {
  padding-left: 100px !important;
}
.u-pl_110 {
  padding-left: 110px !important;
}
.u-pl_120 {
  padding-left: 120px !important;
}
.u-pl_130 {
  padding-left: 130px !important;
}
.u-pl_140 {
  padding-left: 140px !important;
}
.u-pl_150 {
  padding-left: 150px !important;
}
.u-pl_160 {
  padding-left: 160px !important;
}
.u-pl_170 {
  padding-left: 170px !important;
}
.u-pl_180 {
  padding-left: 180px !important;
}
.u-pl_pfem {
  padding-left: 0.5em !important;
}
.u-pl_1em {
  padding-left: 1em !important;
}
.u-pl_1pfem {
  padding-left: 1.5em !important;
}
.u-pl_2em {
  padding-left: 2em !important;
}
.u-pl_2pfem {
  padding-left: 2.5em !important;
}
.u-pl_3em {
  padding-left: 3em !important;
}
.u-pl_3pfem {
  padding-left: 3.5em !important;
}
.u-pl_4em {
  padding-left: 4em !important;
}
.u-pl_4pfem {
  padding-left: 4.5em !important;
}
.u-pl_5em {
  padding-left: 5em !important;
}
@media screen and (min-width: 768px), print {
  .u-pl_0_pc {
    padding-left: 0px !important;
  }
  .u-pl_5_pc {
    padding-left: 5px !important;
  }
  .u-pl_10_pc {
    padding-left: 10px !important;
  }
  .u-pl_15_pc {
    padding-left: 15px !important;
  }
  .u-pl_20_pc {
    padding-left: 20px !important;
  }
  .u-pl_25_pc {
    padding-left: 25px !important;
  }
  .u-pl_30_pc {
    padding-left: 30px !important;
  }
  .u-pl_35_pc {
    padding-left: 35px !important;
  }
  .u-pl_40_pc {
    padding-left: 40px !important;
  }
  .u-pl_45_pc {
    padding-left: 45px !important;
  }
  .u-pl_50_pc {
    padding-left: 50px !important;
  }
  .u-pl_55_pc {
    padding-left: 55px !important;
  }
  .u-pl_60_pc {
    padding-left: 60px !important;
  }
  .u-pl_65_pc {
    padding-left: 65px !important;
  }
  .u-pl_70_pc {
    padding-left: 70px !important;
  }
  .u-pl_75_pc {
    padding-left: 75px !important;
  }
  .u-pl_80_pc {
    padding-left: 80px !important;
  }
  .u-pl_85_pc {
    padding-left: 85px !important;
  }
  .u-pl_90_pc {
    padding-left: 90px !important;
  }
  .u-pl_95_pc {
    padding-left: 95px !important;
  }
  .u-pl_100_pc {
    padding-left: 100px !important;
  }
  .u-pl_110_pc {
    padding-left: 110px !important;
  }
  .u-pl_120_pc {
    padding-left: 120px !important;
  }
  .u-pl_130_pc {
    padding-left: 130px !important;
  }
  .u-pl_140_pc {
    padding-left: 140px !important;
  }
  .u-pl_150_pc {
    padding-left: 150px !important;
  }
  .u-pl_160_pc {
    padding-left: 160px !important;
  }
  .u-pl_170_pc {
    padding-left: 170px !important;
  }
  .u-pl_180_pc {
    padding-left: 180px !important;
  }
  .u-pl_pfem_pc {
    padding-left: 0.5em !important;
  }
  .u-pl_1em_pc {
    padding-left: 1em !important;
  }
  .u-pl_1pfem_pc {
    padding-left: 1.5em !important;
  }
  .u-pl_2em_pc {
    padding-left: 2em !important;
  }
  .u-pl_2pfem_pc {
    padding-left: 2.5em !important;
  }
  .u-pl_3em_pc {
    padding-left: 3em !important;
  }
  .u-pl_3pfem_pc {
    padding-left: 3.5em !important;
  }
  .u-pl_4em_pc {
    padding-left: 4em !important;
  }
  .u-pl_4pfem_pc {
    padding-left: 4.5em !important;
  }
  .u-pl_5em_pc {
    padding-left: 5em !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pl_0_sp {
    padding-left: 0px !important;
  }
  .u-pl_5_sp {
    padding-left: 5px !important;
  }
  .u-pl_10_sp {
    padding-left: 10px !important;
  }
  .u-pl_15_sp {
    padding-left: 15px !important;
  }
  .u-pl_20_sp {
    padding-left: 20px !important;
  }
  .u-pl_25_sp {
    padding-left: 25px !important;
  }
  .u-pl_30_sp {
    padding-left: 30px !important;
  }
  .u-pl_35_sp {
    padding-left: 35px !important;
  }
  .u-pl_40_sp {
    padding-left: 40px !important;
  }
  .u-pl_45_sp {
    padding-left: 45px !important;
  }
  .u-pl_50_sp {
    padding-left: 50px !important;
  }
  .u-pl_55_sp {
    padding-left: 55px !important;
  }
  .u-pl_60_sp {
    padding-left: 60px !important;
  }
  .u-pl_65_sp {
    padding-left: 65px !important;
  }
  .u-pl_70_sp {
    padding-left: 70px !important;
  }
  .u-pl_75_sp {
    padding-left: 75px !important;
  }
  .u-pl_80_sp {
    padding-left: 80px !important;
  }
  .u-pl_85_sp {
    padding-left: 85px !important;
  }
  .u-pl_90_sp {
    padding-left: 90px !important;
  }
  .u-pl_95_sp {
    padding-left: 95px !important;
  }
  .u-pl_100_sp {
    padding-left: 100px !important;
  }
  .u-pl_110_sp {
    padding-left: 110px !important;
  }
  .u-pl_120_sp {
    padding-left: 120px !important;
  }
  .u-pl_130_sp {
    padding-left: 130px !important;
  }
  .u-pl_140_sp {
    padding-left: 140px !important;
  }
  .u-pl_150_sp {
    padding-left: 150px !important;
  }
  .u-pl_160_sp {
    padding-left: 160px !important;
  }
  .u-pl_170_sp {
    padding-left: 170px !important;
  }
  .u-pl_180_sp {
    padding-left: 180px !important;
  }
  .u-pl_pfem_sp {
    padding-left: 0.5em !important;
  }
  .u-pl_1em_sp {
    padding-left: 1em !important;
  }
  .u-pl_1pfem_sp {
    padding-left: 1.5em !important;
  }
  .u-pl_2em_sp {
    padding-left: 2em !important;
  }
  .u-pl_2pfem_sp {
    padding-left: 2.5em !important;
  }
  .u-pl_3em_sp {
    padding-left: 3em !important;
  }
  .u-pl_3pfem_sp {
    padding-left: 3.5em !important;
  }
  .u-pl_4em_sp {
    padding-left: 4em !important;
  }
  .u-pl_4pfem_sp {
    padding-left: 4.5em !important;
  }
  .u-pl_5em_sp {
    padding-left: 5em !important;
  }
}
.u-wdAuto {
  width: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-wdAuto_pc {
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-wdAuto_sp {
    width: auto !important;
  }
}
.u-wd_0px {
  width: 0px !important;
}
.u-wd_10px {
  width: 10px !important;
}
.u-wd_20px {
  width: 20px !important;
}
.u-wd_30px {
  width: 30px !important;
}
.u-wd_40px {
  width: 40px !important;
}
.u-wd_50px {
  width: 50px !important;
}
.u-wd_60px {
  width: 60px !important;
}
.u-wd_70px {
  width: 70px !important;
}
.u-wd_80px {
  width: 80px !important;
}
.u-wd_90px {
  width: 90px !important;
}
.u-wd_100px {
  width: 100px !important;
}
.u-wd_110px {
  width: 110px !important;
}
.u-wd_120px {
  width: 120px !important;
}
.u-wd_130px {
  width: 130px !important;
}
.u-wd_140px {
  width: 140px !important;
}
.u-wd_150px {
  width: 150px !important;
}
.u-wd_160px {
  width: 160px !important;
}
.u-wd_170px {
  width: 170px !important;
}
.u-wd_180px {
  width: 180px !important;
}
.u-wd_190px {
  width: 190px !important;
}
.u-wd_200px {
  width: 200px !important;
}
.u-wd_210px {
  width: 210px !important;
}
.u-wd_220px {
  width: 220px !important;
}
.u-wd_230px {
  width: 230px !important;
}
.u-wd_240px {
  width: 240px !important;
}
.u-wd_250px {
  width: 250px !important;
}
.u-wd_260px {
  width: 260px !important;
}
.u-wd_270px {
  width: 270px !important;
}
.u-wd_280px {
  width: 280px !important;
}
.u-wd_290px {
  width: 290px !important;
}
.u-wd_300px {
  width: 300px !important;
}
.u-wd_310px {
  width: 310px !important;
}
.u-wd_320px {
  width: 320px !important;
}
.u-wd_330px {
  width: 330px !important;
}
.u-wd_340px {
  width: 340px !important;
}
.u-wd_350px {
  width: 350px !important;
}
.u-wd_360px {
  width: 360px !important;
}
.u-wd_370px {
  width: 370px !important;
}
.u-wd_380px {
  width: 380px !important;
}
.u-wd_390px {
  width: 390px !important;
}
.u-wd_400px {
  width: 400px !important;
}
.u-wd_410px {
  width: 410px !important;
}
.u-wd_420px {
  width: 420px !important;
}
.u-wd_430px {
  width: 430px !important;
}
.u-wd_440px {
  width: 440px !important;
}
.u-wd_450px {
  width: 450px !important;
}
.u-wd_460px {
  width: 460px !important;
}
.u-wd_470px {
  width: 470px !important;
}
.u-wd_480px {
  width: 480px !important;
}
.u-wd_490px {
  width: 490px !important;
}
.u-wd_500px {
  width: 500px !important;
}
.u-wd_510px {
  width: 510px !important;
}
.u-wd_520px {
  width: 520px !important;
}
.u-wd_530px {
  width: 530px !important;
}
.u-wd_540px {
  width: 540px !important;
}
.u-wd_550px {
  width: 550px !important;
}
.u-wd_560px {
  width: 560px !important;
}
.u-wd_570px {
  width: 570px !important;
}
.u-wd_580px {
  width: 580px !important;
}
.u-wd_590px {
  width: 590px !important;
}
.u-wd_600px {
  width: 600px !important;
}
.u-wd_610px {
  width: 610px !important;
}
.u-wd_620px {
  width: 620px !important;
}
.u-wd_630px {
  width: 630px !important;
}
.u-wd_640px {
  width: 640px !important;
}
.u-wd_650px {
  width: 650px !important;
}
.u-wd_660px {
  width: 660px !important;
}
.u-wd_670px {
  width: 670px !important;
}
.u-wd_680px {
  width: 680px !important;
}
.u-wd_690px {
  width: 690px !important;
}
.u-wd_700px {
  width: 700px !important;
}
.u-wd_710px {
  width: 710px !important;
}
.u-wd_720px {
  width: 720px !important;
}
.u-wd_730px {
  width: 730px !important;
}
.u-wd_740px {
  width: 740px !important;
}
.u-wd_750px {
  width: 750px !important;
}
.u-wd_760px {
  width: 760px !important;
}
.u-wd_770px {
  width: 770px !important;
}
.u-wd_780px {
  width: 780px !important;
}
.u-wd_790px {
  width: 790px !important;
}
.u-wd_800px {
  width: 800px !important;
}
.u-wd_810px {
  width: 810px !important;
}
.u-wd_820px {
  width: 820px !important;
}
.u-wd_830px {
  width: 830px !important;
}
.u-wd_840px {
  width: 840px !important;
}
.u-wd_850px {
  width: 850px !important;
}
.u-wd_860px {
  width: 860px !important;
}
.u-wd_870px {
  width: 870px !important;
}
.u-wd_880px {
  width: 880px !important;
}
.u-wd_890px {
  width: 890px !important;
}
.u-wd_900px {
  width: 900px !important;
}
.u-wd_910px {
  width: 910px !important;
}
.u-wd_920px {
  width: 920px !important;
}
.u-wd_930px {
  width: 930px !important;
}
.u-wd_940px {
  width: 940px !important;
}
.u-wd_950px {
  width: 950px !important;
}
.u-wd_960px {
  width: 960px !important;
}
.u-wd_970px {
  width: 970px !important;
}
.u-wd_980px {
  width: 980px !important;
}
.u-wd_990px {
  width: 990px !important;
}
.u-wd_1000px {
  width: 1000px !important;
}
.u-wd_5pc {
  width: 5% !important;
}
.u-wd_10pc {
  width: 10% !important;
}
.u-wd_15pc {
  width: 15% !important;
}
.u-wd_20pc {
  width: 20% !important;
}
.u-wd_25pc {
  width: 25% !important;
}
.u-wd_30pc {
  width: 30% !important;
}
.u-wd_35pc {
  width: 35% !important;
}
.u-wd_40pc {
  width: 40% !important;
}
.u-wd_45pc {
  width: 45% !important;
}
.u-wd_50pc {
  width: 50% !important;
}
.u-wd_55pc {
  width: 55% !important;
}
.u-wd_60pc {
  width: 60% !important;
}
.u-wd_65pc {
  width: 65% !important;
}
.u-wd_70pc {
  width: 70% !important;
}
.u-wd_75pc {
  width: 75% !important;
}
.u-wd_80pc {
  width: 80% !important;
}
.u-wd_85pc {
  width: 85% !important;
}
.u-wd_90pc {
  width: 90% !important;
}
.u-wd_95pc {
  width: 95% !important;
}
.u-wd_100pc {
  width: 100% !important;
}
@media screen and (min-width: 768px), print {
  .u-wd_0px_pc {
    width: 0px !important;
  }
  .u-wd_10px_pc {
    width: 10px !important;
  }
  .u-wd_20px_pc {
    width: 20px !important;
  }
  .u-wd_30px_pc {
    width: 30px !important;
  }
  .u-wd_40px_pc {
    width: 40px !important;
  }
  .u-wd_50px_pc {
    width: 50px !important;
  }
  .u-wd_60px_pc {
    width: 60px !important;
  }
  .u-wd_70px_pc {
    width: 70px !important;
  }
  .u-wd_80px_pc {
    width: 80px !important;
  }
  .u-wd_90px_pc {
    width: 90px !important;
  }
  .u-wd_100px_pc {
    width: 100px !important;
  }
  .u-wd_110px_pc {
    width: 110px !important;
  }
  .u-wd_120px_pc {
    width: 120px !important;
  }
  .u-wd_130px_pc {
    width: 130px !important;
  }
  .u-wd_140px_pc {
    width: 140px !important;
  }
  .u-wd_150px_pc {
    width: 150px !important;
  }
  .u-wd_160px_pc {
    width: 160px !important;
  }
  .u-wd_170px_pc {
    width: 170px !important;
  }
  .u-wd_180px_pc {
    width: 180px !important;
  }
  .u-wd_190px_pc {
    width: 190px !important;
  }
  .u-wd_200px_pc {
    width: 200px !important;
  }
  .u-wd_210px_pc {
    width: 210px !important;
  }
  .u-wd_220px_pc {
    width: 220px !important;
  }
  .u-wd_230px_pc {
    width: 230px !important;
  }
  .u-wd_240px_pc {
    width: 240px !important;
  }
  .u-wd_250px_pc {
    width: 250px !important;
  }
  .u-wd_260px_pc {
    width: 260px !important;
  }
  .u-wd_270px_pc {
    width: 270px !important;
  }
  .u-wd_280px_pc {
    width: 280px !important;
  }
  .u-wd_290px_pc {
    width: 290px !important;
  }
  .u-wd_300px_pc {
    width: 300px !important;
  }
  .u-wd_310px_pc {
    width: 310px !important;
  }
  .u-wd_320px_pc {
    width: 320px !important;
  }
  .u-wd_330px_pc {
    width: 330px !important;
  }
  .u-wd_340px_pc {
    width: 340px !important;
  }
  .u-wd_350px_pc {
    width: 350px !important;
  }
  .u-wd_360px_pc {
    width: 360px !important;
  }
  .u-wd_370px_pc {
    width: 370px !important;
  }
  .u-wd_380px_pc {
    width: 380px !important;
  }
  .u-wd_390px_pc {
    width: 390px !important;
  }
  .u-wd_400px_pc {
    width: 400px !important;
  }
  .u-wd_410px_pc {
    width: 410px !important;
  }
  .u-wd_420px_pc {
    width: 420px !important;
  }
  .u-wd_430px_pc {
    width: 430px !important;
  }
  .u-wd_440px_pc {
    width: 440px !important;
  }
  .u-wd_450px_pc {
    width: 450px !important;
  }
  .u-wd_460px_pc {
    width: 460px !important;
  }
  .u-wd_470px_pc {
    width: 470px !important;
  }
  .u-wd_480px_pc {
    width: 480px !important;
  }
  .u-wd_490px_pc {
    width: 490px !important;
  }
  .u-wd_500px_pc {
    width: 500px !important;
  }
  .u-wd_510px_pc {
    width: 510px !important;
  }
  .u-wd_520px_pc {
    width: 520px !important;
  }
  .u-wd_530px_pc {
    width: 530px !important;
  }
  .u-wd_540px_pc {
    width: 540px !important;
  }
  .u-wd_550px_pc {
    width: 550px !important;
  }
  .u-wd_560px_pc {
    width: 560px !important;
  }
  .u-wd_570px_pc {
    width: 570px !important;
  }
  .u-wd_580px_pc {
    width: 580px !important;
  }
  .u-wd_590px_pc {
    width: 590px !important;
  }
  .u-wd_600px_pc {
    width: 600px !important;
  }
  .u-wd_610px_pc {
    width: 610px !important;
  }
  .u-wd_620px_pc {
    width: 620px !important;
  }
  .u-wd_630px_pc {
    width: 630px !important;
  }
  .u-wd_640px_pc {
    width: 640px !important;
  }
  .u-wd_650px_pc {
    width: 650px !important;
  }
  .u-wd_660px_pc {
    width: 660px !important;
  }
  .u-wd_670px_pc {
    width: 670px !important;
  }
  .u-wd_680px_pc {
    width: 680px !important;
  }
  .u-wd_690px_pc {
    width: 690px !important;
  }
  .u-wd_700px_pc {
    width: 700px !important;
  }
  .u-wd_710px_pc {
    width: 710px !important;
  }
  .u-wd_720px_pc {
    width: 720px !important;
  }
  .u-wd_730px_pc {
    width: 730px !important;
  }
  .u-wd_740px_pc {
    width: 740px !important;
  }
  .u-wd_750px_pc {
    width: 750px !important;
  }
  .u-wd_760px_pc {
    width: 760px !important;
  }
  .u-wd_770px_pc {
    width: 770px !important;
  }
  .u-wd_780px_pc {
    width: 780px !important;
  }
  .u-wd_790px_pc {
    width: 790px !important;
  }
  .u-wd_800px_pc {
    width: 800px !important;
  }
  .u-wd_810px_pc {
    width: 810px !important;
  }
  .u-wd_820px_pc {
    width: 820px !important;
  }
  .u-wd_830px_pc {
    width: 830px !important;
  }
  .u-wd_840px_pc {
    width: 840px !important;
  }
  .u-wd_850px_pc {
    width: 850px !important;
  }
  .u-wd_860px_pc {
    width: 860px !important;
  }
  .u-wd_870px_pc {
    width: 870px !important;
  }
  .u-wd_880px_pc {
    width: 880px !important;
  }
  .u-wd_890px_pc {
    width: 890px !important;
  }
  .u-wd_900px_pc {
    width: 900px !important;
  }
  .u-wd_910px_pc {
    width: 910px !important;
  }
  .u-wd_920px_pc {
    width: 920px !important;
  }
  .u-wd_930px_pc {
    width: 930px !important;
  }
  .u-wd_940px_pc {
    width: 940px !important;
  }
  .u-wd_950px_pc {
    width: 950px !important;
  }
  .u-wd_960px_pc {
    width: 960px !important;
  }
  .u-wd_970px_pc {
    width: 970px !important;
  }
  .u-wd_980px_pc {
    width: 980px !important;
  }
  .u-wd_990px_pc {
    width: 990px !important;
  }
  .u-wd_1000px_pc {
    width: 1000px !important;
  }
  .u-wd_5pc_pc {
    width: 5% !important;
  }
  .u-wd_10pc_pc {
    width: 10% !important;
  }
  .u-wd_15pc_pc {
    width: 15% !important;
  }
  .u-wd_20pc_pc {
    width: 20% !important;
  }
  .u-wd_25pc_pc {
    width: 25% !important;
  }
  .u-wd_30pc_pc {
    width: 30% !important;
  }
  .u-wd_35pc_pc {
    width: 35% !important;
  }
  .u-wd_40pc_pc {
    width: 40% !important;
  }
  .u-wd_45pc_pc {
    width: 45% !important;
  }
  .u-wd_50pc_pc {
    width: 50% !important;
  }
  .u-wd_55pc_pc {
    width: 55% !important;
  }
  .u-wd_60pc_pc {
    width: 60% !important;
  }
  .u-wd_65pc_pc {
    width: 65% !important;
  }
  .u-wd_70pc_pc {
    width: 70% !important;
  }
  .u-wd_75pc_pc {
    width: 75% !important;
  }
  .u-wd_80pc_pc {
    width: 80% !important;
  }
  .u-wd_85pc_pc {
    width: 85% !important;
  }
  .u-wd_90pc_pc {
    width: 90% !important;
  }
  .u-wd_95pc_pc {
    width: 95% !important;
  }
  .u-wd_100pc_pc {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .u-wd_0px_sp {
    width: 0px !important;
  }
  .u-wd_10px_sp {
    width: 10px !important;
  }
  .u-wd_20px_sp {
    width: 20px !important;
  }
  .u-wd_30px_sp {
    width: 30px !important;
  }
  .u-wd_40px_sp {
    width: 40px !important;
  }
  .u-wd_50px_sp {
    width: 50px !important;
  }
  .u-wd_60px_sp {
    width: 60px !important;
  }
  .u-wd_70px_sp {
    width: 70px !important;
  }
  .u-wd_80px_sp {
    width: 80px !important;
  }
  .u-wd_90px_sp {
    width: 90px !important;
  }
  .u-wd_100px_sp {
    width: 100px !important;
  }
  .u-wd_110px_sp {
    width: 110px !important;
  }
  .u-wd_120px_sp {
    width: 120px !important;
  }
  .u-wd_130px_sp {
    width: 130px !important;
  }
  .u-wd_140px_sp {
    width: 140px !important;
  }
  .u-wd_150px_sp {
    width: 150px !important;
  }
  .u-wd_160px_sp {
    width: 160px !important;
  }
  .u-wd_170px_sp {
    width: 170px !important;
  }
  .u-wd_180px_sp {
    width: 180px !important;
  }
  .u-wd_190px_sp {
    width: 190px !important;
  }
  .u-wd_200px_sp {
    width: 200px !important;
  }
  .u-wd_210px_sp {
    width: 210px !important;
  }
  .u-wd_220px_sp {
    width: 220px !important;
  }
  .u-wd_230px_sp {
    width: 230px !important;
  }
  .u-wd_240px_sp {
    width: 240px !important;
  }
  .u-wd_250px_sp {
    width: 250px !important;
  }
  .u-wd_260px_sp {
    width: 260px !important;
  }
  .u-wd_270px_sp {
    width: 270px !important;
  }
  .u-wd_280px_sp {
    width: 280px !important;
  }
  .u-wd_290px_sp {
    width: 290px !important;
  }
  .u-wd_300px_sp {
    width: 300px !important;
  }
  .u-wd_310px_sp {
    width: 310px !important;
  }
  .u-wd_320px_sp {
    width: 320px !important;
  }
  .u-wd_330px_sp {
    width: 330px !important;
  }
  .u-wd_340px_sp {
    width: 340px !important;
  }
  .u-wd_350px_sp {
    width: 350px !important;
  }
  .u-wd_360px_sp {
    width: 360px !important;
  }
  .u-wd_370px_sp {
    width: 370px !important;
  }
  .u-wd_380px_sp {
    width: 380px !important;
  }
  .u-wd_390px_sp {
    width: 390px !important;
  }
  .u-wd_400px_sp {
    width: 400px !important;
  }
  .u-wd_410px_sp {
    width: 410px !important;
  }
  .u-wd_420px_sp {
    width: 420px !important;
  }
  .u-wd_430px_sp {
    width: 430px !important;
  }
  .u-wd_440px_sp {
    width: 440px !important;
  }
  .u-wd_450px_sp {
    width: 450px !important;
  }
  .u-wd_460px_sp {
    width: 460px !important;
  }
  .u-wd_470px_sp {
    width: 470px !important;
  }
  .u-wd_480px_sp {
    width: 480px !important;
  }
  .u-wd_490px_sp {
    width: 490px !important;
  }
  .u-wd_500px_sp {
    width: 500px !important;
  }
  .u-wd_510px_sp {
    width: 510px !important;
  }
  .u-wd_520px_sp {
    width: 520px !important;
  }
  .u-wd_530px_sp {
    width: 530px !important;
  }
  .u-wd_540px_sp {
    width: 540px !important;
  }
  .u-wd_550px_sp {
    width: 550px !important;
  }
  .u-wd_560px_sp {
    width: 560px !important;
  }
  .u-wd_570px_sp {
    width: 570px !important;
  }
  .u-wd_580px_sp {
    width: 580px !important;
  }
  .u-wd_590px_sp {
    width: 590px !important;
  }
  .u-wd_600px_sp {
    width: 600px !important;
  }
  .u-wd_610px_sp {
    width: 610px !important;
  }
  .u-wd_620px_sp {
    width: 620px !important;
  }
  .u-wd_630px_sp {
    width: 630px !important;
  }
  .u-wd_640px_sp {
    width: 640px !important;
  }
  .u-wd_650px_sp {
    width: 650px !important;
  }
  .u-wd_660px_sp {
    width: 660px !important;
  }
  .u-wd_670px_sp {
    width: 670px !important;
  }
  .u-wd_680px_sp {
    width: 680px !important;
  }
  .u-wd_690px_sp {
    width: 690px !important;
  }
  .u-wd_700px_sp {
    width: 700px !important;
  }
  .u-wd_710px_sp {
    width: 710px !important;
  }
  .u-wd_720px_sp {
    width: 720px !important;
  }
  .u-wd_730px_sp {
    width: 730px !important;
  }
  .u-wd_740px_sp {
    width: 740px !important;
  }
  .u-wd_750px_sp {
    width: 750px !important;
  }
  .u-wd_760px_sp {
    width: 760px !important;
  }
  .u-wd_770px_sp {
    width: 770px !important;
  }
  .u-wd_780px_sp {
    width: 780px !important;
  }
  .u-wd_790px_sp {
    width: 790px !important;
  }
  .u-wd_800px_sp {
    width: 800px !important;
  }
  .u-wd_810px_sp {
    width: 810px !important;
  }
  .u-wd_820px_sp {
    width: 820px !important;
  }
  .u-wd_830px_sp {
    width: 830px !important;
  }
  .u-wd_840px_sp {
    width: 840px !important;
  }
  .u-wd_850px_sp {
    width: 850px !important;
  }
  .u-wd_860px_sp {
    width: 860px !important;
  }
  .u-wd_870px_sp {
    width: 870px !important;
  }
  .u-wd_880px_sp {
    width: 880px !important;
  }
  .u-wd_890px_sp {
    width: 890px !important;
  }
  .u-wd_900px_sp {
    width: 900px !important;
  }
  .u-wd_910px_sp {
    width: 910px !important;
  }
  .u-wd_920px_sp {
    width: 920px !important;
  }
  .u-wd_930px_sp {
    width: 930px !important;
  }
  .u-wd_940px_sp {
    width: 940px !important;
  }
  .u-wd_950px_sp {
    width: 950px !important;
  }
  .u-wd_960px_sp {
    width: 960px !important;
  }
  .u-wd_970px_sp {
    width: 970px !important;
  }
  .u-wd_980px_sp {
    width: 980px !important;
  }
  .u-wd_990px_sp {
    width: 990px !important;
  }
  .u-wd_1000px_sp {
    width: 1000px !important;
  }
  .u-wd_5pc_sp {
    width: 5% !important;
  }
  .u-wd_10pc_sp {
    width: 10% !important;
  }
  .u-wd_15pc_sp {
    width: 15% !important;
  }
  .u-wd_20pc_sp {
    width: 20% !important;
  }
  .u-wd_25pc_sp {
    width: 25% !important;
  }
  .u-wd_30pc_sp {
    width: 30% !important;
  }
  .u-wd_35pc_sp {
    width: 35% !important;
  }
  .u-wd_40pc_sp {
    width: 40% !important;
  }
  .u-wd_45pc_sp {
    width: 45% !important;
  }
  .u-wd_50pc_sp {
    width: 50% !important;
  }
  .u-wd_55pc_sp {
    width: 55% !important;
  }
  .u-wd_60pc_sp {
    width: 60% !important;
  }
  .u-wd_65pc_sp {
    width: 65% !important;
  }
  .u-wd_70pc_sp {
    width: 70% !important;
  }
  .u-wd_75pc_sp {
    width: 75% !important;
  }
  .u-wd_80pc_sp {
    width: 80% !important;
  }
  .u-wd_85pc_sp {
    width: 85% !important;
  }
  .u-wd_90pc_sp {
    width: 90% !important;
  }
  .u-wd_95pc_sp {
    width: 95% !important;
  }
  .u-wd_100pc_sp {
    width: 100% !important;
  }
}
.u-minWd_0 {
  min-width: 0 !important;
}
.u-maxWd_none {
  max-width: none !important;
}
.u-htAuto {
  height: auto !important;
}
@media screen and (min-width: 768px), print {
  .u-htAuto_pc {
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-htAuto_sp {
    height: auto !important;
  }
}
.u-ht_0px {
  height: 0px !important;
}
.u-ht_10px {
  height: 10px !important;
}
.u-ht_20px {
  height: 20px !important;
}
.u-ht_30px {
  height: 30px !important;
}
.u-ht_40px {
  height: 40px !important;
}
.u-ht_50px {
  height: 50px !important;
}
.u-ht_60px {
  height: 60px !important;
}
.u-ht_70px {
  height: 70px !important;
}
.u-ht_80px {
  height: 80px !important;
}
.u-ht_90px {
  height: 90px !important;
}
.u-ht_100px {
  height: 100px !important;
}
.u-ht_110px {
  height: 110px !important;
}
.u-ht_120px {
  height: 120px !important;
}
.u-ht_130px {
  height: 130px !important;
}
.u-ht_140px {
  height: 140px !important;
}
.u-ht_150px {
  height: 150px !important;
}
.u-ht_160px {
  height: 160px !important;
}
.u-ht_170px {
  height: 170px !important;
}
.u-ht_180px {
  height: 180px !important;
}
.u-ht_190px {
  height: 190px !important;
}
.u-ht_200px {
  height: 200px !important;
}
.u-ht_210px {
  height: 210px !important;
}
.u-ht_220px {
  height: 220px !important;
}
.u-ht_230px {
  height: 230px !important;
}
.u-ht_240px {
  height: 240px !important;
}
.u-ht_250px {
  height: 250px !important;
}
.u-ht_260px {
  height: 260px !important;
}
.u-ht_270px {
  height: 270px !important;
}
.u-ht_280px {
  height: 280px !important;
}
.u-ht_290px {
  height: 290px !important;
}
.u-ht_300px {
  height: 300px !important;
}
.u-ht_310px {
  height: 310px !important;
}
.u-ht_320px {
  height: 320px !important;
}
.u-ht_330px {
  height: 330px !important;
}
.u-ht_340px {
  height: 340px !important;
}
.u-ht_350px {
  height: 350px !important;
}
.u-ht_360px {
  height: 360px !important;
}
.u-ht_370px {
  height: 370px !important;
}
.u-ht_380px {
  height: 380px !important;
}
.u-ht_390px {
  height: 390px !important;
}
.u-ht_400px {
  height: 400px !important;
}
.u-ht_410px {
  height: 410px !important;
}
.u-ht_420px {
  height: 420px !important;
}
.u-ht_430px {
  height: 430px !important;
}
.u-ht_440px {
  height: 440px !important;
}
.u-ht_450px {
  height: 450px !important;
}
.u-ht_460px {
  height: 460px !important;
}
.u-ht_470px {
  height: 470px !important;
}
.u-ht_480px {
  height: 480px !important;
}
.u-ht_490px {
  height: 490px !important;
}
.u-ht_500px {
  height: 500px !important;
}
.u-ht_510px {
  height: 510px !important;
}
.u-ht_520px {
  height: 520px !important;
}
.u-ht_530px {
  height: 530px !important;
}
.u-ht_540px {
  height: 540px !important;
}
.u-ht_550px {
  height: 550px !important;
}
.u-ht_560px {
  height: 560px !important;
}
.u-ht_570px {
  height: 570px !important;
}
.u-ht_580px {
  height: 580px !important;
}
.u-ht_590px {
  height: 590px !important;
}
.u-ht_600px {
  height: 600px !important;
}
.u-ht_610px {
  height: 610px !important;
}
.u-ht_620px {
  height: 620px !important;
}
.u-ht_630px {
  height: 630px !important;
}
.u-ht_640px {
  height: 640px !important;
}
.u-ht_650px {
  height: 650px !important;
}
.u-ht_660px {
  height: 660px !important;
}
.u-ht_670px {
  height: 670px !important;
}
.u-ht_680px {
  height: 680px !important;
}
.u-ht_690px {
  height: 690px !important;
}
.u-ht_700px {
  height: 700px !important;
}
.u-ht_710px {
  height: 710px !important;
}
.u-ht_720px {
  height: 720px !important;
}
.u-ht_730px {
  height: 730px !important;
}
.u-ht_740px {
  height: 740px !important;
}
.u-ht_750px {
  height: 750px !important;
}
.u-ht_760px {
  height: 760px !important;
}
.u-ht_770px {
  height: 770px !important;
}
.u-ht_780px {
  height: 780px !important;
}
.u-ht_790px {
  height: 790px !important;
}
.u-ht_800px {
  height: 800px !important;
}
.u-ht_810px {
  height: 810px !important;
}
.u-ht_820px {
  height: 820px !important;
}
.u-ht_830px {
  height: 830px !important;
}
.u-ht_840px {
  height: 840px !important;
}
.u-ht_850px {
  height: 850px !important;
}
.u-ht_860px {
  height: 860px !important;
}
.u-ht_870px {
  height: 870px !important;
}
.u-ht_880px {
  height: 880px !important;
}
.u-ht_890px {
  height: 890px !important;
}
.u-ht_900px {
  height: 900px !important;
}
.u-ht_910px {
  height: 910px !important;
}
.u-ht_920px {
  height: 920px !important;
}
.u-ht_930px {
  height: 930px !important;
}
.u-ht_940px {
  height: 940px !important;
}
.u-ht_950px {
  height: 950px !important;
}
.u-ht_960px {
  height: 960px !important;
}
.u-ht_970px {
  height: 970px !important;
}
.u-ht_980px {
  height: 980px !important;
}
.u-ht_990px {
  height: 990px !important;
}
.u-ht_1000px {
  height: 1000px !important;
}
.u-ht_5pc {
  height: 5% !important;
}
.u-ht_10pc {
  height: 10% !important;
}
.u-ht_15pc {
  height: 15% !important;
}
.u-ht_20pc {
  height: 20% !important;
}
.u-ht_25pc {
  height: 25% !important;
}
.u-ht_30pc {
  height: 30% !important;
}
.u-ht_35pc {
  height: 35% !important;
}
.u-ht_40pc {
  height: 40% !important;
}
.u-ht_45pc {
  height: 45% !important;
}
.u-ht_50pc {
  height: 50% !important;
}
.u-ht_55pc {
  height: 55% !important;
}
.u-ht_60pc {
  height: 60% !important;
}
.u-ht_65pc {
  height: 65% !important;
}
.u-ht_70pc {
  height: 70% !important;
}
.u-ht_75pc {
  height: 75% !important;
}
.u-ht_80pc {
  height: 80% !important;
}
.u-ht_85pc {
  height: 85% !important;
}
.u-ht_90pc {
  height: 90% !important;
}
.u-ht_95pc {
  height: 95% !important;
}
.u-ht_100pc {
  height: 100% !important;
}
@media screen and (min-width: 768px), print {
  .u-ht_0px_pc {
    height: 0px !important;
  }
  .u-ht_10px_pc {
    height: 10px !important;
  }
  .u-ht_20px_pc {
    height: 20px !important;
  }
  .u-ht_30px_pc {
    height: 30px !important;
  }
  .u-ht_40px_pc {
    height: 40px !important;
  }
  .u-ht_50px_pc {
    height: 50px !important;
  }
  .u-ht_60px_pc {
    height: 60px !important;
  }
  .u-ht_70px_pc {
    height: 70px !important;
  }
  .u-ht_80px_pc {
    height: 80px !important;
  }
  .u-ht_90px_pc {
    height: 90px !important;
  }
  .u-ht_100px_pc {
    height: 100px !important;
  }
  .u-ht_110px_pc {
    height: 110px !important;
  }
  .u-ht_120px_pc {
    height: 120px !important;
  }
  .u-ht_130px_pc {
    height: 130px !important;
  }
  .u-ht_140px_pc {
    height: 140px !important;
  }
  .u-ht_150px_pc {
    height: 150px !important;
  }
  .u-ht_160px_pc {
    height: 160px !important;
  }
  .u-ht_170px_pc {
    height: 170px !important;
  }
  .u-ht_180px_pc {
    height: 180px !important;
  }
  .u-ht_190px_pc {
    height: 190px !important;
  }
  .u-ht_200px_pc {
    height: 200px !important;
  }
  .u-ht_210px_pc {
    height: 210px !important;
  }
  .u-ht_220px_pc {
    height: 220px !important;
  }
  .u-ht_230px_pc {
    height: 230px !important;
  }
  .u-ht_240px_pc {
    height: 240px !important;
  }
  .u-ht_250px_pc {
    height: 250px !important;
  }
  .u-ht_260px_pc {
    height: 260px !important;
  }
  .u-ht_270px_pc {
    height: 270px !important;
  }
  .u-ht_280px_pc {
    height: 280px !important;
  }
  .u-ht_290px_pc {
    height: 290px !important;
  }
  .u-ht_300px_pc {
    height: 300px !important;
  }
  .u-ht_310px_pc {
    height: 310px !important;
  }
  .u-ht_320px_pc {
    height: 320px !important;
  }
  .u-ht_330px_pc {
    height: 330px !important;
  }
  .u-ht_340px_pc {
    height: 340px !important;
  }
  .u-ht_350px_pc {
    height: 350px !important;
  }
  .u-ht_360px_pc {
    height: 360px !important;
  }
  .u-ht_370px_pc {
    height: 370px !important;
  }
  .u-ht_380px_pc {
    height: 380px !important;
  }
  .u-ht_390px_pc {
    height: 390px !important;
  }
  .u-ht_400px_pc {
    height: 400px !important;
  }
  .u-ht_410px_pc {
    height: 410px !important;
  }
  .u-ht_420px_pc {
    height: 420px !important;
  }
  .u-ht_430px_pc {
    height: 430px !important;
  }
  .u-ht_440px_pc {
    height: 440px !important;
  }
  .u-ht_450px_pc {
    height: 450px !important;
  }
  .u-ht_460px_pc {
    height: 460px !important;
  }
  .u-ht_470px_pc {
    height: 470px !important;
  }
  .u-ht_480px_pc {
    height: 480px !important;
  }
  .u-ht_490px_pc {
    height: 490px !important;
  }
  .u-ht_500px_pc {
    height: 500px !important;
  }
  .u-ht_510px_pc {
    height: 510px !important;
  }
  .u-ht_520px_pc {
    height: 520px !important;
  }
  .u-ht_530px_pc {
    height: 530px !important;
  }
  .u-ht_540px_pc {
    height: 540px !important;
  }
  .u-ht_550px_pc {
    height: 550px !important;
  }
  .u-ht_560px_pc {
    height: 560px !important;
  }
  .u-ht_570px_pc {
    height: 570px !important;
  }
  .u-ht_580px_pc {
    height: 580px !important;
  }
  .u-ht_590px_pc {
    height: 590px !important;
  }
  .u-ht_600px_pc {
    height: 600px !important;
  }
  .u-ht_610px_pc {
    height: 610px !important;
  }
  .u-ht_620px_pc {
    height: 620px !important;
  }
  .u-ht_630px_pc {
    height: 630px !important;
  }
  .u-ht_640px_pc {
    height: 640px !important;
  }
  .u-ht_650px_pc {
    height: 650px !important;
  }
  .u-ht_660px_pc {
    height: 660px !important;
  }
  .u-ht_670px_pc {
    height: 670px !important;
  }
  .u-ht_680px_pc {
    height: 680px !important;
  }
  .u-ht_690px_pc {
    height: 690px !important;
  }
  .u-ht_700px_pc {
    height: 700px !important;
  }
  .u-ht_710px_pc {
    height: 710px !important;
  }
  .u-ht_720px_pc {
    height: 720px !important;
  }
  .u-ht_730px_pc {
    height: 730px !important;
  }
  .u-ht_740px_pc {
    height: 740px !important;
  }
  .u-ht_750px_pc {
    height: 750px !important;
  }
  .u-ht_760px_pc {
    height: 760px !important;
  }
  .u-ht_770px_pc {
    height: 770px !important;
  }
  .u-ht_780px_pc {
    height: 780px !important;
  }
  .u-ht_790px_pc {
    height: 790px !important;
  }
  .u-ht_800px_pc {
    height: 800px !important;
  }
  .u-ht_810px_pc {
    height: 810px !important;
  }
  .u-ht_820px_pc {
    height: 820px !important;
  }
  .u-ht_830px_pc {
    height: 830px !important;
  }
  .u-ht_840px_pc {
    height: 840px !important;
  }
  .u-ht_850px_pc {
    height: 850px !important;
  }
  .u-ht_860px_pc {
    height: 860px !important;
  }
  .u-ht_870px_pc {
    height: 870px !important;
  }
  .u-ht_880px_pc {
    height: 880px !important;
  }
  .u-ht_890px_pc {
    height: 890px !important;
  }
  .u-ht_900px_pc {
    height: 900px !important;
  }
  .u-ht_910px_pc {
    height: 910px !important;
  }
  .u-ht_920px_pc {
    height: 920px !important;
  }
  .u-ht_930px_pc {
    height: 930px !important;
  }
  .u-ht_940px_pc {
    height: 940px !important;
  }
  .u-ht_950px_pc {
    height: 950px !important;
  }
  .u-ht_960px_pc {
    height: 960px !important;
  }
  .u-ht_970px_pc {
    height: 970px !important;
  }
  .u-ht_980px_pc {
    height: 980px !important;
  }
  .u-ht_990px_pc {
    height: 990px !important;
  }
  .u-ht_1000px_pc {
    height: 1000px !important;
  }
  .u-ht_5pc_pc {
    height: 5% !important;
  }
  .u-ht_10pc_pc {
    height: 10% !important;
  }
  .u-ht_15pc_pc {
    height: 15% !important;
  }
  .u-ht_20pc_pc {
    height: 20% !important;
  }
  .u-ht_25pc_pc {
    height: 25% !important;
  }
  .u-ht_30pc_pc {
    height: 30% !important;
  }
  .u-ht_35pc_pc {
    height: 35% !important;
  }
  .u-ht_40pc_pc {
    height: 40% !important;
  }
  .u-ht_45pc_pc {
    height: 45% !important;
  }
  .u-ht_50pc_pc {
    height: 50% !important;
  }
  .u-ht_55pc_pc {
    height: 55% !important;
  }
  .u-ht_60pc_pc {
    height: 60% !important;
  }
  .u-ht_65pc_pc {
    height: 65% !important;
  }
  .u-ht_70pc_pc {
    height: 70% !important;
  }
  .u-ht_75pc_pc {
    height: 75% !important;
  }
  .u-ht_80pc_pc {
    height: 80% !important;
  }
  .u-ht_85pc_pc {
    height: 85% !important;
  }
  .u-ht_90pc_pc {
    height: 90% !important;
  }
  .u-ht_95pc_pc {
    height: 95% !important;
  }
  .u-ht_100pc_pc {
    height: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .u-ht_0px_sp {
    height: 0px !important;
  }
  .u-ht_10px_sp {
    height: 10px !important;
  }
  .u-ht_20px_sp {
    height: 20px !important;
  }
  .u-ht_30px_sp {
    height: 30px !important;
  }
  .u-ht_40px_sp {
    height: 40px !important;
  }
  .u-ht_50px_sp {
    height: 50px !important;
  }
  .u-ht_60px_sp {
    height: 60px !important;
  }
  .u-ht_70px_sp {
    height: 70px !important;
  }
  .u-ht_80px_sp {
    height: 80px !important;
  }
  .u-ht_90px_sp {
    height: 90px !important;
  }
  .u-ht_100px_sp {
    height: 100px !important;
  }
  .u-ht_110px_sp {
    height: 110px !important;
  }
  .u-ht_120px_sp {
    height: 120px !important;
  }
  .u-ht_130px_sp {
    height: 130px !important;
  }
  .u-ht_140px_sp {
    height: 140px !important;
  }
  .u-ht_150px_sp {
    height: 150px !important;
  }
  .u-ht_160px_sp {
    height: 160px !important;
  }
  .u-ht_170px_sp {
    height: 170px !important;
  }
  .u-ht_180px_sp {
    height: 180px !important;
  }
  .u-ht_190px_sp {
    height: 190px !important;
  }
  .u-ht_200px_sp {
    height: 200px !important;
  }
  .u-ht_210px_sp {
    height: 210px !important;
  }
  .u-ht_220px_sp {
    height: 220px !important;
  }
  .u-ht_230px_sp {
    height: 230px !important;
  }
  .u-ht_240px_sp {
    height: 240px !important;
  }
  .u-ht_250px_sp {
    height: 250px !important;
  }
  .u-ht_260px_sp {
    height: 260px !important;
  }
  .u-ht_270px_sp {
    height: 270px !important;
  }
  .u-ht_280px_sp {
    height: 280px !important;
  }
  .u-ht_290px_sp {
    height: 290px !important;
  }
  .u-ht_300px_sp {
    height: 300px !important;
  }
  .u-ht_310px_sp {
    height: 310px !important;
  }
  .u-ht_320px_sp {
    height: 320px !important;
  }
  .u-ht_330px_sp {
    height: 330px !important;
  }
  .u-ht_340px_sp {
    height: 340px !important;
  }
  .u-ht_350px_sp {
    height: 350px !important;
  }
  .u-ht_360px_sp {
    height: 360px !important;
  }
  .u-ht_370px_sp {
    height: 370px !important;
  }
  .u-ht_380px_sp {
    height: 380px !important;
  }
  .u-ht_390px_sp {
    height: 390px !important;
  }
  .u-ht_400px_sp {
    height: 400px !important;
  }
  .u-ht_410px_sp {
    height: 410px !important;
  }
  .u-ht_420px_sp {
    height: 420px !important;
  }
  .u-ht_430px_sp {
    height: 430px !important;
  }
  .u-ht_440px_sp {
    height: 440px !important;
  }
  .u-ht_450px_sp {
    height: 450px !important;
  }
  .u-ht_460px_sp {
    height: 460px !important;
  }
  .u-ht_470px_sp {
    height: 470px !important;
  }
  .u-ht_480px_sp {
    height: 480px !important;
  }
  .u-ht_490px_sp {
    height: 490px !important;
  }
  .u-ht_500px_sp {
    height: 500px !important;
  }
  .u-ht_510px_sp {
    height: 510px !important;
  }
  .u-ht_520px_sp {
    height: 520px !important;
  }
  .u-ht_530px_sp {
    height: 530px !important;
  }
  .u-ht_540px_sp {
    height: 540px !important;
  }
  .u-ht_550px_sp {
    height: 550px !important;
  }
  .u-ht_560px_sp {
    height: 560px !important;
  }
  .u-ht_570px_sp {
    height: 570px !important;
  }
  .u-ht_580px_sp {
    height: 580px !important;
  }
  .u-ht_590px_sp {
    height: 590px !important;
  }
  .u-ht_600px_sp {
    height: 600px !important;
  }
  .u-ht_610px_sp {
    height: 610px !important;
  }
  .u-ht_620px_sp {
    height: 620px !important;
  }
  .u-ht_630px_sp {
    height: 630px !important;
  }
  .u-ht_640px_sp {
    height: 640px !important;
  }
  .u-ht_650px_sp {
    height: 650px !important;
  }
  .u-ht_660px_sp {
    height: 660px !important;
  }
  .u-ht_670px_sp {
    height: 670px !important;
  }
  .u-ht_680px_sp {
    height: 680px !important;
  }
  .u-ht_690px_sp {
    height: 690px !important;
  }
  .u-ht_700px_sp {
    height: 700px !important;
  }
  .u-ht_710px_sp {
    height: 710px !important;
  }
  .u-ht_720px_sp {
    height: 720px !important;
  }
  .u-ht_730px_sp {
    height: 730px !important;
  }
  .u-ht_740px_sp {
    height: 740px !important;
  }
  .u-ht_750px_sp {
    height: 750px !important;
  }
  .u-ht_760px_sp {
    height: 760px !important;
  }
  .u-ht_770px_sp {
    height: 770px !important;
  }
  .u-ht_780px_sp {
    height: 780px !important;
  }
  .u-ht_790px_sp {
    height: 790px !important;
  }
  .u-ht_800px_sp {
    height: 800px !important;
  }
  .u-ht_810px_sp {
    height: 810px !important;
  }
  .u-ht_820px_sp {
    height: 820px !important;
  }
  .u-ht_830px_sp {
    height: 830px !important;
  }
  .u-ht_840px_sp {
    height: 840px !important;
  }
  .u-ht_850px_sp {
    height: 850px !important;
  }
  .u-ht_860px_sp {
    height: 860px !important;
  }
  .u-ht_870px_sp {
    height: 870px !important;
  }
  .u-ht_880px_sp {
    height: 880px !important;
  }
  .u-ht_890px_sp {
    height: 890px !important;
  }
  .u-ht_900px_sp {
    height: 900px !important;
  }
  .u-ht_910px_sp {
    height: 910px !important;
  }
  .u-ht_920px_sp {
    height: 920px !important;
  }
  .u-ht_930px_sp {
    height: 930px !important;
  }
  .u-ht_940px_sp {
    height: 940px !important;
  }
  .u-ht_950px_sp {
    height: 950px !important;
  }
  .u-ht_960px_sp {
    height: 960px !important;
  }
  .u-ht_970px_sp {
    height: 970px !important;
  }
  .u-ht_980px_sp {
    height: 980px !important;
  }
  .u-ht_990px_sp {
    height: 990px !important;
  }
  .u-ht_1000px_sp {
    height: 1000px !important;
  }
  .u-ht_5pc_sp {
    height: 5% !important;
  }
  .u-ht_10pc_sp {
    height: 10% !important;
  }
  .u-ht_15pc_sp {
    height: 15% !important;
  }
  .u-ht_20pc_sp {
    height: 20% !important;
  }
  .u-ht_25pc_sp {
    height: 25% !important;
  }
  .u-ht_30pc_sp {
    height: 30% !important;
  }
  .u-ht_35pc_sp {
    height: 35% !important;
  }
  .u-ht_40pc_sp {
    height: 40% !important;
  }
  .u-ht_45pc_sp {
    height: 45% !important;
  }
  .u-ht_50pc_sp {
    height: 50% !important;
  }
  .u-ht_55pc_sp {
    height: 55% !important;
  }
  .u-ht_60pc_sp {
    height: 60% !important;
  }
  .u-ht_65pc_sp {
    height: 65% !important;
  }
  .u-ht_70pc_sp {
    height: 70% !important;
  }
  .u-ht_75pc_sp {
    height: 75% !important;
  }
  .u-ht_80pc_sp {
    height: 80% !important;
  }
  .u-ht_85pc_sp {
    height: 85% !important;
  }
  .u-ht_90pc_sp {
    height: 90% !important;
  }
  .u-ht_95pc_sp {
    height: 95% !important;
  }
  .u-ht_100pc_sp {
    height: 100% !important;
  }
}
.u-minHt_0 {
  min-height: 0 !important;
}
.u-maxHt_none {
  max-height: none !important;
}
.u-hover_op {
  transition: var(--trans-min02);
}
.u-hover_op:hover {
  opacity: 0.7;
}
.u-hover_u {
  transition: var(--trans-min02);
  text-underline-offset: 3px;
  text-decoration: underline;
}
.u-hover_u:hover {
  text-decoration-color: transparent;
}
.u-of_hide {
  overflow: hidden !important;
}
.u-of_vis {
  overflow: visible !important;
}

/* アクセシビリティ: 画面には非表示だがスクリーンリーダーには読み上げる */
.u-visuallyhidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* /_u.css
-----------------------------------------------------------------*/
:root {
  interpolate-size: allow-keywords; /* サイズキーワードによるアニメーションを許可 */
}

::-webkit-full-page-media, :future, :root {
  line-break: strict;
  overflow-wrap: anywhere;
}

html {
  width: 100%;
  font-size: 62.5%;
  background-color: #fff;
}

body {
  margin: 0 auto;
  min-width: 0;
  position: relative;
  font-weight: 500;
  font-size: 1.5rem;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  color: var(--color-txt);
  font-family: var(--font-base);
}
body:not(#top)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  z-index: -1;
  background: linear-gradient(180deg, rgb(201, 237, 255) 0%, rgba(226, 244, 255, 0.9) 40%, rgba(243, 250, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 768px), print {
  body {
    min-width: 1260px;
    font-size: 1.6rem;
  }
  body:not(#top)::before {
    height: 530px;
  }
}
@media print {
  body {
    zoom: 0.8;
  }
}

main {
  display: block;
  overflow-x: clip;
}

hr {
  border: none;
  width: 100%;
  height: 1px;
  background: var(--color-grayC);
}

@media screen and (min-width: 768px), print {
  .js-telLink {
    display: contents !important;
    color: inherit !important;
  }
}

/* _base.scss
-------------------------------------------------------*/
.icon {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  margin: 0 5px;
  vertical-align: -2px;
}
.icon::before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  background-color: var(--color-bk);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.icon--blank::before {
  background: var(--color-main);
  mask-image: url("/assets/images/icon/blank.svg");
}
.icon--pdf::before {
  background-color: transparent;
  background-image: url("/assets/images/icon/pdf.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.icon--arrow-r::before {
  mask-image: url("/assets/images/icon/arrow_r.svg");
}
.icon--arrow-b::before {
  mask-image: url("/assets/images/icon/arrow_b.svg");
}
.icon--arrow-t::before {
  mask-image: url("/assets/images/icon/arrow_t.svg");
}
.icon--arrow-l::before {
  mask-image: url("/assets/images/icon/arrow_l.svg");
}
.icon--tel::before {
  mask-image: url("/assets/images/icon/phone.svg");
}
.icon--check::before {
  mask-image: url("/assets/images/icon/check.svg");
}
.icon--warning::before {
  mask-image: url("/assets/images/icon/warning.svg");
  background-color: var(--color-red);
}
.icon--download::before {
  mask-image: url("/assets/images/icon/download.svg");
}
.icon--search::before {
  mask-image: url("/assets/images/icon/search.svg");
}
.icon--minus::before {
  mask-image: url("/assets/images/icon/minus.svg");
}
.icon--plus::before {
  mask-image: url("/assets/images/icon/plus.svg");
}
.icon--lock::before {
  mask-image: url("/assets/images/icon/lock.svg");
}
.icon--mail::before {
  mask-image: url("/assets/images/icon/mail.svg");
}
.icon--person::before {
  mask-image: url("/assets/images/icon/person.svg");
}
.icon--close::before {
  mask-image: url("/assets/images/icon/close.svg");
}
.icon--c-w::before {
  background-color: #FFF !important;
}
.icon--c-main::before {
  background-color: var(--color-main);
}
.icon--c-red::before {
  background-color: var(--color-red);
}

.c-text {
  font-size: 1.5rem;
  line-height: var(--lineHeight-l);
}
.c-text a:not(.c-txtlink_inner) {
  color: var(--color-link);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-text a:not(.c-txtlink_inner):hover, a:hover .c-text a:not(.c-txtlink_inner) {
  text-decoration-color: transparent;
}
.c-text a:not(.c-txtlink_inner) .icon--blank::before {
  background: var(--color-main);
}
.c-text > strong {
  font-weight: 700;
}
.c-text--s {
  font-size: 1.3rem;
}
.c-text--l {
  font-size: 1.6rem;
}
.c-text--caption {
  font-size: 1.2rem;
  color: var(--color-caption);
}
.c-text--gy {
  color: #818181;
  font-weight: 500;
}
.c-text + .c-text {
  margin-top: 10px;
}
@media screen and (min-width: 768px), print {
  .c-text {
    font-size: 1.6rem;
  }
  .c-text + .c-text {
    margin-top: 15px;
  }
  .c-text--size {
    font-size: 1.2rem;
  }
  .c-text--s {
    font-size: 1.4rem;
  }
  .c-text--l {
    font-size: 1.8rem;
  }
  .c-text--caption {
    font-size: 1.2rem;
  }
}

.c-tag {
  display: inline-block;
  vertical-align: top;
}
.c-tag_inner, .c-tagSq_inner {
  min-width: 80px;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1px 10px 1px;
  font-size: 1rem;
  line-height: var(--lineHeight-s);
  background-color: #EFEFEF;
  border: #EFEFEF solid 1px;
  color: var(--color-txt);
  border-radius: 50px;
}
.c-tag_inner--border {
  border-color: var(--color-main);
  background-color: var(--color-wh);
  color: var(--color-main);
}
.c-tag_inner--color {
  color: var(--color-wh);
  background-color: var(--color-main);
}
.c-tag a {
  transition: var(--trans-min02);
}
.c-tag a:hover {
  opacity: 0.7;
}
.c-tagSq_inner {
  font-size: 1.1rem;
  min-width: 100px;
  border-radius: 4px;
  border: none;
  background: var(--color-cv);
  color: #fff;
  font-weight: 700;
  padding: 1px 10px 2px;
}
@media screen and (min-width: 768px), print {
  .c-tagSq_inner {
    font-size: 1.2rem;
    min-width: 120px;
    min-height: 28px;
  }
}
.c-tagSq_inner--gr {
  background: #1EBC6D;
}
.c-tagSq_inner--red {
  background: #E61540;
}
.c-tagSq_inner--bl {
  background: #0E5FBB;
}

.c-tagContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.c-deco {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 100px;
  min-height: 30px;
  padding: 5px 17px 5px;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  background-color: #E1F4FF;
  border-radius: 50px;
  margin: 0 10px 0 0;
  font-size: 1.4rem;
  color: var(--color-main);
}
.c-deco--color {
  background-color: var(--color-main);
  color: var(--color-wh);
}
.c-deco--grad {
  background: var(--color-grad4);
  color: #fff;
  padding: 4px 17px 2px;
  min-height: 26px;
}
.c-deco .u-ff_en {
  font-size: 1.5rem;
  padding-top: 2px;
}
@media screen and (min-width: 768px), print {
  .c-deco {
    font-size: 1.6rem;
    padding: 3px 17px 5px;
    min-height: 32px;
    min-width: 115px;
  }
  .c-deco--grad {
    min-width: 100px;
  }
  .c-deco .u-ff_en {
    font-size: 1.8rem;
  }
}

.c-sph {
  width: 80px;
  height: 80px;
  background-color: #EFF5FB;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  padding: 15px;
  position: relative;
  /* &_icon {
  	max-width: 48px;
  	width: 100%;
  	height: auto;
  } */
}
.c-sph img {
  overflow: auto;
}
.c-sph--c2 {
  background-color: var(--color-sub2);
}
.c-sph--c3 {
  background-color: #EBF2FC;
}
.c-sph_point {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.c-sph_number {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.c-sph_sub {
  width: 36px;
  height: 36px;
  background-color: var(--color-main);
  border: #707070 solid 1px;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: var(--font-sub);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -16px;
  top: -4px;
  border-radius: 100%;
}
@media screen and (min-width: 768px), print {
  .c-sph {
    width: 104px;
    height: 104px;
  }
  .c-sph_icon {
    font-size: 3.2rem;
  }
  .c-sph_point {
    font-size: 1.1rem;
  }
  .c-sph_number {
    font-size: 3rem;
  }
  .c-sph_sub {
    width: 42px;
    height: 42px;
    font-size: 2rem;
  }
}

.c-border {
  margin-block: 50px;
  border-bottom: var(--color-border-b) solid 1px;
}
.c-border--blue {
  border-bottom: var(--color-border-blue) solid 1px;
}

.c-borderBlue {
  border-top: 1px solid var(--color-border);
  display: block;
  height: 1px;
  position: relative;
  margin-top: 48px;
  margin-bottom: 24px;
}
.c-borderBlue::before {
  content: "";
  width: 80px;
  height: 1px;
  background: var(--color-main);
  position: absolute;
  margin-inline: auto;
  right: 0;
  left: 0;
  top: -1px;
}

.c-triangle {
  margin: 20px auto 16px;
  width: 63px;
  height: 23px;
  background-color: #EFEFEF;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.c-triangle--02 {
  width: 64px;
  background: #6F818E;
  height: 32px;
}

/* /_base.scss
-------------------------------------------------------*/
/* _elements.scss
-------------------------------------------------------*/
.c-slider_ctrl {
  width: 167px;
  height: 48px;
  background-color: #FFF;
  border-radius: 42px;
  box-shadow: 0 0 15px rgba(0, 66, 118, 0.1);
  margin: 10px auto 0;
  position: relative;
}
.is-disabled .c-slider_ctrl {
  display: none;
}
.c-slider_pause {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 34px;
  height: 34px;
  font-size: 0;
  line-height: 0;
  background: url(/assets/images/icon/play.svg) center/cover;
}
.c-slider_pause.is-start {
  background-image: url(/assets/images/icon/stop.svg);
}
.c-slider_arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  mask: url(/assets/images/icon/arrow-line.svg) center/100% 100% no-repeat;
  background-color: var(--color-main);
}
.c-slider_arrow:focus {
  background-color: #000;
}
.c-slider_arrow--next {
  right: 22px;
}
.c-slider_arrow--prev {
  left: 22px;
  transform: scaleX(-1);
}
.c-slider_pagination {
  position: static;
  margin-top: 20px;
}
.is-disabled .c-slider_pagination {
  display: none;
}
.c-slider_pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 0.25;
  margin: 4px !important;
}
.c-slider_pagination .swiper-pagination-bullet-active {
  background-color: var(--color-main);
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .c-slider_ctrl {
    height: 62px;
    margin: 24px auto 0;
  }
  .c-slider_pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 6px !important;
  }
}

/* h1 */
.c-titPrimary {
  max-width: 100%;
  position: relative;
  margin-bottom: 48px;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
}
.c-titPrimary:has(> *:nth-child(even)) {
  display: flex;
}
.c-titPrimary_img + .c-titPrimary_main {
  max-width: 540px;
}
.c-titPrimary_img {
  box-shadow: var(--color-shadow) 0 2px 8px;
  border-radius: 12px;
  width: calc(100% - 75px);
  margin-left: auto;
  margin-right: 0;
}
.c-titPrimary_img img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-titPrimary_title {
  margin-bottom: 14px;
}
.c-titPrimary_title-sub {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-sub);
  text-transform: capitalize;
  position: relative;
  padding-left: 0.55em;
}
.c-titPrimary_title-sub::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #E61540;
  display: block;
  top: 0.4em;
  left: 0;
  position: absolute;
}
.c-titPrimary_title-sub--noTrans {
  text-transform: none;
}
.c-titPrimary_title-main {
  font-size: 3rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  color: var(--color-main);
}
.c-titPrimary_title-mini {
  font-size: 1.6rem;
  display: block;
  margin-top: 5px;
}
.c-titPrimary_under {
  margin-top: 30px;
}
.c-titPrimary_under .c-btnContainer {
  max-width: 933px;
  margin-inline: auto;
}
.c-titPrimary_under .c-btnContainer .c-btnContainer_item + .c-btnContainer_item {
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .c-titPrimary {
    margin: 0 auto 80px;
    align-items: center;
    flex-direction: row-reverse;
    gap: 32px;
  }
  .c-titPrimary:has(> *:nth-child(even)) .c-titPrimary_main {
    padding: 40px 0;
  }
  .c-titPrimary_img {
    width: auto;
  }
  .c-titPrimary_main {
    padding-top: 40px;
  }
  .c-titPrimary_title {
    margin-bottom: 22px;
  }
  .c-titPrimary_title-sub {
    font-size: 1.6rem;
  }
  .c-titPrimary_title-main {
    font-size: 4.2rem;
  }
  .c-titPrimary_title-mini {
    font-size: 2.4rem;
  }
  .c-titPrimary_under {
    margin-top: 40px;
  }
  .c-titPrimary_under.c-textboxNormal {
    padding: 40px;
  }
  .c-titPrimary_under .c-btnContainer {
    gap: 15px;
  }
  .c-titPrimary_under .c-btnContainer .c-btnContainer_item + .c-btnContainer_item {
    margin-top: 0;
  }
}

/* h2 */
.c-titSecondary {
  margin-bottom: 32px;
  color: var(--color-main);
  position: relative;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
}
.c-titSecondary::after {
  content: "";
  width: 56px;
  height: 1px;
  background: #E61540;
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
}
.c-titSecondary_title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.35;
}
@media screen and (min-width: 768px), print {
  .c-titSecondary {
    margin-bottom: 40px;
    padding-top: 28px;
  }
  .c-titSecondary_title {
    font-size: 3.2rem;
  }
}

/* h3 */
.c-titTertiary {
  font-size: 2.2rem;
  font-weight: 500;
  padding-left: 17px;
  line-height: 1.4;
  margin-bottom: 19px;
  position: relative;
  letter-spacing: 0.02em;
}
.c-deco + .c-titTertiary {
  margin-top: 7px;
}
.c-titTertiary::before {
  content: "";
  display: block;
  width: 5px;
  height: 12px;
  background: url("/assets/images/common/icon_h3.svg") no-repeat center/contain;
  position: absolute;
  top: 0.5em;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .c-titTertiary {
    font-size: 2.8rem;
    margin-bottom: 28px;
    padding-left: 20px;
  }
  .c-titTertiary::before {
    width: 6px;
    height: 15px;
  }
}

/* h4 */
.c-titQuaternary {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px;
  position: relative;
  padding-left: 18px;
  letter-spacing: 0.03em;
  color: var(--color-main);
}
.c-titQuaternary::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-main);
  position: absolute;
  left: 0;
  top: 0.7em;
}
@media screen and (min-width: 768px), print {
  .c-titQuaternary {
    font-size: 2.6rem;
    margin-bottom: 28px;
    padding-left: 20px;
  }
}

/* h5 */
.c-titQuinary {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: var(--lineHeight-m);
  margin-bottom: 20px;
}
@media screen and (min-width: 768px), print {
  .c-titQuinary {
    font-size: 2.2rem;
  }
}

/* 特殊見出し */
.c-titleIcon {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.c-titleIcon .c-deco {
  margin: 0;
}
.c-titleIcon_main {
  flex: 1;
}
.c-titleIcon_title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  letter-spacing: 0.02em;
}
.c-titleIcon_title strong {
  color: var(--color-main);
  font-weight: 700;
  font-size: 2rem;
  line-height: var(--lineHeight-l);
}
.c-titleIcon--border {
  border-bottom: 1px solid #fff;
  position: relative;
  padding-bottom: 12px;
}
.c-titleIcon--border::before {
  content: "";
  height: 1px;
  width: 80px;
  background: var(--color-main);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .c-titleIcon {
    align-items: center;
    flex-direction: row;
    gap: 15px;
  }
  .c-titleIcon_title {
    font-size: 2.4rem;
  }
  .c-titleIcon_title strong {
    font-size: 2.8rem;
  }
  .c-titleIcon--border {
    padding-bottom: 16px;
  }
}

.c-catch {
  font-size: 2rem;
  line-height: var(--lineHeight-m);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: center;
}
.c-catch strong {
  font-weight: 700;
  color: var(--color-main);
}
@media screen and (min-width: 768px), print {
  .c-catch {
    font-size: 2.8rem;
  }
}

.c-number {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.c-number_textMain {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 4px 0 0;
}
.c-number_number {
  font-size: 4.2rem;
  color: var(--color-red);
  font-weight: 500;
  font-family: var(--font-sub);
  line-height: 1;
}
.c-number_textSub {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 0 4px;
}
.c-number--s .c-number_number {
  font-size: 2.8rem;
}
.c-number--s .c-number_textSub {
  font-size: 1.6rem;
  line-height: 1.3;
  padding: 0 0 0 4px;
}
@media screen and (min-width: 768px), print {
  .c-number_textMain {
    font-size: 2.4rem;
    padding: 0 3px 3px 0;
  }
  .c-number_number {
    font-size: 5.6rem;
  }
  .c-number_textSub {
    font-size: 2.4rem;
    padding: 0 0 3px 2px;
  }
  .c-number--s .c-number_number {
    font-size: 3.2rem;
  }
  .c-number--s .c-number_textSub {
    font-size: 2rem;
  }
}

.c-numberBox {
  display: inline-block;
  text-align: center;
}
.c-numberBox--box {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-wh);
}
.c-numberBox_title {
  background: var(--color-bg);
  font-size: 1.8rem;
  min-height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.c-numberBox_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.c-numberBox_list--box {
  padding: 16px 20px 18px;
  gap: 8px;
}
.c-numberBox .c-deco {
  margin: 0 auto 5px;
}
@media screen and (min-width: 768px), print {
  .c-numberBox_list {
    gap: 10px 30px;
  }
  .c-numberBox_list--box {
    padding: 25px 26px 30px;
    gap: 10px;
  }
}

.c-bubble {
  max-width: 850px;
  margin-inline: auto;
}
.c-bubble_item {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  gap: 22px;
}
.c-bubble_item + .c-bubble_item {
  margin-top: 30px;
}
.c-bubble_item--reverse {
  flex-direction: row-reverse;
}
.c-bubble_human {
  width: 80px;
}
.c-bubble_human_image {
  border-radius: 50%;
}
.c-bubble_human_image--border {
  border: 1px solid #DDE6ED;
}
.c-bubble_box {
  min-height: 50px;
  width: 100%;
  border-radius: 8px;
  border: var(--color-main) solid 1px;
  background-color: var(--color-wh);
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1;
}
.c-bubble_box::before, .c-bubble_box::after {
  content: "";
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  position: absolute;
  width: 14px;
  height: 20px;
  background-color: var(--color-main);
  left: -14px;
  top: 30px;
  margin: auto;
  z-index: 1;
}
.c-bubble_box::after {
  background-color: #fff;
  z-index: 2;
  transform: translate(2px, 0px);
}
.c-bubble_box--reverse::before {
  transform: scaleX(-1);
}
.c-bubble_box--reverse::after {
  transform: scaleX(-1) translate(2px, 0px);
}
.c-bubble_box--reverse::before, .c-bubble_box--reverse::after {
  left: auto;
  right: -14px;
}
@media screen and (min-width: 768px), print {
  .c-bubble_item {
    gap: 40px;
    align-items: center;
  }
  .c-bubble_item + .c-bubble_item {
    margin-top: 45px;
  }
  .c-bubble_human {
    width: 120px;
  }
  .c-bubble_box {
    width: 100%;
    min-height: 120px;
    padding: 28px 40px;
    border-radius: 12px;
  }
  .c-bubble_box::before, .c-bubble_box::after {
    width: 26px;
    height: 25px;
    left: -26px;
    top: 0;
    bottom: 0;
  }
  .c-bubble_box--reverse::before, .c-bubble_box--reverse::after {
    left: auto;
    right: -26px;
  }
}

.c-tel_inner {
  display: inline-flex;
  align-items: center;
  font-size: 3.8rem;
  letter-spacing: 0.02em;
  font-family: var(--font-sub);
  color: inherit;
  line-height: 1;
  text-decoration: none;
}
.c-tel_inner em {
  font-weight: 600;
}
.c-tel_icon {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0;
  margin-right: 4px;
}
.c-tel_icon::before {
  background: var(--color-main);
}
.c-tel_free {
  display: inline-block;
  width: 1.5em;
  margin-right: 0.2em;
}
.c-tel_free img {
  vertical-align: -2px;
}
@media screen and (min-width: 768px), print {
  .c-tel_inner {
    font-size: 4rem;
  }
}

.c-ulList > li, .c-olList > li {
  position: relative;
  padding-left: 1em;
  font-size: 1.5rem;
  line-height: var(--lineHeight-l);
}
.c-ulList > li a:not(.c-txtlink_inner), .c-olList > li a:not(.c-txtlink_inner) {
  color: var(--color-link);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-ulList > li a:not(.c-txtlink_inner):hover, .c-olList > li a:not(.c-txtlink_inner):hover, a:hover .c-ulList > li a:not(.c-txtlink_inner), a:hover .c-olList > li a:not(.c-txtlink_inner) {
  text-decoration-color: transparent;
}
.c-ulList > li a:not(.c-txtlink_inner) .icon--blank::before, .c-olList > li a:not(.c-txtlink_inner) .icon--blank::before {
  background: var(--color-main);
}
.c-ulList > li + li, .c-olList > li + li {
  margin-top: 0.65em;
}
.c-ulList > li::before, .c-olList > li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0.7em;
  width: 0.4em;
  aspect-ratio: 1/1;
  height: 0.4em;
  background-color: var(--color-main);
  border-radius: 100%;
}
.c-ulList__notes > li {
  padding-left: 1.3em;
  font-size: 1.2rem;
  color: var(--color-caption);
}
.c-ulList__notes > li + li {
  margin-top: 0.3em;
}
.c-ulList__notes > li::before {
  content: none;
}
.c-ulList__notes > li > .c-noteMark {
  position: absolute;
  top: 0;
  left: 0;
}
ol.c-ulList__notes > li {
  padding-left: 2.2em;
}

.c-ulList--caution > li::before {
  background-color: var(--color-caution);
}
.c-ulList--wh > li::before {
  background-color: var(--color-wh);
}
.c-ulList--gray > li::before {
  background-color: var(--color-caption);
}
@media screen and (min-width: 768px), print {
  .c-ulList > li, .c-olList > li {
    font-size: 1.6rem;
  }
  .c-ulList__notes > li {
    font-size: 1.2rem;
  }
}

.c-olList > li {
  padding-left: 1.9em;
  position: relative;
}
.c-olList > li::before {
  display: none;
}
.c-olList > li > .c-noteMark {
  color: var(--color-main);
  font-family: var(--font-sub);
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
}

.c-iconList > li {
  position: relative;
  padding-left: 30px;
  font-size: 1.5rem;
  line-height: var(--lineHeight-l);
}
.c-iconList > li a:not(.c-txtlink_inner) {
  color: var(--color-link);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-iconList > li a:not(.c-txtlink_inner):hover, a:hover .c-iconList > li a:not(.c-txtlink_inner) {
  text-decoration-color: transparent;
}
.c-iconList > li a:not(.c-txtlink_inner) .icon--blank::before {
  background: var(--color-main);
}
.c-iconList > li + li {
  margin-top: 0.65em;
}
.c-iconList_icon {
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0;
}
@media screen and (min-width: 768px), print {
  .c-iconList > li {
    font-size: 1.6rem;
  }
}

.c-noteMark {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-right: 0.35em;
  flex-shrink: 0;
}

.c-tabelList {
  font-size: 1.5rem;
  line-height: var(--lineHeight-l);
  display: grid;
  grid-template-columns: minmax(0, max-content) 1fr;
  gap: 0.65em 0;
}
.c-tabelList--s {
  font-size: 1.2rem;
}
.c-tabelList + .c-tabelList {
  margin-top: 0.65em;
}
.c-tabelList_text {
  grid-column: 2;
  margin-left: 5px;
}
.c-tabelList_text:has(.c-tabelList-symbol) {
  padding-left: calc(1em + 5px);
  text-indent: calc(-1em - 5px);
  margin-left: 0;
}
.c-tabelList-symbol {
  font-weight: 700;
  margin-right: 5px;
}
@media screen and (min-width: 768px), print {
  .c-tabelList {
    font-size: 1.6rem;
  }
  .c-tabelList--s {
    font-size: 1.2rem;
  }
}

.c-txtlink_inner {
  color: var(--color-txt);
  font-size: 1.5rem;
  line-height: var(--lineHeight-m);
  position: relative;
  display: inline-block;
  align-items: center;
  padding-left: 36px;
  padding-block: 0.26em;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-txtlink_inner:hover, a:hover .c-txtlink_inner {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.c-txtlink_arrow {
  width: 28px;
  height: 28px;
  border: 1px solid var(--color-main);
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: 0 8px 0 0;
  transition: var(--trans-min02);
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.c-txtlink_arrow::before {
  width: 15px;
  height: 15px;
  background: var(--color-main);
}
.c-txtlink_arrow--anchor {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px), print {
  .c-txtlink_inner {
    font-size: 1.6rem;
    padding-left: 40px;
  }
  .c-txtlink_arrow {
    width: 32px;
    height: 32px;
  }
  .c-txtlink_arrow::before {
    width: 18px;
    height: 18px;
  }
}

.c-txtlinkContainer {
  display: block;
  flex-wrap: wrap;
  gap: 0;
}
.c-txtlinkContainer--vt {
  flex-direction: column;
  gap: 15px;
}
.c-txtlinkContainer_item + .c-txtlinkContainer_item {
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .c-txtlinkContainer {
    display: flex;
    gap: 15px 40px;
  }
  .c-txtlinkContainer_item + .c-txtlinkContainer_item {
    margin-top: 0;
  }
}

.c-btn {
  width: 100%;
}
.c-btn--circle {
  width: 40px;
}
.c-btn--l {
  min-width: min(580px, 100%);
  width: fit-content;
}
.c-btn--s {
  min-width: min(160px, 100%);
  width: fit-content;
}
.c-btn_inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 48px;
  padding: 8px 36px;
  border-radius: 50px;
  text-align: center;
  position: relative;
  background-color: var(--color-main);
  border: var(--color-main) solid 1px;
  color: var(--color-wh);
  box-shadow: var(--color-shadow) 0 2px 8px;
  transition: var(--trans-min02);
}
.c-btn_inner:hover {
  background-color: var(--color-hover);
  color: var(--color-main);
  box-shadow: none;
}
.c-btn_inner:hover .c-btn_type::before,
.c-btn_inner:hover .c-btn_icon::before {
  background-color: var(--color-main) !important;
}
.c-btn_inner .c-btn_icon::before,
.c-btn_inner .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}
.c-btn_inner--down::after {
  transform: rotate(90deg);
}
.c-btn_inner--border {
  background-color: var(--color-wh);
  color: var(--color-main);
  border: var(--color-main) solid 1px;
}
.c-btn_inner--border .c-btn_icon::before,
.c-btn_inner--border .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--caution {
  background-color: var(--color-wh);
  color: var(--color-caution);
  border: var(--color-caution) solid 1px;
  transition: var(--trans-min02);
}
.c-btn_inner--caution:hover {
  background-color: var(--color-hover);
  color: var(--color-main);
  box-shadow: none;
}
.c-btn_inner--caution:hover .c-btn_type::before,
.c-btn_inner--caution:hover .c-btn_icon::before {
  background-color: var(--color-main) !important;
}
.c-btn_inner--caution .c-btn_icon::before,
.c-btn_inner--caution .c-btn_type::before {
  background-color: var(--color-caution);
}
.c-btn_inner--caution:hover {
  background-color: var(--color-caution);
  color: #FFF;
}
.c-btn_inner--caution:hover .c-btn_icon::before,
.c-btn_inner--caution:hover .c-btn_type::before {
  background-color: #FFF !important;
}
.c-btn_inner--cv {
  background: linear-gradient(90deg, #F8BE20 0%, #F9A423 20%, #E8820E 50%, #F25479 80%);
  background-size: 200% 100%;
  background-position: left top;
  border: none;
  color: #fff;
  transition: var(--trans-min02);
  transition-timing-function: linear;
  background-position: left top;
}
.c-btn_inner--cv:hover {
  background-position: right top;
  color: #fff;
}
.c-btn_inner--cv:hover .c-btn_type::before,
.c-btn_inner--cv:hover .c-btn_icon::before {
  background-color: #fff !important;
}
.c-btn_inner--cv .c-btn_icon::before,
.c-btn_inner--cv .c-btn_type::before {
  background-color: #fff;
}
.c-btn_inner--grad {
  background: linear-gradient(90deg, #138FF0 0%, #0A59C1 45%, #0A59C1 55%, #138FF0 100%);
  background-size: 200% 100%;
  background-position: left top;
  border: none;
  transition: var(--trans-min02);
  transition-timing-function: linear;
  background-position: left top;
}
.c-btn_inner--grad:hover {
  background-position: right top;
  color: #fff;
}
.c-btn_inner--grad:hover .c-btn_type::before,
.c-btn_inner--grad:hover .c-btn_icon::before {
  background-color: #fff !important;
}
.c-btn_inner--grad .c-btn_icon::before,
.c-btn_inner--grad .c-btn_type::before {
  background-color: #fff;
}
.c-btn_inner--light {
  background: var(--color-sub2);
  border-color: var(--color-sub2);
  color: var(--color-main);
}
.c-btn_inner--light .c-btn_icon::before,
.c-btn_inner--light .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--light:hover {
  border-color: var(--color-main);
}
.c-btn_inner--gray {
  background: var(--color-border);
  color: var(--color-main);
  border-color: var(--color-border);
}
.c-btn_inner--gray .c-btn_icon::before,
.c-btn_inner--gray .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--gray:hover {
  border-color: var(--color-main);
}
.c-btn_inner--green {
  background: #1EBC6D;
  border-color: #1EBC6D;
}
.c-btn_inner--green .c-btn_icon::before,
.c-btn_inner--green .c-btn_type::before {
  background-color: #fff;
}
.c-btn_inner--green:hover {
  border-color: var(--color-main);
}
.c-btn_inner--orange {
  background: var(--color-cv);
  border-color: var(--color-cv);
}
.c-btn_inner--orange .c-btn_icon::before,
.c-btn_inner--orange .c-btn_type::before {
  background-color: #fff;
}
.c-btn_inner--orange:hover {
  border-color: var(--color-main);
}
.c-btn--l .c-btn_inner {
  min-height: 48px;
}
.c-btn--s .c-btn_inner {
  min-height: 37px;
  padding: 5px 40px;
  border-radius: 20px;
}
.c-btn--s .c-btn_inner .c-btn_icon {
  right: 12px;
}
.c-btn_inner--noicon {
  padding-left: 20px;
  padding-right: 20px;
}
.c-btn_inner.is-disabled {
  pointer-events: none;
  background: var(--color-gray9);
  border-color: var(--color-gray9);
  color: var(--color-wh);
}
.c-btn_inner.is-disabled .c-btn_icon::before,
.c-btn_inner.is-disabled .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner > span {
  z-index: 1;
}
.c-btn_icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-btn_icon--pdf {
  width: 18px;
  height: 22px;
}
.c-btn_icon--pdf::before {
  background-image: none;
  mask-image: url(/assets/images/icon/pdf.svg);
  background-color: #fff;
}
.c-btn_icon--downward {
  width: 18px;
  height: 18px;
  right: 14px;
}
.c-btn_type {
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-btn_text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}
.c-btn_text--l {
  font-size: 1.8rem;
}
.c-btn_text--s {
  font-size: 1.2rem;
}
.c-btn_textSub {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.c-btn_textSub--bk {
  color: var(--color-txt);
}
.c-btn_caption {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: var(--lineHeight-s);
  text-align: center;
  margin-bottom: 12px;
  color: var(--color-dk);
}
.c-btn_caption--reverse {
  margin: 12px 0 0;
}
.c-btn .c-tag {
  position: absolute;
  left: -10px;
  top: -13px;
}
@media screen and (min-width: 768px), print {
  .c-btn--l .c-btn_inner {
    min-height: 56px;
  }
  .c-btn--l .c-btn_inner:has(.c-btn_type) {
    padding: 7px 50px;
  }
  .c-btn_text {
    font-size: 1.6rem;
  }
  .c-btn--l .c-btn_type {
    width: 2.1rem;
    left: 20px;
  }
}

.c-btnContainer {
  display: block;
  flex-wrap: wrap;
  gap: 0;
}
.c-btnContainer--center {
  justify-content: center;
}
.c-btnContainer--end {
  align-items: flex-end;
}
.c-btnContainer--row4, .c-btnContainer--row5 {
  gap: 20px;
}
.c-btnContainer_item + .c-btnContainer_item {
  margin-top: 15px;
}
.c-btnContainer--row2Sp {
  display: flex;
  gap: 10px;
}
.c-btnContainer--row2Sp .c-btnContainer_item {
  width: calc((100% - 10px) / 2);
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .c-btnContainer {
    display: flex;
    gap: 20px;
  }
  .c-btnContainer_item + .c-btnContainer_item {
    margin-top: 0;
  }
  .c-btnContainer--row2 {
    gap: 40px;
  }
  .c-btnContainer--row2 .c-btnContainer_item {
    width: calc((100% - 40px) / 2);
  }
  .c-btnContainer--row3 {
    gap: 30px;
  }
  .c-btnContainer--row3 .c-btnContainer_item {
    width: calc((100% - 60px) / 3);
  }
  .c-btnContainer--row4 .c-btnContainer_item {
    width: calc((100% - 60px) / 4);
  }
  .c-btnContainer--row5 .c-btnContainer_item {
    width: calc((100% - 80px) / 5);
  }
  .c-btnContainer--row4, .c-btnContainer--row5 {
    gap: 20px;
  }
}

.c-btnC_inner {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.c-btnC_arrow {
  width: 32px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--color-main);
  background: var(--color-main);
  display: grid;
  place-content: center;
  transition: var(--trans-min02);
}
.c-btnC_arrow > .icon::before {
  background: #fff;
  transition: var(--trans-min02);
}
a:hover .c-btnC_arrow {
  background: var(--color-hover);
}
a:hover .c-btnC_arrow > .icon::before {
  background: var(--color-main);
}
@media screen and (min-width: 768px), print {
  .c-btnC_inner {
    gap: 18px;
  }
}

.c-anchor {
  background: #F6F8F9;
  border-radius: 8px;
  padding: 20px;
}
.c-anchor--wh {
  background: #fff;
}
.c-anchor_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.c-anchor_link {
  line-height: var(--lineHeight-m);
  position: relative;
  display: inline-block;
  padding-left: 36px;
  padding-block: 0.26em;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-anchor_link:hover, a:hover .c-anchor_link {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.c-anchor_icon {
  width: 28px;
  height: 28px;
  background: #fff;
  border: 1px solid var(--color-main);
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: 0 8px 0 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.c-anchor_icon::before {
  background-color: var(--color-main);
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 768px), print {
  .c-anchor {
    padding: 30px;
  }
  .c-anchor_list {
    gap: 16px 18px;
  }
  .c-anchor_link {
    padding-left: 40px;
  }
  .c-anchor_icon {
    width: 32px;
    height: 32px;
  }
  .c-anchor_icon::before {
    width: 18px;
    height: 18px;
  }
}

.c-app {
  background: linear-gradient(122deg, rgb(246, 252, 255) 10%, rgb(235, 247, 255) 90%);
  border: 1px solid var(--color-main);
  border-radius: 12px;
  padding: 25px 18px 20px;
}
.c-app_title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  margin-bottom: 24px;
  color: var(--color-main);
}
.c-app_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c-app_item {
  flex: 1;
  width: 100%;
  padding: 25px 18px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--color-shadow) 0 2px 8px;
}
.c-app_item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: calc(100% - 60px);
  background-color: var(--color-border-b);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
.c-app_item_title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  color: var(--color-main);
}
.c-app_item_btn {
  display: block;
  transition: var(--trans-min02);
}
.c-app_item_btn:hover {
  opacity: 0.7;
}
.c-app_item_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background: #F9F9F9;
  border-radius: 8px;
  padding: 20px 18px;
}
.c-app_item_image {
  width: 150px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-app {
    padding: 48px 36px 36px;
  }
  .c-app_title {
    font-size: 2.8rem;
  }
  .c-app_list {
    flex-direction: row;
  }
  .c-app_item {
    padding: 34px 28px 28px;
  }
  .c-app_item_inner {
    gap: 50px;
    padding: 30px 48px;
    border-radius: 12px;
  }
  .c-app_item_image {
    width: 160px;
    border-radius: 8px;
  }
  .c-app_item_title {
    font-size: 2.2rem;
    margin-bottom: 28px;
  }
}

.c-take {
  background: var(--color-bg4);
  padding: 24px 28px;
}
.c-take_inner {
  background: #fff;
  border: 1px solid var(--color-main);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.c-take_item + .c-take_item {
  margin-top: 25px;
}
.c-take_text {
  font-size: 1.8rem;
  font-weight: 700;
}
.c-take .c-sph {
  margin-inline: auto;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px), print {
  .c-take {
    padding: 32px 36px;
  }
  .c-take_inner {
    padding: 32px;
  }
  .c-take_list {
    display: inline-grid; /* 中身の幅（一番長い要素）に合わせる */
    grid-auto-flow: column; /* 横並びにする */
    grid-auto-columns: 1fr; /* すべての列を「一番広い要素」と同じ幅に揃える */
    gap: 10px;
    margin-inline: auto;
    gap: 40px;
  }
  .c-take_item {
    min-width: 145px;
  }
  .c-take_item + .c-take_item {
    margin-top: 0;
  }
  .c-take_text {
    font-size: 2rem;
  }
}

.c-search {
  background-color: #F5F5F5;
  padding: 54px 20px;
  display: flex;
  justify-content: center;
}
.c-search_box {
  max-width: 850px;
  width: 100%;
  position: relative;
}
.c-search_box input {
  width: 100%;
  height: 56px;
  font-size: 1.6rem;
  font-family: var(--font-base);
  padding: 10px 70px 10px 30px;
  border-radius: 50px;
  background-color: var(--color-wh);
  border: var(--color-border) 1px solid;
}
.c-search_box input::placeholder {
  color: #BCC2C5;
}
.c-search_btn {
  width: 40px;
  height: 40px;
  background-color: var(--color-main);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.c-search_icon {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (min-width: 768px), print {
  .c-search_box > input {
    height: 56px;
  }
}

.c-inputText > input {
  font-size: 1.6rem;
  font-family: var(--font-base);
  outline: none;
  border: #BCC2C5 solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 16px;
  width: 100%;
  transition: var(--trans-min02);
}
.c-inputText > input:focus {
  background: var(--color-bg);
  outline: solid 1px;
}
.c-inputText > input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
.c-inputText > input.is-error::placeholder {
  color: #ff9798;
}
.c-inputText > input:disabled {
  background-color: #EEE;
}
.c-inputText_text {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 12px;
  line-height: var(--lineHeight-s);
}
@media screen and (min-width: 768px), print {
  .c-inputText > input {
    padding: 20px 24px;
  }
}

.c-inputTextArea > textarea {
  font-size: 1.6rem;
  vertical-align: middle;
  font-family: var(--font-base);
  outline: none;
  border: #BCC2C5 solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 16px;
  width: 100%;
  height: 150px;
  transition: var(--trans-min02);
}
.c-inputTextArea > textarea:focus {
  background: var(--color-bg);
  outline: solid 1px;
}
.c-inputTextArea > textarea.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
.c-inputTextArea > textarea.is-error::placeholder {
  color: #ff9798;
}
@media screen and (min-width: 768px), print {
  .c-inputTextArea > textarea {
    height: 200px;
    padding: 20px 24px;
  }
}

.c-selectBox {
  position: relative;
}
.c-selectBox::before {
  content: "";
  width: 10px;
  height: 5px;
  background-color: #999E9F;
  position: absolute;
  right: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.c-selectBox > select {
  font-size: 1.6rem;
  font-family: var(--font-base);
  outline: none;
  border: #BCC2C5 solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 16px 40px 16px 16px;
  transition: var(--trans-min02);
  appearance: none;
  cursor: pointer;
  width: 100%;
  position: relative;
}
.c-selectBox > select:focus {
  background: var(--color-bg);
  outline: solid 1px;
}
.c-selectBox.is-error::before {
  background-color: var(--color-caution);
}
.c-selectBox.is-error select {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
@media screen and (min-width: 768px), print {
  .c-selectBox > select {
    padding: 20px 40px 20px 24px;
  }
}

.c-inputList {
  display: block;
  flex-wrap: wrap;
  gap: 20px 50px;
}
.c-inputList--ve {
  gap: 15px;
  flex-direction: column;
}
.c-inputList > li + li {
  margin-top: 10px;
}
@media screen and (min-width: 768px), print {
  .c-inputList {
    display: flex;
    gap: 20px 50px;
  }
  .c-inputList > li + li {
    margin-top: 0;
  }
}

.c-inputRadio {
  line-height: var(--lineHeight-s);
}
.c-inputRadio > label {
  cursor: pointer;
}
.c-inputRadio input {
  appearance: none;
  position: relative;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--color-wh);
  border: #BCC2C5 solid 2px;
  cursor: pointer;
  vertical-align: -6px;
}
.c-inputRadio input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: var(--color-input-item);
  border-radius: 100%;
}
.c-inputRadio input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
.c-inputRadio input.is-error:checked::after {
  background-color: var(--color-caution);
}
.c-inputRadio input.is-error + span {
  color: var(--color-caution);
}

.c-inputCheck {
  background: var(--color-bg);
  border: 1px solid var(--color-main);
  line-height: var(--lineHeight-s);
  border-radius: 8px;
  padding: 28px 20px;
}
.c-inputCheck > label {
  cursor: pointer;
}
.c-inputCheck input {
  appearance: none;
  position: relative;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  background: var(--color-wh);
  border: #BCC2C5 solid 2px;
  cursor: pointer;
  vertical-align: -6px;
  border-radius: 2px;
}
.c-inputCheck input:checked::after {
  content: "";
  position: absolute;
  border-left: 2px solid var(--color-input-item);
  border-bottom: 2px solid var(--color-input-item);
  width: 13px;
  height: 8px;
  top: 50%;
  left: 50%;
  translate: -45% -80%;
  rotate: -45deg;
}
.c-inputCheck input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
.c-inputCheck input.is-error:checked::after {
  border-color: var(--color-caution);
}
.c-inputCheck input.is-error + span {
  color: var(--color-caution);
}

label:has(input) {
  cursor: pointer;
}

input[type=checkbox] {
  appearance: none;
  position: relative;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  background: var(--color-wh);
  border: #BCC2C5 solid 2px;
  cursor: pointer;
  vertical-align: -6px;
  border-radius: 2px;
}
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  border-left: 2px solid var(--color-input-item);
  border-bottom: 2px solid var(--color-input-item);
  width: 13px;
  height: 8px;
  top: 50%;
  left: 50%;
  translate: -45% -80%;
  rotate: -45deg;
}
input[type=checkbox].is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
input[type=checkbox].is-error:checked::after {
  border-color: var(--color-caution);
}
input[type=checkbox].is-error + span {
  color: var(--color-caution);
}

.Error {
  margin-top: 10px;
}
.Error > li {
  color: var(--color-red);
  font-size: 1.6rem;
  line-height: 1.5;
}
.Error > li + li {
  margin-top: 5px;
}

/* /_elements.scss
-------------------------------------------------------*/
/* 画像ユーティリティ */
.c-img {
  display: block;
  max-width: 100%;
  height: auto;
}
.c-img--border {
  border: 1px solid var(--color-border);
}
.c-img--round {
  border-radius: 10px;
  overflow: hidden;
}
.c-img--circle {
  border-radius: 50%;
  object-fit: cover;
}

.c-figure {
  display: inline-block;
  max-width: 100%;
  text-align: center;
}
.c-figure_caption {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: var(--color-06);
}

.c-figureBox {
  background: #fff;
  border-radius: 10px;
  border: var(--color-border-b) solid 1px;
  padding: 16px;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-figureBox {
    padding: 30px;
  }
}

/* _block.scss
-------------------------------------------------------*/
.c-pnkz {
  padding: 0;
  position: relative;
  width: calc(100% - 20px);
  padding: 15px 0;
}
.c-pnkz_list {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.c-pnkz_item {
  line-height: 1.4;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: var(--lineHeight-m);
  color: var(--color-main);
}
.c-pnkz_item > a,
.c-pnkz_item > span {
  color: var(--color-txt);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
  position: relative;
  margin-right: 18px;
}
.c-pnkz_item > a:hover, a:hover .c-pnkz_item > a,
.c-pnkz_item > span:hover,
a:hover .c-pnkz_item > span {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.c-pnkz_item > a::after,
.c-pnkz_item > span::after {
  content: "";
  display: block;
  position: absolute;
  right: -9px;
  top: 6px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
}
.c-pnkz_item > span {
  pointer-events: none;
}
@media screen and (min-width: 768px), print {
  .c-pnkz {
    height: auto;
    transform: none;
    position: static;
    z-index: auto;
    width: auto;
    padding-top: 30px;
  }
  .c-pnkz_list {
    padding-top: 0;
  }
  .c-pnkz_item > a {
    margin-right: 16px;
  }
}

.c-tab_tab {
  background: #EFF5FB;
  border-radius: 26px;
  border: 1px solid #CEE9FF;
  padding: 2px;
  display: flex;
  gap: 2px;
}
.c-tab_tab-item {
  border-radius: 23px;
  flex: 1;
  padding: 8px 12px 7px;
  display: grid;
  place-content: center;
  text-align: center;
  min-height: 48px;
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 500;
}
.c-tab_tab-item:hover {
  text-decoration-thickness: 1px;
  text-decoration-color: inherit;
}
.c-tab_tab-item:focus-visible {
  outline: #000 solid 1px;
}
.c-tab_tab-item.is-active, .c-tab_tab-item[aria-selected=true] {
  background: #fff;
  font-weight: 700;
  color: var(--color-main);
  box-shadow: var(--color-shadow) 0 2px 8px;
  border: 1px solid var(--color-border);
}
.c-tab_content {
  opacity: 0;
  min-height: 1px;
  transform: translateY(10px);
}
.c-tab_content[hidden=until-found] {
  content-visibility: hidden;
}
.c-tab_content:not([hidden=until-found]) {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  opacity: 1;
  content-visibility: visible;
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .c-tab_tab {
    flex-direction: column;
  }
  .c-tab_tab--spcCol {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .c-tab_tab-item + .c-tab_tab-item {
    position: relative;
  }
  .c-tab_tab-item + .c-tab_tab-item::before {
    content: "";
    display: block;
    width: calc(100% - 48px);
    height: 1px;
    margin-inline: auto;
    background: #CFDFE2;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
  }
  .c-tab_tab--spcCol .c-tab_tab-item {
    width: calc(50% - 1px);
    flex: none;
  }
  .c-tab_tab--spcCol .c-tab_tab-item::before {
    content: none;
  }
}
@media screen and (min-width: 768px), print {
  .c-tab_tab {
    margin-inline: auto;
    min-height: 0;
  }
  .c-tab_tab-item {
    min-height: 0;
    height: 44px;
    font-size: 1.7rem;
  }
}

.c-textpanel {
  height: 100%;
  position: relative;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #fff;
}
.c-textpanel--bdnone {
  border: none;
}
.c-textpanel--shadow {
  box-shadow: var(--color-shadow) 0 2px 8px;
}
.c-textpanel:where([href]) {
  display: block;
  box-shadow: var(--color-shadow) 0 2px 8px;
  transition: var(--trans-min03);
}
.c-textpanel:where([href]):hover {
  box-shadow: none;
}
.c-textpanel:where([href]):hover .c-textpanel_link_icon {
  background: var(--color-main);
}
.c-textpanel:where([href]):hover .c-textpanel_link_icon::before {
  background: #fff;
}
.c-textpanel:where([href]).c-textpanel--hoverBg:hover {
  background: var(--color-bg4);
}
.c-textpanel_tag {
  background: var(--color-grad4);
  border-radius: 4px 4px 4px 0px;
  display: grid;
  place-content: center;
  color: #fff;
  font-family: var(--font-sub);
  line-height: 1;
  font-size: 1.4rem;
  padding: 7px 18px 8px;
  width: fit-content;
  position: absolute;
  letter-spacing: 0.02em;
  top: 8px;
  left: -8px;
}
.c-textpanel_tag::after {
  content: "";
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background: #AF1B39;
  width: 8px;
  height: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
}
.c-textpanel_image {
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  margin: 8px 8px 0 8px;
}
.c-textpanel_image--point {
  margin: 0 auto 14px;
}
.c-textpanel_main {
  padding: 24px 24px;
}
.c-textpanel_main--point {
  padding-top: 50px;
}
.c-textpanel_main--point + .c-textpanel_image {
  margin-top: 0;
}
.c-textpanel_main:has(.c-sph) {
  padding-top: 40px;
}
.c-textpanel_title {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 14px;
}
.c-textpanel_title--line {
  border-bottom: 1px solid var(--color-border);
  position: relative;
  padding-bottom: 11px;
}
.c-textpanel_title--line::before {
  content: "";
  width: 53px;
  height: 1px;
  background: var(--color-main);
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.c-textpanel_title-sub {
  background: #FFF3F4;
  color: var(--color-red);
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  padding: 3px 16px 4px;
  border-radius: 20px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: 0.3em;
}
.c-textpanel_link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  color: var(--color-main);
  gap: 12px;
  align-self: flex-end;
}
.c-textpanel_link:has(.c-textpanel_link_icon--s) {
  margin-top: 0;
}
.c-textpanel_link_icon {
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-main);
  border-radius: 50%;
  display: grid;
  place-content: center;
  margin: 0;
  transition: var(--trans-min03);
}
.c-textpanel_link_icon--s {
  transform: translate(15px, 15px);
}
.c-textpanel_link_icon::before {
  width: 16px;
  height: 16px;
  background: var(--color-main);
  transition: var(--trans-min03);
}
.c-textpanel_link_icon.icon--pdf::before {
  mask-image: url(/assets/images/icon/pdf.svg);
}
.c-textpanel_tab {
  background: linear-gradient(to right, #138FF0, #0A59C1);
  color: #fff;
  font-weight: 700;
  padding: 6px 15px 20px;
  border-radius: 8px 8px 0 0;
  position: absolute;
  top: -32px;
  line-height: var(--lineHeight-s);
  right: 0;
  z-index: -1;
  font-size: 1.5rem;
}
.c-textpanel_amount {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 15px;
  gap: 10px 0;
}
.c-textpanel .c-sph {
  margin-inline: auto;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px), print {
  .c-textpanel:has(.c-textpanel_image) {
    display: flex;
    flex-direction: column;
  }
  .c-textpanel:has(.c-textpanel_image) .c-textpanel_main {
    flex: 1;
    height: 100%;
  }
  .c-textpanel--row {
    display: flex;
    align-items: center;
    flex-direction: row !important;
  }
  .c-textpanel--row .c-textpanel_image {
    margin: 8px;
    border-radius: 5px;
    max-width: 465px;
  }
  .c-textpanel--row .c-textpanel_main {
    flex: 1;
    padding: 56px 36px 40px;
  }
  .c-textpanel--row-r {
    flex-direction: row-reverse !important;
  }
  .c-textpanel_main {
    padding: 32px 36px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .c-textpanel_main .c-text:not(:last-child) {
    margin-bottom: 10px;
  }
  .c-textpanel_main--point {
    padding-top: 58px;
  }
  .c-textpanel_main--col {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
  }
  .c-textpanel_main--col:has(.c-sph) {
    padding: 32px 36px;
  }
  .c-textpanel_main--col:has(.c-sph) > div {
    display: flex;
    flex-direction: column;
  }
  .c-textpanel_main--col:has(.c-sph) > div .c-textpanel_link {
    margin-top: auto;
  }
  .c-textpanel_main--col > *:first-child {
    grid-column: 1;
    align-self: center;
  }
  .c-textpanel_main--col > *:not(:first-child) {
    grid-column: 2;
  }
  .c-textpanel_tag {
    font-size: 1.6rem;
    min-height: 35px;
  }
  .c-textpanel_link {
    margin-top: auto;
  }
  .c-textpanel_link_icon {
    width: 40px;
    height: 40px;
  }
  .c-textpanel_link_icon::before {
    width: 18px;
    height: 18px;
  }
  .c-textpanel_tab {
    padding: 6px 15px 20px;
    font-size: 1.6rem;
    top: -34px;
  }
}

.c-pointContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media screen and (min-width: 768px), print {
  .c-pointContainer {
    flex-direction: row;
    gap: 48px;
  }
}

.c-pointpanel_image {
  width: min(100%, 240px);
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin-inline: auto;
  margin-bottom: 16px;
}
.c-pointpanel_image .c-deco {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media screen and (min-width: 768px), print {
  .c-pointpanel {
    max-width: 270px;
  }
}

.c-iconPanelContainer {
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #fff;
}
.c-iconPanelContainer_item {
  position: relative;
}
.c-iconPanelContainer_item + .c-iconPanelContainer_item::before {
  content: "";
  display: block;
  position: absolute;
  background: var(--color-border);
}
@media screen and (max-width: 767px) {
  .c-iconPanelContainer_item + .c-iconPanelContainer_item::before {
    width: calc(100% - 32px);
    height: 1px;
    margin-inline: auto;
    top: -1px;
    right: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-iconPanelContainer {
    display: flex;
    flex-wrap: wrap;
  }
  .c-iconPanelContainer--center {
    justify-content: center;
  }
  .c-iconPanelContainer_item {
    width: 50%;
  }
  .c-iconPanelContainer_item::before {
    content: none;
  }
  .c-iconPanelContainer_item::after {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: var(--color-border);
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0;
  }
  .c-iconPanelContainer_item:nth-child(even)::before {
    content: "";
    height: calc(100% - 56px);
    margin-block: auto;
    top: 0;
    bottom: 0;
    width: 1px;
  }
  .c-iconPanelContainer_item:nth-child(even)::after {
    right: auto;
    left: 0;
  }
}

.c-iconpanel {
  display: flex;
  align-items: center;
  padding: 18px 16px;
  gap: 9px;
}
.c-iconpanel_main {
  flex: 1;
}
.c-iconpanel_main .c-text {
  font-size: 1.4rem;
}
.c-iconpanel_title {
  color: var(--color-main);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-iconpanel .c-sph {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 768px), print {
  .c-iconpanel {
    padding: 36px 40px;
    gap: 16px;
  }
  .c-iconpanel_title {
    font-size: 1.8rem;
  }
}

.c-textbox {
  height: 100%;
}
.c-textbox--caution {
  background-color: var(--color-bg3);
}
.c-textbox--caution2 {
  background-color: var(--color-wh);
  border: var(--color-caution) solid 1px;
}
.c-textbox_title {
  border-radius: 8px 8px 0 0;
  background: var(--color-main);
  font-size: 1.8rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  padding: 10px 20px;
  color: #fff;
}
.c-textbox_title--caution {
  background: var(--color-caution);
  color: #FFF;
}
.c-textbox_title--caution2 {
  background: none;
  border: var(--color-caution) solid 1px;
  color: var(--color-caution);
  background-color: var(--color-wh);
}
.c-textbox_title--pink {
  background: var(--color-pink);
}
.c-textbox_title_icon {
  margin-right: 5px;
}
.c-textbox_inner {
  padding: 20px 20px 28px;
  border: var(--color-border) solid 1px;
  border-top: none;
  background-color: var(--color-wh);
  border-radius: 0 0 8px 8px;
}
.c-textbox_inner--caution {
  border-color: var(--color-caution);
  border-radius: 0 0 8px 8px;
}
.c-textbox_inner--caution2 {
  border-color: var(--color-caution);
  border-width: 1px;
  border-radius: 0;
  background-color: var(--color-wh);
}
@media screen and (min-width: 768px), print {
  .c-textbox_title {
    padding: 10px 40px 11px;
    font-size: 2rem;
  }
  .c-textbox_title--caution, .c-textbox_title--caution2 {
    padding: 20px 40px 20px;
    font-size: 2.4rem;
  }
  .c-textbox_title_icon {
    width: 0.9em;
    height: 0.9em;
  }
  .c-textbox_inner {
    padding: 32px 40px;
    border-width: 1px;
  }
}

.c-textboxNormal {
  padding: 20px;
  background-color: #EFF5FB;
  border-radius: 10px;
  line-height: var(--lineHeight-m);
}
.c-textboxNormal--caution {
  background-color: #FFF;
  border: var(--color-caution) solid 1px;
}
.c-textboxNormal--border {
  background-color: #FFF;
  border: var(--color-border-b) solid 1px;
}
.c-textboxNormal--scroll {
  height: 360px;
  overflow-y: auto;
}
.c-textboxNormal--border--blue {
  background-color: #FFF;
  border: var(--color-border-blue) solid 1px;
}
.c-textboxNormal--bg {
  background-color: #F6F8F9;
}
.c-textboxNormal--bgCaution {
  background-color: #FFF3F4;
}
.c-textboxNormal--grad1 {
  background: var(--color-grad1);
}
.c-textboxNormal--wh {
  background: var(--color-wh);
}
.c-textboxNormal--la {
  padding: 50px 24px;
}
.c-textboxNormal_point {
  display: flex;
  gap: 25px;
  flex-direction: column;
}
.c-textboxNormal_point_main {
  flex: 1;
}
.c-textboxNormal_point_title {
  font-size: 2rem;
  color: var(--color-main);
  font-weight: 700;
  padding-left: 45px;
  position: relative;
}
.c-textboxNormal_point_icon {
  width: 30px;
  position: absolute;
  top: 1px;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .c-textboxNormal {
    padding: 32px 36px;
  }
  .c-textboxNormal--la {
    padding: 50px 50px;
  }
  .c-textboxNormal_point {
    gap: 40px;
    flex-direction: row;
  }
  .c-textboxNormal_point_title {
    font-size: 2.8rem;
    padding-left: 60px;
  }
  .c-textboxNormal_point_icon {
    width: auto;
  }
}

.c-textboxRow {
  display: block;
  width: 100%;
}
.c-textboxRow dt,
.c-textboxRow dd {
  display: block;
  vertical-align: middle;
}
.c-textboxRow dt {
  background-color: var(--color-main);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  border-radius: 8px 8px 0 0;
  padding: 14px 30px;
  text-align: center;
}
.c-textboxRow dd {
  border: var(--color-border) solid 1px;
  padding: 20px;
  border-radius: 0 0 8px 8px;
  background-color: var(--color-wh);
}
@media screen and (min-width: 768px), print {
  .c-textboxRow {
    display: table;
  }
  .c-textboxRow dt,
  .c-textboxRow dd {
    display: table-cell;
  }
  .c-textboxRow dt {
    width: 400px;
    border-radius: 8px 0 0 8px;
    padding: 20px 20px 20px 47px;
    text-align: left;
  }
  .c-textboxRow dd {
    padding: 30px 40px;
    border-top: var(--color-border) solid 1px;
    border-radius: 0 8px 8px 0;
    border-left: none;
  }
}

.c-separate_item {
  display: block;
  justify-content: space-between;
}
.c-separate_item + .c-separate_item {
  margin-top: 50px;
}
.c-separate_item--vc {
  align-items: center;
}
.c-separate_item--r {
  flex-direction: row-reverse;
}
.c-separate_image {
  text-align: center;
  flex: none;
  width: 100%;
  margin-right: 0;
  border-radius: 10px;
  overflow: hidden;
}
.c-separate_image > img {
  border-radius: 10px;
}
.c-separate_image--min {
  flex: 0 0 calc(32.08% - 25px);
}
.c-separate_item--r .c-separate_image {
  margin-right: 0;
  margin-left: 0;
}
.c-separate_main {
  flex: 1 0;
  margin-top: 25px;
}
.c-separate_title {
  font-size: 2rem;
  line-height: var(--lineHeight-m);
  letter-spacing: 0.03em;
  margin-bottom: 12px;
  font-weight: 700;
}
.c-separate_btn {
  margin: 20px auto 0;
  max-width: 320px;
}
@media screen and (min-width: 768px), print {
  .c-separate_item {
    display: flex;
    justify-content: space-between;
  }
  .c-separate_item + .c-separate_item {
    margin-top: 60px;
  }
  .c-separate_image {
    flex: 0 0 40%;
    margin-right: 40px;
  }
  .c-separate_image--min {
    flex: 0 0 calc(32.08% - 25px);
  }
  .c-separate_item--r .c-separate_image {
    margin-left: 40px;
  }
  .c-separate_main {
    margin-top: 0;
  }
  .c-separate_title {
    font-size: 2rem;
    margin-bottom: 18px;
  }
  .c-separate_btn {
    margin: 40px auto 0 0;
  }
}

.c-iconsetList {
  display: block;
}
.c-iconsetList_item {
  margin-top: 50px;
}
@media screen and (min-width: 768px), print {
  .c-iconsetList {
    display: grid;
    gap: 48px 32px;
  }
  .c-iconsetList_item {
    margin-top: 0;
  }
  .c-iconsetList--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-iconsetList--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-iconset {
  display: block;
  gap: 30px;
}
.c-iconset--border {
  border-radius: 10px;
  border: var(--color-border) solid 1px;
  padding: 30px 24px 50px;
  position: relative;
  background-color: var(--color-wh);
}
.c-iconset_main {
  flex: 1;
  width: 100%;
}
.c-iconset_title {
  font-size: 1.8rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  margin-bottom: 12px;
}
.c-iconset_btn {
  margin-top: 30px;
  max-width: 380px;
}
.c-iconset_btnS {
  margin: 20px auto 0;
}
.c-iconset--col {
  display: block;
}
.c-iconset--col > .c-sph {
  margin: 0 auto 20px;
}
.c-iconset--col .c-iconset_main {
  margin-top: 0;
}
.c-iconset--col .c-iconset_title {
  text-align: center;
}
.c-iconset .c-sph {
  margin: 0 auto 20px;
}
@media screen and (min-width: 768px), print {
  .c-iconset {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .c-iconset--border {
    border-radius: 20px;
    padding: 56px 38px 56px 50px;
  }
  .c-iconset .c-sph {
    margin: 0 auto;
  }
  .c-iconset--col {
    display: block;
  }
  .c-iconset--col .c-iconset_main {
    margin-top: 14px;
  }
  .c-iconset_title {
    font-size: 2rem;
    margin-bottom: 18px;
  }
  .c-iconset_btn {
    margin-top: 48px;
  }
  .c-iconset_btnS {
    margin-top: 16px;
  }
}

.c-news_item {
  border-bottom: #BCC2C5 solid 1px;
}
.c-news_link {
  display: block;
  align-items: center;
  gap: 25px;
  padding: 18px 25px 18px 5px;
  position: relative;
}
.c-news_top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}
.c-news_days {
  font-size: 1.4rem;
  font-family: var(--font-sub);
  font-weight: 500;
  color: #A5A5A5;
  min-width: 110px;
}
.c-news_main {
  flex: 1;
}
.c-news_main .c-text {
  font-weight: 500;
  line-height: var(--lineHeight-m);
}
.c-news_size {
  font-size: 1.2rem;
  vertical-align: 2px;
}
.c-news_icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-block: auto;
}
.c-news_icon::before {
  background-color: var(--color-main);
}
.c-news_icon.icon--pdf::before {
  background-color: transparent;
}
.c-news_new {
  font-size: 1.2rem;
  color: var(--color-caution);
  margin: 0 8px;
  width: 47px;
  height: 20px;
  border: var(--color-red) solid 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
  vertical-align: 1px;
}
.c-news_trigger {
  max-width: 260px;
  margin-inline: auto;
}
.c-news_trigger_open {
  display: block;
}
.c-news_trigger_close {
  display: none;
}
.is-active > .c-news_trigger_open {
  display: none;
}
.is-active > .c-news_trigger_close {
  display: block;
}
.js-news-wrap li {
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.js-news-wrap li:nth-child(n+6) {
  display: none;
  opacity: 0;
  transform: translateY(-10px);
}
.js-news-wrap.is-active li:nth-child(n+6) {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
@starting-style {
  .js-news-wrap.is-active li:nth-child(n+6) {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@media screen and (min-width: 768px), print {
  .c-news_link {
    padding: 30px 45px 30px 28px;
    display: flex;
    position: relative;
    gap: 13px;
  }
  .c-news_link .c-text {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: var(--trans-min02);
  }
  .c-news_link::before {
    content: "";
    inset: 3px;
    display: block;
    position: absolute;
    background: #F3FBFF;
    border-radius: 4px;
    z-index: -1;
    opacity: 0;
    transition: var(--trans-min02);
  }
  .c-news_link[href]:hover .c-text {
    text-decoration-color: var(--color-main);
    color: var(--color-main);
  }
  .c-news_link[href]:hover::before {
    opacity: 1;
  }
  .c-news_top {
    margin-bottom: 0;
  }
  .c-news_days {
    font-size: 1.6rem;
    min-width: 125px;
  }
  .c-news_icon {
    right: 20px;
  }
}

.c-table {
  width: 100%;
}
.c-table--fixed {
  table-layout: fixed;
}
.c-table th {
  background: #1d6ed3;
  color: #FFF;
  vertical-align: top;
  border: #FFF solid 1px;
  padding: 15px 12px;
  position: relative;
  vertical-align: middle;
  border-bottom: none;
  text-align: center;
  line-height: var(--lineHeight-m);
}
.c-table td {
  padding: 15px 12px;
  vertical-align: top;
  border: #BCC2C5 solid 1px;
  line-height: var(--lineHeight-m);
  background-color: var(--color-wh);
}
.c-table td a:not(.c-txtlink_inner) {
  color: var(--color-link);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.c-table td a:not(.c-txtlink_inner):hover, a:hover .c-table td a:not(.c-txtlink_inner) {
  text-decoration-color: transparent;
}
.c-table td a:not(.c-txtlink_inner) .icon--blank::before {
  background: var(--color-main);
}
.c-table_color1 {
  background-color: #F3F3F3 !important;
  color: var(--color-txt) !important;
  border: 1px solid #BCC2C5 !important;
}
.c-table_color2 {
  background-color: var(--color-main) !important;
  color: #FFF !important;
}
.c-table_color3 {
  background-color: var(--color-bg) !important;
}
.c-table_color4 {
  background-color: #ef617f !important;
}
.c-table_empty {
  background-color: #fff !important;
  border: none !important;
}
.c-table_bd_none {
  border: none !important;
}
.c-table_bd_topNone {
  border-top: none !important;
}
.c-table_bd_bottomNone {
  border-bottom: none !important;
}
.c-table-switch {
  display: block;
  padding: 6px 12px 8px;
  border-radius: 6px;
  border: 1px solid #DDDDDD;
  padding-left: 58px;
  min-height: 36px;
  position: relative;
  margin: 0 0 20px auto;
  line-height: 1;
}
.c-table-switch::before, .c-table-switch::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/assets/images/icon/table_slide.svg) no-repeat center/contain;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
}
.c-table-switch::after {
  background-image: url(/assets/images/icon/table_fit.svg);
  left: 34px;
  filter: invert(0.7);
}
.c-table-switch__text {
  font-size: 1.2rem;
}
.c-table-switch__text--fit {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-table-switch {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-table_layoutPc {
    display: none;
  }
  .is-scrollable .c-table_layoutPc {
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .c-table_layoutSp {
    display: none;
  }
  .c-table th {
    padding: 20px 18px;
  }
  .c-table td {
    padding: 18px 18px;
  }
  .c-table_title {
    font-size: 1.6rem;
  }
}

.c-tableOuter--switch.is-scrollable.is-scroll .c-table__inner::before, .c-tableOuter--switch.is-scrollable.is-scroll .c-table__inner::after {
  opacity: 0;
  visibility: hidden;
}
.c-tableOuter--switch.is-scrollable .c-table__inner {
  overflow: auto;
  margin-right: -20px;
  padding-bottom: 8px;
  position: relative;
}
.c-tableOuter--switch.is-scrollable .c-table__inner::after {
  position: absolute;
  content: "";
  background: url(/assets/images/icon/swipe.svg) center/contain no-repeat;
  aspect-ratio: 200/90;
  width: 160px;
  top: 30px;
  left: calc(50% - 60px);
  z-index: 11;
  pointer-events: none;
  padding: 20px 10px 10px 10px;
}
.c-tableOuter--switch.is-scrollable .c-table__inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 7px);
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 10;
  transition: background-color 0.3s;
  pointer-events: none;
}
.c-tableOuter--switch.is-scrollable .c-table__inner::-webkit-scrollbar {
  width: 132px;
  height: 4px;
}
.c-tableOuter--switch.is-scrollable .c-table__inner::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 30px;
}
.c-tableOuter--switch.is-scrollable .c-table__body {
  min-width: 1000px;
  padding-bottom: 8px;
  padding-right: 20px;
}
.c-tableOuter--switch.is-scrollable .c-table-switch::before {
  filter: invert(0.7);
}
.c-tableOuter--switch.is-scrollable .c-table-switch::after {
  filter: none;
}
.c-tableOuter--switch.is-scrollable .c-table-switch__text--fit {
  display: block;
}
.c-tableOuter--switch.is-scrollable .c-table-switch__text--slide {
  display: none;
}
.c-tableOuter--scroll {
  margin-right: -20px;
  padding-bottom: 8px;
  position: relative;
}
.c-tableOuter--scroll::-webkit-scrollbar {
  width: 132px;
  height: 4px;
}
.c-tableOuter--scroll::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 30px;
}
.c-tableOuter--scroll .c-table__body {
  min-width: 1000px;
  padding-bottom: 8px;
  padding-right: 20px;
}
@media screen and (min-width: 768px), print {
  .c-tableOuter--switch.is-scrollable .c-table__inner {
    overflow: visible;
    margin-right: 0;
    padding-bottom: 0;
    position: static;
  }
  .c-tableOuter--switch.is-scrollable .c-table__inner::before, .c-tableOuter--switch.is-scrollable .c-table__inner::after {
    content: none;
  }
  .c-tableOuter--switch.is-scrollable .c-table__inner::-webkit-scrollbar {
    width: auto;
    height: auto;
  }
  .c-tableOuter--switch.is-scrollable .c-table__body {
    min-width: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .c-tableOuter--switch.is-scrollable .c-table-switch {
    display: none;
  }
  .c-tableOuter--scroll {
    margin-right: 0;
    padding-bottom: 0;
    position: static;
  }
  .c-tableOuter--scroll::-webkit-scrollbar {
    width: auto;
    height: auto;
  }
  .c-tableOuter--scroll .c-table__body {
    min-width: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
}

.c-accordion {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .c-accordion::details-content {
    overflow: clip;
    transition-duration: 300ms;
    transition-property: content-visibility, block-size;
    transition-behavior: allow-discrete;
  }
}
.c-accordion:not(:open)::details-content {
  block-size: 0;
}
.c-accordion + .c-accordion {
  margin-top: 15px;
}
.c-accordion_title {
  border-radius: 10px;
  border: var(--color-border) solid 1px;
  padding: 13px 12px 13px 16px;
  cursor: pointer;
  background-color: var(--color-wh);
  position: relative;
  display: flex;
  align-items: center;
}
.c-accordion_title_inner {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.c-accordion_title::after {
  content: "";
  width: calc(100% + 2px);
  height: 10px;
  border-right: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  background: #F8F8F9;
  position: absolute;
  bottom: -1px;
  z-index: -1;
  left: -1px;
  opacity: 0;
  transition: all 0.3s;
}
[open] .c-accordion_title::after {
  opacity: 1;
}
.c-accordion_title-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #E7F1F9;
  border-radius: 100%;
  border: 1px solid var(--color-main);
}
.c-accordion_title-icon--open, .c-accordion_title-icon--close {
  width: 1.6rem;
  height: 1.6rem;
}
.c-accordion_title-icon--open::before, .c-accordion_title-icon--close::before {
  background-color: var(--color-main);
}
[open] .c-accordion_title-icon--open {
  display: none;
}
.c-accordion_title-icon--close {
  display: none;
}
[open] .c-accordion_title-icon--close {
  display: block;
}
.c-accordion_title-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  margin-right: 16px;
  flex: 1;
  transition: all 0.2s;
}
summary:hover .c-accordion_title-text {
  text-decoration-color: inherit;
}
.c-accordion_title-q {
  font-family: var(--font-sub);
  color: #E61540;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 11px;
}
.c-accordion_main {
  padding-top: 10px;
  border: 1px solid var(--color-border);
  background: #F8F8F9;
  border-radius: 0 0 8px 8px;
  border-top: none;
  padding: 15px 15px 20px;
  opacity: 0;
  position: relative;
  transition: all 0.3s;
}
[open] .c-accordion_main {
  opacity: 1;
}
.c-accordion_main-a {
  position: absolute;
  top: 19px;
  left: 18px;
  font-family: var(--font-sub);
  color: #00B4ED;
  font-weight: 700;
  line-height: 1;
  font-size: 2rem;
}
.c-accordion_main:has(.c-accordion_main-a) {
  padding-left: 50px;
}
@media screen and (min-width: 768px), print {
  .c-accordion_title {
    padding: 15px 24px 15px 38px;
  }
  .c-accordion_title:has(.c-accordion_title-q) {
    padding-left: 28px;
  }
  .c-accordion_title-icon {
    width: 40px;
    height: 40px;
  }
  .c-accordion_title-icon--open, .c-accordion_title-icon--close {
    width: 1.9rem;
    height: 1.9rem;
  }
  .c-accordion_title-text {
    font-size: 1.8rem;
    margin-right: 20px;
  }
  .c-accordion_title-q {
    font-size: 2.8rem;
    margin-right: 16px;
  }
  .c-accordion_main {
    padding: 28px 40px 32px;
  }
  .c-accordion_main-a {
    font-size: 2.8rem;
    top: 30px;
    left: 30px;
  }
  .c-accordion_main:has(.c-accordion_main-a) {
    padding-left: 67px;
  }
}

@media screen and (min-width: 768px), print {
  .js-lnav-accordion-triggerWrap {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .js-lnav-accordion {
    height: 150px;
    overflow: hidden;
    padding-bottom: 10px;
    transition: height 0.3s ease-out;
  }
  .js-lnav-accordion.is-active {
    height: auto;
  }
  .js-lnav-accordion-triggerWrap {
    position: relative;
  }
  .js-lnav-accordion-triggerWrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgb(239, 245, 251) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: calc(100% + 16px);
  }
  .is-active + .js-lnav-accordion-triggerWrap::before {
    opacity: 0;
    pointer-events: none;
  }
}

.c-stepboxContainer_item {
  position: relative;
}
.c-stepboxContainer_item:not(:last-child) {
  margin-bottom: 48px;
}
.c-stepboxContainer_item:not(:last-child)::after {
  content: "";
  background-color: #BCC2C5;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  width: 56px;
  height: 24px;
  margin: 0 auto;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media screen and (min-width: 768px), print {
  .c-stepboxContainer_item:not(:last-child) {
    margin-bottom: 64px;
  }
  .c-stepboxContainer_item:not(:last-child)::after {
    width: 64px;
    height: 31px;
    bottom: -48px;
  }
}

.c-stepbox01 {
  border: var(--color-border) solid 1px;
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
  background-color: var(--color-wh);
}
.c-stepbox01 .c-titleIcon:only-child {
  margin-bottom: 0;
}
.c-stepbox01_btn {
  margin: 30px auto 0;
  max-width: 320px;
}
@media screen and (min-width: 768px), print {
  .c-stepbox01 {
    padding: 32px 40px;
  }
  .c-stepbox01_btn {
    margin: 40px auto 0;
  }
}

.c-stepFlowContainer {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.c-stepFlowContainer_item {
  width: 100%;
  position: relative;
}
.c-stepFlowContainer_item:not(:last-child)::after {
  content: "";
  width: 32px;
  height: 15px;
  background-color: var(--color-main);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: -25px;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .c-stepFlowContainer {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min((100% - 102px) / 4, 100%), 1fr));
  }
  .c-stepFlowContainer_item:not(:last-child) {
    margin-bottom: 0;
  }
  .c-stepFlowContainer_item:not(:last-child)::after {
    width: 18px;
    height: 24px;
    left: auto;
    right: -9px;
    top: 0;
    bottom: 0;
    margin: auto;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    transform: translateX(100%);
  }
}

.c-stepFlow {
  text-align: center;
  position: relative;
  padding: 50px 20px 28px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: var(--color-shadow) 0 2px 8px;
  height: 100%;
}
.c-stepFlow_number {
  color: var(--color-main);
  font-size: 1.6rem;
  font-weight: 700;
}
.c-stepFlow_number_number {
  font-size: 3.5rem;
  letter-spacing: 0.5px;
  line-height: 1;
}
.c-stepFlow_circle {
  width: 132px;
  height: 132px;
  background-color: var(--color-wh);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  margin: -20px auto 15px;
  padding: 20px;
}
.c-stepFlow_icon {
  font-size: 5rem;
}
.c-stepFlow_title {
  font-size: 1.8rem;
  line-height: 1.66;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-stepFlow_caption {
  display: table;
  margin-top: 25px;
  color: #5B5B5B;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: left;
}
.c-stepFlow_caption > span {
  display: table-cell;
}
.c-stepFlow_caption-fix {
  padding-right: 6px;
}
.c-stepFlow .c-deco {
  position: absolute;
  top: 12px;
  left: 12px;
}
.c-stepFlow .c-sph {
  margin-inline: auto;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px), print {
  .c-stepFlow {
    padding: 64px 30px 32px;
  }
}

.c-contact {
  background: url("/assets/images/common/bg_contact.jpg") no-repeat center/cover;
  position: relative;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  margin-inline: 8px;
  margin-bottom: 10px;
}
.c-contact_wrap {
  padding: 40px 0 40px;
  max-width: 1128px;
  width: calc(100% - 24px);
  margin-inline: auto;
}
.c-contact_title {
  margin-bottom: 30px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
}
.c-contact_box {
  width: 100%;
  height: 100%;
  min-height: auto;
  background-color: var(--color-wh);
  padding: 30px 17px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: var(--color-shadow) 0 2px 8px;
  display: flex;
  flex-direction: column;
}
.c-contact_box_inner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
}
.c-contact_box_inner--wGray {
  display: contents;
}
.c-contact_box_btn {
  max-width: 460px;
  margin: 0 auto;
  min-width: 0;
  width: 100%;
}
.c-contact_titleCompany {
  font-weight: 700;
  color: var(--color-main);
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.c-contact_under {
  border-top: var(--color-border) solid 1px;
  margin-top: 14px;
  padding-top: 16px;
  display: flex;
  justify-content: center;
  position: relative;
}
.c-contact_under::before {
  content: "";
  display: block;
  height: 1px;
  width: 53px;
  background: var(--color-main);
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  margin-inline: auto;
}
.c-contact_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px;
}
.c-contact_grid .c-contact_box_btn {
  max-width: 420px;
}
@media screen and (max-width: 767px) {
  .c-contact_under .c-text {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px), print {
  .c-contact {
    margin-inline: 16px;
  }
  .c-contact_wrap {
    padding: 56px 0 64px;
    width: var(--wrap-base-pc);
  }
  .c-contact_title {
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
  .c-contact_box {
    padding: 40px 28px 32px;
    min-height: 250px;
    border-radius: 12px;
  }
  .c-contact_box_inner--wGray {
    background: #F9F9F9;
    max-width: none;
    padding: 20px;
    display: flex;
    border-radius: 12px;
    min-height: 150px;
  }
  .c-contact_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-contact_titleCompany {
    font-size: 2.2rem;
    margin-bottom: 25px;
  }
}

.c-cv {
  position: relative;
  padding: 35px 16px 35px;
  border: 1px solid var(--color-main);
  border-radius: 12px;
  background: linear-gradient(130deg, #F6FCFF 15%, #EBF7FF 85%);
}
.c-cv_title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 26px;
  line-height: var(--lineHeight-m);
  color: var(--color-main);
  text-align: center;
}
.c-cv_btn {
  max-width: 462px;
  min-width: 0;
  width: 100%;
  margin-inline: auto;
}
.c-cv_grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}
.c-cv_grid .c-cv_box {
  margin: 0;
}
.c-cv_grid:has(.c-cv_box--wh) {
  gap: 12px;
}
.c-cv_grid--col3 {
  gap: 50px;
}
.c-cv_box {
  width: min(462px, 100%);
  margin-inline: auto;
  border-radius: 12px;
}
.c-cv_box_title {
  font-weight: 700;
  line-height: var(--lineHeight-s);
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.8rem;
  color: var(--color-main);
}
.c-cv_box--wh {
  background: #fff;
  padding: 24px 16px;
  flex: 1;
}
.c-cv_box--border {
  position: relative;
}
.c-cv_box--border + .c-cv_box--border::before {
  content: "";
  height: 1px;
  width: 100%;
  background: #CFDFE2;
  display: block;
  position: absolute;
  top: -25px;
}
@media screen and (min-width: 768px), print {
  .c-cv {
    padding-inline: 50px;
  }
  .c-cv_title {
    font-size: 2.8rem;
    margin-bottom: 34px;
  }
  .c-cv_bg {
    padding: 40px;
  }
  .c-cv_box_title {
    font-size: 2.2rem;
  }
  .c-cv_box--wh {
    padding: 40px;
  }
  .c-cv_box--border + .c-cv_box--border::before {
    width: 1px;
    height: 100%;
    left: -35px;
    top: 0;
  }
  .c-cv_grid {
    gap: 40px;
    flex-direction: row;
  }
  .c-cv_grid--col3 {
    gap: 72px;
  }
}

.c-float {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 13px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  z-index: 10;
  transition: transform 0.2s;
  transform: translateY(100%);
}
.c-float::before {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--color-grad1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.c-float.is-active {
  transform: translateY(0);
}
.c-float .c-text {
  line-height: 1.3;
  font-size: 1.4rem;
}
.c-float_inner {
  width: calc(100% - 28px) !important;
}
.c-float_lead {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
}
.c-float_list {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.c-float_item {
  max-width: 462px;
  flex: 1;
}
.c-float .c-btn_inner {
  min-height: 35px;
  padding: 5px 12px;
}
.c-float .c-btn_text {
  font-size: 1.3rem;
}
.c-float .c-btn_type, .c-float .c-btn_icon {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-float {
    padding: 18px 0;
  }
  .c-float_lead {
    font-size: 1.6rem;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
  .c-float_list {
    gap: 20px;
  }
  .c-float .c-text {
    font-size: 1.5rem;
  }
  .c-float .c-btn_inner {
    padding: 12px 40px;
    min-height: 40px;
  }
  .c-float .c-btn_text {
    font-size: 1.6rem;
  }
  .c-float .c-btn_type, .c-float .c-btn_icon {
    display: inline-flex;
  }
}

.c-form_error {
  margin-top: 10px;
}
.c-form_error > li {
  font-size: 1.6rem;
  line-height: var(--lineHeight-s);
  color: var(--color-caution);
}
.c-form_mark {
  display: inline-block;
  vertical-align: 2px;
  font-size: 1.2rem;
  padding: 2px 12px 3px;
  color: var(--color-wh);
  background-color: var(--color-caution);
  line-height: var(--lineHeight-s);
  border-radius: 2px;
  margin-left: 10px;
}
.c-form_errorBox {
  border: var(--color-caution) solid 1px;
  padding: 16px 24px;
  text-align: center;
  margin: 0 auto 30px;
}
.c-form_errorBox_text {
  font-size: 1.5rem;
  line-height: var(--lineHeight-l);
  color: var(--color-caution);
}
.c-form_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.c-form table,
.c-form tbody,
.c-form thead,
.c-form tr,
.c-form th,
.c-form td {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-form_error > li {
    font-size: 1.6rem;
  }
  .c-form_errorBox {
    padding: 18px 20px;
  }
  .c-form_errorBox_text {
    font-size: 1.6rem;
  }
  .c-form table {
    display: table;
  }
  .c-form tbody {
    display: table-row-group;
  }
  .c-form thead {
    display: table-header-group;
  }
  .c-form tr {
    display: table-row;
  }
  .c-form th,
  .c-form td {
    display: table-cell;
  }
  .c-form .c-table td {
    padding: 40px;
  }
  .c-form .c-table th {
    padding: 26px;
  }
}

.c-tableF {
  width: 100%;
}
.c-tableF tr {
  border-bottom: #B6C1C9 solid 1px;
}
.c-tableF th {
  vertical-align: top;
  padding: 30px 20px 30px 0;
  position: relative;
  vertical-align: top;
}
.c-tableF td {
  padding: 0 0 24px;
  vertical-align: top;
  line-height: var(--lineHeight-m);
}
.c-tableF_title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: var(--lineHeight-m);
}
.c-tableF_layoutPc {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-tableF_layoutSp {
    display: none;
  }
  .c-tableF_layoutPc {
    display: table-row-group;
  }
  .c-tableF th {
    padding: 30px 20px 30px 0;
  }
  .c-tableF td {
    padding: 30px 20px 30px 0;
  }
  .c-tableF_title {
    font-size: 1.8rem;
  }
}

/* /_block.scss
-------------------------------------------------------*/
.c-modal {
  width: 95vw;
  max-height: min(90vh, 960px);
  padding: 0;
  border: none;
  border-radius: 12px;
  background: var(--color-wh);
  color: var(--color-txt);
  box-shadow: 0 18px 48px rgba(0, 31, 63, 0.28);
  overflow: hidden;
}
.c-modal[open] {
  animation: modal-fade 0.2s ease;
}
.c-modal::backdrop {
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  animation: backdrop-fade 0.2s ease;
}
.c-modal_header, .c-modal_actions {
  padding: 16px 16px;
}
.c-modal_header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--color-border, #E1E6EA);
}
.c-modal_title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  margin: 0;
  flex: 1;
}
.c-modal_body {
  padding: 20px 16px;
  line-height: var(--lineHeight-l);
  font-size: 1.5rem;
  max-height: calc(90vh - 220px);
  overflow: auto;
}
.c-modal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid var(--color-border, #E1E6EA);
}
.c-modal_close {
  appearance: none;
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: inherit;
  cursor: pointer;
}
.c-modal_close:hover {
  background: rgba(0, 0, 0, 0.05);
}
.c-modal_close:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}
@media screen and (min-width: 768px), print {
  .c-modal {
    width: min(720px, 92vw);
    border-radius: 16px;
  }
  .c-modal_header, .c-modal_actions {
    padding: 16px 20px;
  }
  .c-modal_body {
    padding: 20px;
    font-size: 1.6rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c-modal,
  .c-modal::backdrop {
    animation: none !important;
  }
}
@keyframes modal-fade {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes backdrop-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* _layout.scss
-------------------------------------------------------*/
/*base*/
/* コンテンツ幅 */
.ly-main {
  min-height: calc(100vh - 124px);
}

/* コンテンツ幅 */
.ly-wrap_s {
  max-width: var(--wrap-s);
  width: var(--wrap-base);
  margin-inline: auto;
}
@media screen and (min-width: 768px), print {
  .ly-wrap_s {
    width: var(--wrap-base-pc);
  }
}
.ly-wrap_m {
  max-width: var(--wrap-m);
  width: var(--wrap-base);
  margin-inline: auto;
}
@media screen and (min-width: 768px), print {
  .ly-wrap_m {
    width: var(--wrap-base-pc);
  }
}
.ly-wrap_l {
  max-width: var(--wrap-l);
  width: var(--wrap-base);
  margin-inline: auto;
}
@media screen and (min-width: 768px), print {
  .ly-wrap_l {
    width: var(--wrap-base-pc);
  }
}
.ly-wrap_1920 {
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ly-wrap_sp {
    width: var(--wrap-base);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .ly-wrap_sp {
    width: var(--wrap-base-pc);
  }
}
@media screen and (max-width: 767px) {
  .ly-wrap_spmax {
    width: 100%;
  }
}

/* セクション */
.ly-sect_main {
  margin: 64px auto 64px;
  position: relative;
  z-index: 2;
}
.c-anchor + .ly-sect_main {
  margin-top: 58px;
}
.ly-sect_main:last-child {
  margin-bottom: 90px;
}
@media screen and (min-width: 768px), print {
  .ly-sect_main {
    margin: 104px auto 104px;
  }
  .c-anchor + .ly-sect_main {
    margin-top: 80px;
  }
  .ly-sect_main:last-child {
    margin-bottom: 120px;
  }
}
.ly-sect_main--bg {
  padding: 64px 0 64px;
  background: var(--color-bg);
  position: relative;
  z-index: 2;
}
.c-anchor + .ly-sect_main--bg {
  padding-top: 58px;
}
.ly-sect_main--bg:not(:has(~ .ly-sect_main:not(.ly-sect_main--bg))) {
  padding-bottom: 90px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .ly-sect_main--bg {
    padding: 104px 0 104px;
  }
  .c-anchor + .ly-sect_main--bg {
    padding-top: 80px;
  }
  .ly-sect_main--bg:not(:has(~ .ly-sect_main:not(.ly-sect_main--bg))) {
    padding-bottom: 120px;
  }
}
.ly-sect_sub {
  position: relative;
  z-index: 2;
}
.ly-sect_sub + .ly-sect_sub {
  margin-top: 60px;
}

/* 余白 */
.ly-mt_xxl {
  margin-top: var(--xxl_sp) !important;
}
.ly-mt_xl {
  margin-top: var(--xl_sp) !important;
}
.ly-mt_l {
  margin-top: var(--l_sp) !important;
}
.ly-mt_ml {
  margin-top: var(--ml_sp) !important;
}
.ly-mt_m {
  margin-top: var(--m_sp) !important;
}
.ly-mt_s {
  margin-top: var(--s_sp) !important;
}
.ly-mt_xs {
  margin-top: var(--xs_sp) !important;
}
.ly-mb_xxl {
  margin-bottom: var(--xxl_sp) !important;
}
.ly-mb_xl {
  margin-bottom: var(--xl_sp) !important;
}
.ly-mb_l {
  margin-bottom: var(--l_sp) !important;
}
.ly-mb_ml {
  margin-bottom: var(--ml_sp) !important;
}
.ly-mb_m {
  margin-bottom: var(--m_sp) !important;
}
.ly-mb_s {
  margin-bottom: var(--s_sp) !important;
}
.ly-mb_xs {
  margin-bottom: var(--xs_sp) !important;
}
.ly-pt_xxl {
  padding-top: var(--xxl_sp) !important;
}
.ly-pt_xl {
  padding-top: var(--xl_sp) !important;
}
.ly-pt_l {
  padding-top: var(--l_sp) !important;
}
.ly-pt_ml {
  padding-top: var(--ml_sp) !important;
}
.ly-pt_m {
  padding-top: var(--m_sp) !important;
}
.ly-pt_s {
  padding-top: var(--s_sp) !important;
}
.ly-pt_xs {
  padding-top: var(--xs_sp) !important;
}
.ly-pb_xxl {
  padding-bottom: var(--xxl_sp) !important;
}
.ly-pb_xl {
  padding-bottom: var(--xl_sp) !important;
}
.ly-pb_l {
  padding-bottom: var(--l_sp) !important;
}
.ly-pb_ml {
  padding-bottom: var(--ml_sp) !important;
}
.ly-pb_m {
  padding-bottom: var(--m_sp) !important;
}
.ly-pb_s {
  padding-bottom: var(--s_sp) !important;
}
.ly-pb_xs {
  padding-bottom: var(--xs_sp) !important;
}
@media screen and (min-width: 768px), print {
  .ly-mt_xxl {
    margin-top: var(--xxl) !important;
  }
  .ly-mt_xl {
    margin-top: var(--xl) !important;
  }
  .ly-mt_l {
    margin-top: var(--l) !important;
  }
  .ly-mt_ml {
    margin-top: var(--ml) !important;
  }
  .ly-mt_m {
    margin-top: var(--m) !important;
  }
  .ly-mt_s {
    margin-top: var(--s) !important;
  }
  .ly-mt_xs {
    margin-top: var(--xs) !important;
  }
  .ly-mb_xxl {
    margin-bottom: var(--xxl) !important;
  }
  .ly-mb_xl {
    margin-bottom: var(--xl) !important;
  }
  .ly-mb_l {
    margin-bottom: var(--l) !important;
  }
  .ly-mb_ml {
    margin-bottom: var(--ml) !important;
  }
  .ly-mb_m {
    margin-bottom: var(--m) !important;
  }
  .ly-mb_s {
    margin-bottom: var(--s) !important;
  }
  .ly-mb_xs {
    margin-bottom: var(--xs) !important;
  }
  .ly-pt_xxl {
    padding-top: var(--xxl) !important;
  }
  .ly-pt_xl {
    padding-top: var(--xl) !important;
  }
  .ly-pt_l {
    padding-top: var(--l) !important;
  }
  .ly-pt_ml {
    padding-top: var(--ml) !important;
  }
  .ly-pt_m {
    padding-top: var(--m) !important;
  }
  .ly-pt_s {
    padding-top: var(--s) !important;
  }
  .ly-pt_xs {
    padding-top: var(--xs) !important;
  }
  .ly-pb_xxl {
    padding-bottom: var(--xxl) !important;
  }
  .ly-pb_xl {
    padding-bottom: var(--xl) !important;
  }
  .ly-pb_l {
    padding-bottom: var(--l) !important;
  }
  .ly-pb_ml {
    padding-bottom: var(--ml) !important;
  }
  .ly-pb_m {
    padding-bottom: var(--m) !important;
  }
  .ly-pb_s {
    padding-bottom: var(--s) !important;
  }
  .ly-pb_xs {
    padding-bottom: var(--xs) !important;
  }
}

/* 汎用コンテナー */
.ly-container {
  /* コンテナの横幅からギャップの合計値を引いたものをn等分する */
  --_column-width-calculated: calc(
      (100% - var(--_gap) * (var(--_column-max-count) - 1)) /
      var(--_column-max-count)
  );
  /* 最終的に適用される列の幅。
  * 理想の幅と最小幅を比較し、大きい方を採用します。
  * ただし、コンテナ全体の幅を超えることはありません。*/
  --_column-width: min(
      100%,
      max(var(--_column-min-width), var(--_column-width-calculated))
  );
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--_column-width), 1fr));
  gap: 24px var(--_gap);
  --_gap: 32px;
}
.ly-container--col2Sp {
  display: block grid;
  --_gap: 24px;
  /* gapの数値 */
  --_column-max-count: 2;
  /* 表示したい最大の列数 */
  --_column-min-width: 140px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
.ly-container_item {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .ly-container--center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--_gap);
  }
  .ly-container--col1 {
    --_gap: 40px;
    /* gapの数値 */
    --_column-max-count: 1;
    /* 表示したい最大の列数 */
    --_column-min-width: 600px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-container--col2 {
    --_gap: 40px;
    /* gapの数値 */
    --_column-max-count: 2;
    /* 表示したい最大の列数 */
    --_column-min-width: 400px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-container--col3 {
    --_gap: 33px;
    /* gapの数値 */
    --_column-max-count: 3;
    /* 表示したい最大の列数 */
    --_column-min-width: 320px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-container--col4 {
    --_gap: 24px;
    /* gapの数値 */
    --_column-max-count: 4;
    /* 表示したい最大の列数 */
    --_column-min-width: 240px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-container--center.ly-container--col2 .ly-container_item {
    width: calc((100% - var(--_gap) * 1) / 2);
  }
  .ly-container--center.ly-container--col3 .ly-container_item {
    width: calc((100% - var(--_gap) * 2) / 3);
  }
  .ly-container--center.ly-container--col4 .ly-container_item {
    width: calc((100% - var(--_gap) * 3) / 4);
  }
}

/* パネル用コンテナー */
.ly-panelContainer {
  /* コンテナの横幅からギャップの合計値を引いたものをn等分する */
  --_column-width-calculated: calc(
      (100% - var(--_gap) * (var(--_column-max-count) - 1)) /
      var(--_column-max-count)
  );
  /* 最終的に適用される列の幅。
  * 理想の幅と最小幅を比較し、大きい方を採用します。
  * ただし、コンテナ全体の幅を超えることはありません。*/
  --_column-width: min(
      100%,
      max(var(--_column-min-width), var(--_column-width-calculated))
  );
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--_column-width), 1fr));
  gap: 24px var(--_gap);
  --_gap: 20px;
  /* gapの数値 */
}
.ly-panelContainer--col2Sp {
  --_gap: 16px;
  /* gapの数値 */
  --_column-max-count: 2;
  /* 表示したい最大の列数 */
  --_column-min-width: 140px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
.ly-panelContainer_item:has(.c-textpanel_tab) {
  padding-top: 32px;
}
@media screen and (min-width: 768px), print {
  .ly-panelContainer--col1 {
    --_gap: 40px;
    /* gapの数値 */
    --_column-max-count: 1;
    /* 表示したい最大の列数 */
    --_column-min-width: 600px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-panelContainer--col2 {
    --_gap: 40px;
    /* gapの数値 */
    --_column-max-count: 2;
    /* 表示したい最大の列数 */
    --_column-min-width: 400px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-panelContainer--col3 {
    --_gap: 33px;
    /* gapの数値 */
    --_column-max-count: 3;
    /* 表示したい最大の列数 */
    --_column-min-width: 320px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-panelContainer--col4 {
    --_gap: 24px;
    /* gapの数値 */
    --_column-max-count: 4;
    /* 表示したい最大の列数 */
    --_column-min-width: 240px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-panelContainer_item:has(.c-textpanel_tab) {
    padding-top: 34px;
  }
}

@media screen and (max-width: 767px) {
  .js-scrollHint img {
    max-width: 850px;
  }
}

/* /_layout.scss
-------------------------------------------------------*/
/* _header.scss
-------------------------------------------------------*/
.header {
  height: var(--header-height-sp);
  background: #fff;
  padding-left: 10px;
  border-top: 2px solid var(--color-main);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: rgba(162, 162, 162, 0.15) 0 5px 12px;
  transition: all 0.3s ease-in-out;
}
.header.is-headerNone {
  transform: translateY(-105%);
  opacity: 0;
  pointer-events: none;
}
.header-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 100%;
  gap: 15px;
}
.header-logo {
  width: 108px;
}
.header-logo > a {
  display: block;
}
.header-logo_text {
  font-size: 0.9rem;
  font-weight: 500;
  text-align: center;
  color: var(--color-caption);
  font-family: "Outfit", "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.05em;
  margin-top: 1px;
}
.header-dir {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: auto;
  flex-shrink: 0;
}
.header-dir_item {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  width: fit-content;
  flex-shrink: 0;
  text-align: center;
  border-radius: 30px;
  padding: 2px 3px 3px;
}
.header-dir_item.is-active {
  background: #DEF0FF;
  color: var(--color-main);
  font-weight: 700;
  padding: 2px 11px 3px;
}
.header-dir_item--spHide {
  display: none;
}
.header-gnav {
  display: flex;
  height: 100%;
  flex: 1;
  justify-content: flex-end;
}
.header-gnav_toggle, .header-gnav_item > a {
  display: block;
  width: 100%;
  padding: 14px 50px 14px 23px;
  font-weight: 700;
  font-size: 1.6rem;
  position: relative;
}
.header-gnav_toggle__icon, .header-gnav_item > a__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin-block: auto;
  transition: var(--trans-min02);
}
[aria-expanded=true] .header-gnav_toggle__icon, [aria-expanded=true] .header-gnav_item > a__icon {
  transform: rotate(-180deg);
}
.header-gnav_item {
  border-top: 1px solid var(--color-border);
}
.header-gnav_item:first-child {
  border-top: none;
}
.header-gnav_control {
  position: relative;
  border-left: 1px solid var(--color-border);
  width: 50px;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.header-gnav_control__icon, .header-login_control__icon {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
}
.header-gnav_control__icon--line, .header-gnav_control__icon--line::before, .header-gnav_control__icon--line::after {
  height: 2px;
  width: 16px;
  background: #1D1D1B;
  display: block;
  border-radius: 2px;
  position: relative;
  margin-inline: auto;
  margin-block: auto;
}
.header-gnav_control__icon--line::before, .header-gnav_control__icon--line::after {
  content: "";
  position: absolute;
  bottom: -4px;
}
.header-gnav_control__icon--line::after {
  bottom: auto;
  top: -4px;
}
.header-gnav_control__txt, .header-login_control__txt {
  font-size: 0.8rem;
  text-align: center;
  font-weight: 700;
  margin-inline: auto;
}
.header-gnav_main {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  background: #E6ECF3;
  z-index: 1;
  box-shadow: rgba(162, 162, 162, 0.2) 0 5px 12px;
  padding-bottom: 25px;
  padding-top: var(--header-height-sp);
  height: 100vh;
  overflow-y: scroll;
  transition: var(--trans-min02);
  transition-behavior: allow-discrete;
}
.header-gnav_main[hidden] {
  opacity: 0;
}
@starting-style {
  .header-gnav_main[hidden] {
    opacity: 1;
  }
}
.header-gnav_main:not([hidden]) {
  opacity: 1;
  display: block;
}
@starting-style {
  .header-gnav_main:not([hidden]) {
    opacity: 0;
  }
}
.header-gnav_list {
  width: calc(100% - 30px);
  margin-inline: auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: var(--color-shadow) 0 2px 8px;
}
.header-gnav_other {
  width: calc(100% - 40px);
  max-width: 300px;
  margin-inline: auto;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.header-gnav_other a {
  display: block;
  padding: 0 20px 0 0;
  font-size: 1.5rem;
  color: #444;
  font-weight: 500;
  position: relative;
}
.header-gnav_other a::after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  background-color: #444;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url(/assets/images/icon/arrow_r.svg);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-block: auto;
}
.header-gnav_close {
  border-radius: 40px;
  background: #fff;
  padding: 5px 20px 5px 40px;
  color: var(--color-main);
  font-weight: 700;
  font-size: 1.4rem;
  margin: 25px auto 0;
  display: block;
  position: relative;
  border: 1px solid var(--color-main);
  box-shadow: var(--color-shadow) 0 2px 8px;
}
.header-gnav_close::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--color-main);
  display: block;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url(/assets/images/icon/close.svg);
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin-block: auto;
}
.header-gnav_closeTop {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 5px;
}
.header-gnav_closeTop .icon {
  width: 20px;
  height: 20px;
  margin: 0;
}
.header-gnav2_child {
  position: relative;
}
.header-gnav2_child::before {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  background: #e6ecf3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
}
.header-gnav2_head > a, .header-gnav2_head > button {
  display: block;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 12px 50px 12px 43px;
  position: relative;
}
.header-gnav2_head > a::before, .header-gnav2_head > button::before {
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  position: absolute;
  top: 22px;
  left: 23px;
}
.header-gnav2_toggle__icon {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin-block: auto;
  transition: var(--trans-min02);
}
.header-gnav2_toggle__icon::before {
  background-color: var(--color-main);
}
[aria-expanded=true] .header-gnav2_toggle__icon {
  transform: rotate(-180deg);
}
.header-gnav2_close {
  display: none;
}
.header-gnav2_item {
  transform: translateY(0);
  transition: var(--trans-min02);
  transition-behavior: allow-discrete;
}
@starting-style {
  .header-gnav2_item {
    transform: translateY(-10px);
    opacity: 0;
  }
}
.header-gnav3_child {
  transition-behavior: allow-discrete;
  transform: translate(0, 0);
  transition: var(--trans-min02);
}
@starting-style {
  .header-gnav3_child {
    transform: translateY(-10px);
    opacity: 0;
  }
}
.header-gnav3_head__title {
  display: none;
}
.header-gnav3_main__title {
  display: none;
}
.header-gnav3_toggle, .header-gnav3_head__top, .header-gnav3_under__link, .header-gnav3_feature__link, .header-gnav3_list__item > a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 10px 25px 10px 44px;
  position: relative;
  background: #f7f7f7;
}
.header-gnav3_toggle .icon, .header-gnav3_head__top .icon, .header-gnav3_under__link .icon, .header-gnav3_feature__link .icon, .header-gnav3_list__item > a .icon {
  width: 1em;
  height: 1em;
}
.header-gnav3_toggle__icon {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin-block: auto;
}
.header-search_control {
  display: none;
}
.header-search_body {
  padding: 25px 15px;
}
.header-search_body .c-search_box input {
  height: 42px;
  padding: 6px 50px 6px 30px;
  font-size: 1.4rem;
  box-shadow: var(--color-shadow) 0 2px 8px;
  border: 1px solid var(--color-main);
}
.header-search_body .c-search_box input::placeholder {
  font-size: 1.4rem;
}
.header-search_body .c-search_btn {
  width: 30px;
  height: 30px;
  right: 6px;
}
.header-search_body .c-search_icon {
  width: 2rem;
  height: 2rem;
}
.header-login_control {
  border-left: 1px solid var(--color-border);
  width: 50px;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.header-login_control__icon::before {
  background: #E61540;
}
.header-login_control__txt {
  color: #E61540;
}
.header-login_body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding-block: var(--header-height-sp) 25px;
  background: #E6ECF3;
  box-shadow: rgba(162, 162, 162, 0.2) 0 5px 12px;
  z-index: 1;
  overflow-y: scroll;
  transition: var(--trans-min02);
  transition-behavior: allow-discrete;
}
.header-login_body[hidden] {
  opacity: 0;
}
@starting-style {
  .header-login_body[hidden] {
    opacity: 1;
  }
}
.header-login_body:not([hidden]) {
  opacity: 1;
  display: block;
}
@starting-style {
  .header-login_body:not([hidden]) {
    opacity: 0;
  }
}
.header-login_body__close {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 5px;
}
.header-login_body__close > .icon {
  width: 20px;
  height: 20px;
  margin: 0px;
}
.header-login_main {
  text-align: center;
}
.header-login_main__title {
  font-size: 1.8rem;
  margin-bottom: 8px;
}
.header-login_main__link {
  margin-top: 16px;
  font-weight: 500;
}
.header-login_main__link > a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: all 0.2s;
}
.header-login_main__link > a:hover, a:hover .header-login_main__link > a {
  text-decoration-color: transparent;
}
.header-login_main__link > .icon::before {
  background: #E61540;
}
.header-login_btn {
  margin-inline: auto;
}
.header-login_main__link + .header-login_btn {
  border-top: var(--color-border) 1px solid;
  padding-top: 17px;
  margin-top: 17px;
}
.header-login_btn_inner--red {
  border: none;
  background: linear-gradient(93deg, #FF758D 8%, #EF4B6A 22%, #E61540 42%, #F9A423 100%) no-repeat left top/200% 100%;
}
.header-login_btn_inner--green {
  border: none;
  background: linear-gradient(93deg, #27D16B 8%, #1FB857 22%, #069B41 42%, #27D16B 100%) no-repeat left top/200% 100%;
}
.header-login_btn_inner--yellow {
  border: none;
  background: linear-gradient(93deg, #F8BE20 8%, #F9A423 22%, #E8820E 42%, #F25479 85%) no-repeat left top/200% 100%;
}
.header-login_btn_inner--red, .header-login_btn_inner--green, .header-login_btn_inner--yellow {
  transition: var(--trans-min03);
  padding: 7px 32px 7px 40px !important;
}
.header-login_btn_inner--red .c-btn_type, .header-login_btn_inner--green .c-btn_type, .header-login_btn_inner--yellow .c-btn_type {
  margin: 0;
  left: 18px;
}
.header-login_btn_inner--red:hover, .header-login_btn_inner--green:hover, .header-login_btn_inner--yellow:hover {
  background-position: right top;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
}
.header-login_btn_inner--red:hover .c-btn_type::before,
.header-login_btn_inner--red:hover .c-btn_icon::before, .header-login_btn_inner--green:hover .c-btn_type::before,
.header-login_btn_inner--green:hover .c-btn_icon::before, .header-login_btn_inner--yellow:hover .c-btn_type::before,
.header-login_btn_inner--yellow:hover .c-btn_icon::before {
  background: #fff !important;
}
.header-login_close {
  border-radius: 40px;
  background: #fff;
  padding: 5px 20px 5px 40px;
  color: var(--color-main);
  font-weight: 700;
  font-size: 1.4rem;
  margin: 25px auto 0;
  display: block;
  position: relative;
  border: 1px solid var(--color-main);
  box-shadow: var(--color-shadow) 0 2px 8px;
}
.header-login_close::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--color-main);
  display: block;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url(/assets/images/icon/close.svg);
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin-block: auto;
}
@media screen and (max-width: 1024px) {
  .header .u-brGnavPc {
    display: none;
  }
  .header-login_main {
    width: calc(100% - 30px);
    padding: 30px;
    margin: 25px auto 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: var(--color-shadow) 0 2px 8px;
  }
  .header-login_main__box + .header-login_main__box {
    border-top: var(--color-grayC) 1px solid;
    padding-top: 30px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .header {
    height: var(--header-height-pc);
    display: block;
    padding-bottom: 56px;
  }
  .header .u-brGnavSp {
    display: none;
  }
  .header-inner {
    width: min(var(--wrap-m), var(--wrap-base-pc));
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 24px;
  }
  .header-logo {
    width: 176px;
  }
  .header-logo_text {
    font-size: 1.1rem;
    text-align: left;
    margin-top: 4px;
  }
  .header-dir {
    gap: 4px;
  }
  .header-dir_item {
    font-size: 1.4rem;
    padding: 3px 14px 4px;
    transition: var(--trans-min02);
  }
  .header-dir_item:hover {
    color: var(--color-main);
  }
  .header-dir_item.is-active {
    padding: 3px 14px 4px;
  }
  .header-dir_item--spHide {
    display: inline;
  }
  .header-gnav_main {
    display: block;
    background: #E6ECF3;
    height: 100%;
    position: static;
    overflow: visible;
    padding: 0;
  }
  .header-gnav_control {
    display: none;
  }
  .header-gnav_list {
    display: flex;
    width: min(var(--wrap-m), var(--wrap-base-pc));
    margin-inline: auto;
    height: 100%;
    background: none;
    box-shadow: none;
  }
  .header-gnav_item {
    flex: 1;
    height: 100%;
  }
  .header-gnav_item > a,
  .header-gnav_item > button {
    display: grid;
    place-content: center;
    height: 100%;
    width: 100%;
    padding: 0;
    transition: var(--trans-min02);
  }
  .header-gnav_item > a:hover,
  .header-gnav_item > button:hover {
    color: var(--color-main);
  }
  .header-gnav_item > a::before,
  .header-gnav_item > button::before {
    content: "";
    height: calc(100% - 16px);
    margin-block: auto;
    width: 1px;
    background: #CFDFE2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .header-gnav_item:last-child > a::after,
  .header-gnav_item:last-child > button::after {
    content: "";
    height: calc(100% - 16px);
    margin-block: auto;
    width: 1px;
    background: #CFDFE2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .header-gnav_head {
    display: grid;
    place-content: center;
    text-align: center;
    height: 100%;
  }
  .header-gnav_other {
    position: absolute;
    left: 50%;
    top: -46px;
    display: flex;
    align-items: center;
    margin: 0;
    max-width: none;
    width: auto;
    gap: 0;
  }
  .header-gnav_other li + li {
    padding-left: 17px;
    margin-left: 17px;
    border-left: 1px solid var(--color-border);
  }
  .header-gnav_other a {
    padding: 0;
    color: #A5A5A5;
    font-size: 1.2rem;
    transition: var(--trans-min02);
  }
  .header-gnav_other a:hover {
    opacity: 0.7;
  }
  .header-gnav_other a::after {
    content: none;
  }
  .header-gnav_close, .header-gnav_closeTop {
    display: none;
  }
  .header-gnav_toggle[aria-expanded=true] {
    color: var(--color-main);
  }
  .header-gnav2 {
    display: block;
    background: #E6ECF3;
    position: absolute;
    width: 100%;
    height: auto;
    max-height: calc(100vh - var(--header-height-pc));
    overflow: auto;
    top: 55px;
    left: 0;
    padding: 64px 0 59px;
    box-shadow: rgba(150, 150, 150, 0.2) 0 8px 12px;
    border-top: 1px solid #CFDFE2;
    list-style: none;
    transition: var(--trans-min02);
    transition-behavior: allow-discrete;
  }
  @starting-style {
    .header-gnav2 {
      opacity: 0;
      transform: translateY(-10px);
    }
  }
  .header-gnav2[hidden] {
    opacity: 0;
    transform: translateY(-10px);
  }
  @starting-style {
    .header-gnav2[hidden] {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .header-gnav2_head {
    width: fit-content;
  }
  .header-gnav2_child {
    width: min(var(--wrap-m), var(--wrap-base-pc));
    margin-inline: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: var(--color-shadow) 0 2px 8px;
    overflow: hidden;
    min-height: 271px;
    list-style-type: none;
  }
  .header-gnav2_child::before {
    width: 1px;
    height: calc(100% - 48px);
    right: auto;
    left: 240px;
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
  .header-gnav2_head > a, .header-gnav2_head > button {
    height: 68px;
    display: flex;
    align-items: center;
    width: 240px;
    padding: 10px 40px 10px 24px;
    font-size: 1.4rem;
    border-bottom: 1px solid var(--color-border);
    transition: var(--trans-min02);
  }
  .header-gnav2_head > a:hover, .header-gnav2_head > button:hover {
    color: var(--color-main);
  }
  .header-gnav2_head > a::before, .header-gnav2_head > button::before {
    content: none;
  }
  .header-gnav2_head > a:hover .header-gnav2_toggle__icon::before, .header-gnav2_head > button:hover .header-gnav2_toggle__icon::before {
    background-color: var(--color-main);
  }
  .header-gnav2_head {
    position: absolute;
    top: 0;
    left: 0;
  }
  .header-gnav2_head > a {
    position: relative;
  }
  .header-gnav2_head > a::before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    right: 15px;
    mask-image: url(/assets/images/icon/arrow_r.svg);
    display: block;
    background-color: #BCC2C5;
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin-block: auto;
    position: absolute;
    left: auto;
  }
  .header-gnav2_item {
    transform: none;
  }
  .header-gnav2_item:nth-child(2) .header-gnav2_head {
    top: 68px;
  }
  .header-gnav2_item:nth-child(3) .header-gnav2_head {
    top: 136px;
  }
  .header-gnav2_item:nth-child(4) .header-gnav2_head {
    top: 204px;
  }
  .header-gnav2_item:nth-child(5) .header-gnav2_head {
    top: 272px;
  }
  .header-gnav2_item:nth-child(6) .header-gnav2_head {
    top: 340px;
  }
  .header-gnav2_item:nth-child(7) .header-gnav2_head {
    top: 408px;
  }
  .header-gnav2_item:nth-child(8) .header-gnav2_head {
    top: 476px;
  }
  .header-gnav2_item:nth-child(9) .header-gnav2_head {
    top: 544px;
  }
  .header-gnav2_item:nth-child(10) .header-gnav2_head {
    top: 612px;
  }
  .header-gnav2_toggle__icon {
    margin: auto 0;
    transform: rotate(-90deg);
  }
  .header-gnav2_toggle__icon::before {
    background-color: #BCC2C5;
    transition: var(--trans-min02);
  }
  [aria-expanded=true] .header-gnav2_toggle__icon {
    transform: rotate(-90deg);
  }
  [aria-expanded=true] .header-gnav2_toggle__icon::before {
    background-color: var(--color-main);
  }
  .header-gnav2_toggle[aria-expanded=true] {
    color: var(--color-main);
  }
  .header-gnav2_close {
    display: block;
    position: absolute;
    top: 16px;
    left: calc(50% + 495px);
    padding: 5px 15px 6px 40px;
    background: #fff;
    font-weight: 700;
    color: var(--color-main);
    border: 1px solid var(--color-main);
    border-radius: 30px;
    font-size: 1.6rem;
    box-shadow: rgba(9, 88, 148, 0.25) 0 3px 8px;
  }
  .header-gnav2_close::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: var(--color-main);
    display: block;
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/images/icon/close.svg);
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
  .header-gnav3_child {
    list-style: none;
    width: 959px;
    padding: 25px 40px 40px;
    display: grid;
    margin-right: 0;
    margin-left: auto;
  }
  @starting-style {
    .header-gnav3_child {
      transform: translateX(-10px);
      opacity: 0;
    }
  }
  .header-gnav3_item {
    grid-area: 1/1;
  }
  .header-gnav3_item::marker {
    content: none;
  }
  .header-gnav3_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--color-border);
    position: relative;
    padding-bottom: 10px;
  }
  .header-gnav3_head::after {
    content: "";
    height: 1px;
    width: 56px;
    background: var(--color-main);
    position: absolute;
    bottom: -1px;
    left: 0;
  }
  .header-gnav3_head__title {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
  }
  .header-gnav3_head__title::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--color-main);
  }
  .header-gnav3_head__top {
    color: var(--color-main);
    font-weight: 700;
    background: no-repeat;
    width: auto;
    padding: 0;
    padding-right: 20px;
    position: relative;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all 0.2s;
  }
  .header-gnav3_head__top:hover, a:hover .header-gnav3_head__top {
    text-decoration-color: transparent;
  }
  .header-gnav3_head__top::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-main);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/images/icon/arrow_r.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin-block: auto;
    right: 0;
  }
  .header-gnav3_feature {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .header-gnav3_feature__link {
    display: block;
    background: var(--color-main);
    border-radius: 50px;
    padding: 8px 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    position: relative;
    border: 1px solid var(--color-main);
    transition: var(--trans-min02);
    font-size: 1.5rem;
  }
  .header-gnav3_feature__link::after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/images/icon/arrow_r.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 15px;
    transition: var(--trans-min02);
  }
  .header-gnav3_feature__link:hover {
    background: #EFF5FB;
    color: var(--color-main);
  }
  .header-gnav3_feature__link:hover::after {
    background: var(--color-main);
  }
  .header-gnav3_main {
    margin-top: 30px;
    display: flex;
    gap: 20px;
  }
  .header-gnav3_main--ver {
    flex-direction: column;
  }
  .header-gnav3_main__title {
    font-size: 1.8rem;
    margin-bottom: 14px;
    letter-spacing: 0.04em;
    display: block;
  }
  .header-gnav3_main__item {
    flex: 1;
  }
  .header-gnav3_list--row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 30px;
  }
  .header-gnav3_list--row .header-gnav3_list__item + .header-gnav3_list__item {
    margin-top: 0;
  }
  .header-gnav3_list__item + .header-gnav3_list__item {
    margin-top: 15px;
  }
  .header-gnav3_list__item > a {
    background: none;
    padding: 0 0 0 27px;
    font-size: 1.6rem;
    position: relative;
    transition: var(--trans-min02);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: var(--trans-min02);
    text-underline-offset: 3px;
  }
  .header-gnav3_list__item > a:hover {
    color: var(--color-main);
    text-underline-offset: 5px;
    text-decoration-color: var(--color-main);
  }
  .header-gnav3_list__item > a::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: var(--color-main);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/images/icon/arrow_r.svg);
    mask-size: 10px 10px;
    position: absolute;
    top: 5px;
    left: 0;
  }
  .header-gnav3_list__item > a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-main);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
  }
  .header-gnav3_under {
    margin-top: 25px;
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
  .header-gnav3_under__link {
    padding: 0;
    padding-left: 27px;
    font-size: 1.6rem;
    position: relative;
    transition: var(--trans-min02);
    font-weight: 500;
    background: none;
    width: auto;
    transition: var(--trans-min02);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: var(--trans-min02);
    text-underline-offset: 3px;
  }
  .header-gnav3_under__link:hover {
    color: var(--color-main);
    text-underline-offset: 5px;
    text-decoration-color: var(--color-main);
  }
  .header-gnav3_under__link::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: var(--color-main);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url(/assets/images/icon/arrow_r.svg);
    mask-size: 10px 10px;
    position: absolute;
    top: 5px;
    left: 0;
  }
  .header-gnav3_under__link::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-main);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
  }
  .header-menu {
    background: #E6ECF3;
    position: absolute;
    left: 0;
    top: 68px;
    width: 100%;
    height: fit-content;
    height: 56px;
  }
  .header-search {
    position: absolute;
    bottom: 100%;
    height: 68px;
    left: calc(50% + 600px - 243px);
    width: 120px;
    display: flex;
    align-items: center;
  }
  .header-search_control {
    width: 120px;
    height: 40px;
    border: 1px solid var(--color-main);
    box-shadow: rgba(9, 88, 148, 0.25) 0 3px 8px;
    background: #fff;
    display: flex;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 0;
    position: relative;
    padding: 0 22px 0 33px;
    transition: var(--trans-min02);
  }
  .header-search_control:hover {
    box-shadow: none;
  }
  .header-search_control__icon {
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin-block: auto;
  }
  .header-search_control__icon::before {
    background-color: var(--color-main);
    margin: 0;
  }
  .header-search_control__txt {
    color: var(--color-main);
    font-size: 1.6rem;
    margin: 0;
    text-align: center;
    font-weight: 700;
  }
  .header-search_body {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    box-shadow: rgba(9, 88, 148, 0.2) 0 8px 8px;
    border-radius: 0 0 8px 8px;
  }
  .header-login {
    display: flex;
    align-items: center;
    position: relative;
  }
  .header-login_control {
    width: 120px;
    height: 40px;
    border-radius: 50px;
    background: linear-gradient(100deg, #FF758D 0%, #EF4B6A 50%, #E61540 100%);
    flex-direction: row;
    gap: 5px;
    box-shadow: rgba(9, 88, 148, 0.25) 0 3px 8px;
    position: relative;
    padding: 0 13px 0 33px;
    transition: var(--trans-min02);
  }
  .header-login_control:hover {
    box-shadow: none;
  }
  .header-login_control__icon {
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin-block: auto;
  }
  .header-login_control__icon::before {
    background-color: #fff;
    margin: 0;
  }
  .header-login_control__txt {
    color: #fff;
    font-size: 1.6rem;
    margin: 0;
  }
  .header-login_body {
    top: 100%;
    left: auto;
    right: -12px;
    width: 650px;
    height: auto;
    padding: 55px 40px 30px;
    background: #fff;
    box-shadow: rgba(9, 88, 148, 0.2) 0 8px 8px;
    border-radius: 0 0 12px 12px;
    z-index: 99;
    overflow-y: auto;
  }
  .header-login_body__close {
    display: grid;
    place-content: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: var(--color-grayC);
    top: 15px;
    right: 15px;
  }
  .header-login_body__close > .icon {
    width: 14px;
    height: 14px;
  }
  .header-login_body__close > .icon::before {
    background-color: #fff;
  }
  .header-login_main {
    display: flex;
    gap: 30px;
  }
  .header-login_main__box {
    width: calc((100% - 30px) / 2);
  }
  .header-login_close {
    display: none;
  }
}

.header-simple {
  padding-bottom: 0;
  padding-right: 15px;
}
.header-simple .header-logo img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .header-simple {
    padding-bottom: 0;
    padding-right: 0;
    height: 68px;
  }
}

.header-en {
  padding-bottom: 0;
  padding-right: 15px;
}
.header-en .header-logo img {
  display: block;
}
.header-en .header-gnav_other {
  margin-top: 0;
  width: auto;
  margin: 0;
}
.header-en .header-gnav_other a {
  color: #A5A5A5;
  font-size: 1.2rem;
  padding: 0;
}
.header-en .header-gnav_other a::after {
  content: none;
}
@media screen and (min-width: 768px), print {
  .header-en {
    padding-bottom: 0;
    padding-right: 0;
    height: 68px;
  }
  .header-en .header-gnav_other {
    position: static;
  }
}

/* /_header.scss
-------------------------------------------------------*/
/* _footer.scss
-------------------------------------------------------*/
.footer {
  width: calc(100% - 16px);
  margin-inline: auto;
  background: #0E5FBB;
  border-radius: 8px 8px 0 0;
  padding-top: 20px;
}
.footer_wh {
  background: #fff;
  border-radius: 4px;
  box-shadow: var(--color-shadow) 0 2px 8px;
  padding: 20px 13px 12px 13px;
  text-align: center;
}
.footer_wh_logo_text {
  font-weight: 500;
  font-size: 1.1rem;
  font-weight: 500;
  color: #A5A5A5;
  margin-top: 2px;
}
.footer_wh_menu {
  margin-top: 7px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer_wh_menu li {
  padding-block: 8px;
  border-bottom: 1px solid var(--color-border);
}
.footer_wh_menu li:nth-last-child(-n+2) {
  border-bottom: none;
}
.footer_wh_menu li:nth-last-child(2):nth-child(even) {
  border-bottom: 1px solid var(--color-border);
}
.footer_wh_menu li:nth-child(odd) {
  padding-right: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_wh_menu li:nth-child(odd)::after {
  content: "";
  width: 1px;
  height: calc(100% - 16px);
  top: 8px;
  right: 0;
  background: var(--color-border);
  position: absolute;
}
.footer_wh_menu li:nth-child(even) {
  padding-left: 8px;
}
.footer_wh_menu li a {
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
  padding: 5px;
}
.footer_wh_menu li a.is-active {
  background: #DEF0FF;
  border-radius: 30px;
  color: var(--color-main);
}
.footer_links {
  color: #fff;
  margin-top: 24px;
}
.footer_links a {
  text-decoration: underline;
  font-size: 1.2rem;
  font-weight: 500;
}
.footer_links a .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
  margin-right: 0;
}
.footer_main {
  padding-bottom: 32px;
}
.footer_bottom {
  border-top: 1px solid #fff;
  padding-top: 12px;
  color: #fff;
  font-size: 1rem;
  padding-bottom: 8px;
  font-weight: 500;
}
.footer_bottom_copy {
  text-align: center;
  letter-spacing: 0.03em;
  margin-top: 6px;
}
.footer_top {
  position: fixed;
  right: 12px;
  bottom: 15px;
  background: #fff;
  border: 1px solid var(--color-main);
  border-radius: 100%;
  width: 44px;
  height: 44px;
  display: grid;
  place-content: center;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  pointer-events: none;
  opacity: 0;
  transition: var(--trans-min02);
}
.footer_top .icon::before {
  background-color: var(--color-main);
}
.footer_top.is-visible {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 768px), print {
  .footer {
    width: calc(100% - 34px);
    border-radius: 12px 12px 0 0;
    padding-top: 40px;
  }
  .footer_wh {
    border-radius: 8px;
    display: flex;
    padding: 32px 19px 32px 40px;
    align-items: center;
    justify-content: space-between;
  }
  .footer_wh_logo {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .footer_wh_logo img {
    width: 208px;
  }
  .footer_wh_logo_text {
    font-size: 1.1rem;
  }
  .footer_wh_menu {
    grid-template-columns: repeat(5, auto);
    margin: 0;
  }
  .footer_wh_menu li {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 12px !important;
    position: relative;
  }
  .footer_wh_menu li a {
    width: fit-content;
    padding: 4px 10px 5px;
    letter-spacing: 0.03em;
    transition: var(--trans-min02);
  }
  .footer_wh_menu li a:hover {
    color: var(--color-main);
  }
  .footer_wh_menu li::after {
    content: "";
    width: 1px;
    height: calc(100% - 8px) !important;
    top: 4px !important;
    right: 0;
    background: var(--color-border);
    position: absolute;
    display: block;
  }
  .footer_wh_menu li:last-child {
    padding-right: 0;
  }
  .footer_wh_menu li:last-child::after {
    content: none;
  }
  .footer_links {
    margin-top: 35px;
    max-width: 993px;
    margin-inline: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px 0;
  }
  .footer_links li {
    padding-inline: 12px;
    border-right: 1px solid #BCC2C5;
  }
  .footer_links li a {
    font-size: 1.4rem;
    display: block;
    line-height: 1.1;
    text-underline-offset: 3px;
    text-decoration-color: #fff;
    transition: var(--trans-min02);
  }
  .footer_links li a:hover {
    text-decoration: underline;
    text-decoration-color: transparent;
  }
  .footer_links li.u-bdNone {
    border-right: none;
  }
  .footer_bottom_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .footer_bottom_caption {
    font-size: 1.2rem;
  }
  .footer_bottom_copy {
    font-size: 1.2rem;
    font-weight: 500;
  }
  .footer_top {
    right: 30px;
    bottom: 20px;
    width: 60px;
    height: 60px;
  }
  .footer_top .icon {
    width: 24px;
    height: 24px;
  }
  .footer_top:hover {
    background: var(--color-bg);
  }
}
@media screen and (max-width: 767px) {
  .footer .footer_top {
    --float-h: 80px;
  }
  .c-float ~ .footer .footer_top {
    bottom: calc(var(--float-h) + 10px);
  }
}

.benriNav {
  position: fixed;
  right: 16px;
  bottom: 0;
  top: 0;
  margin: auto;
  height: fit-content;
  z-index: 90;
  width: 80px;
  opacity: 0;
  pointer-events: none;
  transition: var(--trans-min02);
}
.benriNav.is-active {
  opacity: 1;
  pointer-events: all;
}
.benriNav_inner {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(9, 88, 148, 0.25) 0 3px 10px;
}
.benriNav_close {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 28px;
  height: 28px;
  background: var(--color-border);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
}
.benriNav_close:hover {
  background: var(--color-border-b);
}
.benriNav_close::before, .benriNav_close::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: var(--color-main);
}
.benriNav_close::before {
  transform: rotate(45deg);
}
.benriNav_close::after {
  transform: rotate(-45deg);
}
.benriNav_link {
  background: #fff;
  border-bottom: 1px solid var(--color-border);
  padding: 13px 10px 10px;
  text-align: center;
  display: block;
  transition: var(--trans-min02);
}
.benriNav_link:hover {
  background: #E6F5FD;
}
.benriNav_icon {
  margin-bottom: 7px;
}
.benriNav_text {
  font-weight: 700;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .benriNav {
    display: none;
  }
}

.footer-simple {
  padding-top: 0;
}
.footer-simple .footer_bottom {
  border: none;
}

.footer-en {
  padding-top: 0;
}
.footer-en .footer_bottom {
  border: none;
}

/* /_footer.scss
-------------------------------------------------------*/
