@charset "UTF-8";
/* config.scss
-------------------------------------------------------*/
:root {
  --color-main: #E2152A;
  --color-sub: #F6A90F;
  --color-bg: #F6F6F6;
  --color-bg2: #FFF7EB;
  --color-grad1: linear-gradient(90deg,
  		rgba(226, 21, 42, 1) 0%,
  		rgba(245, 120, 78, 1) 64%,
  		rgba(246, 169, 15, 1) 100%);
  --color-grad2: linear-gradient(90deg,
  		rgba(245, 120, 78, 1) 0%,
  		rgba(246, 169, 15, 1) 49%,
  		rgba(255, 249, 236, 1) 100%);
  --color-grad3: linear-gradient(90deg,
  		rgba(245, 129, 78, 1) 0%,
  		rgba(246, 169, 15, 1) 72%,
  		rgba(246, 169, 15, 1) 100%);
  --color-grad4: linear-gradient(90deg,
  		rgba(226, 21, 42, 1) 0%,
  		rgba(220, 36, 54, 1) 62%,
  		rgba(212, 58, 73, 1) 100%);
  --color-dk: #666;
  --color-border: #D4D4D4;
  --color-cv: #F6A90F;
  --color-caution: #E2152A;
  --color-txt: #333;
  --color-caption: #AAA;
  --color-link: #E2152A;
  --color-hover: #427ac2;
  --color-bk: #000;
  --color-wh: #FFF;
  --color-border-b: #BBB;
  --color-gray9: #999;
  --color-grayC: #CCC;
  --color-red: #DE4242;
  --color-shadow: rgba(0, 0, 0, 0.16);
  --font-base: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
  	"游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  --font-sub: "Montserrat", sans-serif;
  --wrap-xxs: 800px;
  --wrap-xs: 970px;
  --wrap-s: 1000px;
  --wrap-mm: 1100px;
  --wrap-m: 1200px;
  --wrap-l: 1400px;
  --wrap-base: calc(100% - 40px);
  --wrap-base-pc: calc(100% - 60px);
  --wrap-base2: calc(100% - 80px);
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --lineHeight-xs: 1.2;
  --lineHeight-s: 1.3;
  --lineHeight-m: 1.5;
  --lineHeight-mm: 1.6;
  --lineHeight-l: 1.75;
  --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.1);
  --img-zoomout: scale(0.88);
  --header-height-pc: 139px;
  --header-height-pc-type1: 124px;
  --header-height-sp: 50px;
}

/* /_config.scss
-------------------------------------------------------*/
/* _media.scss
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _font.scss
-------------------------------------------------------*/
/* /_font.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
/* _animation.scss
-------------------------------------------------------*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes popup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes popup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes blur {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes scrollToLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes scrollToLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.cmnFade_item-1 {
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

.cmnFade_item-2 {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

.cmnFade_item-3 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

.cmnFade_item-4 {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

.cmnFade_item-5 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

.cmnFade_item-6 {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.cmnFade_item-7 {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}

.cmnFade_item-8 {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}

.cmnFade_item-9 {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

.cmnFade_item-10 {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}

.cmnFade_item-11 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

.cmnFade_item-12 {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}

.cmnFade_item-13 {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}

.cmnFade_item-14 {
  -webkit-animation-delay: 2.6s !important;
          animation-delay: 2.6s !important;
}

.cmnFade_item-15 {
  -webkit-animation-delay: 2.8s !important;
          animation-delay: 2.8s !important;
}

.cmnFade_item-16 {
  -webkit-animation-delay: 3s !important;
          animation-delay: 3s !important;
}

.cmnFade_item-17 {
  -webkit-animation-delay: 3.2s !important;
          animation-delay: 3.2s !important;
}

.cmnFade_item-18 {
  -webkit-animation-delay: 3.4s !important;
          animation-delay: 3.4s !important;
}

.cmnFade_item-19 {
  -webkit-animation-delay: 3.6s !important;
          animation-delay: 3.6s !important;
}

.cmnFade_item-20 {
  -webkit-animation-delay: 3.8s !important;
          animation-delay: 3.8s !important;
}

.cmnFade_item {
  opacity: 0;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.is-show .cmnFade_item, .cmnFade_item.is-show {
  -webkit-animation: fadeSlide 0.4s linear forwards;
          animation: fadeSlide 0.4s linear forwards;
}
@media screen and (max-width: 768px) {
  .cmnFade_item-sp {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  .cmnFade_item-sp-2 {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important;
  }
  .cmnFade_item-sp-3 {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important;
  }
}

/* /_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%;`.
   */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ======================================================
//  MARK: Document and Body Elements
// ====================================================== */
:where(:root) {
  /* In Safari, if `font-family` is not specified, a serif font is applied by default, so `sans-serif` is set as the default here. */
  font-family: sans-serif;
  /*
   * For accessibility, it is recommended to set the `line-height` to at least 1.5 times the text size within paragraphs.
   * @see https://waic.jp/translations/WCAG21/#visual-presentation
   */
  line-height: 1.5;
  /* Remove space when punctuation marks are adjacent, and also remove leading spaces in a line. */
  text-spacing-trim: trim-start;
  /* Improves readability by inserting a small space between Japanese and alphanumeric characters. */
  text-autospace: normal;
  /* Prevents misreading by applying strict line-breaking rules. */
  line-break: strict;
  /* Wraps English words mid-word. Specifying `anywhere` also prevents content from overflowing in layouts like `flex` or `grid`. */
  overflow-wrap: anywhere;
  /*
   * Mobile browsers have an algorithm that automatically adjusts font sizes to prevent text from becoming too small.
   * This controls the auto-adjustment feature to prevent unwanted resizing.
   */
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-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;
}

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

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

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

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

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

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

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

:where(ul, ol, menu) {
  /* The `padding-inline-start` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  -webkit-padding-start: unset;
          padding-inline-start: unset;
  /*
   * In Safari, using `list-style: none` prevents screen readers from announcing lists.
   * `list-style-type: ""` is used to hide markers without affecting accessibility.
   * @see https://matuzo.at/blog/2023/removing-list-styles-without-affecting-semantics
   */
  list-style-type: "";
}

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

:where(dd) {
  /* The `margin-inline-start` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset. */
  -webkit-margin-start: unset;
          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. */
  -webkit-font-feature-settings: initial;
          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., `⇒`).
   */
  -webkit-font-variant-ligatures: none;
          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
   */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
          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:-webkit-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;`.
   */
  -webkit-text-decoration-line: unset;
          text-decoration-line: unset;
  /* Set the underline thickness to the font's default thickness. */
  text-decoration-thickness: from-font;
}
:where(a:-moz-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;
}
: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;`.
   */
  -webkit-text-decoration-line: unset;
          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). */
  text-wrap: pretty;
}

/* ======================================================
//  MARK: Forms
// ====================================================== */
::-webkit-file-upload-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(button, input, select, textarea),
::file-selector-button {
  /*
   * These elements are often styled with a border, so a `1px` border is applied by default for consistency.
   * This ensures readability even for unstyled elements.
   * When resetting, it's recommended to use `border-color: transparent` instead of `border: none` to account for forced color modes.
   */
  border-width: 1px;
  border-style: solid;
  /* These styles specified in the UA stylesheet are often unnecessary, so they are reset to allow for inheritance. */
  border-color: unset;
  border-radius: unset;
  color: unset;
  font: unset;
  letter-spacing: unset;
  text-align: unset;
}

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

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

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

@supports (-webkit-touch-callout: none) {
  :where(input[type=search i]) {
    /* normalize the background color on iOS. */
    background-color: Canvas;
  }
}
:where(input:is([type=tel i], [type=url i], [type=email i], [type=number i]):not(:-moz-placeholder)) {
  /*
   * 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(input:is([type=tel i], [type=url i], [type=email i], [type=number i]):not(:-ms-input-placeholder)) {
  /*
   * 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(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;
}

::-webkit-file-upload-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])),
::file-selector-button {
  /* The `background-color` specified in the User Agent (UA) stylesheet is often unnecessary, so it is reset here. */
  background-color: unset;
}

::-webkit-file-upload-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, 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.
   */
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

:where(:enabled)::-webkit-file-upload-button {
  /* Indicate clickable elements with a pointer cursor. */
  cursor: pointer;
}

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

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

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

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

::-ms-input-placeholder {
  /* Standardize the opacity of placeholder text (it may be set lower by default in Firefox). */
  opacity: 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)::-webkit-backdrop {
  /* Normalize the background color of the `::backdrop` element. */
  background-color: oklch(0% 0 0deg / 0.3);
}

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

: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;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  ::scroll-button(*):enabled {
    /* Make the scroll button indicate interactivity when enabled. */
    cursor: pointer;
  }
}
/* /_reset.scss
-------------------------------------------------------*/
/* _layout.scss
-------------------------------------------------------*/
/*base*/
/* コンテンツ幅 */
.ly-wrap_xxs {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-xxs);
}
@media screen and (max-width: 768px) {
  .ly-wrap_xxs {
    width: var(--wrap-base);
  }
}
.ly-wrap_xs {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-xs);
}
@media screen and (max-width: 768px) {
  .ly-wrap_xs {
    width: var(--wrap-base);
  }
}
.ly-wrap_s {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-s);
}
@media screen and (max-width: 768px) {
  .ly-wrap_s {
    width: var(--wrap-base);
  }
}
.ly-wrap_ms {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-mm);
}
@media screen and (max-width: 768px) {
  .ly-wrap_ms {
    width: var(--wrap-base);
  }
}
.ly-wrap_m {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-m);
}
@media screen and (max-width: 768px) {
  .ly-wrap_m {
    width: var(--wrap-base);
  }
}
.ly-wrap_l {
  width: var(--wrap-base-pc);
  margin: 0 auto;
  max-width: var(--wrap-l);
}
@media screen and (max-width: 768px) {
  .ly-wrap_l {
    width: var(--wrap-base);
  }
}
.ly-wrap_1920 {
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .ly-wrap_sp {
    width: var(--wrap-base-pc);
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ly-wrap_sp {
    width: var(--wrap-base);
  }
}
@media screen and (max-width: 768px) {
  .ly-wrap_spmax {
    width: 100%;
  }
}

/* 大枠 */
.ly-main {
  position: relative;
  z-index: 2;
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .ly-main {
    padding-top: 70px;
  }
}

/* セクション */
.ly-sect_main {
  margin: 0 auto 120px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .ly-sect_main {
    margin: 0 auto 80px;
  }
}
.ly-sect_main--first {
  padding-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .ly-sect_main--first {
    padding-top: 80px !important;
  }
}
.ly-sect_main:last-child {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .ly-sect_main:last-child {
    margin-bottom: 80px;
  }
}
.ly-sect_sub {
  position: relative;
  z-index: 2;
}
.ly-sect_sub + .ly-sect_sub {
  margin-top: 60px;
}
.ly-sect_bg {
  position: relative;
  z-index: 2;
}
.ly-sect_bg::before {
  content: "";
  position: absolute;
  z-index: -10;
  pointer-events: none;
}

/* 汎用コンテナー */
.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: var(--_gap);
}
:where(.ly-container--col1) {
  --_gap: 40px;
  /* gapの数値 */
  --_column-max-count: 1;
  /* 表示したい最大の列数 */
  --_column-min-width: 600px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
:where(.ly-container--col2) {
  --_gap: 40px;
  /* gapの数値 */
  --_column-max-count: 2;
  /* 表示したい最大の列数 */
  --_column-min-width: 400px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
:where(.ly-container--col3) {
  --_gap: 36px;
  /* gapの数値 */
  --_column-max-count: 3;
  /* 表示したい最大の列数 */
  --_column-min-width: 320px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
:where(.ly-container--col4) {
  --_gap: 32px;
  /* gapの数値 */
  --_column-max-count: 4;
  /* 表示したい最大の列数 */
  --_column-min-width: 240px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
.ly-container--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 769px), print {
  .ly-container--center.ly-container--col2 .ly-container_item {
    width: calc((100% - 40px) / 2);
  }
  .ly-container--center.ly-container--col3 .ly-container_item {
    width: calc((100% - 64px) / 3);
  }
  .ly-container--center.ly-container--col4 .ly-container_item {
    width: calc((100% - 96px) / 4);
  }
}
@media screen and (max-width: 768px) {
  .ly-container {
    --_gap: 32px;
    /* gapの数値 */
  }
  .ly-container--smallSp {
    --_gap: 20px;
  }
  .ly-container--col2Sp {
    display: block grid;
    --_gap: 24px;
    /* gapの数値 */
    --_column-max-count: 2;
    /* 表示したい最大の列数 */
    --_column-min-width: 140px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
  .ly-container_item {
    width: 100%;
  }
}

/* アイコンパネル用コンテナー */
.ly-iconpanelContainer {
  /* コンテナの横幅からギャップの合計値を引いたものを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: var(--_gap);
}
.ly-iconpanelContainer--col2 {
  --_gap: 24px;
  /* gapの数値 */
  --_column-max-count: 2;
  /* 表示したい最大の列数 */
  --_column-min-width: 400px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
.ly-iconpanelContainer--col3 {
  --_gap: 16px;
  /* gapの数値 */
  --_column-max-count: 3;
  /* 表示したい最大の列数 */
  --_column-min-width: 320px;
  /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
}
@media screen and (max-width: 768px) {
  .ly-iconpanelContainer {
    --_gap: 40px;
    /* gapの数値 */
  }
  .ly-iconpanelContainer--col2Sp {
    --_gap: 16px;
    /* gapの数値 */
    --_column-max-count: 2;
    /* 表示したい最大の列数 */
    --_column-min-width: 140px;
    /* 各列が取りうる最小の幅。これより狭くなる場合は、列数が減って折り返します。 */
  }
}

/* アイコンセット用コンテナー */
.ly-iconsetContainer {
  display: grid;
  gap: 60px 40px;
}
.ly-iconsetContainer--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.ly-iconsetContainer--col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .ly-iconsetContainer {
    display: block;
  }
  .ly-iconsetContainer_item {
    margin-top: 50px;
  }
}

/* 余白 */
.ly-margin_top_xxl {
  margin-top: 180px !important;
}
.ly-margin_top_xl {
  margin-top: 120px !important;
}
.ly-margin_top_lla {
  margin-top: 80px !important;
}
.ly-margin_top_la {
  margin-top: 56px !important;
}
.ly-margin_top_md {
  margin-top: 48px !important;
}
.ly-margin_top_mmd {
  margin-top: 32px !important;
}
.ly-margin_top_sm {
  margin-top: 24px !important;
}
.ly-margin_top_ssm {
  margin-top: 16px !important;
}
.ly-margin_bottom_xxl {
  margin-bottom: 180px !important;
}
.ly-margin_bottom_xl {
  margin-bottom: 120px !important;
}
.ly-margin_bottom_lla {
  margin-bottom: 80px !important;
}
.ly-margin_bottom_la {
  margin-bottom: 56px !important;
}
.ly-margin_bottom_md {
  margin-bottom: 48px !important;
}
.ly-margin_bottom_mmd {
  margin-bottom: 32px !important;
}
.ly-margin_bottom_sm {
  margin-bottom: 24px !important;
}
.ly-margin_bottom_ssm {
  margin-bottom: 16px !important;
}
@media screen and (max-width: 768px) {
  .ly-margin_top_xxl {
    margin-top: 100px !important;
  }
  .ly-margin_top_xl {
    margin-top: 80px !important;
  }
  .ly-margin_top_lla {
    margin-top: 64px !important;
  }
  .ly-margin_top_la {
    margin-top: 48px !important;
  }
  .ly-margin_top_md {
    margin-top: 40px !important;
  }
  .ly-margin_bottom_xxl {
    margin-bottom: 100px !important;
  }
  .ly-margin_bottom_xl {
    margin-bottom: 80px !important;
  }
  .ly-margin_bottom_lla {
    margin-bottom: 64px !important;
  }
  .ly-margin_bottom_la {
    margin-bottom: 48px !important;
  }
  .ly-margin_bottom_md {
    margin-bottom: 40px !important;
  }
}

/* 幅 */
.ly-padding_top_xxl {
  padding-top: 180px !important;
}
.ly-padding_top_xl {
  padding-top: 120px !important;
}
.ly-padding_top_lla {
  padding-top: 80px !important;
}
.ly-padding_top_la {
  padding-top: 56px !important;
}
.ly-padding_top_md {
  padding-top: 48px !important;
}
.ly-padding_top_mmd {
  padding-top: 32px !important;
}
.ly-padding_top_sm {
  padding-top: 24px !important;
}
.ly-padding_top_ssm {
  padding-top: 16px !important;
}
.ly-padding_bottom_xxl {
  padding-bottom: 180px !important;
}
.ly-padding_bottom_xl {
  padding-bottom: 120px !important;
}
.ly-padding_bottom_lla {
  padding-bottom: 80px !important;
}
.ly-padding_bottom_la {
  padding-bottom: 56px !important;
}
.ly-padding_bottom_md {
  padding-bottom: 48px !important;
}
.ly-padding_bottom_mmd {
  padding-bottom: 32px !important;
}
.ly-padding_bottom_sm {
  padding-bottom: 24px !important;
}
.ly-padding_bottom_ssm {
  padding-bottom: 16px !important;
}
@media screen and (max-width: 768px) {
  .ly-padding_top_xxl {
    padding-top: 100px !important;
  }
  .ly-padding_top_xl {
    padding-top: 80px !important;
  }
  .ly-padding_top_lla {
    padding-top: 64px !important;
  }
  .ly-padding_top_la {
    padding-top: 48px !important;
  }
  .ly-padding_top_md {
    padding-top: 40px !important;
  }
  .ly-padding_bottom_xxl {
    padding-bottom: 100px !important;
  }
  .ly-padding_bottom_xl {
    padding-bottom: 80px !important;
  }
  .ly-padding_bottom_lla {
    padding-bottom: 64px !important;
  }
  .ly-padding_bottom_la {
    padding-bottom: 48px !important;
  }
}

/* /_layout.scss
-------------------------------------------------------*/
/* _hp.css
-----------------------------------------------------------------*/
.hp {
  /*--------------- フォント ---------------*/
  /*--------------- /フォント ---------------*/
  /*--------------- 余白 ---------------*/
  /*--------------- /余白 ---------------*/
  /*--------------- サイズ ---------------*/
  /*--------------- /サイズ ---------------*/
  /*--------------- その他 ---------------*/
  /*--------------- /その他 ---------------*/
}
.hp-ff_en {
  font-family: var(--font-sub);
}
.hp-ff_title {
  font-weight: 500;
}
.hp-fc_red {
  color: var(--color-red) !important;
}
.hp-fc_txt {
  color: var(--color-txt) !important;
}
.hp-fc_caption {
  color: var(--color-caption) !important;
}
.hp-fc_main {
  color: var(--color-main) !important;
}
.hp-fc_sub {
  color: var(--color-sub) !important;
}
.hp-fc_sub2 {
  color: var(--color-sub2) !important;
}
.hp-fc_sub3 {
  color: var(--color-sub3) !important;
}
.hp-fc_caution {
  color: var(--color-caution) !important;
}
.hp-fc_link {
  color: var(--color-link) !important;
}
.hp-fc_wh {
  color: var(--color-wh) !important;
}
.hp-fw_200 {
  font-weight: var(--fw-200) !important;
}
.hp-fw_300 {
  font-weight: var(--fw-300) !important;
}
.hp-fw_400 {
  font-weight: var(--fw-400) !important;
}
.hp-fw_500 {
  font-weight: var(--fw-500) !important;
}
.hp-fw_700 {
  font-weight: var(--fw-700) !important;
}
.hp-fw_900 {
  font-weight: var(--fw-900) !important;
}
.hp-fs_10px {
  font-size: 10px !important;
}
.hp-fs_11px {
  font-size: 11px !important;
}
.hp-fs_12px {
  font-size: 12px !important;
}
.hp-fs_13px {
  font-size: 13px !important;
}
.hp-fs_14px {
  font-size: 14px !important;
}
.hp-fs_15px {
  font-size: 15px !important;
}
.hp-fs_16px {
  font-size: 16px !important;
}
.hp-fs_18px {
  font-size: 18px !important;
}
.hp-fs_20px {
  font-size: 20px !important;
}
.hp-fs_22px {
  font-size: 22px !important;
}
.hp-fs_24px {
  font-size: 24px !important;
}
.hp-fs_26px {
  font-size: 26px !important;
}
.hp-fs_28px {
  font-size: 28px !important;
}
.hp-fs_30px {
  font-size: 30px !important;
}
.hp-fs_32px {
  font-size: 32px !important;
}
.hp-fs_34px {
  font-size: 34px !important;
}
.hp-fs_36px {
  font-size: 36px !important;
}
.hp-fs_38px {
  font-size: 38px !important;
}
.hp-fs_40px {
  font-size: 40px !important;
}
.hp-fs_42px {
  font-size: 42px !important;
}
.hp-fs_44px {
  font-size: 44px !important;
}
.hp-fs_46px {
  font-size: 46px !important;
}
.hp-fs_48px {
  font-size: 48px !important;
}
.hp-fs_95e {
  font-size: 0.95em !important;
}
.hp-fs_9e {
  font-size: 0.9em !important;
}
.hp-fs_85e {
  font-size: 0.85em !important;
}
.hp-fs_8e {
  font-size: 0.8em !important;
}
.hp-fs_75e {
  font-size: 0.75em !important;
}
.hp-fs_7e {
  font-size: 0.7em !important;
}
@media screen and (max-width: 768px) {
  .hp-fs_10px_sp {
    font-size: 10px !important;
  }
  .hp-fs_11px_sp {
    font-size: 11px !important;
  }
  .hp-fs_12px_sp {
    font-size: 12px !important;
  }
  .hp-fs_13px_sp {
    font-size: 13px !important;
  }
  .hp-fs_14px_sp {
    font-size: 14px !important;
  }
  .hp-fs_15px_sp {
    font-size: 15px !important;
  }
  .hp-fs_16px_sp {
    font-size: 16px !important;
  }
  .hp-fs_18px_sp {
    font-size: 18px !important;
  }
  .hp-fs_20px_sp {
    font-size: 20px !important;
  }
  .hp-fs_22px_sp {
    font-size: 22px !important;
  }
  .hp-fs_24px_sp {
    font-size: 24px !important;
  }
  .hp-fs_26px_sp {
    font-size: 26px !important;
  }
  .hp-fs_28px_sp {
    font-size: 28px !important;
  }
  .hp-fs_30px_sp {
    font-size: 30px !important;
  }
  .hp-fs_32px_sp {
    font-size: 32px !important;
  }
  .hp-fs_34px_sp {
    font-size: 34px !important;
  }
  .hp-fs_36px_sp {
    font-size: 36px !important;
  }
  .hp-fs_38px_sp {
    font-size: 38px !important;
  }
  .hp-fs_40px_sp {
    font-size: 40px !important;
  }
  .hp-fs_42px_sp {
    font-size: 42px !important;
  }
  .hp-fs_44px_sp {
    font-size: 44px !important;
  }
  .hp-fs_46px_sp {
    font-size: 46px !important;
  }
  .hp-fs_48px_sp {
    font-size: 48px !important;
  }
  .hp-fs_95e_sp {
    font-size: 0.95em !important;
  }
  .hp-fs_9e_sp {
    font-size: 0.9em !important;
  }
  .hp-fs_85e_sp {
    font-size: 0.85em !important;
  }
  .hp-fs_8e_sp {
    font-size: 0.8em !important;
  }
  .hp-fs_75e_sp {
    font-size: 0.75em !important;
  }
  .hp-fs_7e_sp {
    font-size: 0.7em !important;
  }
}
.hp-ta_l {
  text-align: left !important;
}
.hp-ta_c {
  text-align: center !important;
}
.hp-ta_r {
  text-align: right !important;
}
@media screen and (min-width: 769px), print {
  .hp-ta_l_pc {
    text-align: left !important;
  }
  .hp-ta_c_pc {
    text-align: center !important;
  }
  .hp-ta_r_pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-ta_l_sp {
    text-align: left !important;
  }
  .hp-ta_c_sp {
    text-align: center !important;
  }
  .hp-ta_r_sp {
    text-align: right !important;
  }
}
.hp-td_u {
  text-decoration: underline !important;
}
.hp-fd_line {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-cv);
          text-decoration-color: var(--color-cv);
  text-decoration-thickness: 1px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 0.3em;
}
.hp-lh_xs {
  line-height: var(--lineHeight-xs) !important;
}
.hp-lh_s {
  line-height: var(--lineHeight-s) !important;
}
.hp-lh_m {
  line-height: var(--lineHeight-m) !important;
}
.hp-lh_l {
  line-height: var(--lineHeight-l) !important;
}
.hp-lh_xl {
  line-height: var(--lineHeight-xl) !important;
}
.hp-ti_1em {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
.hp-ti_1pfem {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}
.hp-ti_2em {
  text-indent: -2em !important;
  padding-left: 2em !important;
}
.hp-ti_2pfem {
  text-indent: -2.5em !important;
  padding-left: 2.5em !important;
}
.hp-ti_3em {
  text-indent: -3em !important;
  padding-left: 3em !important;
}
.hp-ti_3pfem {
  text-indent: -3.5em !important;
  padding-left: 3.5em !important;
}
.hp-ti_4em {
  text-indent: -4em !important;
  padding-left: 4em !important;
}
.hp-ti_4pfem {
  text-indent: -4.5em !important;
  padding-left: 4.5em !important;
}
.hp-le_xs {
  letter-spacing: 0.5px !important;
}
.hp-le_s {
  letter-spacing: 1px !important;
}
.hp-le_m {
  letter-spacing: 1.5px !important;
}
.hp-le_l {
  letter-spacing: 2px !important;
}
.hp-le_xl {
  letter-spacing: 2.5px !important;
}
.hp-le_xxl {
  letter-spacing: 3px !important;
}
.hp-wb_all {
  word-break: break-all;
}
.hp-mAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-mAuto_pc {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-mAuto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.hp-mAutoAll {
  margin: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-mAutoAll_pc {
    margin: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-mAutoAll_sp {
    margin: auto !important;
  }
}
.hp-mt_0 {
  margin-top: 0px !important;
}
.hp-mt_5 {
  margin-top: 5px !important;
}
.hp-mt_10 {
  margin-top: 10px !important;
}
.hp-mt_15 {
  margin-top: 15px !important;
}
.hp-mt_20 {
  margin-top: 20px !important;
}
.hp-mt_25 {
  margin-top: 25px !important;
}
.hp-mt_30 {
  margin-top: 30px !important;
}
.hp-mt_35 {
  margin-top: 35px !important;
}
.hp-mt_40 {
  margin-top: 40px !important;
}
.hp-mt_45 {
  margin-top: 45px !important;
}
.hp-mt_50 {
  margin-top: 50px !important;
}
.hp-mt_55 {
  margin-top: 55px !important;
}
.hp-mt_60 {
  margin-top: 60px !important;
}
.hp-mt_65 {
  margin-top: 65px !important;
}
.hp-mt_70 {
  margin-top: 70px !important;
}
.hp-mt_75 {
  margin-top: 75px !important;
}
.hp-mt_80 {
  margin-top: 80px !important;
}
.hp-mt_85 {
  margin-top: 85px !important;
}
.hp-mt_90 {
  margin-top: 90px !important;
}
.hp-mt_95 {
  margin-top: 95px !important;
}
.hp-mt_100 {
  margin-top: 100px !important;
}
.hp-mt_pfem {
  margin-top: 0.5em !important;
}
.hp-mt_1em {
  margin-top: 1em !important;
}
.hp-mt_1pfem {
  margin-top: 1.5em !important;
}
.hp-mt_2em {
  margin-top: 2em !important;
}
.hp-mt_2pfem {
  margin-top: 2.5em !important;
}
.hp-mt_3em {
  margin-top: 3em !important;
}
.hp-mt_auto {
  margin-top: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-mt_0_pc {
    margin-top: 0px !important;
  }
  .hp-mt_5_pc {
    margin-top: 5px !important;
  }
  .hp-mt_10_pc {
    margin-top: 10px !important;
  }
  .hp-mt_15_pc {
    margin-top: 15px !important;
  }
  .hp-mt_20_pc {
    margin-top: 20px !important;
  }
  .hp-mt_25_pc {
    margin-top: 25px !important;
  }
  .hp-mt_30_pc {
    margin-top: 30px !important;
  }
  .hp-mt_35_pc {
    margin-top: 35px !important;
  }
  .hp-mt_40_pc {
    margin-top: 40px !important;
  }
  .hp-mt_45_pc {
    margin-top: 45px !important;
  }
  .hp-mt_50_pc {
    margin-top: 50px !important;
  }
  .hp-mt_55_pc {
    margin-top: 55px !important;
  }
  .hp-mt_60_pc {
    margin-top: 60px !important;
  }
  .hp-mt_65_pc {
    margin-top: 65px !important;
  }
  .hp-mt_70_pc {
    margin-top: 70px !important;
  }
  .hp-mt_75_pc {
    margin-top: 75px !important;
  }
  .hp-mt_80_pc {
    margin-top: 80px !important;
  }
  .hp-mt_85_pc {
    margin-top: 85px !important;
  }
  .hp-mt_90_pc {
    margin-top: 90px !important;
  }
  .hp-mt_95_pc {
    margin-top: 95px !important;
  }
  .hp-mt_100_pc {
    margin-top: 100px !important;
  }
  .hp-mt_pfem_pc {
    margin-top: 0.5em !important;
  }
  .hp-mt_1em_pc {
    margin-top: 1em !important;
  }
  .hp-mt_1pfem_pc {
    margin-top: 1.5em !important;
  }
  .hp-mt_2em_pc {
    margin-top: 2em !important;
  }
  .hp-mt_2pfem_pc {
    margin-top: 2.5em !important;
  }
  .hp-mt_3em_pc {
    margin-top: 3em !important;
  }
  .hp-mt_auto_pc {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-mt_0_sp {
    margin-top: 0px !important;
  }
  .hp-mt_5_sp {
    margin-top: 5px !important;
  }
  .hp-mt_10_sp {
    margin-top: 10px !important;
  }
  .hp-mt_15_sp {
    margin-top: 15px !important;
  }
  .hp-mt_20_sp {
    margin-top: 20px !important;
  }
  .hp-mt_25_sp {
    margin-top: 25px !important;
  }
  .hp-mt_30_sp {
    margin-top: 30px !important;
  }
  .hp-mt_35_sp {
    margin-top: 35px !important;
  }
  .hp-mt_40_sp {
    margin-top: 40px !important;
  }
  .hp-mt_45_sp {
    margin-top: 45px !important;
  }
  .hp-mt_50_sp {
    margin-top: 50px !important;
  }
  .hp-mt_55_sp {
    margin-top: 55px !important;
  }
  .hp-mt_60_sp {
    margin-top: 60px !important;
  }
  .hp-mt_65_sp {
    margin-top: 65px !important;
  }
  .hp-mt_70_sp {
    margin-top: 70px !important;
  }
  .hp-mt_75_sp {
    margin-top: 75px !important;
  }
  .hp-mt_80_sp {
    margin-top: 80px !important;
  }
  .hp-mt_85_sp {
    margin-top: 85px !important;
  }
  .hp-mt_90_sp {
    margin-top: 90px !important;
  }
  .hp-mt_95_sp {
    margin-top: 95px !important;
  }
  .hp-mt_100_sp {
    margin-top: 100px !important;
  }
  .hp-mt_pfem_sp {
    margin-top: 0.5em !important;
  }
  .hp-mt_1em_sp {
    margin-top: 1em !important;
  }
  .hp-mt_1pfem_sp {
    margin-top: 1.5em !important;
  }
  .hp-mt_2em_sp {
    margin-top: 2em !important;
  }
  .hp-mt_2pfem_sp {
    margin-top: 2.5em !important;
  }
  .hp-mt_3em_sp {
    margin-top: 3em !important;
  }
  .hp-mt_auto_sp {
    margin-top: auto !important;
  }
}
.hp-mr_0 {
  margin-right: 0px !important;
}
.hp-mr_5 {
  margin-right: 5px !important;
}
.hp-mr_10 {
  margin-right: 10px !important;
}
.hp-mr_15 {
  margin-right: 15px !important;
}
.hp-mr_20 {
  margin-right: 20px !important;
}
.hp-mr_25 {
  margin-right: 25px !important;
}
.hp-mr_30 {
  margin-right: 30px !important;
}
.hp-mr_35 {
  margin-right: 35px !important;
}
.hp-mr_40 {
  margin-right: 40px !important;
}
.hp-mr_45 {
  margin-right: 45px !important;
}
.hp-mr_50 {
  margin-right: 50px !important;
}
.hp-mr_55 {
  margin-right: 55px !important;
}
.hp-mr_60 {
  margin-right: 60px !important;
}
.hp-mr_65 {
  margin-right: 65px !important;
}
.hp-mr_70 {
  margin-right: 70px !important;
}
.hp-mr_75 {
  margin-right: 75px !important;
}
.hp-mr_80 {
  margin-right: 80px !important;
}
.hp-mr_85 {
  margin-right: 85px !important;
}
.hp-mr_90 {
  margin-right: 90px !important;
}
.hp-mr_95 {
  margin-right: 95px !important;
}
.hp-mr_100 {
  margin-right: 100px !important;
}
.hp-mr_pfem {
  margin-right: 0.5em !important;
}
.hp-mr_1em {
  margin-right: 1em !important;
}
.hp-mr_1pfem {
  margin-right: 1.5em !important;
}
.hp-mr_2em {
  margin-right: 2em !important;
}
.hp-mr_2pfem {
  margin-right: 2.5em !important;
}
.hp-mr_3em {
  margin-right: 3em !important;
}
.hp-mr_auto {
  margin-right: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-mr_0_pc {
    margin-right: 0px !important;
  }
  .hp-mr_5_pc {
    margin-right: 5px !important;
  }
  .hp-mr_10_pc {
    margin-right: 10px !important;
  }
  .hp-mr_15_pc {
    margin-right: 15px !important;
  }
  .hp-mr_20_pc {
    margin-right: 20px !important;
  }
  .hp-mr_25_pc {
    margin-right: 25px !important;
  }
  .hp-mr_30_pc {
    margin-right: 30px !important;
  }
  .hp-mr_35_pc {
    margin-right: 35px !important;
  }
  .hp-mr_40_pc {
    margin-right: 40px !important;
  }
  .hp-mr_45_pc {
    margin-right: 45px !important;
  }
  .hp-mr_50_pc {
    margin-right: 50px !important;
  }
  .hp-mr_55_pc {
    margin-right: 55px !important;
  }
  .hp-mr_60_pc {
    margin-right: 60px !important;
  }
  .hp-mr_65_pc {
    margin-right: 65px !important;
  }
  .hp-mr_70_pc {
    margin-right: 70px !important;
  }
  .hp-mr_75_pc {
    margin-right: 75px !important;
  }
  .hp-mr_80_pc {
    margin-right: 80px !important;
  }
  .hp-mr_85_pc {
    margin-right: 85px !important;
  }
  .hp-mr_90_pc {
    margin-right: 90px !important;
  }
  .hp-mr_95_pc {
    margin-right: 95px !important;
  }
  .hp-mr_100_pc {
    margin-right: 100px !important;
  }
  .hp-mr_pfem_pc {
    margin-right: 0.5em !important;
  }
  .hp-mr_1em_pc {
    margin-right: 1em !important;
  }
  .hp-mr_1pfem_pc {
    margin-right: 1.5em !important;
  }
  .hp-mr_2em_pc {
    margin-right: 2em !important;
  }
  .hp-mr_2pfem_pc {
    margin-right: 2.5em !important;
  }
  .hp-mr_3em_pc {
    margin-right: 3em !important;
  }
  .hp-mr_auto_pc {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-mr_0_sp {
    margin-right: 0px !important;
  }
  .hp-mr_5_sp {
    margin-right: 5px !important;
  }
  .hp-mr_10_sp {
    margin-right: 10px !important;
  }
  .hp-mr_15_sp {
    margin-right: 15px !important;
  }
  .hp-mr_20_sp {
    margin-right: 20px !important;
  }
  .hp-mr_25_sp {
    margin-right: 25px !important;
  }
  .hp-mr_30_sp {
    margin-right: 30px !important;
  }
  .hp-mr_35_sp {
    margin-right: 35px !important;
  }
  .hp-mr_40_sp {
    margin-right: 40px !important;
  }
  .hp-mr_45_sp {
    margin-right: 45px !important;
  }
  .hp-mr_50_sp {
    margin-right: 50px !important;
  }
  .hp-mr_55_sp {
    margin-right: 55px !important;
  }
  .hp-mr_60_sp {
    margin-right: 60px !important;
  }
  .hp-mr_65_sp {
    margin-right: 65px !important;
  }
  .hp-mr_70_sp {
    margin-right: 70px !important;
  }
  .hp-mr_75_sp {
    margin-right: 75px !important;
  }
  .hp-mr_80_sp {
    margin-right: 80px !important;
  }
  .hp-mr_85_sp {
    margin-right: 85px !important;
  }
  .hp-mr_90_sp {
    margin-right: 90px !important;
  }
  .hp-mr_95_sp {
    margin-right: 95px !important;
  }
  .hp-mr_100_sp {
    margin-right: 100px !important;
  }
  .hp-mr_pfem_sp {
    margin-right: 0.5em !important;
  }
  .hp-mr_1em_sp {
    margin-right: 1em !important;
  }
  .hp-mr_1pfem_sp {
    margin-right: 1.5em !important;
  }
  .hp-mr_2em_sp {
    margin-right: 2em !important;
  }
  .hp-mr_2pfem_sp {
    margin-right: 2.5em !important;
  }
  .hp-mr_3em_sp {
    margin-right: 3em !important;
  }
  .hp-mr_auto_sp {
    margin-right: auto !important;
  }
}
.hp-mb_0 {
  margin-bottom: 0px !important;
}
.hp-mb_5 {
  margin-bottom: 5px !important;
}
.hp-mb_10 {
  margin-bottom: 10px !important;
}
.hp-mb_15 {
  margin-bottom: 15px !important;
}
.hp-mb_20 {
  margin-bottom: 20px !important;
}
.hp-mb_25 {
  margin-bottom: 25px !important;
}
.hp-mb_30 {
  margin-bottom: 30px !important;
}
.hp-mb_35 {
  margin-bottom: 35px !important;
}
.hp-mb_40 {
  margin-bottom: 40px !important;
}
.hp-mb_45 {
  margin-bottom: 45px !important;
}
.hp-mb_50 {
  margin-bottom: 50px !important;
}
.hp-mb_55 {
  margin-bottom: 55px !important;
}
.hp-mb_60 {
  margin-bottom: 60px !important;
}
.hp-mb_65 {
  margin-bottom: 65px !important;
}
.hp-mb_70 {
  margin-bottom: 70px !important;
}
.hp-mb_75 {
  margin-bottom: 75px !important;
}
.hp-mb_80 {
  margin-bottom: 80px !important;
}
.hp-mb_85 {
  margin-bottom: 85px !important;
}
.hp-mb_90 {
  margin-bottom: 90px !important;
}
.hp-mb_95 {
  margin-bottom: 95px !important;
}
.hp-mb_100 {
  margin-bottom: 100px !important;
}
.hp-mb_pfem {
  margin-bottom: 0.5em !important;
}
.hp-mb_1em {
  margin-bottom: 1em !important;
}
.hp-mb_1pfem {
  margin-bottom: 1.5em !important;
}
.hp-mb_2em {
  margin-bottom: 2em !important;
}
.hp-mb_2pfem {
  margin-bottom: 2.5em !important;
}
.hp-mb_3em {
  margin-bottom: 3em !important;
}
.hp-mb_auto {
  margin-bottom: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-mb_0_pc {
    margin-bottom: 0px !important;
  }
  .hp-mb_5_pc {
    margin-bottom: 5px !important;
  }
  .hp-mb_10_pc {
    margin-bottom: 10px !important;
  }
  .hp-mb_15_pc {
    margin-bottom: 15px !important;
  }
  .hp-mb_20_pc {
    margin-bottom: 20px !important;
  }
  .hp-mb_25_pc {
    margin-bottom: 25px !important;
  }
  .hp-mb_30_pc {
    margin-bottom: 30px !important;
  }
  .hp-mb_35_pc {
    margin-bottom: 35px !important;
  }
  .hp-mb_40_pc {
    margin-bottom: 40px !important;
  }
  .hp-mb_45_pc {
    margin-bottom: 45px !important;
  }
  .hp-mb_50_pc {
    margin-bottom: 50px !important;
  }
  .hp-mb_55_pc {
    margin-bottom: 55px !important;
  }
  .hp-mb_60_pc {
    margin-bottom: 60px !important;
  }
  .hp-mb_65_pc {
    margin-bottom: 65px !important;
  }
  .hp-mb_70_pc {
    margin-bottom: 70px !important;
  }
  .hp-mb_75_pc {
    margin-bottom: 75px !important;
  }
  .hp-mb_80_pc {
    margin-bottom: 80px !important;
  }
  .hp-mb_85_pc {
    margin-bottom: 85px !important;
  }
  .hp-mb_90_pc {
    margin-bottom: 90px !important;
  }
  .hp-mb_95_pc {
    margin-bottom: 95px !important;
  }
  .hp-mb_100_pc {
    margin-bottom: 100px !important;
  }
  .hp-mb_pfem_pc {
    margin-bottom: 0.5em !important;
  }
  .hp-mb_1em_pc {
    margin-bottom: 1em !important;
  }
  .hp-mb_1pfem_pc {
    margin-bottom: 1.5em !important;
  }
  .hp-mb_2em_pc {
    margin-bottom: 2em !important;
  }
  .hp-mb_2pfem_pc {
    margin-bottom: 2.5em !important;
  }
  .hp-mb_3em_pc {
    margin-bottom: 3em !important;
  }
  .hp-mb_auto_pc {
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-mb_0_sp {
    margin-bottom: 0px !important;
  }
  .hp-mb_5_sp {
    margin-bottom: 5px !important;
  }
  .hp-mb_10_sp {
    margin-bottom: 10px !important;
  }
  .hp-mb_15_sp {
    margin-bottom: 15px !important;
  }
  .hp-mb_20_sp {
    margin-bottom: 20px !important;
  }
  .hp-mb_25_sp {
    margin-bottom: 25px !important;
  }
  .hp-mb_30_sp {
    margin-bottom: 30px !important;
  }
  .hp-mb_35_sp {
    margin-bottom: 35px !important;
  }
  .hp-mb_40_sp {
    margin-bottom: 40px !important;
  }
  .hp-mb_45_sp {
    margin-bottom: 45px !important;
  }
  .hp-mb_50_sp {
    margin-bottom: 50px !important;
  }
  .hp-mb_55_sp {
    margin-bottom: 55px !important;
  }
  .hp-mb_60_sp {
    margin-bottom: 60px !important;
  }
  .hp-mb_65_sp {
    margin-bottom: 65px !important;
  }
  .hp-mb_70_sp {
    margin-bottom: 70px !important;
  }
  .hp-mb_75_sp {
    margin-bottom: 75px !important;
  }
  .hp-mb_80_sp {
    margin-bottom: 80px !important;
  }
  .hp-mb_85_sp {
    margin-bottom: 85px !important;
  }
  .hp-mb_90_sp {
    margin-bottom: 90px !important;
  }
  .hp-mb_95_sp {
    margin-bottom: 95px !important;
  }
  .hp-mb_100_sp {
    margin-bottom: 100px !important;
  }
  .hp-mb_pfem_sp {
    margin-bottom: 0.5em !important;
  }
  .hp-mb_1em_sp {
    margin-bottom: 1em !important;
  }
  .hp-mb_1pfem_sp {
    margin-bottom: 1.5em !important;
  }
  .hp-mb_2em_sp {
    margin-bottom: 2em !important;
  }
  .hp-mb_2pfem_sp {
    margin-bottom: 2.5em !important;
  }
  .hp-mb_3em_sp {
    margin-bottom: 3em !important;
  }
  .hp-mb_auto_sp {
    margin-bottom: auto !important;
  }
}
.hp-ml_0 {
  margin-left: 0px !important;
}
.hp-ml_5 {
  margin-left: 5px !important;
}
.hp-ml_10 {
  margin-left: 10px !important;
}
.hp-ml_15 {
  margin-left: 15px !important;
}
.hp-ml_20 {
  margin-left: 20px !important;
}
.hp-ml_25 {
  margin-left: 25px !important;
}
.hp-ml_30 {
  margin-left: 30px !important;
}
.hp-ml_35 {
  margin-left: 35px !important;
}
.hp-ml_40 {
  margin-left: 40px !important;
}
.hp-ml_45 {
  margin-left: 45px !important;
}
.hp-ml_50 {
  margin-left: 50px !important;
}
.hp-ml_55 {
  margin-left: 55px !important;
}
.hp-ml_60 {
  margin-left: 60px !important;
}
.hp-ml_65 {
  margin-left: 65px !important;
}
.hp-ml_70 {
  margin-left: 70px !important;
}
.hp-ml_75 {
  margin-left: 75px !important;
}
.hp-ml_80 {
  margin-left: 80px !important;
}
.hp-ml_85 {
  margin-left: 85px !important;
}
.hp-ml_90 {
  margin-left: 90px !important;
}
.hp-ml_95 {
  margin-left: 95px !important;
}
.hp-ml_100 {
  margin-left: 100px !important;
}
.hp-ml_pfem {
  margin-left: 0.5em !important;
}
.hp-ml_1em {
  margin-left: 1em !important;
}
.hp-ml_1pfem {
  margin-left: 1.5em !important;
}
.hp-ml_2em {
  margin-left: 2em !important;
}
.hp-ml_2pfem {
  margin-left: 2.5em !important;
}
.hp-ml_3em {
  margin-left: 3em !important;
}
.hp-ml_auto {
  margin-left: auto !important;
}
@media screen and (min-width: 769px), print {
  .hp-ml_0_pc {
    margin-left: 0px !important;
  }
  .hp-ml_5_pc {
    margin-left: 5px !important;
  }
  .hp-ml_10_pc {
    margin-left: 10px !important;
  }
  .hp-ml_15_pc {
    margin-left: 15px !important;
  }
  .hp-ml_20_pc {
    margin-left: 20px !important;
  }
  .hp-ml_25_pc {
    margin-left: 25px !important;
  }
  .hp-ml_30_pc {
    margin-left: 30px !important;
  }
  .hp-ml_35_pc {
    margin-left: 35px !important;
  }
  .hp-ml_40_pc {
    margin-left: 40px !important;
  }
  .hp-ml_45_pc {
    margin-left: 45px !important;
  }
  .hp-ml_50_pc {
    margin-left: 50px !important;
  }
  .hp-ml_55_pc {
    margin-left: 55px !important;
  }
  .hp-ml_60_pc {
    margin-left: 60px !important;
  }
  .hp-ml_65_pc {
    margin-left: 65px !important;
  }
  .hp-ml_70_pc {
    margin-left: 70px !important;
  }
  .hp-ml_75_pc {
    margin-left: 75px !important;
  }
  .hp-ml_80_pc {
    margin-left: 80px !important;
  }
  .hp-ml_85_pc {
    margin-left: 85px !important;
  }
  .hp-ml_90_pc {
    margin-left: 90px !important;
  }
  .hp-ml_95_pc {
    margin-left: 95px !important;
  }
  .hp-ml_100_pc {
    margin-left: 100px !important;
  }
  .hp-ml_pfem_pc {
    margin-left: 0.5em !important;
  }
  .hp-ml_1em_pc {
    margin-left: 1em !important;
  }
  .hp-ml_1pfem_pc {
    margin-left: 1.5em !important;
  }
  .hp-ml_2em_pc {
    margin-left: 2em !important;
  }
  .hp-ml_2pfem_pc {
    margin-left: 2.5em !important;
  }
  .hp-ml_3em_pc {
    margin-left: 3em !important;
  }
  .hp-ml_auto_pc {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-ml_0_sp {
    margin-left: 0px !important;
  }
  .hp-ml_5_sp {
    margin-left: 5px !important;
  }
  .hp-ml_10_sp {
    margin-left: 10px !important;
  }
  .hp-ml_15_sp {
    margin-left: 15px !important;
  }
  .hp-ml_20_sp {
    margin-left: 20px !important;
  }
  .hp-ml_25_sp {
    margin-left: 25px !important;
  }
  .hp-ml_30_sp {
    margin-left: 30px !important;
  }
  .hp-ml_35_sp {
    margin-left: 35px !important;
  }
  .hp-ml_40_sp {
    margin-left: 40px !important;
  }
  .hp-ml_45_sp {
    margin-left: 45px !important;
  }
  .hp-ml_50_sp {
    margin-left: 50px !important;
  }
  .hp-ml_55_sp {
    margin-left: 55px !important;
  }
  .hp-ml_60_sp {
    margin-left: 60px !important;
  }
  .hp-ml_65_sp {
    margin-left: 65px !important;
  }
  .hp-ml_70_sp {
    margin-left: 70px !important;
  }
  .hp-ml_75_sp {
    margin-left: 75px !important;
  }
  .hp-ml_80_sp {
    margin-left: 80px !important;
  }
  .hp-ml_85_sp {
    margin-left: 85px !important;
  }
  .hp-ml_90_sp {
    margin-left: 90px !important;
  }
  .hp-ml_95_sp {
    margin-left: 95px !important;
  }
  .hp-ml_100_sp {
    margin-left: 100px !important;
  }
  .hp-ml_pfem_sp {
    margin-left: 0.5em !important;
  }
  .hp-ml_1em_sp {
    margin-left: 1em !important;
  }
  .hp-ml_1pfem_sp {
    margin-left: 1.5em !important;
  }
  .hp-ml_2em_sp {
    margin-left: 2em !important;
  }
  .hp-ml_2pfem_sp {
    margin-left: 2.5em !important;
  }
  .hp-ml_3em_sp {
    margin-left: 3em !important;
  }
  .hp-ml_auto_sp {
    margin-left: auto !important;
  }
}
.hp-p_0 {
  padding: 0px !important;
}
.hp-p_5 {
  padding: 5px !important;
}
.hp-p_10 {
  padding: 10px !important;
}
.hp-p_15 {
  padding: 15px !important;
}
.hp-p_20 {
  padding: 20px !important;
}
.hp-p_25 {
  padding: 25px !important;
}
.hp-p_30 {
  padding: 30px !important;
}
.hp-p_35 {
  padding: 35px !important;
}
.hp-p_40 {
  padding: 40px !important;
}
.hp-p_45 {
  padding: 45px !important;
}
.hp-p_50 {
  padding: 50px !important;
}
.hp-p_55 {
  padding: 55px !important;
}
.hp-p_60 {
  padding: 60px !important;
}
.hp-p_65 {
  padding: 65px !important;
}
.hp-p_70 {
  padding: 70px !important;
}
.hp-p_75 {
  padding: 75px !important;
}
.hp-p_80 {
  padding: 80px !important;
}
.hp-p_85 {
  padding: 85px !important;
}
.hp-p_90 {
  padding: 90px !important;
}
.hp-p_95 {
  padding: 95px !important;
}
.hp-p_100 {
  padding: 100px !important;
}
.hp-p_pfem {
  padding: 0.5em !important;
}
.hp-p_1em {
  padding: 1em !important;
}
.hp-p_1pfem {
  padding: 1.5em !important;
}
.hp-p_2em {
  padding: 2em !important;
}
.hp-p_2pfem {
  padding: 2.5em !important;
}
.hp-p_3em {
  padding: 3em !important;
}
@media screen and (min-width: 769px), print {
  .hp-p_0_pc {
    padding: 0px !important;
  }
  .hp-p_5_pc {
    padding: 5px !important;
  }
  .hp-p_10_pc {
    padding: 10px !important;
  }
  .hp-p_15_pc {
    padding: 15px !important;
  }
  .hp-p_20_pc {
    padding: 20px !important;
  }
  .hp-p_25_pc {
    padding: 25px !important;
  }
  .hp-p_30_pc {
    padding: 30px !important;
  }
  .hp-p_35_pc {
    padding: 35px !important;
  }
  .hp-p_40_pc {
    padding: 40px !important;
  }
  .hp-p_45_pc {
    padding: 45px !important;
  }
  .hp-p_50_pc {
    padding: 50px !important;
  }
  .hp-p_55_pc {
    padding: 55px !important;
  }
  .hp-p_60_pc {
    padding: 60px !important;
  }
  .hp-p_65_pc {
    padding: 65px !important;
  }
  .hp-p_70_pc {
    padding: 70px !important;
  }
  .hp-p_75_pc {
    padding: 75px !important;
  }
  .hp-p_80_pc {
    padding: 80px !important;
  }
  .hp-p_85_pc {
    padding: 85px !important;
  }
  .hp-p_90_pc {
    padding: 90px !important;
  }
  .hp-p_95_pc {
    padding: 95px !important;
  }
  .hp-p_100_pc {
    padding: 100px !important;
  }
  .hp-p_pfem_pc {
    padding: 0.5em !important;
  }
  .hp-p_1em_pc {
    padding: 1em !important;
  }
  .hp-p_1pfem_pc {
    padding: 1.5em !important;
  }
  .hp-p_2em_pc {
    padding: 2em !important;
  }
  .hp-p_2pfem_pc {
    padding: 2.5em !important;
  }
  .hp-p_3em_pc {
    padding: 3em !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-p_0_sp {
    padding: 0px !important;
  }
  .hp-p_5_sp {
    padding: 5px !important;
  }
  .hp-p_10_sp {
    padding: 10px !important;
  }
  .hp-p_15_sp {
    padding: 15px !important;
  }
  .hp-p_20_sp {
    padding: 20px !important;
  }
  .hp-p_25_sp {
    padding: 25px !important;
  }
  .hp-p_30_sp {
    padding: 30px !important;
  }
  .hp-p_35_sp {
    padding: 35px !important;
  }
  .hp-p_40_sp {
    padding: 40px !important;
  }
  .hp-p_45_sp {
    padding: 45px !important;
  }
  .hp-p_50_sp {
    padding: 50px !important;
  }
  .hp-p_55_sp {
    padding: 55px !important;
  }
  .hp-p_60_sp {
    padding: 60px !important;
  }
  .hp-p_65_sp {
    padding: 65px !important;
  }
  .hp-p_70_sp {
    padding: 70px !important;
  }
  .hp-p_75_sp {
    padding: 75px !important;
  }
  .hp-p_80_sp {
    padding: 80px !important;
  }
  .hp-p_85_sp {
    padding: 85px !important;
  }
  .hp-p_90_sp {
    padding: 90px !important;
  }
  .hp-p_95_sp {
    padding: 95px !important;
  }
  .hp-p_100_sp {
    padding: 100px !important;
  }
  .hp-p_pfem_sp {
    padding: 0.5em !important;
  }
  .hp-p_1em_sp {
    padding: 1em !important;
  }
  .hp-p_1pfem_sp {
    padding: 1.5em !important;
  }
  .hp-p_2em_sp {
    padding: 2em !important;
  }
  .hp-p_2pfem_sp {
    padding: 2.5em !important;
  }
  .hp-p_3em_sp {
    padding: 3em !important;
  }
}
.hp-pt_0 {
  padding-top: 0px !important;
}
.hp-pt_5 {
  padding-top: 5px !important;
}
.hp-pt_10 {
  padding-top: 10px !important;
}
.hp-pt_15 {
  padding-top: 15px !important;
}
.hp-pt_20 {
  padding-top: 20px !important;
}
.hp-pt_25 {
  padding-top: 25px !important;
}
.hp-pt_30 {
  padding-top: 30px !important;
}
.hp-pt_35 {
  padding-top: 35px !important;
}
.hp-pt_40 {
  padding-top: 40px !important;
}
.hp-pt_45 {
  padding-top: 45px !important;
}
.hp-pt_50 {
  padding-top: 50px !important;
}
.hp-pt_55 {
  padding-top: 55px !important;
}
.hp-pt_60 {
  padding-top: 60px !important;
}
.hp-pt_65 {
  padding-top: 65px !important;
}
.hp-pt_70 {
  padding-top: 70px !important;
}
.hp-pt_75 {
  padding-top: 75px !important;
}
.hp-pt_80 {
  padding-top: 80px !important;
}
.hp-pt_85 {
  padding-top: 85px !important;
}
.hp-pt_90 {
  padding-top: 90px !important;
}
.hp-pt_95 {
  padding-top: 95px !important;
}
.hp-pt_100 {
  padding-top: 100px !important;
}
.hp-pt_pfem {
  padding-top: 0.5em !important;
}
.hp-pt_1em {
  padding-top: 1em !important;
}
.hp-pt_1pfem {
  padding-top: 1.5em !important;
}
.hp-pt_2em {
  padding-top: 2em !important;
}
.hp-pt_2pfem {
  padding-top: 2.5em !important;
}
.hp-pt_3em {
  padding-top: 3em !important;
}
@media screen and (min-width: 769px), print {
  .hp-pt_0_pc {
    padding-top: 0px !important;
  }
  .hp-pt_5_pc {
    padding-top: 5px !important;
  }
  .hp-pt_10_pc {
    padding-top: 10px !important;
  }
  .hp-pt_15_pc {
    padding-top: 15px !important;
  }
  .hp-pt_20_pc {
    padding-top: 20px !important;
  }
  .hp-pt_25_pc {
    padding-top: 25px !important;
  }
  .hp-pt_30_pc {
    padding-top: 30px !important;
  }
  .hp-pt_35_pc {
    padding-top: 35px !important;
  }
  .hp-pt_40_pc {
    padding-top: 40px !important;
  }
  .hp-pt_45_pc {
    padding-top: 45px !important;
  }
  .hp-pt_50_pc {
    padding-top: 50px !important;
  }
  .hp-pt_55_pc {
    padding-top: 55px !important;
  }
  .hp-pt_60_pc {
    padding-top: 60px !important;
  }
  .hp-pt_65_pc {
    padding-top: 65px !important;
  }
  .hp-pt_70_pc {
    padding-top: 70px !important;
  }
  .hp-pt_75_pc {
    padding-top: 75px !important;
  }
  .hp-pt_80_pc {
    padding-top: 80px !important;
  }
  .hp-pt_85_pc {
    padding-top: 85px !important;
  }
  .hp-pt_90_pc {
    padding-top: 90px !important;
  }
  .hp-pt_95_pc {
    padding-top: 95px !important;
  }
  .hp-pt_100_pc {
    padding-top: 100px !important;
  }
  .hp-pt_pfem_pc {
    padding-top: 0.5em !important;
  }
  .hp-pt_1em_pc {
    padding-top: 1em !important;
  }
  .hp-pt_1pfem_pc {
    padding-top: 1.5em !important;
  }
  .hp-pt_2em_pc {
    padding-top: 2em !important;
  }
  .hp-pt_2pfem_pc {
    padding-top: 2.5em !important;
  }
  .hp-pt_3em_pc {
    padding-top: 3em !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-pt_0_sp {
    padding-top: 0px !important;
  }
  .hp-pt_5_sp {
    padding-top: 5px !important;
  }
  .hp-pt_10_sp {
    padding-top: 10px !important;
  }
  .hp-pt_15_sp {
    padding-top: 15px !important;
  }
  .hp-pt_20_sp {
    padding-top: 20px !important;
  }
  .hp-pt_25_sp {
    padding-top: 25px !important;
  }
  .hp-pt_30_sp {
    padding-top: 30px !important;
  }
  .hp-pt_35_sp {
    padding-top: 35px !important;
  }
  .hp-pt_40_sp {
    padding-top: 40px !important;
  }
  .hp-pt_45_sp {
    padding-top: 45px !important;
  }
  .hp-pt_50_sp {
    padding-top: 50px !important;
  }
  .hp-pt_55_sp {
    padding-top: 55px !important;
  }
  .hp-pt_60_sp {
    padding-top: 60px !important;
  }
  .hp-pt_65_sp {
    padding-top: 65px !important;
  }
  .hp-pt_70_sp {
    padding-top: 70px !important;
  }
  .hp-pt_75_sp {
    padding-top: 75px !important;
  }
  .hp-pt_80_sp {
    padding-top: 80px !important;
  }
  .hp-pt_85_sp {
    padding-top: 85px !important;
  }
  .hp-pt_90_sp {
    padding-top: 90px !important;
  }
  .hp-pt_95_sp {
    padding-top: 95px !important;
  }
  .hp-pt_100_sp {
    padding-top: 100px !important;
  }
  .hp-pt_pfem_sp {
    padding-top: 0.5em !important;
  }
  .hp-pt_1em_sp {
    padding-top: 1em !important;
  }
  .hp-pt_1pfem_sp {
    padding-top: 1.5em !important;
  }
  .hp-pt_2em_sp {
    padding-top: 2em !important;
  }
  .hp-pt_2pfem_sp {
    padding-top: 2.5em !important;
  }
  .hp-pt_3em_sp {
    padding-top: 3em !important;
  }
}
.hp-pr_0 {
  padding-right: 0px !important;
}
.hp-pr_5 {
  padding-right: 5px !important;
}
.hp-pr_10 {
  padding-right: 10px !important;
}
.hp-pr_15 {
  padding-right: 15px !important;
}
.hp-pr_20 {
  padding-right: 20px !important;
}
.hp-pr_25 {
  padding-right: 25px !important;
}
.hp-pr_30 {
  padding-right: 30px !important;
}
.hp-pr_35 {
  padding-right: 35px !important;
}
.hp-pr_40 {
  padding-right: 40px !important;
}
.hp-pr_45 {
  padding-right: 45px !important;
}
.hp-pr_50 {
  padding-right: 50px !important;
}
.hp-pr_55 {
  padding-right: 55px !important;
}
.hp-pr_60 {
  padding-right: 60px !important;
}
.hp-pr_65 {
  padding-right: 65px !important;
}
.hp-pr_70 {
  padding-right: 70px !important;
}
.hp-pr_75 {
  padding-right: 75px !important;
}
.hp-pr_80 {
  padding-right: 80px !important;
}
.hp-pr_85 {
  padding-right: 85px !important;
}
.hp-pr_90 {
  padding-right: 90px !important;
}
.hp-pr_95 {
  padding-right: 95px !important;
}
.hp-pr_100 {
  padding-right: 100px !important;
}
.hp-pr_pfem {
  padding-right: 0.5em !important;
}
.hp-pr_1em {
  padding-right: 1em !important;
}
.hp-pr_1pfem {
  padding-right: 1.5em !important;
}
.hp-pr_2em {
  padding-right: 2em !important;
}
.hp-pr_2pfem {
  padding-right: 2.5em !important;
}
.hp-pr_3em {
  padding-right: 3em !important;
}
@media screen and (min-width: 769px), print {
  .hp-pr_0_pc {
    padding-right: 0px !important;
  }
  .hp-pr_5_pc {
    padding-right: 5px !important;
  }
  .hp-pr_10_pc {
    padding-right: 10px !important;
  }
  .hp-pr_15_pc {
    padding-right: 15px !important;
  }
  .hp-pr_20_pc {
    padding-right: 20px !important;
  }
  .hp-pr_25_pc {
    padding-right: 25px !important;
  }
  .hp-pr_30_pc {
    padding-right: 30px !important;
  }
  .hp-pr_35_pc {
    padding-right: 35px !important;
  }
  .hp-pr_40_pc {
    padding-right: 40px !important;
  }
  .hp-pr_45_pc {
    padding-right: 45px !important;
  }
  .hp-pr_50_pc {
    padding-right: 50px !important;
  }
  .hp-pr_55_pc {
    padding-right: 55px !important;
  }
  .hp-pr_60_pc {
    padding-right: 60px !important;
  }
  .hp-pr_65_pc {
    padding-right: 65px !important;
  }
  .hp-pr_70_pc {
    padding-right: 70px !important;
  }
  .hp-pr_75_pc {
    padding-right: 75px !important;
  }
  .hp-pr_80_pc {
    padding-right: 80px !important;
  }
  .hp-pr_85_pc {
    padding-right: 85px !important;
  }
  .hp-pr_90_pc {
    padding-right: 90px !important;
  }
  .hp-pr_95_pc {
    padding-right: 95px !important;
  }
  .hp-pr_100_pc {
    padding-right: 100px !important;
  }
  .hp-pr_pfem_pc {
    padding-right: 0.5em !important;
  }
  .hp-pr_1em_pc {
    padding-right: 1em !important;
  }
  .hp-pr_1pfem_pc {
    padding-right: 1.5em !important;
  }
  .hp-pr_2em_pc {
    padding-right: 2em !important;
  }
  .hp-pr_2pfem_pc {
    padding-right: 2.5em !important;
  }
  .hp-pr_3em_pc {
    padding-right: 3em !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-pr_0_sp {
    padding-right: 0px !important;
  }
  .hp-pr_5_sp {
    padding-right: 5px !important;
  }
  .hp-pr_10_sp {
    padding-right: 10px !important;
  }
  .hp-pr_15_sp {
    padding-right: 15px !important;
  }
  .hp-pr_20_sp {
    padding-right: 20px !important;
  }
  .hp-pr_25_sp {
    padding-right: 25px !important;
  }
  .hp-pr_30_sp {
    padding-right: 30px !important;
  }
  .hp-pr_35_sp {
    padding-right: 35px !important;
  }
  .hp-pr_40_sp {
    padding-right: 40px !important;
  }
  .hp-pr_45_sp {
    padding-right: 45px !important;
  }
  .hp-pr_50_sp {
    padding-right: 50px !important;
  }
  .hp-pr_55_sp {
    padding-right: 55px !important;
  }
  .hp-pr_60_sp {
    padding-right: 60px !important;
  }
  .hp-pr_65_sp {
    padding-right: 65px !important;
  }
  .hp-pr_70_sp {
    padding-right: 70px !important;
  }
  .hp-pr_75_sp {
    padding-right: 75px !important;
  }
  .hp-pr_80_sp {
    padding-right: 80px !important;
  }
  .hp-pr_85_sp {
    padding-right: 85px !important;
  }
  .hp-pr_90_sp {
    padding-right: 90px !important;
  }
  .hp-pr_95_sp {
    padding-right: 95px !important;
  }
  .hp-pr_100_sp {
    padding-right: 100px !important;
  }
  .hp-pr_pfem_sp {
    padding-right: 0.5em !important;
  }
  .hp-pr_1em_sp {
    padding-right: 1em !important;
  }
  .hp-pr_1pfem_sp {
    padding-right: 1.5em !important;
  }
  .hp-pr_2em_sp {
    padding-right: 2em !important;
  }
  .hp-pr_2pfem_sp {
    padding-right: 2.5em !important;
  }
  .hp-pr_3em_sp {
    padding-right: 3em !important;
  }
}
.hp-pb_0 {
  padding-bottom: 0px !important;
}
.hp-pb_5 {
  padding-bottom: 5px !important;
}
.hp-pb_10 {
  padding-bottom: 10px !important;
}
.hp-pb_15 {
  padding-bottom: 15px !important;
}
.hp-pb_20 {
  padding-bottom: 20px !important;
}
.hp-pb_25 {
  padding-bottom: 25px !important;
}
.hp-pb_30 {
  padding-bottom: 30px !important;
}
.hp-pb_35 {
  padding-bottom: 35px !important;
}
.hp-pb_40 {
  padding-bottom: 40px !important;
}
.hp-pb_45 {
  padding-bottom: 45px !important;
}
.hp-pb_50 {
  padding-bottom: 50px !important;
}
.hp-pb_55 {
  padding-bottom: 55px !important;
}
.hp-pb_60 {
  padding-bottom: 60px !important;
}
.hp-pb_65 {
  padding-bottom: 65px !important;
}
.hp-pb_70 {
  padding-bottom: 70px !important;
}
.hp-pb_75 {
  padding-bottom: 75px !important;
}
.hp-pb_80 {
  padding-bottom: 80px !important;
}
.hp-pb_85 {
  padding-bottom: 85px !important;
}
.hp-pb_90 {
  padding-bottom: 90px !important;
}
.hp-pb_95 {
  padding-bottom: 95px !important;
}
.hp-pb_100 {
  padding-bottom: 100px !important;
}
.hp-pb_pfem {
  padding-bottom: 0.5em !important;
}
.hp-pb_1em {
  padding-bottom: 1em !important;
}
.hp-pb_1pfem {
  padding-bottom: 1.5em !important;
}
.hp-pb_2em {
  padding-bottom: 2em !important;
}
.hp-pb_2pfem {
  padding-bottom: 2.5em !important;
}
.hp-pb_3em {
  padding-bottom: 3em !important;
}
@media screen and (min-width: 769px), print {
  .hp-pb_0_pc {
    padding-bottom: 0px !important;
  }
  .hp-pb_5_pc {
    padding-bottom: 5px !important;
  }
  .hp-pb_10_pc {
    padding-bottom: 10px !important;
  }
  .hp-pb_15_pc {
    padding-bottom: 15px !important;
  }
  .hp-pb_20_pc {
    padding-bottom: 20px !important;
  }
  .hp-pb_25_pc {
    padding-bottom: 25px !important;
  }
  .hp-pb_30_pc {
    padding-bottom: 30px !important;
  }
  .hp-pb_35_pc {
    padding-bottom: 35px !important;
  }
  .hp-pb_40_pc {
    padding-bottom: 40px !important;
  }
  .hp-pb_45_pc {
    padding-bottom: 45px !important;
  }
  .hp-pb_50_pc {
    padding-bottom: 50px !important;
  }
  .hp-pb_55_pc {
    padding-bottom: 55px !important;
  }
  .hp-pb_60_pc {
    padding-bottom: 60px !important;
  }
  .hp-pb_65_pc {
    padding-bottom: 65px !important;
  }
  .hp-pb_70_pc {
    padding-bottom: 70px !important;
  }
  .hp-pb_75_pc {
    padding-bottom: 75px !important;
  }
  .hp-pb_80_pc {
    padding-bottom: 80px !important;
  }
  .hp-pb_85_pc {
    padding-bottom: 85px !important;
  }
  .hp-pb_90_pc {
    padding-bottom: 90px !important;
  }
  .hp-pb_95_pc {
    padding-bottom: 95px !important;
  }
  .hp-pb_100_pc {
    padding-bottom: 100px !important;
  }
  .hp-pb_pfem_pc {
    padding-bottom: 0.5em !important;
  }
  .hp-pb_1em_pc {
    padding-bottom: 1em !important;
  }
  .hp-pb_1pfem_pc {
    padding-bottom: 1.5em !important;
  }
  .hp-pb_2em_pc {
    padding-bottom: 2em !important;
  }
  .hp-pb_2pfem_pc {
    padding-bottom: 2.5em !important;
  }
  .hp-pb_3em_pc {
    padding-bottom: 3em !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-pb_0_sp {
    padding-bottom: 0px !important;
  }
  .hp-pb_5_sp {
    padding-bottom: 5px !important;
  }
  .hp-pb_10_sp {
    padding-bottom: 10px !important;
  }
  .hp-pb_15_sp {
    padding-bottom: 15px !important;
  }
  .hp-pb_20_sp {
    padding-bottom: 20px !important;
  }
  .hp-pb_25_sp {
    padding-bottom: 25px !important;
  }
  .hp-pb_30_sp {
    padding-bottom: 30px !important;
  }
  .hp-pb_35_sp {
    padding-bottom: 35px !important;
  }
  .hp-pb_40_sp {
    padding-bottom: 40px !important;
  }
  .hp-pb_45_sp {
    padding-bottom: 45px !important;
  }
  .hp-pb_50_sp {
    padding-bottom: 50px !important;
  }
  .hp-pb_55_sp {
    padding-bottom: 55px !important;
  }
  .hp-pb_60_sp {
    padding-bottom: 60px !important;
  }
  .hp-pb_65_sp {
    padding-bottom: 65px !important;
  }
  .hp-pb_70_sp {
    padding-bottom: 70px !important;
  }
  .hp-pb_75_sp {
    padding-bottom: 75px !important;
  }
  .hp-pb_80_sp {
    padding-bottom: 80px !important;
  }
  .hp-pb_85_sp {
    padding-bottom: 85px !important;
  }
  .hp-pb_90_sp {
    padding-bottom: 90px !important;
  }
  .hp-pb_95_sp {
    padding-bottom: 95px !important;
  }
  .hp-pb_100_sp {
    padding-bottom: 100px !important;
  }
  .hp-pb_pfem_sp {
    padding-bottom: 0.5em !important;
  }
  .hp-pb_1em_sp {
    padding-bottom: 1em !important;
  }
  .hp-pb_1pfem_sp {
    padding-bottom: 1.5em !important;
  }
  .hp-pb_2em_sp {
    padding-bottom: 2em !important;
  }
  .hp-pb_2pfem_sp {
    padding-bottom: 2.5em !important;
  }
  .hp-pb_3em_sp {
    padding-bottom: 3em !important;
  }
}
.hp-pl_0 {
  padding-left: 0px !important;
}
.hp-pl_5 {
  padding-left: 5px !important;
}
.hp-pl_10 {
  padding-left: 10px !important;
}
.hp-pl_15 {
  padding-left: 15px !important;
}
.hp-pl_20 {
  padding-left: 20px !important;
}
.hp-pl_25 {
  padding-left: 25px !important;
}
.hp-pl_30 {
  padding-left: 30px !important;
}
.hp-pl_35 {
  padding-left: 35px !important;
}
.hp-pl_40 {
  padding-left: 40px !important;
}
.hp-pl_45 {
  padding-left: 45px !important;
}
.hp-pl_50 {
  padding-left: 50px !important;
}
.hp-pl_55 {
  padding-left: 55px !important;
}
.hp-pl_60 {
  padding-left: 60px !important;
}
.hp-pl_65 {
  padding-left: 65px !important;
}
.hp-pl_70 {
  padding-left: 70px !important;
}
.hp-pl_75 {
  padding-left: 75px !important;
}
.hp-pl_80 {
  padding-left: 80px !important;
}
.hp-pl_85 {
  padding-left: 85px !important;
}
.hp-pl_90 {
  padding-left: 90px !important;
}
.hp-pl_95 {
  padding-left: 95px !important;
}
.hp-pl_100 {
  padding-left: 100px !important;
}
.hp-pl_pfem {
  padding-left: 0.5em !important;
}
.hp-pl_1em {
  padding-left: 1em !important;
}
.hp-pl_1pfem {
  padding-left: 1.5em !important;
}
.hp-pl_2em {
  padding-left: 2em !important;
}
.hp-pl_2pfem {
  padding-left: 2.5em !important;
}
.hp-pl_3em {
  padding-left: 3em !important;
}
@media screen and (min-width: 769px), print {
  .hp-pl_0_pc {
    padding-left: 0px !important;
  }
  .hp-pl_5_pc {
    padding-left: 5px !important;
  }
  .hp-pl_10_pc {
    padding-left: 10px !important;
  }
  .hp-pl_15_pc {
    padding-left: 15px !important;
  }
  .hp-pl_20_pc {
    padding-left: 20px !important;
  }
  .hp-pl_25_pc {
    padding-left: 25px !important;
  }
  .hp-pl_30_pc {
    padding-left: 30px !important;
  }
  .hp-pl_35_pc {
    padding-left: 35px !important;
  }
  .hp-pl_40_pc {
    padding-left: 40px !important;
  }
  .hp-pl_45_pc {
    padding-left: 45px !important;
  }
  .hp-pl_50_pc {
    padding-left: 50px !important;
  }
  .hp-pl_55_pc {
    padding-left: 55px !important;
  }
  .hp-pl_60_pc {
    padding-left: 60px !important;
  }
  .hp-pl_65_pc {
    padding-left: 65px !important;
  }
  .hp-pl_70_pc {
    padding-left: 70px !important;
  }
  .hp-pl_75_pc {
    padding-left: 75px !important;
  }
  .hp-pl_80_pc {
    padding-left: 80px !important;
  }
  .hp-pl_85_pc {
    padding-left: 85px !important;
  }
  .hp-pl_90_pc {
    padding-left: 90px !important;
  }
  .hp-pl_95_pc {
    padding-left: 95px !important;
  }
  .hp-pl_100_pc {
    padding-left: 100px !important;
  }
  .hp-pl_pfem_pc {
    padding-left: 0.5em !important;
  }
  .hp-pl_1em_pc {
    padding-left: 1em !important;
  }
  .hp-pl_1pfem_pc {
    padding-left: 1.5em !important;
  }
  .hp-pl_2em_pc {
    padding-left: 2em !important;
  }
  .hp-pl_2pfem_pc {
    padding-left: 2.5em !important;
  }
  .hp-pl_3em_pc {
    padding-left: 3em !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-pl_0_sp {
    padding-left: 0px !important;
  }
  .hp-pl_5_sp {
    padding-left: 5px !important;
  }
  .hp-pl_10_sp {
    padding-left: 10px !important;
  }
  .hp-pl_15_sp {
    padding-left: 15px !important;
  }
  .hp-pl_20_sp {
    padding-left: 20px !important;
  }
  .hp-pl_25_sp {
    padding-left: 25px !important;
  }
  .hp-pl_30_sp {
    padding-left: 30px !important;
  }
  .hp-pl_35_sp {
    padding-left: 35px !important;
  }
  .hp-pl_40_sp {
    padding-left: 40px !important;
  }
  .hp-pl_45_sp {
    padding-left: 45px !important;
  }
  .hp-pl_50_sp {
    padding-left: 50px !important;
  }
  .hp-pl_55_sp {
    padding-left: 55px !important;
  }
  .hp-pl_60_sp {
    padding-left: 60px !important;
  }
  .hp-pl_65_sp {
    padding-left: 65px !important;
  }
  .hp-pl_70_sp {
    padding-left: 70px !important;
  }
  .hp-pl_75_sp {
    padding-left: 75px !important;
  }
  .hp-pl_80_sp {
    padding-left: 80px !important;
  }
  .hp-pl_85_sp {
    padding-left: 85px !important;
  }
  .hp-pl_90_sp {
    padding-left: 90px !important;
  }
  .hp-pl_95_sp {
    padding-left: 95px !important;
  }
  .hp-pl_100_sp {
    padding-left: 100px !important;
  }
  .hp-pl_pfem_sp {
    padding-left: 0.5em !important;
  }
  .hp-pl_1em_sp {
    padding-left: 1em !important;
  }
  .hp-pl_1pfem_sp {
    padding-left: 1.5em !important;
  }
  .hp-pl_2em_sp {
    padding-left: 2em !important;
  }
  .hp-pl_2pfem_sp {
    padding-left: 2.5em !important;
  }
  .hp-pl_3em_sp {
    padding-left: 3em !important;
  }
}
.hp-wd_auto {
  width: auto !important;
}
.hp-wd_20px {
  width: 20px !important;
}
.hp-wd_30px {
  width: 30px !important;
}
.hp-wd_40px {
  width: 40px !important;
}
.hp-wd_50px {
  width: 50px !important;
}
.hp-wd_60px {
  width: 60px !important;
}
.hp-wd_70px {
  width: 70px !important;
}
.hp-wd_80px {
  width: 80px !important;
}
.hp-wd_90px {
  width: 90px !important;
}
.hp-wd_100px {
  width: 100px !important;
}
.hp-wd_110px {
  width: 110px !important;
}
.hp-wd_120px {
  width: 120px !important;
}
.hp-wd_130px {
  width: 130px !important;
}
.hp-wd_140px {
  width: 140px !important;
}
.hp-wd_150px {
  width: 150px !important;
}
.hp-wd_160px {
  width: 160px !important;
}
.hp-wd_170px {
  width: 170px !important;
}
.hp-wd_180px {
  width: 180px !important;
}
.hp-wd_190px {
  width: 190px !important;
}
.hp-wd_200px {
  width: 200px !important;
}
.hp-wd_210px {
  width: 210px !important;
}
.hp-wd_220px {
  width: 220px !important;
}
.hp-wd_230px {
  width: 230px !important;
}
.hp-wd_240px {
  width: 240px !important;
}
.hp-wd_250px {
  width: 250px !important;
}
.hp-wd_260px {
  width: 260px !important;
}
.hp-wd_270px {
  width: 270px !important;
}
.hp-wd_280px {
  width: 280px !important;
}
.hp-wd_290px {
  width: 290px !important;
}
.hp-wd_300px {
  width: 300px !important;
}
.hp-wd_310px {
  width: 310px !important;
}
.hp-wd_320px {
  width: 320px !important;
}
.hp-wd_330px {
  width: 330px !important;
}
.hp-wd_340px {
  width: 340px !important;
}
.hp-wd_350px {
  width: 350px !important;
}
.hp-wd_360px {
  width: 360px !important;
}
.hp-wd_370px {
  width: 370px !important;
}
.hp-wd_380px {
  width: 380px !important;
}
.hp-wd_390px {
  width: 390px !important;
}
.hp-wd_400px {
  width: 400px !important;
}
.hp-wd_410px {
  width: 410px !important;
}
.hp-wd_420px {
  width: 420px !important;
}
.hp-wd_430px {
  width: 430px !important;
}
.hp-wd_440px {
  width: 440px !important;
}
.hp-wd_450px {
  width: 450px !important;
}
.hp-wd_460px {
  width: 460px !important;
}
.hp-wd_470px {
  width: 470px !important;
}
.hp-wd_480px {
  width: 480px !important;
}
.hp-wd_490px {
  width: 490px !important;
}
.hp-wd_500px {
  width: 500px !important;
}
.hp-wd_510px {
  width: 510px !important;
}
.hp-wd_520px {
  width: 520px !important;
}
.hp-wd_530px {
  width: 530px !important;
}
.hp-wd_540px {
  width: 540px !important;
}
.hp-wd_550px {
  width: 550px !important;
}
.hp-wd_560px {
  width: 560px !important;
}
.hp-wd_570px {
  width: 570px !important;
}
.hp-wd_580px {
  width: 580px !important;
}
.hp-wd_590px {
  width: 590px !important;
}
.hp-wd_600px {
  width: 600px !important;
}
.hp-wd_610px {
  width: 610px !important;
}
.hp-wd_620px {
  width: 620px !important;
}
.hp-wd_630px {
  width: 630px !important;
}
.hp-wd_640px {
  width: 640px !important;
}
.hp-wd_650px {
  width: 650px !important;
}
.hp-wd_660px {
  width: 660px !important;
}
.hp-wd_670px {
  width: 670px !important;
}
.hp-wd_680px {
  width: 680px !important;
}
.hp-wd_690px {
  width: 690px !important;
}
.hp-wd_700px {
  width: 700px !important;
}
.hp-wd_710px {
  width: 710px !important;
}
.hp-wd_720px {
  width: 720px !important;
}
.hp-wd_730px {
  width: 730px !important;
}
.hp-wd_740px {
  width: 740px !important;
}
.hp-wd_750px {
  width: 750px !important;
}
.hp-wd_760px {
  width: 760px !important;
}
.hp-wd_770px {
  width: 770px !important;
}
.hp-wd_780px {
  width: 780px !important;
}
.hp-wd_790px {
  width: 790px !important;
}
.hp-wd_800px {
  width: 800px !important;
}
.hp-wd_810px {
  width: 810px !important;
}
.hp-wd_820px {
  width: 820px !important;
}
.hp-wd_830px {
  width: 830px !important;
}
.hp-wd_840px {
  width: 840px !important;
}
.hp-wd_850px {
  width: 850px !important;
}
.hp-wd_860px {
  width: 860px !important;
}
.hp-wd_870px {
  width: 870px !important;
}
.hp-wd_880px {
  width: 880px !important;
}
.hp-wd_890px {
  width: 890px !important;
}
.hp-wd_900px {
  width: 900px !important;
}
.hp-wd_910px {
  width: 910px !important;
}
.hp-wd_920px {
  width: 920px !important;
}
.hp-wd_930px {
  width: 930px !important;
}
.hp-wd_940px {
  width: 940px !important;
}
.hp-wd_950px {
  width: 950px !important;
}
.hp-wd_960px {
  width: 960px !important;
}
.hp-wd_970px {
  width: 970px !important;
}
.hp-wd_980px {
  width: 980px !important;
}
.hp-wd_990px {
  width: 990px !important;
}
.hp-wd_1000px {
  width: 1000px !important;
}
.hp-wd_spx {
  width: 1000px !important;
}
.hp-wd_5pc {
  width: 5% !important;
}
.hp-wd_10pc {
  width: 10% !important;
}
.hp-wd_15pc {
  width: 15% !important;
}
.hp-wd_20pc {
  width: 20% !important;
}
.hp-wd_25pc {
  width: 25% !important;
}
.hp-wd_30pc {
  width: 30% !important;
}
.hp-wd_35pc {
  width: 35% !important;
}
.hp-wd_40pc {
  width: 40% !important;
}
.hp-wd_45pc {
  width: 45% !important;
}
.hp-wd_50pc {
  width: 50% !important;
}
.hp-wd_55pc {
  width: 55% !important;
}
.hp-wd_60pc {
  width: 60% !important;
}
.hp-wd_65pc {
  width: 65% !important;
}
.hp-wd_70pc {
  width: 70% !important;
}
.hp-wd_75pc {
  width: 75% !important;
}
.hp-wd_80pc {
  width: 80% !important;
}
.hp-wd_85pc {
  width: 85% !important;
}
.hp-wd_90pc {
  width: 90% !important;
}
.hp-wd_95pc {
  width: 95% !important;
}
.hp-wd_100pc {
  width: 100% !important;
}
@media screen and (min-width: 769px), print {
  .hp-wd_auto_pc {
    width: auto !important;
  }
  .hp-wd_20px_pc {
    width: 20px !important;
  }
  .hp-wd_30px_pc {
    width: 30px !important;
  }
  .hp-wd_40px_pc {
    width: 40px !important;
  }
  .hp-wd_50px_pc {
    width: 50px !important;
  }
  .hp-wd_60px_pc {
    width: 60px !important;
  }
  .hp-wd_70px_pc {
    width: 70px !important;
  }
  .hp-wd_80px_pc {
    width: 80px !important;
  }
  .hp-wd_90px_pc {
    width: 90px !important;
  }
  .hp-wd_100px_pc {
    width: 100px !important;
  }
  .hp-wd_110px_pc {
    width: 110px !important;
  }
  .hp-wd_120px_pc {
    width: 120px !important;
  }
  .hp-wd_130px_pc {
    width: 130px !important;
  }
  .hp-wd_140px_pc {
    width: 140px !important;
  }
  .hp-wd_150px_pc {
    width: 150px !important;
  }
  .hp-wd_160px_pc {
    width: 160px !important;
  }
  .hp-wd_170px_pc {
    width: 170px !important;
  }
  .hp-wd_180px_pc {
    width: 180px !important;
  }
  .hp-wd_190px_pc {
    width: 190px !important;
  }
  .hp-wd_200px_pc {
    width: 200px !important;
  }
  .hp-wd_210px_pc {
    width: 210px !important;
  }
  .hp-wd_220px_pc {
    width: 220px !important;
  }
  .hp-wd_230px_pc {
    width: 230px !important;
  }
  .hp-wd_240px_pc {
    width: 240px !important;
  }
  .hp-wd_250px_pc {
    width: 250px !important;
  }
  .hp-wd_260px_pc {
    width: 260px !important;
  }
  .hp-wd_270px_pc {
    width: 270px !important;
  }
  .hp-wd_280px_pc {
    width: 280px !important;
  }
  .hp-wd_290px_pc {
    width: 290px !important;
  }
  .hp-wd_300px_pc {
    width: 300px !important;
  }
  .hp-wd_310px_pc {
    width: 310px !important;
  }
  .hp-wd_320px_pc {
    width: 320px !important;
  }
  .hp-wd_330px_pc {
    width: 330px !important;
  }
  .hp-wd_340px_pc {
    width: 340px !important;
  }
  .hp-wd_350px_pc {
    width: 350px !important;
  }
  .hp-wd_360px_pc {
    width: 360px !important;
  }
  .hp-wd_370px_pc {
    width: 370px !important;
  }
  .hp-wd_380px_pc {
    width: 380px !important;
  }
  .hp-wd_390px_pc {
    width: 390px !important;
  }
  .hp-wd_400px_pc {
    width: 400px !important;
  }
  .hp-wd_410px_pc {
    width: 410px !important;
  }
  .hp-wd_420px_pc {
    width: 420px !important;
  }
  .hp-wd_430px_pc {
    width: 430px !important;
  }
  .hp-wd_440px_pc {
    width: 440px !important;
  }
  .hp-wd_450px_pc {
    width: 450px !important;
  }
  .hp-wd_460px_pc {
    width: 460px !important;
  }
  .hp-wd_470px_pc {
    width: 470px !important;
  }
  .hp-wd_480px_pc {
    width: 480px !important;
  }
  .hp-wd_490px_pc {
    width: 490px !important;
  }
  .hp-wd_500px_pc {
    width: 500px !important;
  }
  .hp-wd_510px_pc {
    width: 510px !important;
  }
  .hp-wd_520px_pc {
    width: 520px !important;
  }
  .hp-wd_530px_pc {
    width: 530px !important;
  }
  .hp-wd_540px_pc {
    width: 540px !important;
  }
  .hp-wd_550px_pc {
    width: 550px !important;
  }
  .hp-wd_560px_pc {
    width: 560px !important;
  }
  .hp-wd_570px_pc {
    width: 570px !important;
  }
  .hp-wd_580px_pc {
    width: 580px !important;
  }
  .hp-wd_590px_pc {
    width: 590px !important;
  }
  .hp-wd_600px_pc {
    width: 600px !important;
  }
  .hp-wd_610px_pc {
    width: 610px !important;
  }
  .hp-wd_620px_pc {
    width: 620px !important;
  }
  .hp-wd_630px_pc {
    width: 630px !important;
  }
  .hp-wd_640px_pc {
    width: 640px !important;
  }
  .hp-wd_650px_pc {
    width: 650px !important;
  }
  .hp-wd_660px_pc {
    width: 660px !important;
  }
  .hp-wd_670px_pc {
    width: 670px !important;
  }
  .hp-wd_680px_pc {
    width: 680px !important;
  }
  .hp-wd_690px_pc {
    width: 690px !important;
  }
  .hp-wd_700px_pc {
    width: 700px !important;
  }
  .hp-wd_710px_pc {
    width: 710px !important;
  }
  .hp-wd_720px_pc {
    width: 720px !important;
  }
  .hp-wd_730px_pc {
    width: 730px !important;
  }
  .hp-wd_740px_pc {
    width: 740px !important;
  }
  .hp-wd_750px_pc {
    width: 750px !important;
  }
  .hp-wd_760px_pc {
    width: 760px !important;
  }
  .hp-wd_770px_pc {
    width: 770px !important;
  }
  .hp-wd_780px_pc {
    width: 780px !important;
  }
  .hp-wd_790px_pc {
    width: 790px !important;
  }
  .hp-wd_800px_pc {
    width: 800px !important;
  }
  .hp-wd_810px_pc {
    width: 810px !important;
  }
  .hp-wd_820px_pc {
    width: 820px !important;
  }
  .hp-wd_830px_pc {
    width: 830px !important;
  }
  .hp-wd_840px_pc {
    width: 840px !important;
  }
  .hp-wd_850px_pc {
    width: 850px !important;
  }
  .hp-wd_860px_pc {
    width: 860px !important;
  }
  .hp-wd_870px_pc {
    width: 870px !important;
  }
  .hp-wd_880px_pc {
    width: 880px !important;
  }
  .hp-wd_890px_pc {
    width: 890px !important;
  }
  .hp-wd_900px_pc {
    width: 900px !important;
  }
  .hp-wd_910px_pc {
    width: 910px !important;
  }
  .hp-wd_920px_pc {
    width: 920px !important;
  }
  .hp-wd_930px_pc {
    width: 930px !important;
  }
  .hp-wd_940px_pc {
    width: 940px !important;
  }
  .hp-wd_950px_pc {
    width: 950px !important;
  }
  .hp-wd_960px_pc {
    width: 960px !important;
  }
  .hp-wd_970px_pc {
    width: 970px !important;
  }
  .hp-wd_980px_pc {
    width: 980px !important;
  }
  .hp-wd_990px_pc {
    width: 990px !important;
  }
  .hp-wd_1000px_pc {
    width: 1000px !important;
  }
  .hp-wd_spx_pc {
    width: 1000px !important;
  }
  .hp-wd_5pc_pc {
    width: 5% !important;
  }
  .hp-wd_10pc_pc {
    width: 10% !important;
  }
  .hp-wd_15pc_pc {
    width: 15% !important;
  }
  .hp-wd_20pc_pc {
    width: 20% !important;
  }
  .hp-wd_25pc_pc {
    width: 25% !important;
  }
  .hp-wd_30pc_pc {
    width: 30% !important;
  }
  .hp-wd_35pc_pc {
    width: 35% !important;
  }
  .hp-wd_40pc_pc {
    width: 40% !important;
  }
  .hp-wd_45pc_pc {
    width: 45% !important;
  }
  .hp-wd_50pc_pc {
    width: 50% !important;
  }
  .hp-wd_55pc_pc {
    width: 55% !important;
  }
  .hp-wd_60pc_pc {
    width: 60% !important;
  }
  .hp-wd_65pc_pc {
    width: 65% !important;
  }
  .hp-wd_70pc_pc {
    width: 70% !important;
  }
  .hp-wd_75pc_pc {
    width: 75% !important;
  }
  .hp-wd_80pc_pc {
    width: 80% !important;
  }
  .hp-wd_85pc_pc {
    width: 85% !important;
  }
  .hp-wd_90pc_pc {
    width: 90% !important;
  }
  .hp-wd_95pc_pc {
    width: 95% !important;
  }
  .hp-wd_100pc_pc {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-wd_auto_sp {
    width: auto !important;
  }
  .hp-wd_20px_sp {
    width: 20px !important;
  }
  .hp-wd_30px_sp {
    width: 30px !important;
  }
  .hp-wd_40px_sp {
    width: 40px !important;
  }
  .hp-wd_50px_sp {
    width: 50px !important;
  }
  .hp-wd_60px_sp {
    width: 60px !important;
  }
  .hp-wd_70px_sp {
    width: 70px !important;
  }
  .hp-wd_80px_sp {
    width: 80px !important;
  }
  .hp-wd_90px_sp {
    width: 90px !important;
  }
  .hp-wd_100px_sp {
    width: 100px !important;
  }
  .hp-wd_110px_sp {
    width: 110px !important;
  }
  .hp-wd_120px_sp {
    width: 120px !important;
  }
  .hp-wd_130px_sp {
    width: 130px !important;
  }
  .hp-wd_140px_sp {
    width: 140px !important;
  }
  .hp-wd_150px_sp {
    width: 150px !important;
  }
  .hp-wd_160px_sp {
    width: 160px !important;
  }
  .hp-wd_170px_sp {
    width: 170px !important;
  }
  .hp-wd_180px_sp {
    width: 180px !important;
  }
  .hp-wd_190px_sp {
    width: 190px !important;
  }
  .hp-wd_200px_sp {
    width: 200px !important;
  }
  .hp-wd_210px_sp {
    width: 210px !important;
  }
  .hp-wd_220px_sp {
    width: 220px !important;
  }
  .hp-wd_230px_sp {
    width: 230px !important;
  }
  .hp-wd_240px_sp {
    width: 240px !important;
  }
  .hp-wd_250px_sp {
    width: 250px !important;
  }
  .hp-wd_260px_sp {
    width: 260px !important;
  }
  .hp-wd_270px_sp {
    width: 270px !important;
  }
  .hp-wd_280px_sp {
    width: 280px !important;
  }
  .hp-wd_290px_sp {
    width: 290px !important;
  }
  .hp-wd_300px_sp {
    width: 300px !important;
  }
  .hp-wd_310px_sp {
    width: 310px !important;
  }
  .hp-wd_320px_sp {
    width: 320px !important;
  }
  .hp-wd_330px_sp {
    width: 330px !important;
  }
  .hp-wd_340px_sp {
    width: 340px !important;
  }
  .hp-wd_350px_sp {
    width: 350px !important;
  }
  .hp-wd_360px_sp {
    width: 360px !important;
  }
  .hp-wd_370px_sp {
    width: 370px !important;
  }
  .hp-wd_380px_sp {
    width: 380px !important;
  }
  .hp-wd_390px_sp {
    width: 390px !important;
  }
  .hp-wd_400px_sp {
    width: 400px !important;
  }
  .hp-wd_410px_sp {
    width: 410px !important;
  }
  .hp-wd_420px_sp {
    width: 420px !important;
  }
  .hp-wd_430px_sp {
    width: 430px !important;
  }
  .hp-wd_440px_sp {
    width: 440px !important;
  }
  .hp-wd_450px_sp {
    width: 450px !important;
  }
  .hp-wd_460px_sp {
    width: 460px !important;
  }
  .hp-wd_470px_sp {
    width: 470px !important;
  }
  .hp-wd_480px_sp {
    width: 480px !important;
  }
  .hp-wd_490px_sp {
    width: 490px !important;
  }
  .hp-wd_500px_sp {
    width: 500px !important;
  }
  .hp-wd_510px_sp {
    width: 510px !important;
  }
  .hp-wd_520px_sp {
    width: 520px !important;
  }
  .hp-wd_530px_sp {
    width: 530px !important;
  }
  .hp-wd_540px_sp {
    width: 540px !important;
  }
  .hp-wd_550px_sp {
    width: 550px !important;
  }
  .hp-wd_560px_sp {
    width: 560px !important;
  }
  .hp-wd_570px_sp {
    width: 570px !important;
  }
  .hp-wd_580px_sp {
    width: 580px !important;
  }
  .hp-wd_590px_sp {
    width: 590px !important;
  }
  .hp-wd_600px_sp {
    width: 600px !important;
  }
  .hp-wd_610px_sp {
    width: 610px !important;
  }
  .hp-wd_620px_sp {
    width: 620px !important;
  }
  .hp-wd_630px_sp {
    width: 630px !important;
  }
  .hp-wd_640px_sp {
    width: 640px !important;
  }
  .hp-wd_650px_sp {
    width: 650px !important;
  }
  .hp-wd_660px_sp {
    width: 660px !important;
  }
  .hp-wd_670px_sp {
    width: 670px !important;
  }
  .hp-wd_680px_sp {
    width: 680px !important;
  }
  .hp-wd_690px_sp {
    width: 690px !important;
  }
  .hp-wd_700px_sp {
    width: 700px !important;
  }
  .hp-wd_710px_sp {
    width: 710px !important;
  }
  .hp-wd_720px_sp {
    width: 720px !important;
  }
  .hp-wd_730px_sp {
    width: 730px !important;
  }
  .hp-wd_740px_sp {
    width: 740px !important;
  }
  .hp-wd_750px_sp {
    width: 750px !important;
  }
  .hp-wd_760px_sp {
    width: 760px !important;
  }
  .hp-wd_770px_sp {
    width: 770px !important;
  }
  .hp-wd_780px_sp {
    width: 780px !important;
  }
  .hp-wd_790px_sp {
    width: 790px !important;
  }
  .hp-wd_800px_sp {
    width: 800px !important;
  }
  .hp-wd_810px_sp {
    width: 810px !important;
  }
  .hp-wd_820px_sp {
    width: 820px !important;
  }
  .hp-wd_830px_sp {
    width: 830px !important;
  }
  .hp-wd_840px_sp {
    width: 840px !important;
  }
  .hp-wd_850px_sp {
    width: 850px !important;
  }
  .hp-wd_860px_sp {
    width: 860px !important;
  }
  .hp-wd_870px_sp {
    width: 870px !important;
  }
  .hp-wd_880px_sp {
    width: 880px !important;
  }
  .hp-wd_890px_sp {
    width: 890px !important;
  }
  .hp-wd_900px_sp {
    width: 900px !important;
  }
  .hp-wd_910px_sp {
    width: 910px !important;
  }
  .hp-wd_920px_sp {
    width: 920px !important;
  }
  .hp-wd_930px_sp {
    width: 930px !important;
  }
  .hp-wd_940px_sp {
    width: 940px !important;
  }
  .hp-wd_5pc_sp {
    width: 5% !important;
  }
  .hp-wd_10pc_sp {
    width: 10% !important;
  }
  .hp-wd_15pc_sp {
    width: 15% !important;
  }
  .hp-wd_20pc_sp {
    width: 20% !important;
  }
  .hp-wd_25pc_sp {
    width: 25% !important;
  }
  .hp-wd_30pc_sp {
    width: 30% !important;
  }
  .hp-wd_35pc_sp {
    width: 35% !important;
  }
  .hp-wd_40pc_sp {
    width: 40% !important;
  }
  .hp-wd_45pc_sp {
    width: 45% !important;
  }
  .hp-wd_50pc_sp {
    width: 50% !important;
  }
  .hp-wd_55pc_sp {
    width: 55% !important;
  }
  .hp-wd_60pc_sp {
    width: 60% !important;
  }
  .hp-wd_65pc_sp {
    width: 65% !important;
  }
  .hp-wd_70pc_sp {
    width: 70% !important;
  }
  .hp-wd_75pc_sp {
    width: 75% !important;
  }
  .hp-wd_80pc_sp {
    width: 80% !important;
  }
  .hp-wd_85pc_sp {
    width: 85% !important;
  }
  .hp-wd_90pc_sp {
    width: 90% !important;
  }
  .hp-wd_95pc_sp {
    width: 95% !important;
  }
  .hp-wd_100pc_sp {
    width: 100% !important;
  }
}
.hp-ht_auto {
  height: auto !important;
}
.hp-ht_20px {
  height: 20px !important;
}
.hp-ht_30px {
  height: 30px !important;
}
.hp-ht_40px {
  height: 40px !important;
}
.hp-ht_50px {
  height: 50px !important;
}
.hp-ht_60px {
  height: 60px !important;
}
.hp-ht_70px {
  height: 70px !important;
}
.hp-ht_80px {
  height: 80px !important;
}
.hp-ht_90px {
  height: 90px !important;
}
.hp-ht_100px {
  height: 100px !important;
}
.hp-ht_110px {
  height: 110px !important;
}
.hp-ht_120px {
  height: 120px !important;
}
.hp-ht_130px {
  height: 130px !important;
}
.hp-ht_140px {
  height: 140px !important;
}
.hp-ht_150px {
  height: 150px !important;
}
.hp-ht_160px {
  height: 160px !important;
}
.hp-ht_170px {
  height: 170px !important;
}
.hp-ht_180px {
  height: 180px !important;
}
.hp-ht_190px {
  height: 190px !important;
}
.hp-ht_200px {
  height: 200px !important;
}
.hp-ht_210px {
  height: 210px !important;
}
.hp-ht_220px {
  height: 220px !important;
}
.hp-ht_230px {
  height: 230px !important;
}
.hp-ht_240px {
  height: 240px !important;
}
.hp-ht_250px {
  height: 250px !important;
}
.hp-ht_260px {
  height: 260px !important;
}
.hp-ht_270px {
  height: 270px !important;
}
.hp-ht_280px {
  height: 280px !important;
}
.hp-ht_290px {
  height: 290px !important;
}
.hp-ht_300px {
  height: 300px !important;
}
.hp-ht_310px {
  height: 310px !important;
}
.hp-ht_320px {
  height: 320px !important;
}
.hp-ht_330px {
  height: 330px !important;
}
.hp-ht_340px {
  height: 340px !important;
}
.hp-ht_350px {
  height: 350px !important;
}
.hp-ht_360px {
  height: 360px !important;
}
.hp-ht_370px {
  height: 370px !important;
}
.hp-ht_380px {
  height: 380px !important;
}
.hp-ht_390px {
  height: 390px !important;
}
.hp-ht_400px {
  height: 400px !important;
}
.hp-ht_410px {
  height: 410px !important;
}
.hp-ht_420px {
  height: 420px !important;
}
.hp-ht_430px {
  height: 430px !important;
}
.hp-ht_440px {
  height: 440px !important;
}
.hp-ht_450px {
  height: 450px !important;
}
.hp-ht_460px {
  height: 460px !important;
}
.hp-ht_470px {
  height: 470px !important;
}
.hp-ht_480px {
  height: 480px !important;
}
.hp-ht_490px {
  height: 490px !important;
}
.hp-ht_500px {
  height: 500px !important;
}
.hp-ht_510px {
  height: 510px !important;
}
.hp-ht_520px {
  height: 520px !important;
}
.hp-ht_530px {
  height: 530px !important;
}
.hp-ht_540px {
  height: 540px !important;
}
.hp-ht_550px {
  height: 550px !important;
}
.hp-ht_560px {
  height: 560px !important;
}
.hp-ht_570px {
  height: 570px !important;
}
.hp-ht_580px {
  height: 580px !important;
}
.hp-ht_590px {
  height: 590px !important;
}
.hp-ht_600px {
  height: 600px !important;
}
.hp-ht_610px {
  height: 610px !important;
}
.hp-ht_620px {
  height: 620px !important;
}
.hp-ht_630px {
  height: 630px !important;
}
.hp-ht_640px {
  height: 640px !important;
}
.hp-ht_650px {
  height: 650px !important;
}
.hp-ht_660px {
  height: 660px !important;
}
.hp-ht_670px {
  height: 670px !important;
}
.hp-ht_680px {
  height: 680px !important;
}
.hp-ht_690px {
  height: 690px !important;
}
.hp-ht_700px {
  height: 700px !important;
}
.hp-ht_710px {
  height: 710px !important;
}
.hp-ht_720px {
  height: 720px !important;
}
.hp-ht_730px {
  height: 730px !important;
}
.hp-ht_740px {
  height: 740px !important;
}
.hp-ht_750px {
  height: 750px !important;
}
.hp-ht_760px {
  height: 760px !important;
}
.hp-ht_770px {
  height: 770px !important;
}
.hp-ht_780px {
  height: 780px !important;
}
.hp-ht_790px {
  height: 790px !important;
}
.hp-ht_800px {
  height: 800px !important;
}
.hp-ht_810px {
  height: 810px !important;
}
.hp-ht_820px {
  height: 820px !important;
}
.hp-ht_830px {
  height: 830px !important;
}
.hp-ht_840px {
  height: 840px !important;
}
.hp-ht_850px {
  height: 850px !important;
}
.hp-ht_860px {
  height: 860px !important;
}
.hp-ht_870px {
  height: 870px !important;
}
.hp-ht_880px {
  height: 880px !important;
}
.hp-ht_890px {
  height: 890px !important;
}
.hp-ht_900px {
  height: 900px !important;
}
.hp-ht_910px {
  height: 910px !important;
}
.hp-ht_920px {
  height: 920px !important;
}
.hp-ht_930px {
  height: 930px !important;
}
.hp-ht_940px {
  height: 940px !important;
}
.hp-ht_950px {
  height: 950px !important;
}
.hp-ht_960px {
  height: 960px !important;
}
.hp-ht_970px {
  height: 970px !important;
}
.hp-ht_980px {
  height: 980px !important;
}
.hp-ht_990px {
  height: 990px !important;
}
.hp-ht_spx {
  height: 1000px !important;
}
.hp-ht_5pc {
  height: 5% !important;
}
.hp-ht_10pc {
  height: 10% !important;
}
.hp-ht_11pc {
  height: 11% !important;
}
.hp-ht_12pc {
  height: 12% !important;
}
.hp-ht_13pc {
  height: 13% !important;
}
.hp-ht_14pc {
  height: 14% !important;
}
.hp-ht_15pc {
  height: 15% !important;
}
.hp-ht_16pc {
  height: 16% !important;
}
.hp-ht_17pc {
  height: 17% !important;
}
.hp-ht_18pc {
  height: 18% !important;
}
.hp-ht_19pc {
  height: 19% !important;
}
.hp-ht_20pc {
  height: 20% !important;
}
.hp-ht_25pc {
  height: 25% !important;
}
.hp-ht_30pc {
  height: 30% !important;
}
.hp-ht_31pc {
  height: 31% !important;
}
.hp-ht_32pc {
  height: 32% !important;
}
.hp-ht_33pc {
  height: 33.3333333333% !important;
}
.hp-ht_34pc {
  height: 34% !important;
}
.hp-ht_35pc {
  height: 35% !important;
}
.hp-ht_36pc {
  height: 36% !important;
}
.hp-ht_37pc {
  height: 37% !important;
}
.hp-ht_38pc {
  height: 38% !important;
}
.hp-ht_39pc {
  height: 39% !important;
}
.hp-ht_40pc {
  height: 40% !important;
}
.hp-ht_41pc {
  height: 41% !important;
}
.hp-ht_42pc {
  height: 42% !important;
}
.hp-ht_43pc {
  height: 43% !important;
}
.hp-ht_44pc {
  height: 44% !important;
}
.hp-ht_45pc {
  height: 45% !important;
}
.hp-ht_46pc {
  height: 46% !important;
}
.hp-ht_47pc {
  height: 47% !important;
}
.hp-ht_48pc {
  height: 48% !important;
}
.hp-ht_49pc {
  height: 49% !important;
}
.hp-ht_50pc {
  height: 50% !important;
}
.hp-ht_55pc {
  height: 55% !important;
}
.hp-ht_60pc {
  height: 60% !important;
}
.hp-ht_65pc {
  height: 65% !important;
}
.hp-ht_70pc {
  height: 70% !important;
}
.hp-ht_75pc {
  height: 75% !important;
}
.hp-ht_80pc {
  height: 80% !important;
}
.hp-ht_85pc {
  height: 85% !important;
}
.hp-ht_90pc {
  height: 90% !important;
}
.hp-ht_95pc {
  height: 95% !important;
}
.hp-ht_100pc {
  height: 100% !important;
}
@media screen and (min-width: 769px), print {
  .hp-ht_auto_pc {
    height: auto !important;
  }
  .hp-ht_20px_pc {
    height: 20px !important;
  }
  .hp-ht_30px_pc {
    height: 30px !important;
  }
  .hp-ht_40px_pc {
    height: 40px !important;
  }
  .hp-ht_50px_pc {
    height: 50px !important;
  }
  .hp-ht_60px_pc {
    height: 60px !important;
  }
  .hp-ht_70px_pc {
    height: 70px !important;
  }
  .hp-ht_80px_pc {
    height: 80px !important;
  }
  .hp-ht_90px_pc {
    height: 90px !important;
  }
  .hp-ht_100px_pc {
    height: 100px !important;
  }
  .hp-ht_110px_pc {
    height: 110px !important;
  }
  .hp-ht_120px_pc {
    height: 120px !important;
  }
  .hp-ht_130px_pc {
    height: 130px !important;
  }
  .hp-ht_140px_pc {
    height: 140px !important;
  }
  .hp-ht_150px_pc {
    height: 150px !important;
  }
  .hp-ht_160px_pc {
    height: 160px !important;
  }
  .hp-ht_170px_pc {
    height: 170px !important;
  }
  .hp-ht_180px_pc {
    height: 180px !important;
  }
  .hp-ht_190px_pc {
    height: 190px !important;
  }
  .hp-ht_200px_pc {
    height: 200px !important;
  }
  .hp-ht_210px_pc {
    height: 210px !important;
  }
  .hp-ht_220px_pc {
    height: 220px !important;
  }
  .hp-ht_230px_pc {
    height: 230px !important;
  }
  .hp-ht_240px_pc {
    height: 240px !important;
  }
  .hp-ht_250px_pc {
    height: 250px !important;
  }
  .hp-ht_260px_pc {
    height: 260px !important;
  }
  .hp-ht_270px_pc {
    height: 270px !important;
  }
  .hp-ht_280px_pc {
    height: 280px !important;
  }
  .hp-ht_290px_pc {
    height: 290px !important;
  }
  .hp-ht_300px_pc {
    height: 300px !important;
  }
  .hp-ht_310px_pc {
    height: 310px !important;
  }
  .hp-ht_320px_pc {
    height: 320px !important;
  }
  .hp-ht_330px_pc {
    height: 330px !important;
  }
  .hp-ht_340px_pc {
    height: 340px !important;
  }
  .hp-ht_350px_pc {
    height: 350px !important;
  }
  .hp-ht_360px_pc {
    height: 360px !important;
  }
  .hp-ht_370px_pc {
    height: 370px !important;
  }
  .hp-ht_380px_pc {
    height: 380px !important;
  }
  .hp-ht_390px_pc {
    height: 390px !important;
  }
  .hp-ht_400px_pc {
    height: 400px !important;
  }
  .hp-ht_410px_pc {
    height: 410px !important;
  }
  .hp-ht_420px_pc {
    height: 420px !important;
  }
  .hp-ht_430px_pc {
    height: 430px !important;
  }
  .hp-ht_440px_pc {
    height: 440px !important;
  }
  .hp-ht_450px_pc {
    height: 450px !important;
  }
  .hp-ht_460px_pc {
    height: 460px !important;
  }
  .hp-ht_470px_pc {
    height: 470px !important;
  }
  .hp-ht_480px_pc {
    height: 480px !important;
  }
  .hp-ht_490px_pc {
    height: 490px !important;
  }
  .hp-ht_500px_pc {
    height: 500px !important;
  }
  .hp-ht_510px_pc {
    height: 510px !important;
  }
  .hp-ht_520px_pc {
    height: 520px !important;
  }
  .hp-ht_530px_pc {
    height: 530px !important;
  }
  .hp-ht_540px_pc {
    height: 540px !important;
  }
  .hp-ht_550px_pc {
    height: 550px !important;
  }
  .hp-ht_560px_pc {
    height: 560px !important;
  }
  .hp-ht_570px_pc {
    height: 570px !important;
  }
  .hp-ht_580px_pc {
    height: 580px !important;
  }
  .hp-ht_590px_pc {
    height: 590px !important;
  }
  .hp-ht_600px_pc {
    height: 600px !important;
  }
  .hp-ht_610px_pc {
    height: 610px !important;
  }
  .hp-ht_620px_pc {
    height: 620px !important;
  }
  .hp-ht_630px_pc {
    height: 630px !important;
  }
  .hp-ht_640px_pc {
    height: 640px !important;
  }
  .hp-ht_650px_pc {
    height: 650px !important;
  }
  .hp-ht_660px_pc {
    height: 660px !important;
  }
  .hp-ht_670px_pc {
    height: 670px !important;
  }
  .hp-ht_680px_pc {
    height: 680px !important;
  }
  .hp-ht_690px_pc {
    height: 690px !important;
  }
  .hp-ht_700px_pc {
    height: 700px !important;
  }
  .hp-ht_710px_pc {
    height: 710px !important;
  }
  .hp-ht_720px_pc {
    height: 720px !important;
  }
  .hp-ht_730px_pc {
    height: 730px !important;
  }
  .hp-ht_740px_pc {
    height: 740px !important;
  }
  .hp-ht_750px_pc {
    height: 750px !important;
  }
  .hp-ht_760px_pc {
    height: 760px !important;
  }
  .hp-ht_770px_pc {
    height: 770px !important;
  }
  .hp-ht_780px_pc {
    height: 780px !important;
  }
  .hp-ht_790px_pc {
    height: 790px !important;
  }
  .hp-ht_800px_pc {
    height: 800px !important;
  }
  .hp-ht_810px_pc {
    height: 810px !important;
  }
  .hp-ht_820px_pc {
    height: 820px !important;
  }
  .hp-ht_830px_pc {
    height: 830px !important;
  }
  .hp-ht_840px_pc {
    height: 840px !important;
  }
  .hp-ht_850px_pc {
    height: 850px !important;
  }
  .hp-ht_860px_pc {
    height: 860px !important;
  }
  .hp-ht_870px_pc {
    height: 870px !important;
  }
  .hp-ht_880px_pc {
    height: 880px !important;
  }
  .hp-ht_890px_pc {
    height: 890px !important;
  }
  .hp-ht_900px_pc {
    height: 900px !important;
  }
  .hp-ht_910px_pc {
    height: 910px !important;
  }
  .hp-ht_920px_pc {
    height: 920px !important;
  }
  .hp-ht_930px_pc {
    height: 930px !important;
  }
  .hp-ht_940px_pc {
    height: 940px !important;
  }
  .hp-ht_950px_pc {
    height: 950px !important;
  }
  .hp-ht_960px_pc {
    height: 960px !important;
  }
  .hp-ht_970px_pc {
    height: 970px !important;
  }
  .hp-ht_980px_pc {
    height: 980px !important;
  }
  .hp-ht_990px_pc {
    height: 990px !important;
  }
  .hp-ht_spx_pc {
    height: 1000px !important;
  }
  .hp-ht_5pc_pc {
    height: 5% !important;
  }
  .hp-ht_10pc_pc {
    height: 10% !important;
  }
  .hp-ht_15pc_pc {
    height: 15% !important;
  }
  .hp-ht_20pc_pc {
    height: 20% !important;
  }
  .hp-ht_25pc_pc {
    height: 25% !important;
  }
  .hp-ht_30pc_pc {
    height: 30% !important;
  }
  .hp-ht_35pc_pc {
    height: 35% !important;
  }
  .hp-ht_40pc_pc {
    height: 40% !important;
  }
  .hp-ht_45pc_pc {
    height: 45% !important;
  }
  .hp-ht_50pc_pc {
    height: 50% !important;
  }
  .hp-ht_55pc_pc {
    height: 55% !important;
  }
  .hp-ht_60pc_pc {
    height: 60% !important;
  }
  .hp-ht_65pc_pc {
    height: 65% !important;
  }
  .hp-ht_70pc_pc {
    height: 70% !important;
  }
  .hp-ht_75pc_pc {
    height: 75% !important;
  }
  .hp-ht_80pc_pc {
    height: 80% !important;
  }
  .hp-ht_85pc_pc {
    height: 85% !important;
  }
  .hp-ht_90pc_pc {
    height: 90% !important;
  }
  .hp-ht_95pc_pc {
    height: 95% !important;
  }
  .hp-ht_100pc_pc {
    height: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-ht_auto_sp {
    height: auto !important;
  }
  .hp-ht_20px_sp {
    height: 20px !important;
  }
  .hp-ht_30px_sp {
    height: 30px !important;
  }
  .hp-ht_40px_sp {
    height: 40px !important;
  }
  .hp-ht_50px_sp {
    height: 50px !important;
  }
  .hp-ht_60px_sp {
    height: 60px !important;
  }
  .hp-ht_70px_sp {
    height: 70px !important;
  }
  .hp-ht_80px_sp {
    height: 80px !important;
  }
  .hp-ht_90px_sp {
    height: 90px !important;
  }
  .hp-ht_100px_sp {
    height: 100px !important;
  }
  .hp-ht_110px_sp {
    height: 110px !important;
  }
  .hp-ht_120px_sp {
    height: 120px !important;
  }
  .hp-ht_130px_sp {
    height: 130px !important;
  }
  .hp-ht_140px_sp {
    height: 140px !important;
  }
  .hp-ht_150px_sp {
    height: 150px !important;
  }
  .hp-ht_160px_sp {
    height: 160px !important;
  }
  .hp-ht_170px_sp {
    height: 170px !important;
  }
  .hp-ht_180px_sp {
    height: 180px !important;
  }
  .hp-ht_190px_sp {
    height: 190px !important;
  }
  .hp-ht_200px_sp {
    height: 200px !important;
  }
  .hp-ht_210px_sp {
    height: 210px !important;
  }
  .hp-ht_220px_sp {
    height: 220px !important;
  }
  .hp-ht_230px_sp {
    height: 230px !important;
  }
  .hp-ht_240px_sp {
    height: 240px !important;
  }
  .hp-ht_250px_sp {
    height: 250px !important;
  }
  .hp-ht_260px_sp {
    height: 260px !important;
  }
  .hp-ht_270px_sp {
    height: 270px !important;
  }
  .hp-ht_280px_sp {
    height: 280px !important;
  }
  .hp-ht_290px_sp {
    height: 290px !important;
  }
  .hp-ht_300px_sp {
    height: 300px !important;
  }
  .hp-ht_310px_sp {
    height: 310px !important;
  }
  .hp-ht_320px_sp {
    height: 320px !important;
  }
  .hp-ht_330px_sp {
    height: 330px !important;
  }
  .hp-ht_340px_sp {
    height: 340px !important;
  }
  .hp-ht_350px_sp {
    height: 350px !important;
  }
  .hp-ht_360px_sp {
    height: 360px !important;
  }
  .hp-ht_370px_sp {
    height: 370px !important;
  }
  .hp-ht_380px_sp {
    height: 380px !important;
  }
  .hp-ht_390px_sp {
    height: 390px !important;
  }
  .hp-ht_400px_sp {
    height: 400px !important;
  }
  .hp-ht_410px_sp {
    height: 410px !important;
  }
  .hp-ht_420px_sp {
    height: 420px !important;
  }
  .hp-ht_430px_sp {
    height: 430px !important;
  }
  .hp-ht_440px_sp {
    height: 440px !important;
  }
  .hp-ht_450px_sp {
    height: 450px !important;
  }
  .hp-ht_460px_sp {
    height: 460px !important;
  }
  .hp-ht_470px_sp {
    height: 470px !important;
  }
  .hp-ht_480px_sp {
    height: 480px !important;
  }
  .hp-ht_490px_sp {
    height: 490px !important;
  }
  .hp-ht_500px_sp {
    height: 500px !important;
  }
  .hp-ht_510px_sp {
    height: 510px !important;
  }
  .hp-ht_520px_sp {
    height: 520px !important;
  }
  .hp-ht_530px_sp {
    height: 530px !important;
  }
  .hp-ht_540px_sp {
    height: 540px !important;
  }
  .hp-ht_550px_sp {
    height: 550px !important;
  }
  .hp-ht_560px_sp {
    height: 560px !important;
  }
  .hp-ht_570px_sp {
    height: 570px !important;
  }
  .hp-ht_580px_sp {
    height: 580px !important;
  }
  .hp-ht_590px_sp {
    height: 590px !important;
  }
  .hp-ht_600px_sp {
    height: 600px !important;
  }
  .hp-ht_610px_sp {
    height: 610px !important;
  }
  .hp-ht_620px_sp {
    height: 620px !important;
  }
  .hp-ht_630px_sp {
    height: 630px !important;
  }
  .hp-ht_640px_sp {
    height: 640px !important;
  }
  .hp-ht_650px_sp {
    height: 650px !important;
  }
  .hp-ht_660px_sp {
    height: 660px !important;
  }
  .hp-ht_670px_sp {
    height: 670px !important;
  }
  .hp-ht_680px_sp {
    height: 680px !important;
  }
  .hp-ht_690px_sp {
    height: 690px !important;
  }
  .hp-ht_700px_sp {
    height: 700px !important;
  }
  .hp-ht_710px_sp {
    height: 710px !important;
  }
  .hp-ht_720px_sp {
    height: 720px !important;
  }
  .hp-ht_730px_sp {
    height: 730px !important;
  }
  .hp-ht_740px_sp {
    height: 740px !important;
  }
  .hp-ht_750px_sp {
    height: 750px !important;
  }
  .hp-ht_760px_sp {
    height: 760px !important;
  }
  .hp-ht_770px_sp {
    height: 770px !important;
  }
  .hp-ht_780px_sp {
    height: 780px !important;
  }
  .hp-ht_790px_sp {
    height: 790px !important;
  }
  .hp-ht_800px_sp {
    height: 800px !important;
  }
  .hp-ht_810px_sp {
    height: 810px !important;
  }
  .hp-ht_820px_sp {
    height: 820px !important;
  }
  .hp-ht_830px_sp {
    height: 830px !important;
  }
  .hp-ht_840px_sp {
    height: 840px !important;
  }
  .hp-ht_850px_sp {
    height: 850px !important;
  }
  .hp-ht_860px_sp {
    height: 860px !important;
  }
  .hp-ht_870px_sp {
    height: 870px !important;
  }
  .hp-ht_880px_sp {
    height: 880px !important;
  }
  .hp-ht_890px_sp {
    height: 890px !important;
  }
  .hp-ht_900px_sp {
    height: 900px !important;
  }
  .hp-ht_910px_sp {
    height: 910px !important;
  }
  .hp-ht_920px_sp {
    height: 920px !important;
  }
  .hp-ht_930px_sp {
    height: 930px !important;
  }
  .hp-ht_940px_sp {
    height: 940px !important;
  }
  .hp-ht_5pc_sp {
    height: 5% !important;
  }
  .hp-ht_10pc_sp {
    height: 10% !important;
  }
  .hp-ht_15pc_sp {
    height: 15% !important;
  }
  .hp-ht_20pc_sp {
    height: 20% !important;
  }
  .hp-ht_25pc_sp {
    height: 25% !important;
  }
  .hp-ht_30pc_sp {
    height: 30% !important;
  }
  .hp-ht_35pc_sp {
    height: 35% !important;
  }
  .hp-ht_40pc_sp {
    height: 40% !important;
  }
  .hp-ht_45pc_sp {
    height: 45% !important;
  }
  .hp-ht_50pc_sp {
    height: 50% !important;
  }
  .hp-ht_55pc_sp {
    height: 55% !important;
  }
  .hp-ht_60pc_sp {
    height: 60% !important;
  }
  .hp-ht_65pc_sp {
    height: 65% !important;
  }
  .hp-ht_70pc_sp {
    height: 70% !important;
  }
  .hp-ht_75pc_sp {
    height: 75% !important;
  }
  .hp-ht_80pc_sp {
    height: 80% !important;
  }
  .hp-ht_85pc_sp {
    height: 85% !important;
  }
  .hp-ht_90pc_sp {
    height: 90% !important;
  }
  .hp-ht_95pc_sp {
    height: 95% !important;
  }
  .hp-ht_100pc_sp {
    height: 100% !important;
  }
}
.hp-va_t {
  vertical-align: top !important;
}
.hp-va_m {
  vertical-align: middle !important;
}
.hp-va_b {
  vertical-align: bottom !important;
}
.hp-va_rl {
  -webkit-writing-mode: vertical-rl !important;
      -ms-writing-mode: tb-rl !important;
          writing-mode: vertical-rl !important;
}
.hp-dis_b {
  display: block !important;
}
.hp-dis_ib {
  display: inline-block !important;
}
.hp-dis_i {
  display: inline !important;
}
@media screen and (min-width: 769px), print {
  .hp-dis_b_pc {
    display: block !important;
  }
  .hp-dis_ib_pc {
    display: inline-block !important;
  }
  .hp-dis_i_pc {
    display: inline !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-dis_b_sp {
    display: block !important;
  }
  .hp-dis_ib_sp {
    display: inline-block !important;
  }
  .hp-dis_i_sp {
    display: inline !important;
  }
}
.hp-bg_tp {
  background: transparent !important;
}
.hp-bg_bk {
  background: var(--color-txt) !important;
}
.hp-bg_bg {
  background: var(--color-bg) !important;
}
.hp-bg_wh {
  background: #fff !important;
}
.hp-bd_bk {
  border: solid 1px var(--color-txt) !important;
}
.hp-bd_gr {
  border: solid 1px var(--color-main) !important;
}
.hp-bd_gray {
  border: solid 1px var(--color-gray9) !important;
}
.hp-bd_gray {
  border: solid 1px var(--color-grayC) !important;
}
.hp-bd_rd5 {
  border-radius: 5px !important;
}
.hp-bd_rd10 {
  border-radius: 10px !important;
}
.hp-bd_rd15 {
  border-radius: 15px !important;
}
.hp-bd_top_grayC {
  border-top: solid 1px var(--color-grayC) !important;
}
.hp-bd_right_grayC {
  border-right: solid 1px var(--color-grayC) !important;
}
.hp-bd_bottom_grayC {
  border-bottom: solid 1px var(--color-grayC) !important;
}
.hp-bd_left_grayC {
  border-left: solid 1px var(--color-grayC) !important;
}
.hp-float_l {
  float: left !important;
}
.hp-float_r {
  float: right !important;
}
@media screen and (min-width: 769px), print {
  .hp-float_l_pc {
    float: left !important;
  }
  .hp-float_r_pc {
    float: right !important;
  }
}
.hp-clearfix::after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}
.hp-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hp-flex_jc {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.hp-flex_jb {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.hp-flex_ja {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}
.hp-flex_js {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.hp-flex_je {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.hp-flex_ac {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.hp-flex_ae {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.hp-flex_wp {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.hp-flex_cl {
  display: inherit !important;
}
.hp-flex_fx1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}
@media screen and (min-width: 769px), print {
  .hp-flex_pc {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-flex_cl_sp {
    display: inherit !important;
  }
  .hp-flex_jc_sp {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.hp-gap_10 {
  gap: 10px !important;
}
.hp-gap_20 {
  gap: 20px !important;
}
.hp-gap_30 {
  gap: 30px !important;
}
.hp-gap_40 {
  gap: 40px !important;
}
.hp-gap_50 {
  gap: 50px !important;
}
.hp-gap_60 {
  gap: 50px !important;
}
.hp-gap_70 {
  gap: 50px !important;
}
.hp-gap_80 {
  gap: 50px !important;
}
.hp-gap_90 {
  gap: 50px !important;
}
.hp-gap_100 {
  gap: 50px !important;
}
.hp-hover_op {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.hp-hover_op:hover {
  opacity: 0.8;
}
.hp-brSp, .hp-spOnly, .hp-imgSp, .hp-brTab, .hp-tabOnly, .hp-imgTab {
  display: none !important;
}
@media screen and (max-width: 1380px) and (min-width: 769px), print {
  .hp-brTab {
    display: inline !important;
  }
  .hp-tabOnly {
    display: block !important;
  }
  .hp-tabNone {
    display: none !important;
  }
  .hp-imgTab {
    display: inline !important;
  }
}
@media screen and (max-width: 768px) {
  .hp-brPc {
    display: none !important;
  }
  .hp-brSp {
    display: inline !important;
  }
  .hp-pcOnly {
    display: none !important;
  }
  .hp-spOnly {
    display: block !important;
  }
  .hp-spNone {
    display: none !important;
  }
  .hp-imgPc {
    display: none !important;
  }
  .hp-imgSp {
    display: inline !important;
  }
}

/* /_hp.css
-----------------------------------------------------------------*/
/* _base.scss
-------------------------------------------------------*/
body {
  margin: 0 auto;
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  color: var(--color-txt);
  font-family: var(--font-base);
  min-width: 1240px;
}
@media screen and (max-width: 768px) {
  body {
    min-width: 0;
  }
}
@media print {
  body {
    zoom: 0.8;
  }
}

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

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

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

.material-symbols-outlined {
  font-size: inherit;
}

.material-fill {
  font-variation-settings: "FILL" 1;
}

.material-light {
  font-variation-settings: "wght" 200;
}

/* アイコン */
.icon {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin: 0 5px;
  vertical-align: -2px;
}
.icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-main);
}
.icon--blank::before {
  -webkit-mask: url("/assets/images/icon/blank.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/blank.svg") center/100% no-repeat;
}
.icon--pdf::before {
  -webkit-mask: url("/assets/images/icon/pdf.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/pdf.svg") center/100% no-repeat;
}
.icon--arrow3-r {
  width: 0.313em;
}
.icon--arrow3-r::before {
  -webkit-mask: url("/assets/images/icon/arrow3-r.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow3-r.svg") center/100% no-repeat;
  background-color: #616B73;
}
.icon--arrow3-b {
  width: 0.626em;
}
.icon--arrow3-b::before {
  -webkit-mask: url("/assets/images/icon/arrow3-b.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow3-b.svg") center/100% no-repeat;
  background-color: #616B73;
}
.icon--rock::before {
  -webkit-mask: url("/assets/images/icon/rock.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/rock.svg") center/100% no-repeat;
}
.icon--download::before {
  -webkit-mask: url("/assets/images/icon/download.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/download.svg") center/100% no-repeat;
}
.icon--download2 {
  width: 0.9375em;
  height: 0.84375em;
}
.icon--download2::before {
  -webkit-mask: url("/assets/images/icon/download2.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/download2.svg") center/100% no-repeat;
  background-color: #606060;
}
.icon--arrow-wt::before {
  -webkit-mask: url("/assets/images/icon/arrow-t.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow-t.svg") center/100% no-repeat;
}
.icon--arrow-wr::before {
  -webkit-mask: url("/assets/images/icon/arrow-r.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow-r.svg") center/100% no-repeat;
}
.icon--arrow-wl::before {
  -webkit-mask: url("/assets/images/icon/arrow-l.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow-l.svg") center/100% no-repeat;
}
.icon--arrow-wb::before {
  -webkit-mask: url("/assets/images/icon/arrow-b.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow-b.svg") center/100% no-repeat;
}
.icon--arrow2-b::before {
  -webkit-mask: url("/assets/images/icon/arrow2-b.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow2-b.svg") center/100% no-repeat;
}
.icon--search::before {
  -webkit-mask: url("/assets/images/icon/search.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/search.svg") center/100% no-repeat;
}
.icon--plus {
  width: 0.5625em;
}
.icon--plus::before {
  -webkit-mask: url("/assets/images/icon/plus.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/plus.svg") center/100% no-repeat;
}
.icon--close::before {
  -webkit-mask: url("/assets/images/icon/close.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/close.svg") center/100% no-repeat;
}
.icon--close-b::before {
  -webkit-mask: url("/assets/images/icon/close-b.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/close-b.svg") center/100% no-repeat;
}
.icon--close2 {
  width: 0.5625em;
}
.icon--close2::before {
  -webkit-mask: url("/assets/images/icon/close2.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/close2.svg") center/100% no-repeat;
}
.icon--arrow4-r {
  width: 1em;
  height: 1em;
}
.icon--arrow4-r::before {
  -webkit-mask: url("/assets/images/icon/arrow4-r.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow4-r.svg") center/100% no-repeat;
  background-color: #606060;
}
.icon--arrow4-b {
  width: 1em;
  height: 1em;
}
.icon--arrow4-b::before {
  -webkit-mask: url("/assets/images/icon/arrow4-b.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/arrow4-b.svg") center/100% no-repeat;
  background-color: #606060;
}
.icon--tel::before {
  -webkit-mask: url("/assets/images/icon/phone.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/phone.svg") center/100% no-repeat;
}
.icon--check::before {
  -webkit-mask: url("/assets/images/icon/check.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/check.svg") center/100% no-repeat;
}
.icon--warning::before {
  -webkit-mask: url("/assets/images/icon/warning.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/warning.svg") center/100% no-repeat;
}
.icon--paper {
  height: 0.9375em;
}
.icon--paper::before {
  -webkit-mask: url("/assets/images/icon/paper.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/paper.svg") center/100% no-repeat;
  background-color: #606060;
}
.icon--math {
  width: 0.84375em;
  height: 0.84375em;
}
.icon--math::before {
  -webkit-mask: url("/assets/images/icon/math.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/math.svg") center/100% no-repeat;
  background-color: #606060;
}
.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);
}

/* テキスト */
.b-p {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: var(--lineHeight-l);
}
.b-p > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.b-p > a:hover, a:hover .b-p > a {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.b-p > strong {
  font-weight: 700;
}
.b-p--s {
  font-size: 0.875rem;
}
.b-p--l {
  font-size: 1.125rem;
}
.b-p--caption {
  font-size: 0.875rem;
  color: var(--color-caption);
}
.b-p--gy {
  color: var(--color-caption);
  font-weight: 700;
}
.b-p + .b-p {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .b-p {
    font-size: 0.9375rem;
  }
  .b-p--s {
    font-size: 0.8125rem;
  }
  .b-p--l {
    font-size: 1rem;
  }
  .b-p--caption {
    font-size: 0.75rem;
  }
}

/* タグ */
.b-tag {
  display: inline-block;
  vertical-align: top;
}
.b-tag_inner {
  min-width: 80px;
  min-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 4px 10px 3px;
  font-size: 0.625rem;
  line-height: var(--lineHeight-s);
  background-color: var(--color-main);
  border: var(--color-main) solid 1px;
  color: var(--color-wh);
  border-radius: 50px;
}
.b-tag_inner--border {
  border-color: var(--color-main);
  background-color: var(--color-wh);
  color: var(--color-main);
}
.b-tag_inner--color {
  color: var(--color-wh);
  background-color: var(--color-sub);
  border: var(--color-sub) solid 1px;
}
.b-tag a {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.b-tag a:hover {
  opacity: 0.8;
}

.b-tagContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 12px;
}

/* 装飾 */
.b-deco {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  min-width: 178px;
  min-height: 56px;
  padding: 10px 20px;
  font-size: 1rem;
  color: var(--color-main);
  line-height: 1;
  letter-spacing: 0.4px;
  background-color: var(--color-bg);
  border-radius: 50px;
  margin: 0 10px 10px 0;
}
.b-deco--color {
  background-color: var(--color-main);
  color: var(--color-wh);
}
@media screen and (max-width: 768px) {
  .b-deco {
    min-width: 140px;
    min-height: 36px;
    font-size: 0.9375rem;
  }
}

/* ポイント */
.b-numTitle {
  color: var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-sub);
}
.b-numTitle_txt {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: var(--lineHeight-m);
  margin-bottom: 5px;
}
.b-numTitle_number {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: var(--lineHeight-s);
}
@media screen and (max-width: 768px) {
  .b-numTitle_txt {
    font-size: 0.6875rem;
    margin-bottom: 4px;
  }
  .b-numTitle_number {
    font-size: 1.625rem;
    line-height: var(--lineHeight-xs);
  }
}

/* 特殊ボックス */
.b-sph {
  width: 80px;
  height: 80px;
  background-color: var(--color-bg2);
  color: var(--color-wh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 100%;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .b-sph {
    width: 70px;
    height: 70px;
  }
  .b-sph--l {
    width: 90px;
    height: 90px;
  }
}

/* ライン */
.b-border {
  margin: 50px 0;
  border-bottom: var(--color-border) solid 1px;
}
.b-border--s {
  margin: 20px 0;
}

/* /_base.scss
-------------------------------------------------------*/
/* _header.scss 
-------------------------------------------------------*/
.header {
  position: fixed;
  max-width: 1440px;
  width: calc(100% - 40px);
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
  z-index: 15;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 100px;
  padding: 0 12px;
}
@media print {
  .header {
    display: none;
  }
}
.header_logo {
  background-color: #fff;
  border-radius: 100px;
  width: 198px;
  height: 48px;
}
.header_logo > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header_inner {
  height: 72px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 769px), print {
  .header_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.header_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header_store {
  width: 136px;
  margin-left: 12px;
}
.header_store-btn {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-linear-gradient(318deg, rgb(246, 169, 15) 0%, rgb(246, 169, 15) 20%, rgb(245, 129, 78) 100%);
  background: linear-gradient(132deg, rgb(246, 169, 15) 0%, rgb(246, 169, 15) 20%, rgb(245, 129, 78) 100%);
  color: #FFF;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}
.header_store-btn::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.header_store-btn:hover::before {
  opacity: 1;
}
.header_store-icon {
  width: 22px;
  height: 20px;
  -webkit-mask: url("/assets/images/icon/store.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/store.svg") center/100% no-repeat;
  background-color: #FFF;
}
.header_store-text {
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 8px;
}
@media screen and (min-width: 769px), print {
  .header_store-type {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
  }
}
@media screen and (max-width: 1380px) and (min-width: 769px), print {
  .header_logo {
    width: 150px;
  }
  .header_logo img {
    width: 120px;
  }
  .header_store {
    width: 114px;
  }
  .header_store-icon {
    display: none;
  }
}
@media screen and (max-width: 1200px), print {
  .is-gnav-open .header {
    background-color: #FFF;
    border-radius: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 40px);
  }
  .header_inner {
    padding-top: 10px;
    display: block;
  }
  .is-gnav-open .header_inner {
    height: auto;
  }
  .header_logo {
    width: 144px;
    height: 40px;
  }
  .is-gnav-open .header_logo {
    width: 116px;
  }
  .header_logo img {
    width: 102px;
  }
  .header_inner {
    height: 60px;
  }
  .header_store {
    width: 248px;
    margin: 32px auto 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .header_store-btn {
    height: 56px;
  }
  .header_store-icon {
    width: 20px;
    height: 18px;
    position: absolute;
    left: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .header_store-text {
    font-size: 1rem;
    margin-left: 0;
    letter-spacing: 0.5px;
  }
  .header_store-type {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header_store-type::before {
    background-color: #F6A90F;
    width: 10px;
    height: 10px;
  }
  .header_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 8px 56px;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: height 0.2s ease-out, visibility 0.2s;
    transition: height 0.2s ease-out, visibility 0.2s;
  }
  .header_main.is-active {
    overflow: visible;
    height: auto;
    height: calc-size(auto, size);
    visibility: visible;
    pointer-events: all;
  }
}
/* 検索 */
.headerSearch_btn {
  aspect-ratio: 1;
  width: 48px;
  border-radius: 100%;
  border: none;
  background-color: var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  margin-left: 16px;
  padding: 0;
}
.headerSearch_btn::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.headerSearch_btn:hover::before {
  opacity: 1;
}
.headerSearch_btn .icon {
  width: 1rem;
  height: 1rem;
}
.headerSearch_content-inner {
  position: relative;
}
.headerSearch #TextArea {
  width: 100%;
  height: 56px;
  border-radius: 32px;
  border: var(--color-border) solid 1px;
  background-color: #FFF;
  padding: 12px 40px 12px 16px;
  font-size: 1rem;
}
.headerSearch_submit {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  background-color: #FFF;
}
.headerSearch_submit::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  -webkit-mask: url("/assets/images/icon/search.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/search.svg") center/100% no-repeat;
  background-color: var(--color-main);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.headerSearch_submit input {
  border: none;
  padding: 0;
  width: 100%;
  height: 100%;
}
.headerSearch_close {
  margin: 20px auto 0;
  border: #CCC solid 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background-color: #EEEEEE;
  width: 100px;
  height: 40px;
  border-radius: 50px;
  color: var(--color-main);
}
.headerSearch_close-text {
  font-size: 0.875rem;
}
.headerSearch_close-icon {
  margin: 0;
}
@media screen and (min-width: 769px), print {
  .headerSearch_content {
    overflow: hidden;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: height 0.2s ease-out, visibility 0.2s;
    transition: height 0.2s ease-out, visibility 0.2s;
    position: absolute;
    right: 0;
    top: 88px;
    background-color: #fff9ec;
    width: 380px;
    padding: 32px 32px 24px;
    border-radius: 20px;
  }
  .headerSearch_content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: auto;
    background-color: #fff9ec;
    width: 22px;
    height: 15px;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }
  .is-open .headerSearch_content {
    overflow: visible;
    height: auto;
    height: calc-size(auto, size);
    visibility: visible;
    pointer-events: all;
  }
}
@media screen and (max-width: 1380px) and (min-width: 769px), print {
  .headerSearch_btn {
    width: 40px;
  }
}
@media screen and (max-width: 1200px), print {
  .headerSearch_btn {
    display: none;
  }
  .headerSearch_close {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .headerSearch {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 24px;
  }
  .headerSearch #TextArea {
    height: 48px;
    font-size: 0.875rem;
  }
}

/* ナビ */
.gnav_list {
  gap: 24px;
}
@media screen and (min-width: 769px), print {
  .gnav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.gnav_item-text {
  font-weight: 700;
  letter-spacing: 0.5px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.gnav_item-text__link {
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.gnav_item-text__link:hover, a:hover .gnav_item-text__link {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.gnav_item-text__link .icon {
  display: none;
}
.gnav_item-icon {
  margin-right: 0;
}
.gnav_item-link {
  pointer-events: none;
  display: contents;
}
.is-open .gnav_item-link {
  color: var(--color-main);
}
.gnav_item-btn {
  position: absolute;
  border: none;
  padding: 0;
}
@media screen and (min-width: 1201px), print {
  .gnav_item-btn {
    inset: 0;
  }
}
.gnav_content {
  overflow: hidden;
  height: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: height 0.2s ease-out, visibility 0.2s;
  transition: height 0.2s ease-out, visibility 0.2s;
  position: absolute;
  left: 0;
  top: 88px;
  background-color: #FFF;
  width: 100%;
  border-radius: 36px;
  padding: 64px 40px 72px;
}
.is-open .gnav_content {
  overflow: visible;
  height: auto;
  height: calc-size(auto, size);
  visibility: visible;
  pointer-events: all;
}
.gnav_content-close {
  aspect-ratio: 1;
  width: 40px;
  background-color: #D4D4D4;
  border-radius: 100%;
  border: none;
  position: absolute;
  right: 16px;
  top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gnav_content-close .icon {
  width: 1rem;
  height: 1rem;
}
.gnav_content-close .icon::before {
  background-color: #FFF;
}
.gnav_content-inner {
  max-width: 1280px;
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px;
}
.gnav_content-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gnav_content-title__ja {
  color: var(--color-main);
  font-size: 2.25rem;
  font-weight: 700;
}
.gnav_content-title__en {
  font-family: var(--font-sub);
  font-weight: 700;
  margin-top: 8px;
  line-height: 1;
}
.gnav_content-linktop {
  margin-top: 56px;
}
.gnav_content-linktop > a {
  font-size: 1.5rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.gnav_content-linktop .icon {
  min-width: 32px;
  height: 32px;
  background-color: var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
}
.gnav_content-linktop .icon::before {
  width: 0.75rem;
  height: 0.75rem;
}
.gnav_content-main {
  max-width: 904px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gnav_content-list {
  --_gap: 32px;
  --_column-max-count: 3;
  --_column-min-width: 280px;
  /* コンテナの横幅からギャップの合計値を引いたものを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: var(--_gap);
  row-gap: 16px;
}
.gnav_content-link {
  border-bottom: var(--color-border) solid 1px;
  min-height: 59px;
  height: 100%;
  padding: 4px 27px 10px 0;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.gnav_content-link:hover, a:hover .gnav_content-link {
  color: var(--color-main);
}
.gnav_content-link .icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.gnav_closeBg {
  width: 100%;
  height: 100vh;
  background-color: rgba(85, 85, 85, 0.25);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 14;
  pointer-events: none;
  opacity: 0;
}
.is-gnav-open .gnav_closeBg {
  opacity: 1;
  pointer-events: all;
}
.gnav_close {
  display: none;
}
@media screen and (max-width: 1380px) and (min-width: 769px), print {
  .gnav_list {
    gap: 16px;
  }
  .gnav_item-text {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1200px), print {
  .gnav {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    display: block;
  }
  .gnav_list {
    display: block;
  }
  .gnav_item-text {
    font-size: 1.125rem;
    display: block;
  }
  .gnav_item-text__link {
    display: block;
    padding: 15px 38px 15px 0;
    position: relative;
    border-bottom: var(--color-border) solid 1px;
  }
  .gnav_item-text__link .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    background-color: var(--color-main);
    border-radius: 100%;
  }
  .gnav_item-text__link .icon::before {
    background-color: #FFF;
    width: 0.625rem;
    height: 0.625rem;
  }
  .gnav_item-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    background-color: var(--color-main);
    border-radius: 100%;
  }
  .gnav_item-icon::before {
    background-color: #FFF;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-mask: url("/assets/images/icon/plus.svg") center/100% no-repeat;
            mask: url("/assets/images/icon/plus.svg") center/100% no-repeat;
  }
  .is-open .gnav_item-icon::before {
    -webkit-mask: url("/assets/images/icon/close2.svg") center/100% no-repeat;
            mask: url("/assets/images/icon/close2.svg") center/100% no-repeat;
  }
  .gnav_item-link {
    pointer-events: all;
    display: block;
    padding: 15px 38px 15px 0;
    position: relative;
    border-bottom: var(--color-border) solid 1px;
  }
  .is-open .gnav_item-link {
    color: var(--color-txt);
    border-bottom-color: var(--color-main);
  }
  .gnav_item-btn {
    width: 24px;
    height: 100%;
    top: 0;
    right: 0;
  }
  .gnav_content {
    position: static;
    border-radius: 0;
    padding: 0 0 0 12px;
    width: 100%;
  }
  .gnav_content-close {
    display: none;
  }
  .gnav_content-info {
    display: none;
  }
  .gnav_content-list {
    row-gap: 3px;
    margin-top: 8px;
  }
  .gnav_content-link {
    min-height: auto;
    height: auto;
    padding: 16px 32px 16px 0;
    font-size: 0.875rem;
  }
  .gnav_content-link .icon {
    right: 4px;
  }
  .gnav_close {
    background-color: #EEEEEE;
    width: 140px;
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6px;
    border-radius: 50px;
    color: var(--color-main);
    border: #CCC solid 1px;
    bottom: 30px;
    margin: 32px auto 0;
    z-index: 2;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .gnav_close-icon {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 2px;
  }
  .gnav_close-text {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
}

/* メニュー */
.headerMenu {
  position: absolute;
  right: 12px;
  top: 10px;
  margin: auto;
}
.headerMenu_btn {
  aspect-ratio: 1;
  width: 40px;
  background-color: var(--color-main);
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}
.headerMenu_btn-icon {
  width: 1.0625rem;
  height: 0.75rem;
  -webkit-mask: url("/assets/images/icon/menu.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/menu.svg") center/100% no-repeat;
  background-color: #FFF;
}
.is-gnav-open .headerMenu_btn-icon {
  -webkit-mask: url("/assets/images/icon/close.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/close.svg") center/100% no-repeat;
}
@media screen and (min-width: 1201px), print {
  .headerMenu {
    display: none;
  }
}

/* /_header.scss
-------------------------------------------------------*/
/* _footer.scss
-------------------------------------------------------*/
/* フッター */
.footer {
  position: relative;
  z-index: 2;
  border-radius: 104px 0 0 0;
  background-color: #CE1125;
  padding: 134px 0 0;
  border-top: var(--color-sub) solid 40px;
  z-index: 10;
}
@media print {
  .footer {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    border-radius: 48px 0 0 0;
    border-top-width: 20px;
    padding-top: 56px;
  }
}
.footer_top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: #FFF solid 2px;
}
@media screen and (min-width: 769px), print {
  .footer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer_top .c-btn {
  max-width: 360px;
}
.footer_top .c-btn_inner {
  border: #FFF solid 1px;
}
.footer_top .c-btn_inner:hover .c-btn_icon2 {
  background-color: #FFF !important;
}
.footer_top .c-btn_icon2 {
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 20px;
  display: block;
  -webkit-mask: url("/assets/images/icon/mail.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/mail.svg") center/100% no-repeat;
  background-color: var(--color-main);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
@media screen and (max-width: 768px) {
  .footer_top-logo {
    max-width: 200px;
    margin: 0 auto 24px;
  }
  .footer_top .c-btn {
    max-width: 300px;
    margin-inline: auto;
  }
}
.footer_middle {
  padding: 48px 0 96px;
}
@media screen and (max-width: 768px) {
  .footer_middle {
    padding: 40px 0 56px;
  }
}
.footer_nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 48px 24px;
}
.footer_nav-item:nth-child(1) {
  grid-area: 1/1/2/2;
}
.footer_nav-item:nth-child(2) {
  grid-area: 2/1/3/2;
}
.footer_nav-item:nth-child(3) {
  grid-area: 1/2/7/3;
}
.footer_nav-item:nth-child(4) {
  grid-area: 1/3/7/4;
}
.footer_nav-item:nth-child(5) {
  grid-area: 1/4/3/5;
}
.footer_nav-item:nth-child(6) {
  grid-area: 3/4/5/5;
}
.footer_nav-item:nth-child(7) {
  grid-area: 4/4/7/5;
}
.footer_nav-prim > a,
.footer_nav-prim > span {
  font-size: 1.25rem;
  color: var(--color-wh);
  font-weight: 700;
}
.footer_nav-prim > a {
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footer_nav-prim > a:hover, a:hover .footer_nav-prim > a {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.footer_nav-prim__icon {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: 0;
}
.footer_nav-prim__icon::before {
  background-color: #FFF;
}
.footer_nav-sub {
  margin-top: 20px;
}
.footer_nav-sub > li + li {
  margin-top: 16px;
}
.footer_nav-sub > li > a {
  font-size: 1rem;
  color: var(--color-wh);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footer_nav-sub > li > a:hover, a:hover .footer_nav-sub > li > a {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.footer_nav-sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.footer_nav-sns a {
  aspect-ratio: 1;
  width: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  border: #FFF solid 1px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_nav-sns a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .footer_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .footer_nav-prim > a,
  .footer_nav-prim > span {
    font-size: 1rem;
  }
  .footer_nav-prim__icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .footer_nav-sub {
    display: none;
  }
  .footer_nav-sns {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer_relate {
  margin-top: 56px;
}
.footer_relate-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px;
  color: #FFF;
}
.footer_relate-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.footer_relate-item {
  max-width: 282px;
}
.footer_relate-item > a {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_relate-item > a:hover {
  opacity: 0.8;
}
.footer_relate-text {
  text-align: center;
  color: #FFF;
  margin-top: 12px;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footer_relate-text:hover, a:hover .footer_relate-text {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .footer_relate-title {
    font-size: 1.25rem;
  }
  .footer_relate-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
  }
  .footer_relate-item {
    max-width: calc((100% - 16px) / 2);
  }
  .footer_relate-text {
    font-size: 0.875rem;
  }
}
.footer_bottom {
  border-top: #FFF solid 1px;
  padding: 22px 0;
  color: #FFF;
}
.footer_bottom-inner {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (min-width: 769px), print {
  .footer_bottom-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer_bottom-copy {
  font-size: 0.625rem;
}
.footer_bottom-list {
  gap: 20px;
}
@media screen and (min-width: 769px), print {
  .footer_bottom-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer_bottom-item > a {
  font-size: 0.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.footer_bottom-item > a:hover, a:hover .footer_bottom-item > a {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .footer_bottom-copy {
    margin-top: 12px;
    text-align: center;
  }
  .footer_bottom-item {
    text-align: right;
  }
}
.footer_toTop {
  border: none;
  width: 70px;
  height: 70px;
  display: block;
  border-radius: 50%;
  background: var(--color-main);
  color: #fff;
  font-weight: 700;
  display: grid;
  place-content: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
  z-index: 99;
  -webkit-box-shadow: 0 5px 10px rgba(132, 132, 132, 0.16);
          box-shadow: 0 5px 10px rgba(132, 132, 132, 0.16);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  pointer-events: none;
  opacity: 0;
}
.footer_toTop.is-visible {
  opacity: 1;
  pointer-events: all;
}
.footer_toTop:hover {
  scale: 1.05;
}
.footer_toTop_icon {
  margin-inline: auto;
  margin-bottom: 3px;
  width: 15px;
  height: 15px;
}
.footer_toTop_icon::before {
  background: #fff;
}
.footer_toTop_text {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .footer_toTop {
    width: 55px;
    height: 55px;
    right: 15px;
  }
  .footer_toTop_icon {
    width: 12px;
    height: 12px;
    margin-bottom: 2px;
  }
  .footer_toTop_text {
    font-size: 0.6875rem;
  }
}

/* /_footer.scss
-------------------------------------------------------*/
/* _elements.scss
-------------------------------------------------------*/
/* 見出し */
.c-titPrimary {
  margin: 0 auto;
  max-width: var(--wrap-base2);
  position: relative;
  z-index: 1;
}
.c-titPrimary:has(.c-titPrimary_wrap--kv) {
  overflow: hidden;
  border-radius: 0 0 104px 104px;
}
.c-titPrimary:has(.c-titPrimary_wrap--kv)::before {
  content: none;
}
.c-titPrimary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  width: calc(100% + 40px);
  height: 100%;
  background-color: var(--color-bg);
  border-radius: 0 0 104px 0;
}
.c-titPrimary_wrap {
  position: relative;
  min-height: 384px;
}
.c-titPrimary_wrap--kv {
  min-height: 480px;
}
.c-titPrimary_wrap--kv::before {
  content: "";
  position: absolute;
  top: 0;
  left: -48px;
  width: 590px;
  height: 100%;
  background-color: rgba(226, 21, 42, 0.9);
}
.c-titPrimary_inner {
  position: relative;
  width: 100%;
  min-height: 300px;
  padding: 124px 50px 50px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.c-titPrimary_wrap--kv > .c-titPrimary_inner {
  width: 542px;
  min-height: 480px;
}
.c-titPrimary_text {
  color: var(--color-txt);
  font-size: 1rem;
  font-family: var(--font-sub);
  font-weight: 500;
  line-height: var(--lineHeight-xl);
  letter-spacing: 0.2em;
}
.c-titPrimary_wrap--kv .c-titPrimary_text {
  color: var(--color-wh);
}
.c-titPrimary_title {
  margin-top: 16px;
  color: var(--color-main);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.16;
}
.c-titPrimary_wrap--kv .c-titPrimary_title {
  color: var(--color-wh);
}
.c-titPrimary_panel {
  position: absolute;
  display: block;
  bottom: 32px;
  right: 0;
  background: var(--color-wh);
  border: 1px var(--color-main) solid;
  border-radius: 24px;
  overflow: hidden;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-titPrimary_panel:hover {
  opacity: 0.8;
}
.c-titPrimary_panel_title {
  background: var(--color-grad4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  padding: 7px 24px;
  border-radius: 0 0 17px 0;
  color: var(--color-wh);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: var(--lineHeight-s);
}
.c-titPrimary_panel_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 16px 16px 5px;
}
.c-titPrimary_panel_main_txt {
  font-weight: 700;
}
.c-titPrimary_panel_main_code {
  font-size: 3rem;
  line-height: var(--lineHeight-s);
  font-family: var(--font-sub);
  font-weight: 600;
  color: var(--color-main);
}
.c-titPrimary_panel_arrowBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 16px 16px 0;
}
.c-titPrimary_panel_arrowBox_txt {
  font-size: 0.75rem;
  color: var(--color-caption);
}
.c-titPrimary_panel_arrowBox_icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-main);
  border: var(--color-main) solid 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-titPrimary_panel_arrowBox_icon::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  -webkit-mask: url("/assets/images/icon/blank.svg") center/100% 100%;
          mask: url("/assets/images/icon/blank.svg") center/100% 100%;
  background-color: var(--color-wh);
}
.c-titPrimary_image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-titPrimary_image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 104px 104px;
}
@media screen and (max-width: 768px) {
  .c-titPrimary {
    max-width: 100%;
  }
  .c-titPrimary:has(.c-titPrimary_wrap--kv) {
    overflow: hidden;
    border-radius: 0 0 40px 40px;
  }
  .c-titPrimary:has(.c-titPrimary_wrap--kv)::before {
    content: none;
  }
  .c-titPrimary::before {
    left: 0;
    width: 100%;
    border-radius: 0 0 40px 40px;
  }
  .c-titPrimary_wrap {
    min-height: 200px;
  }
  .c-titPrimary_wrap--kv {
    min-height: 200px;
  }
  .c-titPrimary_wrap--kv::before {
    left: -20px;
    width: 82%;
  }
  .c-titPrimary_inner {
    min-height: 200px;
    padding: 92px 20px 40px 0;
  }
  .c-titPrimary_wrap--kv > .c-titPrimary_inner {
    width: calc(82% - 20px);
    min-height: 200px;
  }
  .c-titPrimary_text {
    font-size: 0.875rem;
  }
  .c-titPrimary_title {
    margin-top: 12px;
    font-size: 1.75rem;
    line-height: 1.16;
  }
  .c-titPrimary_panel {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 20px 0 0 auto;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  }
  .c-titPrimary_panel_title {
    min-width: 130px;
    padding: 6px 20px;
    font-size: 1rem;
  }
  .c-titPrimary_panel_main {
    gap: 12px;
    margin: 10px 16px 2px;
  }
  .c-titPrimary_panel_main_txt {
    font-size: 0.9375rem;
  }
  .c-titPrimary_panel_main_code {
    font-size: 2.125rem;
  }
  .c-titPrimary_panel_arrowBox {
    margin: 0 16px 12px 0;
  }
  .c-titPrimary_panel_arrowBox_icon {
    width: 28px;
    height: 28px;
  }
  .c-titPrimary_panel_arrowBox_icon::before {
    width: 11px;
    height: 11px;
  }
  .c-titPrimary_image > img {
    border-radius: 0 0 50px 50px;
  }
}

.c-titSecondary {
  margin-bottom: 40px;
  color: var(--color-main);
}
.c-titSecondary::before {
  content: "";
  aspect-ratio: 40/8;
  width: 40px;
  -webkit-mask: url("/assets/images/icon/3point.svg") center/100% no-repeat;
          mask: url("/assets/images/icon/3point.svg") center/100% no-repeat;
  background-color: var(--color-sub);
  display: block;
  margin-bottom: 16px;
}
.c-titSecondary_title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
}
.c-titSecondary_sub {
  font-size: 0.875rem;
  color: var(--color-txt);
  line-height: var(--lineHeight-m);
  letter-spacing: 0.35px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-titSecondary {
    margin-bottom: 32px;
  }
  .c-titSecondary::before {
    width: 34px;
    margin-bottom: 10px;
  }
  .c-titSecondary_title {
    font-size: 1.625rem;
  }
}

.c-titTertiary {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 32px;
  color: var(--color-main);
  padding-left: 26px;
}
.c-titTertiary::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--color-cv);
  position: absolute;
  left: 0;
  top: 0.66em;
  border-radius: 10px;
}
.c-titTertiary_sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 220px;
  min-height: 50px;
  margin: 0 auto 22px;
  border-bottom: var(--color-sub) solid 1px;
  font-size: 1rem;
  color: var(--color-txt);
  font-weight: 500;
  line-height: var(--lineHeight-l);
  letter-spacing: 0.4px;
  position: relative;
  background-color: var(--color-wh);
  z-index: 2;
  padding: 8px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-titTertiary_sub::before, .c-titTertiary_sub::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: auto;
  background-color: var(--color-wh);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  width: 20px;
  height: 10px;
}
.c-titTertiary_sub::after {
  background-color: var(--color-sub);
  width: 20px;
  height: 10px;
  bottom: -10px;
  z-index: -1;
}
.c-titTertiary--sub {
  padding-left: 0;
  text-align: center;
}
.c-titTertiary--sub::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-titTertiary {
    font-size: 1.5rem;
    margin-bottom: 24px;
  }
  .c-titTertiary_sub {
    min-width: 180px;
    min-height: 40px;
    margin: 0 auto 18px;
    font-size: 0.875rem;
    padding: 6px 12px;
  }
  .c-titTertiary_sub::before, .c-titTertiary_sub::after {
    bottom: -7px;
    width: 18px;
    height: 8px;
  }
  .c-titTertiary_sub::after {
    width: 18px;
    height: 8px;
    bottom: -8px;
  }
}

.c-titQuaternary {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-main);
  margin-bottom: 30px;
  position: relative;
  padding-left: 28px;
}
.c-titQuaternary::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--color-cv);
  position: absolute;
  left: 7px;
  top: 0.5em;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .c-titQuaternary {
    font-size: 1.375rem;
    padding-left: 24px;
  }
  .c-titQuaternary::before {
    width: 8px;
    height: 8px;
  }
}

.c-titQuinary {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-main);
  line-height: var(--lineHeight-l);
  margin-bottom: 20px;
}

.c-titleIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.c-titleIcon_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-titleIcon_title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-l);
}
.c-titleIcon_text {
  font-size: 0.875rem;
  line-height: var(--lineHeight-l);
  color: var(--color-dk);
  letter-spacing: 0.35px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-titleIcon_title {
    font-size: 1.125rem;
  }
}

/* リード文 */
.c-catch {
  font-size: 2rem;
  line-height: var(--lineHeight-l);
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
}
.c-catch strong {
  font-weight: 700;
  color: var(--color-main);
}
@media screen and (max-width: 768px) {
  .c-catch {
    font-size: 1.25rem;
    line-height: var(--lineHeight-m);
  }
}

/* 金額・金利 */
.c-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.c-number_textMain {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 4px 7px 0;
}
.c-number_number {
  font-size: 3rem;
  color: var(--color-main);
  font-family: var(--font-sub);
  font-weight: 600;
  line-height: 1.2;
}
.c-number_textSub {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 0 7px 4px;
}
@media screen and (max-width: 768px) {
  .c-number_textMain {
    font-size: 1rem;
    padding: 0 6px 6px 0;
  }
  .c-number_number {
    font-size: 2rem;
  }
  .c-number_textSub {
    font-size: 1rem;
    padding: 0 0 6px 7px;
  }
  .c-number_textSub2 {
    font-size: 1rem;
    padding: 0 0 6px 6px;
  }
}

.c-numberBox {
  display: inline-block;
}
.c-numberBox_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px 8px;
}
.c-numberBox .b-deco {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-numberBox_list {
    gap: 10px 20px;
  }
}

/* 吹き出し型テキスト */
.c-bubble_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 36px;
}
.c-bubble_item + .c-bubble_item {
  margin-top: 32px;
}
.c-bubble_item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-bubble_human {
  width: 100px;
}
.c-bubble_box {
  min-height: 80px;
  width: 700px;
  border-radius: 20px;
  border: var(--color-main) solid 1px;
  background-color: var(--color-wh);
  padding: 20px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.c-bubble_box::before, .c-bubble_box::after {
  content: "";
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
          clip-path: polygon(100% 0, 0 50%, 100% 100%);
  position: absolute;
}
.c-bubble_box::before {
  width: 20px;
  height: 24px;
  background-color: var(--color-main);
  /* afterと異なる色にするとボーダーの色にできます。 */
  left: -20px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
}
.c-bubble_box::after {
  width: 20px;
  height: 24px;
  background-color: var(--color-wh);
  left: -18px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 2;
}
.c-bubble_box--reverse::before, .c-bubble_box--reverse::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.c-bubble_box--reverse::before {
  left: auto;
  right: -20px;
}
.c-bubble_box--reverse::after {
  left: auto;
  right: -18px;
}
@media screen and (max-width: 768px) {
  .c-bubble_item {
    gap: 28px;
  }
  .c-bubble_item + .c-bubble_item {
    margin-top: 30px;
  }
  .c-bubble_human {
    width: 80px;
  }
  .c-bubble_box {
    width: 100%;
    min-height: 50px;
    padding: 16px;
  }
  .c-bubble_box::before {
    width: 18px;
    height: 22px;
    left: -18px;
  }
  .c-bubble_box::after {
    width: 18px;
    height: 22px;
    left: -16px;
  }
  .c-bubble_box--reverse::before {
    left: auto;
    right: -18px;
  }
  .c-bubble_box--reverse::after {
    left: auto;
    right: -16px;
  }
}

/* 電話番号 */
.c-tel_inner {
  display: inline-block;
  font-size: 2.5rem;
  letter-spacing: 1px;
  line-height: 1.1;
  font-weight: 600;
  font-family: var(--font-sub);
}
.c-tel_icon {
  display: inline-block;
  margin-right: 13px;
  width: 1.4375rem;
  height: 1.4375rem;
  vertical-align: 0;
}
.c-tel_free {
  display: inline-block;
  margin-right: 10px;
  vertical-align: 5px;
}
@media screen and (max-width: 768px) {
  .c-tel_inner {
    font-size: 1.75rem;
  }
  .c-tel_icon {
    width: 1.375rem;
    height: 1.375rem;
  }
  .c-tel_free {
    width: 46px;
    vertical-align: 2px;
  }
}

/* リスト */
.c-ulList > li {
  position: relative;
  padding-left: 20px;
  font-size: 1rem;
  line-height: var(--lineHeight-l);
}
.c-ulList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-ulList > li > a:hover, a:hover .c-ulList > li > a {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.c-ulList > li + li {
  margin-top: 10px;
}
.c-ulList > li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--color-main);
}
.c-ulList__notes > li {
  padding-left: 18px;
  font-size: 0.875rem;
  color: var(--color-caption);
}
.c-ulList__notes > li + li {
  margin-top: 8px;
}
.c-ulList__notes > li::before {
  content: "※";
  width: auto;
  height: auto;
  background: none;
  top: 0.16875em;
  left: 0;
  font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
  .c-ulList > li {
    font-size: 0.9375rem;
  }
  .c-ulList__notes > li {
    font-size: 0.8125rem;
  }
  .c-ulList__notes > li::before {
    top: 0.05em;
  }
}

.c-olList {
  counter-reset: listNum;
}
.c-olList--start1 {
  counter-increment: listNum 0;
}
.c-olList--start2 {
  counter-increment: listNum 1;
}
.c-olList--start3 {
  counter-increment: listNum 2;
}
.c-olList--start4 {
  counter-increment: listNum 3;
}
.c-olList--start5 {
  counter-increment: listNum 4;
}
.c-olList--start6 {
  counter-increment: listNum 5;
}
.c-olList--start7 {
  counter-increment: listNum 6;
}
.c-olList--start8 {
  counter-increment: listNum 7;
}
.c-olList--start9 {
  counter-increment: listNum 8;
}
.c-olList--start10 {
  counter-increment: listNum 9;
}
.c-olList--start11 {
  counter-increment: listNum 10;
}
.c-olList--start12 {
  counter-increment: listNum 11;
}
.c-olList--start13 {
  counter-increment: listNum 12;
}
.c-olList--start14 {
  counter-increment: listNum 13;
}
.c-olList--start15 {
  counter-increment: listNum 14;
}
.c-olList--start16 {
  counter-increment: listNum 15;
}
.c-olList--start17 {
  counter-increment: listNum 16;
}
.c-olList--start18 {
  counter-increment: listNum 17;
}
.c-olList--start19 {
  counter-increment: listNum 18;
}
.c-olList--start20 {
  counter-increment: listNum 19;
}
.c-olList > li {
  position: relative;
  padding-left: 1.25em;
  font-size: 1rem;
  line-height: var(--lineHeight-l);
  counter-increment: listNum;
}
.c-olList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-olList > li > a:hover, a:hover .c-olList > li > a {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.c-olList > li + li {
  margin-top: 10px;
}
.c-olList > li::before {
  content: counter(listNum) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-main);
  font-family: var(--font-sub);
}
.c-olList--a > li::before {
  content: counter(listNum, lower-alpha) ".";
}
.c-olList__styleNotes > li {
  padding-left: 26px;
  font-size: 0.875rem;
  color: var(--color-caption);
}
.c-olList__styleNotes > li + li {
  margin-top: 8px;
}
.c-olList__styleNotes > li::before {
  content: "※" counter(listNum);
  top: 0.16875em;
  font-size: 0.75rem;
  color: var(--color-caption);
}
@media screen and (max-width: 768px) {
  .c-olList > li {
    font-size: 0.9375rem;
  }
  .c-olList__styleNotes > li {
    font-size: 0.8125rem;
  }
  .c-olList__styleNotes > li::before {
    top: 0;
  }
}

.c-iconList > li {
  position: relative;
  padding-left: 26px;
  font-size: 1rem;
  line-height: var(--lineHeight-l);
}
.c-iconList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-iconList > li > a:hover, a:hover .c-iconList > li > a {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.c-iconList > li + li {
  margin-top: 10px;
}
.c-iconList_icon {
  position: absolute;
  left: 0;
  top: 8px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-iconList > li {
    font-size: 0.9375rem;
  }
}

.c-tabelList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  line-height: var(--lineHeight-l);
}
.c-tabelList + .c-tabelList {
  margin-top: 15px;
}
.c-tabelList_title {
  font-weight: 500;
}
.c-tabelList_text {
  margin-left: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
  .c-tabelList {
    font-size: 0.9375rem;
  }
}

/* テキストリンク */
.c-txtlink_inner {
  font-size: 1rem;
  line-height: var(--lineHeight-l);
  position: relative;
  display: inline-block;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-txtlink_inner:hover, a:hover .c-txtlink_inner {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.c-txtlink_inner > .icon {
  margin: 0 8px;
  vertical-align: -1px;
}
.c-txtlink_icon {
  margin: 0 5px;
  vertical-align: -2px;
}
.c-txtlink_arrow {
  position: absolute;
  left: 0;
  top: 4px;
  width: 1.125rem;
  height: 1.125rem;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-txtlink_arrow img {
  vertical-align: top;
}
.c-txtlink_arrow--anchor {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-txtlink + .c-txtlink {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-txtlink_inner {
    font-size: 0.9375rem;
  }
  .c-txtlink_arrow {
    top: 2px;
  }
}

.c-txtlinkContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 40px;
}
.c-txtlinkContainer--vt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .c-txtlinkContainer {
    display: block;
    gap: 0;
  }
  .c-txtlinkContainer_item + .c-txtlinkContainer_item {
    margin-top: 15px;
  }
}

/* ボタン */
.c-btn {
  width: 100%;
}
.c-btn_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 64px;
  padding: 7px 50px 7px 40px;
  border-radius: 50px;
  text-align: center;
  position: relative;
  background-color: var(--color-main);
  border: var(--color-main) solid 1px;
  color: var(--color-wh);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-btn_inner:hover {
  background-color: #fff;
  color: var(--color-main);
}
.c-btn_inner:hover .c-btn_iconBox {
  background-color: var(--color-main);
}
.c-btn_inner:hover .c-btn_icon::before {
  background-color: #fff;
}
.c-btn_inner--border {
  background-color: var(--color-wh);
  color: var(--color-txt);
  border: var(--color-main) solid 1px;
}
.c-btn_inner--border > .c-btn_iconBox {
  background-color: var(--color-main);
}
.c-btn_inner--border .c-btn_icon::before,
.c-btn_inner--border .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner--border:hover {
  background-color: var(--color-main);
  color: #fff;
}
.c-btn_inner--border:hover > .c-btn_iconBox {
  background-color: var(--color-wh);
}
.c-btn_inner--border:hover .c-btn_icon::before,
.c-btn_inner--border:hover .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--sub {
  background-color: var(--color-sub);
  border-color: var(--color-sub);
  color: var(--color-wh);
}
.c-btn_inner--sub .c-btn_icon::before,
.c-btn_inner--sub .c-btn_type::before {
  background-color: var(--color-sub);
}
.c-btn_inner--sub:hover {
  color: var(--color-sub);
}
.c-btn_inner--sub:hover > .c-btn_iconBox {
  background-color: var(--color-sub);
}
.c-btn_inner--sub:hover .c-btn_icon::before,
.c-btn_inner--sub:hover .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner--sub2 {
  background-color: #FFF7EB;
  border-color: var(--color-sub);
  color: var(--color-txt);
}
.c-btn_inner--sub2 .c-btn_icon::before,
.c-btn_inner--sub2 .c-btn_type::before {
  background-color: var(--color-sub);
}
.c-btn_inner--sub2:hover {
  color: var(--color-sub);
}
.c-btn_inner--sub2:hover > .c-btn_iconBox {
  background-color: var(--color-sub);
}
.c-btn_inner--sub2:hover .c-btn_icon::before,
.c-btn_inner--sub2:hover .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner--cv {
  max-width: 580px;
  background: -webkit-linear-gradient(173deg, rgb(245, 129, 78) 0%, rgb(246, 169, 15) 72%, rgb(246, 169, 15) 100%);
  background: linear-gradient(277deg, rgb(245, 129, 78) 0%, rgb(246, 169, 15) 72%, rgb(246, 169, 15) 100%);
  border-color: var(--color-sub);
  color: var(--color-wh);
}
.c-btn_inner--cv .c-btn_icon::before,
.c-btn_inner--cv .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--cv:hover {
  opacity: 0.7;
  color: var(--color-wh);
}
.c-btn_inner--cv:hover > .c-btn_iconBox {
  background-color: var(--color-wh);
}
.c-btn_inner--cv:hover .c-btn_icon::before,
.c-btn_inner--cv:hover .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--caution {
  max-width: 580px;
  border-radius: 6px;
}
.c-btn_inner--caution > .c-btn_iconBox {
  background-color: transparent;
}
.c-btn_inner--caution .c-btn_icon::before,
.c-btn_inner--caution .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner--caution:hover > .c-btn_iconBox {
  background-color: transparent;
}
.c-btn_inner--caution:hover .c-btn_icon::before,
.c-btn_inner--caution:hover .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner--l {
  max-width: 580px;
  min-height: 80px;
}
.c-btn_inner--s {
  max-width: 160px;
  min-height: 36px;
  padding: 9px 24px;
  border-radius: 20px;
}
.c-btn_inner--s::after {
  right: 7px;
}
.c-btn_inner--s > .c-btn_iconBox {
  background-color: transparent;
  right: 8px;
}
.c-btn_inner--s .c-btn_icon::before,
.c-btn_inner--s .c-btn_type::before {
  background-color: var(--color-wh);
}
.c-btn_inner--s:hover > .c-btn_iconBox {
  background-color: transparent;
}
.c-btn_inner--s:hover .c-btn_icon::before,
.c-btn_inner--s:hover .c-btn_type::before {
  background-color: var(--color-main);
}
.c-btn_inner > span {
  z-index: 1;
}
.c-btn--circle {
  width: 40px;
}
.c-btn--circle > .c-btn_inner {
  padding: 0;
  min-height: auto;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: var(--color-wh) solid 1px;
}
.c-btn--circle > .c-btn_inner:hover .c-btn_iconBox {
  border: var(--color-main) solid 1px;
}
.c-btn--circle .c-btn_iconBox {
  right: 0;
}
.c-btn_iconBox {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.c-btn_iconBox--l {
  left: 16px;
  right: auto;
}
.c-btn_text {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: var(--lineHeight-xs);
  letter-spacing: 0.05em;
}
.c-btn_text--l {
  font-size: 1.25rem;
}
.c-btn_text--s {
  font-size: 0.75rem;
}
.c-btn_textSub {
  font-size: 0.75rem;
  line-height: var(--lineHeight-m);
}
.c-btn_caption {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 12px;
  color: var(--color-dk);
}
.c-btn_caption--reverse {
  margin: 12px 0 0;
}
@media screen and (max-width: 768px) {
  .c-btn_inner {
    min-height: 52px;
    padding: 7px 44px;
  }
  .c-btn_inner--l {
    max-width: 400px;
    min-height: 80px;
  }
  .c-btn_inner--s {
    max-width: 160px;
    min-height: 38px;
    padding: 5px 26px;
  }
  .c-btn_iconBox {
    width: 24px;
    height: 24px;
  }
  .c-btn_icon {
    width: 12px;
    height: 12px;
  }
  .c-btn_text {
    font-size: 1rem;
  }
}

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

/* アンカー */
.c-anchor_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.c-anchor_item {
  width: 100%;
  position: relative;
}
.c-anchor_item::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDD;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-anchor_item:last-child::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDD;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-anchor_link {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  text-align: center;
  padding: 10px 20px 28px;
  position: relative;
}
.c-anchor_link:hover, a:hover .c-anchor_link {
  color: var(--color-main);
}
.c-anchor_icon {
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  min-width: 14px;
  height: 8px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-anchor_list {
    display: block;
  }
  .c-anchor_item {
    width: 100%;
    border-top: #DDD solid 1px;
  }
  .c-anchor_item:last-child {
    border-bottom: #DDD solid 1px;
  }
  .c-anchor_item::after, .c-anchor_item::before {
    display: none;
  }
  .c-anchor_link {
    font-size: 1rem;
    padding: 14px 30px;
  }
  .c-anchor_icon {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/* 検索ボックス */
.c-search {
  background-color: var(--color-bg2);
  padding: 54px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-search_box {
  max-width: 850px;
  width: 100%;
  position: relative;
}
.c-search_box input {
  width: 100%;
  height: 56px;
  font-size: 1rem;
  font-family: var(--font-base);
  padding: 18px 70px 18px 24px;
  border-radius: 50px;
  background-color: var(--color-wh);
  border: 1px solid var(--color-border);
}
.c-search_btn {
  width: 32px;
  height: 32px;
  background-color: var(--color-main);
  border-radius: 100%;
  border: 1px solid var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.c-search_btn > .icon {
  width: 16px;
  height: 16px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-search_box > input {
    height: 60px;
  }
}

/* フォーム */
/*----------
	inputset
----------*/
.c-inputset__inner {
  width: 100%;
}
.c-inputset__header {
  vertical-align: middle;
  width: 28%;
  padding: 40px 26px;
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
}
.c-inputset__header--top {
  vertical-align: top;
}
.c-inputset__header_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 22px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-inputset__subheader {
  vertical-align: middle;
  width: 18%;
  padding: 30px 16px;
  background: var(--color-bg);
  border: 1px solid #D4D4D4;
}
.c-inputset__subheader--top {
  vertical-align: top;
}
.c-inputset__detail {
  padding: 40px 41px;
  border: 1px solid #D4D4D4;
}
.c-inputset__required {
  display: inline-block;
  padding: 3px 16px;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 500;
  color: #fff;
  background: var(--color-main);
  border-radius: 4px;
}
.c-inputset__note {
  margin-top: 20px;
  line-height: 1.8;
}
.c-inputset_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px;
}
.c-inputset .parsley-errors-list {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--color-caution);
}
.c-inputset .parsley-errors-list .parsley-required {
  font-weight: 500;
}
.c-inputset .parsley-errors-list.filled {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-inputset__inner, .c-inputset__body, .c-inputset__row {
    display: block;
    width: 100%;
  }
  .c-inputset__row {
    overflow: hidden;
  }
  .c-inputset__header, .c-inputset__subheader, .c-inputset__detail {
    clear: both;
    float: left;
    text-align: left;
  }
  .c-inputset__header {
    width: 100%;
    padding: 8px 20px;
    background: #DDDDDD;
  }
  .c-inputset__header_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .c-inputset__subheader {
    display: block;
    width: 100%;
    padding: 10px 16px;
    font-size: 0.875rem;
  }
  .c-inputset__detail {
    display: block;
    width: 100%;
    padding: 20px 16px;
    border: 1px solid #CDD6DD;
    border-top: none;
  }
}
@media screen and (min-width: 769px), print {
  .c-inputset__item--300 {
    max-width: 300px;
  }
  .c-inputset__item--340 {
    max-width: 340px;
  }
  .c-inputset__item--400 {
    max-width: 400px;
  }
  .c-inputset__item--420 {
    max-width: 420px;
  }
  .c-inputset__item--460 {
    max-width: 460px;
  }
  .c-inputset__item--500 {
    max-width: 500px;
  }
}
@media print {
  .c-inputset__inner {
    display: table;
    width: 100%;
  }
  .c-inputset__body {
    display: table-row-group;
  }
  .c-inputset__row {
    display: table-row;
  }
  .c-inputset__header {
    display: table-cell;
    float: none;
  }
  .c-inputset__subheader {
    display: table-cell;
    float: none;
  }
  .c-inputset__detail {
    display: table-cell;
    float: none;
    width: auto;
  }
}

/*----------
	input
----------*/
.c-input > input[type=text],
.c-input > input[type=number],
.c-input > input[type=email],
.c-input > input[type=tel] {
  display: block;
  width: 100%;
  height: 64px;
  padding: 20px 24px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.c-input > input[type=text]::-webkit-input-placeholder, .c-input > input[type=number]::-webkit-input-placeholder, .c-input > input[type=email]::-webkit-input-placeholder, .c-input > input[type=tel]::-webkit-input-placeholder {
  color: #999999;
}
.c-input > input[type=text]::-moz-placeholder, .c-input > input[type=number]::-moz-placeholder, .c-input > input[type=email]::-moz-placeholder, .c-input > input[type=tel]::-moz-placeholder {
  color: #999999;
}
.c-input > input[type=text]:-ms-input-placeholder, .c-input > input[type=number]:-ms-input-placeholder, .c-input > input[type=email]:-ms-input-placeholder, .c-input > input[type=tel]:-ms-input-placeholder {
  color: #999999;
}
.c-input > input[type=text]::-ms-input-placeholder, .c-input > input[type=number]::-ms-input-placeholder, .c-input > input[type=email]::-ms-input-placeholder, .c-input > input[type=tel]::-ms-input-placeholder {
  color: #999999;
}
.c-input > input[type=text]::placeholder,
.c-input > input[type=number]::placeholder,
.c-input > input[type=email]::placeholder,
.c-input > input[type=tel]::placeholder {
  color: #999999;
}
.c-input > input[type=text]::-webkit-input-placeholder,
.c-input > input[type=number]::-webkit-input-placeholder,
.c-input > input[type=email]::-webkit-input-placeholder,
.c-input > input[type=tel]::-webkit-input-placeholder {
  color: #999999;
}
.c-input > input[type=text]:-moz-placeholder,
.c-input > input[type=number]:-moz-placeholder,
.c-input > input[type=email]:-moz-placeholder,
.c-input > input[type=tel]:-moz-placeholder {
  color: #999999;
}
.c-input > input[type=text]::-moz-placeholder,
.c-input > input[type=number]::-moz-placeholder,
.c-input > input[type=email]::-moz-placeholder,
.c-input > input[type=tel]::-moz-placeholder {
  color: #999999;
}
.c-input > input[type=text]:-ms-input-placeholder,
.c-input > input[type=number]:-ms-input-placeholder,
.c-input > input[type=email]:-ms-input-placeholder,
.c-input > input[type=tel]:-ms-input-placeholder {
  color: #999999;
}
.c-input.is-error > input[type=text],
.c-input.is-error > input[type=number],
.c-input.is-error > input[type=email],
.c-input.is-error > input[type=tel] {
  color: var(--color-caution);
  border-color: #E92D2D;
  background: #FFE6E6;
}
.c-input-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 50px;
}
.c-input-container--ve {
  gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*----------
	textarea
----------*/
.c-textarea > textarea {
  display: block;
  width: 100%;
  padding: 20px 24px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.c-textarea > textarea::-webkit-input-placeholder {
  color: #999999;
}
.c-textarea > textarea::-moz-placeholder {
  color: #999999;
}
.c-textarea > textarea:-ms-input-placeholder {
  color: #999999;
}
.c-textarea > textarea::-ms-input-placeholder {
  color: #999999;
}
.c-textarea > textarea::placeholder {
  color: #999999;
}
.c-textarea > textarea::-webkit-input-placeholder {
  color: #999999;
}
.c-textarea > textarea:-moz-placeholder {
  color: #999999;
}
.c-textarea > textarea::-moz-placeholder {
  color: #999999;
}
.c-textarea > textarea:-ms-input-placeholder {
  color: #999999;
}
.c-textarea.is-error > textarea {
  color: var(--color-caution);
  border-color: #E92D2D;
  background: #FFE6E6;
}

/*----------
	select
----------*/
.c-select {
  position: relative;
  cursor: pointer;
}
.c-select::after {
  content: "";
  width: 10px;
  height: 5px;
  background-color: var(--color-caution);
  position: absolute;
  right: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  pointer-events: none;
}
.c-select > select {
  display: block;
  width: 100%;
  padding: 20px 50px 20px 24px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  color: var(--color-txt);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.c-select > select::-ms-expand {
  display: none;
}
.c-select.is-error > select {
  color: var(--color-caution);
  border-color: #E92D2D;
  background: #FFE6E6;
}
.c-select:not(.is-selected):not(.parsley-success) > select {
  color: #999999;
}

/*----------s
	personalset
----------*/
.c-personalset__agreement-body {
  padding: 32px 25px;
  border-radius: 24px;
  background: #F6F6F6;
  text-align: center;
}
.c-personalset__agreement-check {
  display: table;
  margin: auto;
}
.c-personalset__agreement-error {
  text-align: center;
}
.c-personalset__submit {
  max-width: 528px;
  margin: 26px auto 0;
}
.c-personalset__submit-inner {
  -webkit-transition: background-color 0.2s, opacity 0.2s;
  transition: background-color 0.2s, opacity 0.2s;
}
.c-personalset__submit-inner[disabled] {
  opacity: 0.6;
}
.c-personalset__submit-inner[disabled]:hover {
  background-color: var(--color-main);
  color: var(--color-wh);
}
.c-personalset__submit-inner[disabled]:hover .c-btn_iconBox {
  background-color: #fff;
}
.c-personalset__submit-inner[disabled]:hover .c-btn_icon::before {
  background-color: var(--color-main);
}
.c-personalset__submit-inner:not([disabled]) {
  opacity: 1;
}
.c-personalset .parsley-errors-list {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--color-caution);
}
.c-personalset .parsley-errors-list .parsley-required {
  font-weight: 500;
}
.c-personalset .parsley-errors-list.filled {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-personalset__agreement {
    margin: 20px auto 0;
  }
  .c-personalset__agreement-body {
    padding: 20px 16px;
  }
  .c-personalset__submit {
    margin: 10px auto 0;
  }
  .c-personalset__submit-inner:not([disabled]) {
    cursor: pointer;
  }
}

/*----------
	checkbox
----------*/
.c-checkbox {
  cursor: pointer;
}
.c-checkbox input[type=checkbox] {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.c-checkbox input[type=checkbox]:checked + span {
  color: var(--color-txt);
}
.c-checkbox input[type=checkbox]:checked + span::before {
  background-image: url(/assets/images/common/marker_checkbox_on.svg);
}
.c-checkbox input[type=checkbox]:focus-visible + span::before {
  outline: #000 solid 2px;
}
.c-checkbox span {
  position: relative;
  padding-left: 32px;
  display: inline-block;
  text-align: left;
  line-height: 1.8;
}
.c-checkbox span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: #fff url(/assets/images/common/marker_checkbox.svg) no-repeat center;
  background-size: contain;
}
.c-checkbox span a {
  text-decoration: underline;
}
.c-checkbox.is-error {
  color: var(--color-caution);
}
.c-checkbox.is-error span::before {
  margin-right: 8px;
  background-image: url(/assets/images/common/marker_checkbox_error.svg);
}

/*----------
	radio
----------*/
.c-radio {
  cursor: pointer;
}
.c-radio input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.c-radio input[type=radio]:checked + span {
  color: var(--color-txt);
}
.c-radio input[type=radio]:checked + span::before {
  background-image: url(/assets/images/common/marker_radio_on.svg);
}
.c-radio input[type=radio]:focus-visible + span::before {
  border-radius: 100%;
  outline: #000 solid 2px;
}
.c-radio span {
  position: relative;
  padding-left: 32px;
  display: inline-block;
  text-align: left;
  line-height: 1.8;
}
.c-radio span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: #fff url(/assets/images/common/marker_radio.svg) no-repeat center;
  background-size: contain;
}
.c-radio span a {
  text-decoration: underline;
}
.c-radio.is-error {
  color: var(--color-caution);
}
.c-radio.is-error span::before {
  margin-right: 8px;
  background-image: url(/assets/images/common/marker_radio_error.svg);
}

/*----------
	field
----------*/
/* お名前入力用 */
.c-field-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.c-field-name__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 郵便番号入力用（検索ボタンも含む） */
.c-field-zip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
.c-field-zip__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-field-zip__item {
  min-width: 100px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-field-zip__hyphen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px;
  line-height: 64px;
}
.c-field-zip__search {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  -webkit-flex-basis: 160px;
      -ms-flex-preferred-size: 160px;
          flex-basis: 160px;
}
.c-field-zip__search-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 62px;
  padding: 11px 10px;
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.c-field-zip__search-inner > span {
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: 0.06em;
}
.c-field-zip__search-inner:hover {
  background-color: #fff;
  color: var(--color-main);
}
@media screen and (max-width: 768px) {
  .c-field-zip {
    display: block;
  }
  .c-field-zip__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: auto;
  }
  .c-field-zip__search-inner {
    margin-top: 10px;
    max-width: 160px;
    margin-inline: auto;
  }
}

/* 電話番号入力用 */
.c-field-tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-field-tel__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*----------
	errorBox
----------*/
.c-errorBox {
  border: var(--color-caution) solid 1px;
  padding: 24px 20px;
  text-align: center;
  margin: 0 auto 20px;
  border-radius: 50px;
}
.c-errorBox_text {
  line-height: var(--lineHeight-l);
  color: var(--color-caution);
}
.c-errorBox .c-inputset__required {
  margin-right: 10px;
}

/* 画像 */
.c-figure--r img {
  border-radius: 24px;
}
.c-figure_caption {
  font-size: 1rem;
  line-height: var(--lineHeight-s);
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .c-figure_caption {
    font-size: 0.9375rem;
  }
}

/* /_elements.scss
-------------------------------------------------------*/
/* _block.scss
-------------------------------------------------------*/
/* パンクズ */
.c-pnkz {
  padding: 24px 0 22px;
  margin-bottom: 16px;
  width: 100%;
}
.c-titPrimary_wrap--kv .c-pnkz {
  margin-bottom: 44px;
}
.c-pnkz_list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.c-pnkz_item {
  line-height: 1.4;
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  color: var(--color-main);
}
.c-pnkz_item > a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  margin-right: 33px;
  font-weight: 500;
  color: var(--color-txt);
}
.c-pnkz_item > a:hover, a:hover .c-pnkz_item > a {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.c-pnkz_item > a::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #CCC;
  position: absolute;
  right: -17px;
  top: 1px;
}
.c-titPrimary_wrap--kv .c-pnkz_item > a {
  color: var(--color-wh);
}
.c-titPrimary_wrap--kv .c-pnkz_item > a::after {
  background-color: var(--color-wh);
}
.c-titPrimary_wrap--kv .c-pnkz_item {
  color: var(--color-wh);
}
@media screen and (max-width: 768px) {
  .c-pnkz {
    margin-bottom: 8px;
  }
  .c-titPrimary_wrap--kv .c-pnkz {
    margin-bottom: 14px;
  }
  .c-pnkz_item {
    font-size: 0.75rem;
  }
  .c-pnkz_item > a {
    margin-right: 25px;
  }
  .c-pnkz_item > a::after {
    right: -13px;
  }
}

/* タブ */
.c-tab_bg {
  border-bottom: 1px solid var(--color-border);
}
.c-tab--4col .c-tab_bg {
  border-bottom: none;
}
.c-tab_list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.c-tab_list_item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 60px;
  border: none;
  color: #AAA;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 17px 14px 20px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-tab_list_item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-border);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-tab_list_item::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  width: 12px;
  height: 5px;
  background-color: var(--color-main);
  -webkit-clip-path: polygon(51% 100%, 0 0, 100% 0);
          clip-path: polygon(51% 100%, 0 0, 100% 0);
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-tab_list_item.is-active {
  color: var(--color-main);
}
.c-tab_list_item.is-active::before {
  height: 4px;
  background-color: var(--color-main);
}
.c-tab_list_item.is-active::after {
  opacity: 1;
}
.c-tab_list_item:hover {
  color: var(--color-main);
}
.c-tab--4col .c-tab_list {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-tab--4col .c-tab_list_item {
  width: calc((100% - 48px) / 4);
}
.c-tab--4col .c-tab_list_item::after {
  display: none;
}
.c-tab_main {
  margin-top: 50px;
}
.c-tab_main_contents {
  display: none;
}
.c-tab_main_contents.is-active {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-tab_bg {
    border-bottom-color: transparent;
  }
  .c-tab_list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
  .c-tab_list_item {
    width: 100%;
    font-size: 1rem;
    padding: 15px 20px;
  }
  .c-tab_list_item::after {
    content: none;
  }
  .c-tab--4col .c-tab_list {
    gap: 12px;
  }
  .c-tab--4col .c-tab_list_item {
    width: calc((100% - 12px) / 2);
  }
}

/* テキストパネル */
.c-textpanel {
  border-radius: 32px;
  overflow: hidden;
  border: var(--color-border) solid 1px;
  background-color: var(--color-wh);
  height: 100%;
}
.c-textpanel_image {
  text-align: center;
}
.c-textpanel_main {
  border-top: 2px solid var(--color-main);
  padding: 25px 32px 32px;
}
.c-textpanel_title {
  font-size: 1.25rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  margin-bottom: 18px;
}
.c-textpanel_title--left {
  text-align: left;
}
.c-textpanel_title--left::after {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .c-textpanel_main {
    padding: 24px 24px 32px;
  }
}

.c-textpanelBorder {
  border-radius: 32px;
  border: var(--color-border) solid 1px;
  background-color: var(--color-wh);
  height: 100%;
  padding: 40px 32px;
  position: relative;
}
.c-textpanelBorder::after {
  content: "";
  display: inline;
  position: absolute;
  width: 80px;
  height: 2px;
  top: -1px;
  left: 36px;
  background-color: var(--color-main);
}
.c-textpanelBorder_title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.c-textpanelBorder_title--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-textpanelBorder {
    padding: 32px 24px;
  }
  .c-textpanelBorder_about dt {
    width: 70px;
  }
}

/* カードパネル */
.c-cardpanel {
  border: var(--color-border) solid 1px;
  background-color: var(--color-wh);
  border-radius: 32px;
  height: 100%;
  padding: 32px 32px 40px;
  position: relative;
  overflow: hidden;
}
.c-cardpanel:has(.c-cardpanel_point) {
  padding: 64px 32px 40px;
}
.c-cardpanel_circle {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  margin: 0 auto 24px;
}
.c-cardpanel_point {
  position: absolute;
  top: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 136px;
  padding: 7px 30px;
  background: var(--color-grad4);
  border-radius: 100px 0 0 100px;
  color: var(--color-wh);
}
.c-cardpanel_title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.c-cardpanel_title--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.c-cardpanel_icon {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .c-cardpanel {
    padding: 32px 24px;
  }
  .c-cardpanel:has(.c-cardpanel_point) {
    padding: 58px 24px 32px;
  }
}

/* ポイント・特徴 */
.c-pointContainer {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px 72px;
}
@media screen and (min-width: 769px), print {
  .c-pointContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-pointContainer_item {
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .c-pointContainer_item {
    margin: 0 auto 40px;
  }
  .c-pointContainer_item:last-child {
    margin-bottom: 0;
  }
}

.c-pointpanel_point {
  width: 128px;
  height: 36px;
  background-color: var(--color-wh);
  color: var(--color-main);
  border: 1px solid var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 28px;
  margin: 0 auto -36px;
  position: relative;
  top: -56px;
}
.c-pointpanel_point {
  font-size: 0.875rem;
}
.c-pointpanel_number {
  font-size: 2rem;
}
.c-pointpanel_image {
  width: calc(100% - 40px);
  margin: 0 auto 34px;
}
.c-pointpanel_image img {
  border-radius: 50%;
}
.c-pointpanel_txt {
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-pointpanel_txt {
    font-size: 1rem;
  }
}

/* パネル */
.c-panel_title {
  font-size: 1.25rem;
  font-weight: 700;
  padding-right: 34px;
  position: relative;
}
.c-panel_title + .b-p, .c-panel_title + .c-textLinkpanel_main {
  margin-top: 18px;
}
.c-panel_title--center {
  text-align: center;
  padding: 0 30px 0;
}
.c-panel_title-icon {
  margin-left: 10px;
  width: 1rem;
  height: 1rem;
  vertical-align: 0;
}
.c-panel_title_arrowBox {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
}
.c-panel_title_arrowBox-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  color: var(--color-main);
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 100%;
  background-color: var(--color-main);
  border: var(--color-main) solid 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-panel_title_arrowBox-icon::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--color-wh);
}
@media screen and (max-width: 768px) {
  .c-panel_title_arrowBox-icon {
    width: 24px;
    height: 24px;
  }
  .c-panel_title_arrowBox-icon::before {
    width: 10px;
    height: 10px;
  }
}
.c-panel_title_sub {
  font-size: 0.875rem;
  color: var(--color-main);
  line-height: var(--lineHeight-xs);
  padding-top: 5px;
}

/* テキストリンクパネル */
.c-textLinkpanel {
  border-radius: 32px;
  border: #EEE solid 1px;
  background-color: var(--color-wh);
  height: 100%;
  min-height: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
          box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
  position: relative;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-textLinkpanel .c-panel_title {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-textLinkpanel:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFCF8;
  border: 1px solid var(--color-main);
}
.c-textLinkpanel:hover .c-panel_title {
  color: var(--color-main);
}
.c-textLinkpanel_main {
  height: 100%;
}
.c-textLinkpanel::after {
  content: "";
  display: inline;
  position: absolute;
  width: 80px;
  height: 2px;
  top: -1px;
  left: 36px;
  background-color: var(--color-main);
}
@media screen and (max-width: 768px) {
  .c-textLinkpanel {
    min-height: 0;
    padding: 32px 24px;
  }
}

/* リンクパネル */
.c-linkpanel {
  border-radius: 32px;
  overflow: hidden;
  border: #EEEEEE solid 1px;
  background-color: var(--color-wh);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
          box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  position: relative;
}
.c-linkpanel .c-panel_title {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-linkpanel:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFCF8;
  border: 1px solid var(--color-main);
}
.c-linkpanel:hover .c-panel_title {
  color: var(--color-main);
}
.c-linkpanel_image {
  text-align: center;
  border-bottom: 2px solid var(--color-main);
  overflow: hidden;
  border-radius: 32px 32px 0 0;
}
.c-linkpanel_image > img {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
a:hover .c-linkpanel_image > img {
  -webkit-transform: var(--img-zoom);
          transform: var(--img-zoom);
}
.c-linkpanel_image--row {
  width: 40%;
  height: 100%;
}
.c-linkpanel_image--row > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-linkpanel_main {
  padding: 24px 32px;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  border-radius: 0 0 32px 32px;
}
.c-linkpanel:hover {
  border-color: transparent;
}
.c-linkpanel:hover > .c-linkpanel_main {
  border-left: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-right: 1px solid var(--color-main);
}
@media screen and (max-width: 768px) {
  .c-linkpanel_image--row {
    width: 100%;
  }
  .c-linkpanel_title--l {
    font-size: 1.5rem;
  }
  .c-linkpanel_icon {
    font-size: 1rem;
    min-height: 34px;
    min-width: 130px;
    left: 15px;
  }
  .c-linkpanel_icon--r {
    left: 15px;
    right: auto;
  }
  .c-linkpanel_main {
    padding: 24px 24px 32px;
  }
}
@media screen and (min-width: 769px), print {
  .c-linkpanel--row > .c-linkpanel_image, .c-linkpanel--row-r > .c-linkpanel_image {
    border-bottom: none;
  }
  .c-linkpanel--row > .c-linkpanel_main, .c-linkpanel--row-r > .c-linkpanel_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 50px;
    border-top: 1px solid transparent;
  }
  .c-linkpanel--row:hover > .c-linkpanel_main, .c-linkpanel--row-r:hover > .c-linkpanel_main {
    border-bottom: 1px solid var(--color-main);
    border-top: 1px solid var(--color-main);
  }
  .c-linkpanel--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .c-linkpanel--row > .c-linkpanel_image {
    border-right: 2px solid var(--color-main);
  }
  .c-linkpanel--row > .c-linkpanel_main {
    border-radius: 0 32px 32px 0;
    border-left: none;
  }
  .c-linkpanel--row:hover > .c-linkpanel_main {
    border-right: 1px solid var(--color-main);
    border-left: none;
  }
  .c-linkpanel--row-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .c-linkpanel--row-r > .c-linkpanel_image {
    border-left: 2px solid var(--color-main);
  }
  .c-linkpanel--row-r > .c-linkpanel_main {
    border-radius: 32px 0 0 32px;
    border-right: none;
  }
  .c-linkpanel--row-r:hover > .c-linkpanel_main {
    border-left: 1px solid var(--color-main);
    border-right: none;
  }
}

/* アイコンパネル */
.c-iconpanel {
  border-radius: 32px;
  border: #EEEEEE solid 1px;
  background-color: var(--color-wh);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
          box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  padding: 32px 32px 40px;
  position: relative;
}
.c-iconpanel .c-panel_title {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-iconpanel:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFCF8;
  border: 1px solid var(--color-main);
}
.c-iconpanel:hover .c-panel_title {
  color: var(--color-main);
}
.c-iconpanel_circle {
  width: 100px;
  height: 100px;
  background-color: #FFF7EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 100%;
  margin: 0 auto 24px;
}
@media screen and (max-width: 768px) {
  .c-iconpanel {
    padding: 32px 24px;
  }
}

/* アイコンボタン */
.c-iconbtn {
  border-radius: 32px;
  border: #EEEEEE solid 1px;
  background-color: var(--color-wh);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
          box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.2392156863);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  padding: 20px 24px;
  position: relative;
}
.c-iconbtn .c-panel_title {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-iconbtn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFFCF8;
  border: 1px solid var(--color-main);
}
.c-iconbtn:hover .c-panel_title {
  color: var(--color-main);
}
.c-iconbtn_circle {
  width: 80px;
  height: 80px;
  background-color: #FFF7EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 100%;
}
.c-iconbtn .c-panel_title {
  padding: 0 36px 0 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-iconbtn {
    padding: 12px 22px;
  }
  .c-iconbtn_circle {
    width: 60px;
    height: 60px;
  }
  .c-iconbtn .c-panel_title {
    font-size: 1.125rem;
  }
}

/* テキストボックス */
.c-textbox {
  height: 100%;
}
.c-textbox_title {
  border-radius: 24px 24px 0 0;
  background: var(--color-main);
  color: var(--color-wh);
  text-align: center;
  font-size: 1.25rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  padding: 23px 30px;
}
.c-textbox_title--caution {
  background: var(--color-caution);
}
.c-textbox_title--caution2 {
  background: none;
  border: var(--color-caution) solid 1px;
  color: var(--color-caution);
  background-color: var(--color-wh);
}
.c-textbox_title_icon {
  margin-right: 13px;
  width: 21px;
  height: 18px;
}
.c-textbox_inner {
  padding: 40px;
  border: var(--color-main) solid 1px;
  border-top: none;
  border-radius: 0 0 24px 24px;
  background-color: var(--color-wh);
}
.c-textbox_inner--caution {
  background: #FFF1F2;
}
@media screen and (max-width: 768px) {
  .c-textbox_title {
    padding: 16px 24px;
  }
  .c-textbox_inner {
    padding: 20px 24px 30px;
  }
}

.c-textboxNormal {
  padding: 30px 40px;
  background-color: #EDEDED;
  line-height: var(--lineHeight-m);
}
.c-textboxNormal--caution {
  background-color: #FCECEC;
  color: var(--color-main);
}
.c-textboxNormal--border {
  padding: 40px;
  background-color: #FFF;
  border: var(--color-border) solid 1px;
  border-radius: 24px;
}
.c-textboxNormal--border--main {
  padding: 40px;
  background-color: #FFF;
  border: var(--color-main) solid 1px;
  border-radius: 24px;
}
@media screen and (max-width: 768px) {
  .c-textboxNormal {
    padding: 20px 24px;
  }
}
.c-textboxNormal--la {
  padding: 50px 50px;
}
@media screen and (max-width: 768px) {
  .c-textboxNormal--la {
    padding: 50px 24px;
  }
}

.c-textboxRow {
  display: table;
  width: 100%;
}
.c-textboxRow dt,
.c-textboxRow dd {
  display: table-cell;
  vertical-align: middle;
}
.c-textboxRow dt {
  background-color: var(--color-main);
  width: 448px;
  color: var(--color-wh);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  border-radius: 24px 0 0 24px;
  padding: 20px 20px 20px 40px;
}
.c-textboxRow dd {
  border: var(--color-main) solid 1px;
  border-left: none;
  border-radius: 0 24px 24px 0;
  padding: 40px;
  background-color: var(--color-wh);
}
@media screen and (max-width: 768px) {
  .c-textboxRow {
    display: block;
  }
  .c-textboxRow dt,
  .c-textboxRow dd {
    display: block;
  }
  .c-textboxRow dt {
    width: 100%;
    border-radius: 24px 24px 0 0;
    padding: 16px 24px;
    text-align: center;
  }
  .c-textboxRow dd {
    border-radius: 0 0 24px 24px;
    padding: 20px 24px;
    border: var(--color-main) solid 1px;
    border-top: none;
  }
}

/* イメージセパレート */
.c-separate_item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-separate_item + .c-separate_item {
  margin-top: 60px;
}
@media screen and (min-width: 769px), print {
  .c-separate_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-separate_item--vc {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-separate_item--r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-separate_image {
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36.66%;
      -ms-flex: 0 0 36.66%;
          flex: 0 0 36.66%;
  margin-right: 40px;
}
.c-separate_image--l {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.c-separate_image--radius > img {
  border-radius: 32px;
}
.c-separate_item--r .c-separate_image {
  margin-right: 0;
  margin-left: 40px;
}
.c-separate_image-caption {
  font-size: 1rem;
  margin-top: 10px;
  text-align: right;
}
.c-separate_image-caption em {
  font-size: 1.25rem;
}
.c-separate_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0;
}
.c-separate_title {
  font-size: 1.5rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  margin-bottom: 24px;
}
.c-separate_btn {
  margin-top: 40px;
  max-width: 380px;
}
@media screen and (max-width: 768px) {
  .c-separate_item + .c-separate_item {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .c-separate_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .c-separate_image {
    width: 100%;
    margin-right: 0;
  }
  .c-separate_item--r .c-separate_image {
    margin-left: 0;
  }
  .c-separate_main {
    margin-top: 25px;
  }
  .c-separate_title {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  .c-separate_btn {
    margin: 20px auto 0;
  }
}

/* アイコンセット */
.c-iconset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.c-iconset_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  margin-top: 22px;
}
.c-iconset_title {
  font-size: 1.5rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  margin-bottom: 24px;
}
.c-iconset_btn {
  margin-top: 40px;
  max-width: 380px;
}
.c-iconset--col {
  display: block;
}
.c-iconset--col > .b-sph {
  margin: 0 auto;
}
.c-iconset--col .c-iconset_main {
  margin-top: 32px;
}
.c-iconset--col .c-iconset_title {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 18px;
}
.c-iconset--col .c-btn_inner {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-iconset {
    display: block;
  }
  .c-iconset .b-sph {
    margin: 0 auto 20px;
  }
  .c-iconset_title {
    font-size: 1.25rem;
    margin-bottom: 18px;
  }
  .c-iconset_btn {
    margin-top: 20px;
  }
  .c-iconset--col .c-iconset_main {
    margin-top: 22px;
  }
  .c-iconset--col .c-iconset_title {
    margin-bottom: 18px;
  }
}

/* ニュース */
.c-news_item {
  border-bottom: var(--color-border) solid 1px;
}
.c-news_item:first-child {
  border-top: var(--color-border) solid 1px;
}
.c-news_link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  padding: 24px 20px 24px 16px;
  min-height: 98px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
@media screen and (min-width: 769px), print {
  .c-news_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-news_link:hover {
  background: var(--color-bg);
}
.c-news_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.c-news_days {
  font-size: 0.8125rem;
  font-weight: 600;
  font-family: var(--font-sub);
  color: #A8A8A8;
}
.c-news_tag {
  min-width: 128px;
}
.c-news_tag_inner {
  padding: 6px 4px 4px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.c-news_tag_inner--yel {
  background-color: var(--color-wh);
  color: #D89A1F;
  border: 2px solid #D89A1F;
}
.c-news_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-news_main .icon {
  vertical-align: 0px;
  width: 0.875rem;
  height: 0.875rem;
}
.c-news_size {
  font-size: 0.75rem;
  font-family: var(--font-sub);
  font-weight: 500;
  color: #AAA;
  vertical-align: 2px;
}
@media screen and (max-width: 768px) {
  .c-news_link {
    padding: 24px 10px;
    display: block;
  }
  .c-news_tag {
    min-width: 120px;
  }
  .c-news_tag_inner {
    padding: 4px 2px;
  }
  .c-news_main {
    margin-top: 10px;
  }
}

/* テーブル */
.c-table {
  width: 100%;
}
.c-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: #d4d4d4 solid 1px;
  border-radius: 24px;
  overflow: hidden;
  /* &:has(.c-table_empty) {
  	overflow: auto;
  } */
}
.c-table--fixed table {
  table-layout: fixed;
}
.c-table th {
  background-color: #777777;
  padding: 28px 20px;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.c-table th + th, .c-table th + td {
  border-left: #d4d4d4 solid 1px;
}
.c-table td {
  padding: 25px 24px;
  vertical-align: middle;
  line-height: var(--lineHeight-m);
  background-color: var(--color-wh);
}
.c-table td + td {
  border-left: #d4d4d4 solid 1px;
}
.c-table tr:not(:first-child) th,
.c-table tr:not(:first-child) td {
  border-top: #d4d4d4 solid 1px;
}
.c-table_bt {
  border-top: #d4d4d4 solid 1px;
}
.c-table_bb {
  border-bottom: #d4d4d4 solid 1px;
}
.c-table_vt {
  vertical-align: top !important;
}
.c-table thead th {
  padding: 28px 12px;
  text-align: center;
}
.c-table_title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: var(--lineHeight-m);
  color: #fff;
}
.c-table_sub {
  padding: 22px 20px !important;
}
.c-table_color1 {
  background-color: #f6f6f6 !important;
}
.c-table_color2 {
  background-color: #fff7eb !important;
}
.c-table_color3 {
  background-color: #e2152a !important;
  color: #fff;
}
.c-table_color4 {
  background-color: #f6a90f !important;
  color: #fff;
}
.c-table_empty {
  background-color: transparent !important;
  border: none !important;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .c-table_layoutSp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-table table {
    border-radius: 10px;
  }
  .c-table_layoutPc {
    display: none;
  }
  .c-table th {
    padding: 20px 12px;
  }
  .c-table thead th {
    padding: 15px;
  }
  .c-table td {
    padding: 20px 12px;
  }
  .c-table_title {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .c-tableOuter--scroll {
    margin-right: -20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }
  .c-tableOuter--scroll .c-table {
    width: 1000px;
  }
}

/* アコーディオン */
.c-accordion {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .c-accordion::details-content {
    overflow: clip;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: content-visibility, block-size;
    transition-property: content-visibility, block-size;
    transition-behavior: allow-discrete;
  }
}
.c-accordion:not(:open)::details-content {
  block-size: 0;
}
.c-accordion:open::before {
  content: "";
  width: 100%;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 20px;
  background-color: #fff7eb;
  border: #d4d4d4 solid 1px;
  border-radius: 40px 40px 24px 24px;
  z-index: -1;
}
.c-accordion + .c-accordion {
  margin-top: 40px;
}
.c-accordion_title {
  border-radius: 100px;
  border: #d4d4d4 solid 1px;
  padding: 20px 20px 20px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: var(--color-wh);
  position: relative;
  z-index: 2;
}
.c-accordion_title:has(.c-accordion_title-q) {
  padding-left: 68px;
}
.c-accordion_title-icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-main);
  border-radius: 100%;
}
.c-accordion_title-icon > span {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-accordion_title-icon > span::before, .c-accordion_title-icon > span::after {
  content: "";
  width: 15px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
[open] .c-accordion_title-icon--open {
  display: none;
}
.c-accordion_title-icon--open::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-accordion_title-icon--close {
  display: none;
}
[open] .c-accordion_title-icon--close {
  display: block;
}
.c-accordion_title-text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  margin-right: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
summary:hover .c-accordion_title-text {
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
}
.c-accordion_title-q {
  font-family: var(--font-sub);
  color: var(--color-main);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  position: absolute;
  left: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.c-accordion_main {
  padding: 28px 40px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.c-accordion_main-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-accordion_main-a {
  font-family: var(--font-sub);
  color: var(--color-main);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-sub);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-accordion:open::before {
    height: calc(100% - 2px);
    top: 2px;
    border-radius: 40px 40px 10px 10px;
  }
  .c-accordion + .c-accordion {
    margin-top: 32px;
  }
  .c-accordion_title {
    padding: 16px 16px 16px 24px;
  }
  .c-accordion_title:has(.c-accordion_title-q) {
    padding-left: 46px;
  }
  .c-accordion_title-icon {
    width: 32px;
    height: 32px;
  }
  .c-accordion_title-icon > span::before, .c-accordion_title-icon > span::after {
    content: "";
    width: 13px;
  }
  .c-accordion_title-text {
    font-size: 1rem;
    margin-right: 20px;
  }
  .c-accordion_title-q {
    font-size: 1.25rem;
    left: 20px;
  }
  .c-accordion_main {
    padding: 16px 24px 24px;
  }
  .c-accordion_main-a {
    font-size: 1.25rem;
  }
}

/* ステップボックス01 */
.c-stepbox01_item {
  position: relative;
}
.c-stepbox01_item:not(:last-child) {
  margin-bottom: 39px;
}
.c-stepbox01_item:not(:last-child)::after {
  content: "";
  width: 32px;
  aspect-ratio: 32/56;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/assets/images/icon/icon_stepbox.svg") center/contain no-repeat;
  z-index: 1;
}
.c-stepbox01_inner {
  border: var(--color-main) solid 1px;
  border-radius: 32px;
  padding: 72px 48px 40px;
  position: relative;
  background-color: var(--color-wh);
  overflow: hidden;
}
.c-stepbox01_step {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 136px;
  padding: 7px 34px;
  border-radius: 0 100px 100px 0;
  background: var(--color-grad4);
  color: var(--color-wh);
}
.c-stepbox01_btn {
  margin-top: 40px;
  max-width: 380px;
}
@media screen and (max-width: 768px) {
  .c-stepbox01_item:not(:last-child) {
    margin-bottom: 30px;
  }
  .c-stepbox01_item:not(:last-child)::after {
    width: 27px;
    bottom: -30px;
  }
  .c-stepbox01_inner {
    padding: 64px 24px 30px;
  }
  .c-stepbox01_btn {
    margin-top: 30px;
    max-width: 100%;
  }
}

/* ステップボックス02 */
.c-stepbox02_item {
  position: relative;
}
.c-stepbox02_item:not(:last-child) {
  margin-bottom: 60px;
}
.c-stepbox02_item:not(:last-child)::after {
  content: "";
  width: 80px;
  height: 28px;
  background-color: #FFDFAF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -46px;
  margin: 0 auto;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}

/* ステップフローコンテナー */
.c-stepFlowContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.c-stepFlowContainer_item {
  width: 100%;
  position: relative;
}
.c-stepFlowContainer_item:not(:last-child)::after {
  content: "";
  width: 16px;
  height: 40px;
  background-color: var(--color-main);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  right: -16px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .c-stepFlowContainer {
    display: block;
  }
  .c-stepFlowContainer_item:not(:last-child) {
    margin-bottom: 50px;
  }
  .c-stepFlowContainer_item:not(:last-child)::after {
    width: 40px;
    height: 16px;
    left: 0;
    right: 0;
    top: auto;
    bottom: -16px;
    margin: 0 auto;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}

/* ステップフロー */
.c-stepFlow {
  position: relative;
  padding: 16px 32px 40px;
  background-color: var(--color-wh);
  border: 1px solid #CCCCCC;
  border-radius: 24px;
  height: 100%;
}
.c-stepFlow::before {
  content: "";
  width: 40px;
  height: 4px;
  background-color: var(--color-main);
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  margin: auto;
}
.c-stepFlow_number {
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: 600;
  font-family: var(--font-sub);
  text-align: center;
}
.c-stepFlow_number_number {
  font-size: 2.25rem;
  font-family: var(--font-sub);
  line-height: 1;
}
.c-stepFlow_circle {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 12px auto 18px;
  padding: 20px;
}
.c-stepFlow_title {
  font-size: 1.25rem;
  line-height: var(--lineHeight-m);
  font-weight: 700;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-stepFlow {
    padding: 24px;
  }
}

/* お問い合せエリア */
.c-contact {
  background-color: var(--color-bg);
  position: relative;
  text-align: center;
}
.c-contact_wrap {
  padding: 48px 0 64px;
}
.c-contact_title {
  margin-bottom: 20px;
  color: var(--color-main);
  font-size: 2rem;
  font-weight: 700;
}
.c-contact_title::before {
  content: "";
  aspect-ratio: 40/8;
  width: 40px;
  -webkit-mask: url(/assets/images/icon/3point.svg) center/100% no-repeat;
          mask: url(/assets/images/icon/3point.svg) center/100% no-repeat;
  background-color: var(--color-sub);
  display: block;
  margin: 0 auto 16px;
}
.c-contact_box {
  width: 100%;
  height: 100%;
  min-height: 250px;
  background-color: var(--color-wh);
  padding: 40px;
  margin: 0 auto;
  border-radius: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-contact_box_inner {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-contact_box_btn {
  max-width: 580px;
  margin: 0 auto;
}
.c-contact_titleCompany {
  font-weight: 700;
  color: var(--color-main);
  font-size: 1.125rem;
  margin-bottom: 12px;
}
.c-contact_under {
  border-top: var(--color-border) solid 1px;
  margin-top: 13px;
  padding-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-contact_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.c-contact_grid .c-contact_box_btn {
  max-width: 420px;
}
@media screen and (max-width: 768px) {
  .c-contact_wrap {
    padding: 40px 0 50px;
  }
  .c-contact_title {
    font-size: 1.375rem;
  }
  .c-contact_title::before {
    width: 34px;
    margin: 0 auto 10px;
  }
  .c-contact_box {
    padding: 30px 24px;
    min-height: auto;
  }
  .c-contact_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}

/* コンバージョンエリア */
.c-cv {
  border: var(--color-border) solid 1px;
  border-radius: 120px;
  max-width: 1080px;
  width: calc(100% - 40px);
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px 60px;
  min-height: 240px;
  padding: 40px 60px;
}
.c-cv_btn {
  max-width: 360px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.c-cv_title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-main);
  padding-left: 44px;
  position: relative;
  margin-bottom: 24px;
}
.c-cv_title-icon {
  width: 40px;
  height: 40px;
  background: url(/assets/images/ir/mail.svg) center/contain no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}
.c-cv_title--sub {
  font-size: 1.125rem;
}
.c-cv_title--sub .c-cv_title-icon {
  width: 34px;
  height: 34px;
  top: -4px;
}
.c-cv_text {
  font-size: 1rem;
  line-height: var(--lineHeight-l);
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .c-cv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    min-height: 0;
    padding: 24px 16px;
    border-radius: 20px;
  }
  .c-cv_btn {
    width: 100%;
  }
  .c-cv_title {
    font-size: 1.375rem;
    padding-left: 36px;
    margin-bottom: 16px;
  }
  .c-cv_title-icon {
    width: 30px;
    height: 30px;
    top: 0;
  }
  .c-cv_title--sub {
    font-size: 1rem;
  }
  .c-cv_title .c-cv_title-icon {
    top: -4px;
  }
  .c-cv_text {
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
}

/* 追従型コンバージョンエリア */
.c-float {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 24px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(255, 255, 255, 0.7);
  border-top: var(--color-main) solid 1px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.c-float.is-active {
  -webkit-transform: none;
          transform: none;
}
.c-float_lead {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-align: center;
  color: var(--color-main);
}
.c-float_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.c-float_item {
  max-width: 332px;
}
.c-float .c-btn_inner {
  min-height: 40px;
  padding: 12px 40px;
}
@media screen and (max-width: 768px) {
  .c-float {
    padding: 16px 0;
  }
  .c-float_lead {
    font-size: 0.875rem;
    letter-spacing: 0;
    margin-bottom: 8px;
  }
  .c-float_list {
    gap: 8px;
  }
  .c-float .c-btn_inner {
    min-height: 40px;
    padding: 5px 12px;
  }
  .c-float .c-btn_text {
    font-size: 0.75rem;
  }
  .c-float .c-btn_type, .c-float .c-btn_icon {
    display: none;
  }
}

/* 関連リンク */
.c-relate_prim > a {
  font-size: 1.5rem;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: var(--color-txt);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-relate_prim > a:hover, a:hover .c-relate_prim > a {
  color: var(--color-main);
}
.c-relate_prim-icon {
  background-color: var(--color-main);
  min-width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75rem;
  border-radius: 100%;
}
.c-relate_prim-icon::before {
  background-color: #FFF;
  width: 1em;
  height: 1em;
}
.c-relate_list {
  --_gap: 24px;
  --_column-max-count: 4;
  --_column-min-width: 240px;
  /* コンテナの横幅からギャップの合計値を引いたものを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: var(--_gap);
  margin-top: 32px;
}
.c-relate_item > a {
  display: block;
  padding-bottom: 8px;
  padding-right: 24px;
  border-bottom: var(--color-border) solid 1px;
  position: relative;
  color: var(--color-txt);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.c-relate_item > a:hover, a:hover .c-relate_item > a {
  color: var(--color-main);
}
.c-relate_item-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-relate_item-icon::before {
  width: 0.8125rem;
  height: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .c-relate_prim > a {
    font-size: 1.25rem;
    gap: 12px;
  }
  .c-relate_prim-icon {
    min-width: 24px;
    height: 24px;
    font-size: 0.625rem;
  }
  .c-relate_item > a {
    font-size: 0.9375rem;
  }
  .c-relate_item-icon::before {
    width: 0.75rem;
    height: 0.75rem;
  }
}

/* ページネーション */
.c-pagination__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-pagination__item {
  margin: 0 4px;
}
.c-pagination__item > a {
  display: block;
  color: inherit;
}
.c-pagination__page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 32px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  border: 1px solid var(--color-main);
  border-radius: 3px;
  color: var(--color-main);
  -webkit-transition: background-color, color 0.2s;
  transition: background-color, color 0.2s;
}
.c-pagination__page--current {
  background: var(--color-main);
  color: #fff;
}
.c-pagination__ellip {
  display: block;
  width: 24px;
  height: 32px;
  font-size: 0;
  background: -webkit-radial-gradient(var(--color-caption) 1px, transparent 1px) repeat-x left center;
  background: radial-gradient(var(--color-caption) 1px, transparent 1px) repeat-x left center;
  background-size: 8px 8px;
}
.c-pagination__prev, .c-pagination__next {
  line-height: 32px;
  margin-inline: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.c-pagination__prev:hover, a:hover .c-pagination__prev, .c-pagination__next:hover, a:hover .c-pagination__next {
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.c-pagination__prev-text, .c-pagination__next-text {
  font-size: 1rem;
}
.c-pagination a:hover .c-pagination__page {
  background: var(--color-main);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-pagination__page {
    width: 40px;
    height: 30px;
    font-size: 0.875rem;
  }
  .c-pagination__ellip {
    width: 18px;
    height: 30px;
    background-size: 6px 6px;
  }
  .c-pagination__prev, .c-pagination__next {
    line-height: 30px;
    margin-inline: 2px;
  }
  .c-pagination__prev-text, .c-pagination__next-text {
    font-size: 0.875rem;
  }
}

/* スライダー */
.c-slider {
  position: relative;
}
.c-slider_title {
  position: absolute;
  top: calc((100% - 64px) / 2);
  left: 12%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-l);
  text-shadow: 0 1px 0 #FFF, 1px 0 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
}
.c-slider_wrap {
  margin-inline: auto;
  padding-bottom: 14px;
  overflow: hidden;
}
@media screen and (min-width: 769px), print {
  .c-slider_wrap--ov {
    overflow: visible;
  }
}
.c-slider_slider.is-disabled[data-number="1"] .c-slider_item {
  width: 100%;
}
.c-slider_slider.is-disabled[data-number="10"] .c-slider_item {
  width: 100%;
}
.c-slider_slider.is-disabled[data-number="5"] .c-slider_list {
  gap: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-slider_slider.is-disabled[data-number="5"] .c-slider_item {
  width: 25%;
}
.is-disabled .c-slider_list {
  gap: 32px;
}
.c-slider_list--linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.c-slider_item {
  width: calc((100% - 64px) / 3);
}
.c-slider_img {
  overflow: hidden;
}
.c-slider_img > img {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
a:hover .c-slider_img > img {
  -webkit-transform: var(--img-zoom);
          transform: var(--img-zoom);
}
.c-slider_img > img {
  width: 100%;
  height: auto;
}
.c-slider_ctrl {
  margin: 24px auto 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.is-disabled .c-slider_ctrl {
  display: none;
}
.c-slider_arrow {
  aspect-ratio: 1;
  width: 40px;
  border-radius: 100%;
  border: var(--color-main) solid 3px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-slider_arrow.swiper-button-disabled {
  -webkit-filter: grayscale(10);
          filter: grayscale(10);
  opacity: 0.5;
}
.c-slider_pagination {
  width: auto !important;
}
.c-slider_pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 0.25;
  margin: 6px !important;
}
.c-slider_pagination .swiper-pagination-bullet-active {
  background-color: var(--color-main);
  opacity: 1;
}
.c-slider_titlelink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding-left: 2px;
}
.c-slider_titlelink:hover, a:hover .c-slider_titlelink {
  text-decoration: underline;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
a:hover .c-slider_titlelink {
  color: var(--color-main);
}
.c-slider_titlelink-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.125rem;
  margin-top: 3px;
}
.c-slider .b-p {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .c-slider_title {
    left: 6%;
    font-size: 1.25rem;
    line-height: var(--lineHeight-m);
    max-width: 80%;
  }
  .c-slider_ctrl {
    gap: 16px;
  }
  .c-slider_arrow {
    width: 34px;
  }
  .c-slider_pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 4px !important;
  }
}

/* /_block.scss
-------------------------------------------------------*//*# sourceMappingURL=style.css.map */