@charset "UTF-8";
:root {
  --base: 16;
  --z-go-top: 10;
  --z-header: 150;
  --z-drawer: 200;
  --z-hamburger: 300;
  --z-skip-main: 999;
  --z-loading: 1000;
  --artboard-width: 1400px;
  --inner: 1200px;
  --inner-sm: 980px;
  --inner-lg: 1200px;
  --inner-gutter: 1rem;
  --space-unit: 1em;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --c-font: #121214;
  --c-black: #000;
  --c-white: #fff;
  --c-main: #ea5504;
  --c-main-light: #e26801;
  --c-victor: #27447e;
  --c-wise: #ce9f12;
  --c-yamamoto: #618e0f;
  --c-kurokin: #2e2e31;
  --c-accent: orange;
  --c-gray: #908989;
  --c-gray-border: #9e9e9f;
  --c-gray-border-light: #c7c7c7;
  --c-gray-light: #f0f2f1;
  --c-link: #008cd6;
  --c-note: #d82727;
  --ff-body: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    sans-serif;
  --ff-title: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック",
    "Yu Gothic", sans-serif;
  --ff-serif: "Noto Serif", serif;
  --ff-en: "Outfit", sans-serif;
  --fz-xxs: 10px;
  --fz-xs: 12px;
  --fz-sm: 14px;
  --fz-default: 16px;
  --fz-md: 18px;
  --fz-lg: 22px;
  --fz-xl: 24px;
  --fz-xxl: 28px;
  --fz-clamp-xs: clamp(11px, 2.75vw, var(--fz-xs));
  --fz-clamp-sm: clamp(12px, 3.2vw, var(--fz-sm));
  --fz-clamp-default: clamp(15px, 1.875vw, var(--fz-default));
  --fz-clamp-md: clamp(16px, 4vw, var(--fz-md));
  --fz-clamp-lg: clamp(18px, 4.5vw, var(--fz-lg));
  --fz-clamp-xl: clamp(20px, 5vw, var(--fz-xl));
  --fz-clamp-xxl: clamp(22px, 5.5vw, var(--fz-xxl));
  --outer-link-svg: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.06 16.26"><g transform="translate(-8652 -13595.766)"><rect width="11.558" height="10.057" transform="translate(8657.502 13596.766)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="2"/><g  transform="translate(8653 13601.119)"><path d="M316.958,281.805v2.1H305.4V274h2.4" transform="translate(-305.4 -274)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="2"/></g></g></svg>');
  --svg-acc-to-open: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.000976562 9.99938H20.0008" stroke="%230F0F16" stroke-width="3"/><path d="M10.0005 20L10.0005 1.43995e-05" stroke="%230F0F16" stroke-width="3"/></svg>');
  --svg-acc-to-close: url('data:image/svg+xml,<svg width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.49889H19.9998" stroke="%230F0F16" stroke-width="3"/></svg>');
  --svg-arrow-down: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.54453 1.53172L8.53851 1.53537L8.45684 14.4978L7.45994 14.4913L7.54453 1.53172Z" fill="%23080202" stroke="%23120404"/><path d="M2.48571 9.25748L8.02734 14.1936L13.7586 9.088L14.4215 9.83386L8.0288 15.532L1.82281 10.0033L2.48571 9.25748Z" fill="%23080202" stroke="%23120404"/></svg>');
}

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  font-size: 100%;
}

body {
  font-family: var(--ff-body);
  color: var(--c-font);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: revert;
  font-family: var(--ff-title);
  font-weight: 700;
  line-height: 1.4;
}

a {
  display: inline-block;
  color: currentColor;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

dt {
  font-weight: 700;
}

summary {
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

small {
  font-size: 100%;
}

button,
input,
select,
textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  border-width: 1px;
  background-color: transparent;
}

/* 選択系パーツ */
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
  vertical-align: revert;
}

/* 	スクリーンリーダー
---------------------------------------------*/
.visually-hidden:not(:focus-visible) {
  position: absolute;
  border: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.l-breadcrumb {
  --breadcrumb-gap: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .l-breadcrumb {
    display: none;
  }
}
.l-breadcrumb__link {
  transition: opacity 0.4s;
}
.l-breadcrumb__link:hover {
  opacity: 0.6;
}
.l-breadcrumb__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--breadcrumb-gap);
}
.l-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: var(--breadcrumb-gap);
  color: #908989;
  font-size: 14px;
  letter-spacing: 0.024em;
}
.l-breadcrumb__item:not(:last-of-type)::after {
  content: "/";
  font-size: 1em;
}
.l-breadcrumb__item:last-of-type {
  max-width: 650px;
}

.l-footer {
  background-color: var(--c-gray-light);
}
@media screen and (max-width: 1024px) {
  .l-footer {
    background-color: transparent;
  }
}
.l-footer__inner {
  box-sizing: content-box;
  max-width: var(--inner);
  --inner: 1200px;
  margin: 0 auto;
  padding-right: var(--inner-gutter);
  padding-left: var(--inner-gutter);
}
@media screen and (max-width: 1024px) {
  .l-footer__inner {
    --inner: 432px;
  }
}
.l-footer__copy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-footer__copy small {
  font-size: 12px;
}
.l-footer__logo-image {
  mix-blend-mode: darken;
}

@media screen and (max-width: 1024px) {
  .l-footer-nav {
    width: 100%;
  }
}
.l-footer-nav__list {
  display: flex;
  gap: 100px;
}
@media screen and (max-width: 1024px) {
  .l-footer-nav__list {
    flex-direction: column;
    gap: 0px;
  }
}
.l-footer-nav__parent-title {
  font-size: clamp(17px, 5vw, 20px);
  font-family: var(--ff-en);
  letter-spacing: 0.028em;
  font-weight: 100;
}
.l-footer-nav__child-list {
  margin-top: 22px;
}
.l-footer-nav__child-item {
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: normal;
}
.l-footer-nav__child-item a {
  transition: opacity 0.4s;
}
.l-footer-nav__child-item a:hover {
  opacity: 0.6;
}
.l-footer-nav__child-item + .l-footer-nav__child-item {
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .l-footer-nav__child-item + .l-footer-nav__child-item {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-footer-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .l-footer-nav__parent-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 25px;
    font-family: var(--ff-en);
    font-weight: normal;
    cursor: pointer;
    position: relative;
  }
  .l-footer-nav__parent-title::before, .l-footer-nav__parent-title::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 14px;
    height: 1px;
    background-color: #b1b1b1;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .l-footer-nav__parent-title::before {
    transform: translateY(-50%) rotate(90deg);
  }
  .l-footer-nav__parent-title::after {
    transform: translateY(-50%);
  }
  .l-footer-nav__child-list {
    max-height: 0;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgba(240, 242, 241, 0.54);
    border-top: 1px dashed var(--c-gray-border);
    border-bottom: 1px dashed transparent;
  }
  .l-footer-nav__item.is-active .l-footer-nav__parent-title::before {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
  }
  .l-footer-nav__item.is-active .l-footer-nav__child-list {
    display: grid;
    max-height: 500px;
    border-bottom: 1px dashed var(--c-gray-border);
  }
  .l-footer-nav .l-footer-nav__child-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .l-footer-nav__child-item {
    border-top: 1px dashed var(--c-gray-border);
  }
  .l-footer-nav__child-item:first-child::after {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    transform: translate(50%, -50%);
    background-color: #f7f8f7;
  }
  .l-footer-nav__child-item:nth-of-type(1), .l-footer-nav__child-item:nth-of-type(2) {
    border-top: none;
  }
  .l-footer-nav__child-item:nth-child(odd) {
    position: relative;
    border-right: 1px dashed var(--c-gray-border);
  }
  .l-footer-nav__child-item:nth-child(odd)::before {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: translate(50%, 50%);
    background-color: #f7f8f7;
  }
  .l-footer-nav__child-item a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 20px 8px;
    padding-right: 40px;
    text-decoration: none;
    position: relative;
  }
  .l-footer-nav__child-item a::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.995099 7.234L1.00615 5.23421L11.5313 5.29359L11.5195 7.29269L0.995099 7.234Z" fill="%23BEBEBE"/><path d="M7.51063 11.8051L6.09642 10.3909L10.2562 6.2311L6.40647 2.38138L7.82068 0.967163L13.0846 6.2311L7.51063 11.8051Z" fill="%23BEBEBE"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
  }
}

.l-footer__box {
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: center;
  padding-top: 54px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .l-footer__box {
    grid-template-columns: auto;
    gap: 52px;
    padding-top: 0;
    padding-bottom: 10px;
  }
}

.l-footer__logo-box {
  text-align: center;
}

.l-footer__sns-list {
  margin-top: 44px;
}
@media screen and (max-width: 1024px) {
  .l-footer__sns-list {
    margin-top: 50px;
  }
}

.l-footer__sns-list-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--ff-en);
  font-size: clamp(1rem, 0.5078125rem + 1.40625vw, 1.5625rem);
  letter-spacing: 0.073em;
  font-weight: 500;
  margin-top: 30px;
  margin-left: 30px;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  .l-footer__sns-list-link {
    font-weight: normal;
    margin-left: 0;
    margin-top: 20px;
  }
}
.l-footer__sns-list-link:hover {
  opacity: 0.6;
}
.l-footer__sns-list-link::after {
  content: "";
  display: block;
  width: 32px;
  height: 100%;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_766_17)"><g style="mix-blend-mode:overlay"><path d="M16 0C19.1645 0 22.2579 0.938384 24.8891 2.69649C27.5203 4.45459 29.5711 6.95345 30.7821 9.87706C31.9931 12.8007 32.3099 16.0177 31.6926 19.1214C31.0752 22.2251 29.5513 25.0761 27.3137 27.3137C25.0761 29.5513 22.2251 31.0752 19.1214 31.6926C16.0177 32.3099 12.8007 31.9931 9.87706 30.7821C6.95345 29.5711 4.45459 27.5203 2.69649 24.8891C0.938384 22.2579 0 19.1645 0 16C0 11.7565 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7565 0 16 0Z" fill="%23FCFCFC"/></g><path d="M24.823 7.35683L23.8882 12.6446L19.5042 8.29162L24.823 7.35683Z" fill="black"/><path d="M23.2698 23.8347H7.68384V8.33472H16.6897V9.52686H8.88403V22.6399H22.0725V16.1797H23.2717L23.2698 23.8347Z" fill="black"/><path d="M15.6057 17.2117L14.7561 16.3689L21.5901 9.58081L22.4358 10.4238L15.6057 17.2117Z" fill="black"/></g><defs><clipPath id="clip0_766_17"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
}

.l-footer__logo-sublist {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .l-footer__logo-sublist {
    margin-top: 52px;
  }
}

.l-footer__logo-subitem:first-of-type a {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid var(--c-font);
  line-height: 1;
}
.l-footer__logo-subitem a {
  font-size: 13px;
  letter-spacing: 0.024em;
  font-weight: normal;
}
.l-footer__copy {
  background-color: var(--c-white);
  padding-top: 10px;
  padding-bottom: 18px;
}

.l-footer__copyright {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.024em;
}

.l-header {
  padding-top: 28px;
  padding-bottom: 28px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: var(--z-header);
}
@media screen and (max-width: 1024px) {
  .l-header {
    padding-top: 12px;
    padding-bottom: 13px;
  }
}
.l-header.--lower, .l-header.is-active {
  background-color: var(--c-white);
  padding: 0;
  border-bottom: 1px solid var(--c-font);
}
.l-header.--lower .l-site-menu-list__item, .l-header.is-active .l-site-menu-list__item {
  color: var(--c-font);
}
.l-header.--lower .l-header__logo a, .l-header.is-active .l-header__logo a {
  background-color: var(--c-font);
  padding: 30px 60px;
}
.l-header.--lower .l-header__logo a img, .l-header.is-active .l-header__logo a img {
  filter: invert(0) !important;
}
.l-header__inner {
  box-sizing: content-box;
  --inner: 1400px;
  max-width: var(--inner);
  margin: 0 auto;
  padding-right: var(--inner-gutter);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header.is-drawer-open {
  background-color: var(--c-white);
}
.l-header.is-drawer-open .l-header__logo img {
  filter: invert(1);
}

/* 	ロゴ
---------------------------------------------*/
.l-header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
}
@media screen and (max-width: 1024px) {
  .l-header__logo {
    padding-left: 18px;
  }
}
.--lower .l-header__logo, .is-active .l-header__logo {
  padding-left: 0;
}
.l-header__logo a {
  display: flex;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  .--lower .l-header__logo a, .is-active .l-header__logo a {
    padding: 14px 18px !important;
    width: 143px;
  }
}
.l-header__logo a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1024px) {
  .l-header__logo a img {
    width: 108px;
  }
  .--lower .l-header__logo a img, .is-active .l-header__logo a img {
    width: 100%;
  }
}

.l-main {
  flex-grow: 1;
  padding-top: var(--header-height-gutter);
}
.l-main.--home {
  padding-top: 0;
}
.l-main.--fav {
  background-color: #f7f7f7;
}
.l-main.archive {
  padding-bottom: 60px;
}
.l-main.single {
  padding-bottom: 60px;
}
.l-main.page {
  padding-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .l-main.page {
    padding-bottom: 40px;
  }
}
.l-main.l-main-products {
  background-color: #f7f7f7;
  overflow: hidden;
}
.l-main__inner {
  padding-top: 30px;
}
@media screen and (max-width: 1024px) {
  .l-main__inner {
    --inner: 432px;
    padding-top: 60px;
  }
}

.l-main-has-sidebar {
  display: grid;
  gap: 32px 60px;
  grid-template-columns: minmax(200px, 262px) 1fr;
}
@media screen and (max-width: 768px) {
  .l-main-has-sidebar {
    grid-template-columns: 1fr;
  }
}

@media not screen and (max-width: 768px) {
  .l-main-sidebar-container {
    min-width: 260px;
  }
}

.l-site-menu-list {
  display: flex;
  gap: 44px;
}
@media (max-width: 1024px) {
  .l-site-menu-list {
    display: none;
  }
}
.l-site-menu-list__item {
  font-family: var(--ff-en);
  color: var(--c-white);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.07em;
}
.l-site-menu-list__item .l-site-menu-list__link {
  position: relative;
}
.l-site-menu-list__item .l-site-menu-list__link::after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  aspect-ratio: 1;
  background-color: currentColor;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -10px;
  opacity: 0;
  transition: opacity 0.2s;
}
.l-site-menu-list__item .l-site-menu-list__link.is-open::after, .l-site-menu-list__item .l-site-menu-list__link:hover::after {
  opacity: 1;
}

/* ドロワーメニュー
---------------------------------------------- */
.l-site-menu-drawer-hamburger {
  --hamburger-size: 20px;
  position: relative;
  z-index: var(--z-hamburger);
  display: inline-grid;
  place-items: center;
  width: var(--hamburger-size);
  aspect-ratio: 1;
  text-align: center;
}
@media not all and (max-width: 1024px) {
  .l-site-menu-drawer-hamburger {
    display: none;
  }
}

.l-site-menu-drawer-hamburger__line {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.--lower .l-site-menu-drawer-hamburger__line, .is-active .l-site-menu-drawer-hamburger__line {
  background-color: var(--c-font);
}
.l-site-menu-drawer-hamburger__line::before, .l-site-menu-drawer-hamburger__line::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: #fff;
}
.--lower .l-site-menu-drawer-hamburger__line::before, .is-active .l-site-menu-drawer-hamburger__line::before, .--lower .l-site-menu-drawer-hamburger__line::after, .is-active .l-site-menu-drawer-hamburger__line::after {
  background-color: var(--c-font);
}
.l-site-menu-drawer-hamburger__line::before {
  translate: -50% -8px;
  width: 80%;
}
.l-site-menu-drawer-hamburger__line::after {
  translate: -50% 8px;
  width: 120%;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line {
  background-color: transparent;
  height: 3px;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line::before {
  translate: -50% 0;
  rotate: 45deg;
  width: 100%;
  background-color: #333;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line::after {
  translate: -50% 0;
  rotate: -45deg;
  width: 100%;
  background-color: #333;
}

.l-site-menu-drawer {
  display: flex;
}
@media not all and (max-width: 1024px) {
  .l-site-menu-drawer {
    display: none;
  }
}
.l-site-menu-drawer[open] .l-site-menu-drawer-content {
  opacity: 1;
}

.l-site-menu-drawer-content {
  --top-position: var(--header-height-gutter);
  position: fixed;
  top: var(--top-position);
  left: 0;
  width: 100%;
  height: calc(100% - var(--top-position));
  background-color: var(--c-white);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.l-site-menu-drawer-content__inner {
  overflow: auto;
  height: 100%;
  padding: 60px var(--inner-gutter);
  padding-top: 20px;
}

@media screen and (max-width: 1024px) {
  .l-site-menu-drawer-list__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .l-site-menu-drawer-list__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 25px;
    font-family: var(--ff-en);
    font-weight: normal;
    cursor: pointer;
    position: relative;
  }
  .l-site-menu-drawer-list__trigger::before, .l-site-menu-drawer-list__trigger::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 14px;
    height: 1px;
    background-color: #b1b1b1;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .l-site-menu-drawer-list__trigger::before {
    transform: translateY(-50%) rotate(90deg);
  }
  .l-site-menu-drawer-list__trigger::after {
    transform: translateY(-50%);
  }
  .l-site-menu-drawer-list__child-list {
    max-height: 0;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgba(240, 242, 241, 0.54);
    border-top: 1px dashed var(--c-gray-border);
    border-bottom: 1px dashed transparent;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .l-site-menu-drawer-list__item:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .l-site-menu-drawer-list__item.is-active .l-site-menu-drawer-list__trigger::before {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
  }
  .l-site-menu-drawer-list__item.is-active .l-site-menu-drawer-list__child-list {
    display: grid;
    max-height: 500px;
    border-bottom: 1px dashed var(--c-gray-border);
  }
  .l-site-menu-drawer-list .l-site-menu-drawer-list__child-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .l-site-menu-drawer-list__child-item {
    border-top: 1px dashed var(--c-gray-border);
  }
  .l-site-menu-drawer-list__child-item:first-child::after {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    transform: translate(50%, -50%);
    background-color: #f7f8f7;
  }
  .l-site-menu-drawer-list__child-item:nth-of-type(1), .l-site-menu-drawer-list__child-item:nth-of-type(2) {
    border-top: none;
  }
  .l-site-menu-drawer-list__child-item:nth-child(odd) {
    position: relative;
    border-right: 1px dashed var(--c-gray-border);
  }
  .l-site-menu-drawer-list__child-item:nth-child(odd)::before {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    transform: translate(50%, 50%);
    background-color: #f7f8f7;
  }
  .l-site-menu-drawer-list__child-item a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 20px 8px;
    padding-right: 40px;
    text-decoration: none;
    position: relative;
  }
  .l-site-menu-drawer-list__child-item a::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.995099 7.234L1.00615 5.23421L11.5313 5.29359L11.5195 7.29269L0.995099 7.234Z" fill="%23BEBEBE"/><path d="M7.51063 11.8051L6.09642 10.3909L10.2562 6.2311L6.40647 2.38138L7.82068 0.967163L13.0846 6.2311L7.51063 11.8051Z" fill="%23BEBEBE"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
  }
}

.l-site-menu-card-heading {
  font-family: var(--ff-en);
  letter-spacing: 0.073em;
  font-weight: 100;
  font-size: 24px;
  text-align: center;
  margin-top: 50px;
}

.l-site-menu-card {
  margin-top: 22px;
}
.l-site-menu-card__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.l-site-menu-card__item.--lower {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
@media screen and (max-width: 1024px) {
  .l-site-menu-card__item.--lower {
    grid-template-columns: repeat(2, 1fr);
  }
}
.l-site-menu-card__list a {
  background-color: #0f0f16;
  color: var(--c-white);
  height: 152px;
  padding: 20px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.4s;
}
.l-site-menu-card__item.--lower .l-site-menu-card__list a {
  height: 212px;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .l-site-menu-card__item.--lower .l-site-menu-card__list a {
    height: 152px;
  }
}
.l-site-menu-card__list a:hover {
  opacity: 0.6;
}
.l-site-menu-card__list figure {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-site-menu__sns-title {
  font-family: var(--ff-en);
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.024em;
}

.l-site-menu__logo-box {
  text-align: center;
}

.l-site-menu__logo-sublist {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .l-site-menu__logo-sublist {
    margin-top: 52px;
  }
}

.l-site-menu__logo-subitem:first-of-type a {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid var(--c-font);
  line-height: 1;
}
.l-site-menu__logo-subitem a {
  font-size: 13px;
  letter-spacing: 0.024em;
  font-weight: normal;
  transition: opacity 0.4s;
}
.l-site-menu__logo-subitem a:hover {
  opacity: 0.6;
}

.l-site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: var(--c-main);
  color: var(--c-white);
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.11em;
  line-height: 1.45;
  padding: 10px;
  min-height: 74px;
  transition: background-color 0.3s;
}
.c-btn::after {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 20px;
  height: 18px;
  aspect-ratio: 2/1.8;
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_869_2)"><mask id="mask0_869_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="18"><path d="M20 0H0V18H20V0Z" fill="white"/></mask><g mask="url(%23mask0_869_2)"><path d="M0.64862 9.57197L0.654277 8.27089L17.5881 8.37555L17.5796 9.67945L0.64862 9.57197Z" fill="%23FCFCFC"/><path d="M10.7414 16.187L17.1916 8.93345L10.5222 1.43529L11.4951 0.569792L18.9367 8.93345L11.7158 17.0539L10.7414 16.187Z" fill="%23FCFCFC"/></g></g><defs><clipPath id="clip0_869_2"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_869_2)"><mask id="mask0_869_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="18"><path d="M20 0H0V18H20V0Z" fill="white"/></mask><g mask="url(%23mask0_869_2)"><path d="M0.64862 9.57197L0.654277 8.27089L17.5881 8.37555L17.5796 9.67945L0.64862 9.57197Z" fill="%23FCFCFC"/><path d="M10.7414 16.187L17.1916 8.93345L10.5222 1.43529L11.4951 0.569792L18.9367 8.93345L11.7158 17.0539L10.7414 16.187Z" fill="%23FCFCFC"/></g></g><defs><clipPath id="clip0_869_2"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-white);
}
.c-btn:hover {
  background-color: var(--c-white);
}
.c-btn--victor {
  background-color: var(--c-victor);
  border: solid 1px var(--c-victor);
}
.c-btn--victor:hover {
  color: var(--c-victor);
}
.c-btn--victor:hover::after {
  background-color: var(--c-victor);
}
.c-btn--wise {
  background-color: var(--c-wise);
  border: solid 1px var(--c-wise);
}
.c-btn--wise:hover {
  color: var(--c-wise);
}
.c-btn--wise:hover::after {
  background-color: var(--c-wise);
}
.c-btn--yamamoto {
  background-color: var(--c-yamamoto);
  border: solid 1px var(--c-yamamoto);
}
.c-btn--yamamoto:hover {
  color: var(--c-yamamoto);
}
.c-btn--yamamoto:hover::after {
  background-color: var(--c-yamamoto);
}
.c-btn--fujiya {
  background-color: var(--c-main);
  border: solid 1px var(--c-main);
}
.c-btn--fujiya:hover {
  color: var(--c-main);
}
.c-btn--fujiya:hover::after {
  background-color: var(--c-main);
}
.c-btn--kurokin {
  background-color: var(--c-kurokin);
  border: solid 1px var(--c-kurokin);
}
.c-btn--kurokin:hover {
  color: var(--c-kurokin);
}
.c-btn--kurokin:hover::after {
  background-color: var(--c-kurokin);
}

.c-btn-white {
  margin-top: 22px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--c-white);
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.11em;
  padding: 12px;
  min-height: 45px;
  border: 1px solid var(--c-white);
  transition: background-color 0.3s, color 0.3s;
}
.c-btn-white::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 2/1.8;
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-white);
  transition: background-color 0.3s;
}
.c-btn-white:hover {
  background-color: var(--c-white);
  color: var(--c-font);
}
.c-btn-white:hover::after {
  background-color: var(--c-font);
}

.c-btn-black {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--c-white);
  background-color: var(--c-font);
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.11em;
  padding: 12px;
  min-height: 43px;
  border-radius: 4px;
  border: 1px solid var(--c-font);
  transition: background-color 0.3s, color 0.3s;
}
.c-btn-black::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 2/1.8;
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-white);
  transition: background-color 0.3s;
}
.c-btn-black:hover {
  background-color: var(--c-white);
  color: var(--c-font);
}
.c-btn-black:hover::after {
  background-color: var(--c-font);
}

.c-btn-fav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #575757;
  background-color: var(--c-white);
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0em;
  padding: 12px;
  min-height: 43px;
  border-radius: 4px;
  border: 1px solid #b5b5b5;
}
.c-btn-fav.active {
  opacity: 1 !important;
}
.c-btn-fav.active {
  opacity: 1 !important;
}
.c-btn-fav::before {
  content: "お気に入り解除";
}
.c-btn-fav::before {
  content: "お気に入り解除";
}
.c-btn-fav::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 13px;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_686_8)"><path d="M11.2547 12.9999L6.49753 8.24311L1.74035 12.9999L0.000999928 11.2538L4.75819 6.49696L0.000999928 1.75104L1.75521 -0.00402832L6.5015 4.75279L11.2587 -0.00402832L13.005 1.74212L8.24778 6.49894L13.005 11.2558L11.2547 12.9999ZM6.50051 6.8448L11.2577 11.6016L11.5986 11.2538L6.84144 6.49696L11.5986 1.74014L11.2537 1.39527L6.49654 6.15209L1.75026 1.39527L1.39842 1.74708L6.1566 6.49696L1.40239 11.2538L1.74728 11.5987L6.50051 6.8448Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_686_8"><rect width="13" height="13" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn-fav::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 13px;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_686_8)"><path d="M11.2547 12.9999L6.49753 8.24311L1.74035 12.9999L0.000999928 11.2538L4.75819 6.49696L0.000999928 1.75104L1.75521 -0.00402832L6.5015 4.75279L11.2587 -0.00402832L13.005 1.74212L8.24778 6.49894L13.005 11.2558L11.2547 12.9999ZM6.50051 6.8448L11.2577 11.6016L11.5986 11.2538L6.84144 6.49696L11.5986 1.74014L11.2537 1.39527L6.49654 6.15209L1.75026 1.39527L1.39842 1.74708L6.1566 6.49696L1.40239 11.2538L1.74728 11.5987L6.50051 6.8448Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_686_8"><rect width="13" height="13" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.c-btn-arrow {
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  display: block;
  background-color: var(--c-gray);
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.38547 19.9998L0.00012207 18.6016L18.1999 0.579391L19.5852 1.97753L1.38547 19.9998Z" fill="%23908989"/><path d="M20.0001 16.7659H18.0326V1.96637H2.9369V-0.000244141H20.0001V16.7659Z" fill="%23908989"/></svg>');
          mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.38547 19.9998L0.00012207 18.6016L18.1999 0.579391L19.5852 1.97753L1.38547 19.9998Z" fill="%23908989"/><path d="M20.0001 16.7659H18.0326V1.96637H2.9369V-0.000244141H20.0001V16.7659Z" fill="%23908989"/></svg>');
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: all 0.3s ease;
}

.c-btn-contact {
  position: relative;
  color: var(--c-font);
  background-color: var(--c-white);
  letter-spacing: 0.029em;
  font-weight: 500;
  padding: 24px 46px;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 334px !important;
  max-width: 100%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .c-btn-contact {
    min-width: 270px !important;
  }
}
.c-btn-contact::after {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.44161 7.92604L1.44505 6.99418L13.645 7.07075L13.6388 8.00534L1.44161 7.92604Z" fill="%23E26800" stroke="%23E26800"/><path d="M8.71294 12.6677L13.3587 7.47245L8.55343 2.09942L9.25542 1.47795L14.6183 7.47109L9.41494 13.2892L8.71294 12.6677Z" fill="%23E26800" stroke="%23E26800"/></svg>');
          mask: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.44161 7.92604L1.44505 6.99418L13.645 7.07075L13.6388 8.00534L1.44161 7.92604Z" fill="%23E26800" stroke="%23E26800"/><path d="M8.71294 12.6677L13.3587 7.47245L8.55343 2.09942L9.25542 1.47795L14.6183 7.47109L9.41494 13.2892L8.71294 12.6677Z" fill="%23E26800" stroke="%23E26800"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main-light);
  width: 16px;
  height: 15px;
}
@media screen and (max-width: 1024px) {
  .c-btn-contact::after {
    right: 12px;
  }
}
.c-btn-contact::before {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.421" height="19.537" viewBox="0 0 24.421 19.537"><path id="mail_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24" d="M82.442-780.463a2.352,2.352,0,0,1-1.725-.717A2.352,2.352,0,0,1,80-782.9v-14.653a2.351,2.351,0,0,1,.717-1.725A2.352,2.352,0,0,1,82.442-800h19.537a2.352,2.352,0,0,1,1.725.717,2.351,2.351,0,0,1,.717,1.725V-782.9a2.352,2.352,0,0,1-.717,1.725,2.352,2.352,0,0,1-1.725.717Zm9.769-8.547-9.769-6.105V-782.9h19.537v-12.211Zm0-2.442,9.769-6.105H82.442Zm-9.769-3.663v0Z" transform="translate(-80 800)" fill="%23e26800"/></svg>');
          mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.421" height="19.537" viewBox="0 0 24.421 19.537"><path id="mail_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24" d="M82.442-780.463a2.352,2.352,0,0,1-1.725-.717A2.352,2.352,0,0,1,80-782.9v-14.653a2.351,2.351,0,0,1,.717-1.725A2.352,2.352,0,0,1,82.442-800h19.537a2.352,2.352,0,0,1,1.725.717,2.351,2.351,0,0,1,.717,1.725V-782.9a2.352,2.352,0,0,1-.717,1.725,2.352,2.352,0,0,1-1.725.717Zm9.769-8.547-9.769-6.105V-782.9h19.537v-12.211Zm0-2.442,9.769-6.105H82.442Zm-9.769-3.663v0Z" transform="translate(-80 800)" fill="%23e26800"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main-light);
  width: 24px;
  height: 20px;
}
@media screen and (max-width: 1024px) {
  .c-btn-contact::before {
    left: 16px;
  }
}
.c-btn-contact:hover, .c-btn-contact:focus {
  opacity: 0.6;
}

.c-btn-link-flex {
  display: flex;
  gap: 28px;
}
@media screen and (max-width: 1024px) {
  .c-btn-link-flex {
    gap: 18px;
  }
}

.c-btn-link {
  cursor: pointer;
  position: relative;
  font-size: 23px;
  letter-spacing: 0.036em;
  font-weight: bold;
  color: #ACA7A3;
  border: 1px solid #707070;
  width: 100%;
  text-align: center;
  padding: 10px;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  .c-btn-link {
    font-size: 18px;
    padding: 6px;
  }
}
.c-btn-link:hover {
  opacity: 0.6;
}
.c-btn-link.is-active {
  color: #D67A34;
  border-color: #D67A34;
}
.c-btn-link.is-active::after {
  background-color: #D67A34;
}
.c-btn-link::after {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.266" height="18.933" viewBox="0 0 18.266 18.933"><g id="グループ_1568127" data-name="グループ 1568127" transform="translate(-3.863 1)"><path id="パス_97629" data-name="パス 97629" d="M-.094,11.345,11.471-.095" transform="translate(20.996 8.088) rotate(135)" fill="none" stroke="%23aca7a3" stroke-width="2"/><path id="パス_97630" data-name="パス 97630" d="M0,.09,9.777-.091,9.583,10.352" transform="translate(19.882 9.514) rotate(135)" fill="none" stroke="%23aca7a3" stroke-width="2"/></g></svg>');
          mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.266" height="18.933" viewBox="0 0 18.266 18.933"><g id="グループ_1568127" data-name="グループ 1568127" transform="translate(-3.863 1)"><path id="パス_97629" data-name="パス 97629" d="M-.094,11.345,11.471-.095" transform="translate(20.996 8.088) rotate(135)" fill="none" stroke="%23aca7a3" stroke-width="2"/><path id="パス_97630" data-name="パス 97630" d="M0,.09,9.777-.091,9.583,10.352" transform="translate(19.882 9.514) rotate(135)" fill="none" stroke="%23aca7a3" stroke-width="2"/></g></svg>');
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 19px;
  background-color: #ACA7A3;
}
@media screen and (max-width: 1024px) {
  .c-btn-link::after {
    right: 16px;
    width: 14px;
    height: 14px;
  }
}

.c-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
  row-gap: var(--grid-row-gap, 0);
  -moz-column-gap: min(var(--grid-column-gap, 0), 9.0909090909%);
       column-gap: min(var(--grid-column-gap, 0), 9.0909090909%);
}

.c-grid__item {
  display: flex;
  flex-direction: column;
}
.c-grid__item > * {
  min-height: 0;
  min-width: 0%;
}

.c-grid[data-columns~="1"] {
  --grid-columns: 1;
}
.c-grid[data-columns~="2"] {
  --grid-columns: 2;
}
.c-grid[data-columns~="3"] {
  --grid-columns: 3;
}
.c-grid[data-columns~="4"] {
  --grid-columns: 4;
}
.c-grid[data-columns~="5"] {
  --grid-columns: 5;
}
.c-grid[data-columns~="6"] {
  --grid-columns: 6;
}
.c-grid[data-columns~="7"] {
  --grid-columns: 7;
}
.c-grid[data-columns~="8"] {
  --grid-columns: 8;
}
.c-grid[data-columns~="9"] {
  --grid-columns: 9;
}
.c-grid[data-columns~="10"] {
  --grid-columns: 10;
}
.c-grid[data-columns~="11"] {
  --grid-columns: 11;
}
.c-grid[data-columns~="12"] {
  --grid-columns: 12;
}
@media (max-width: 1400px) {
  .c-grid[data-columns~="xl:1"] {
    --grid-columns: 1;
  }
  .c-grid[data-columns~="xl:2"] {
    --grid-columns: 2;
  }
  .c-grid[data-columns~="xl:3"] {
    --grid-columns: 3;
  }
  .c-grid[data-columns~="xl:4"] {
    --grid-columns: 4;
  }
  .c-grid[data-columns~="xl:5"] {
    --grid-columns: 5;
  }
  .c-grid[data-columns~="xl:6"] {
    --grid-columns: 6;
  }
  .c-grid[data-columns~="xl:7"] {
    --grid-columns: 7;
  }
  .c-grid[data-columns~="xl:8"] {
    --grid-columns: 8;
  }
  .c-grid[data-columns~="xl:9"] {
    --grid-columns: 9;
  }
  .c-grid[data-columns~="xl:10"] {
    --grid-columns: 10;
  }
  .c-grid[data-columns~="xl:11"] {
    --grid-columns: 11;
  }
  .c-grid[data-columns~="xl:12"] {
    --grid-columns: 12;
  }
}
@media (max-width: 1280px) {
  .c-grid[data-columns~="lg:1"] {
    --grid-columns: 1;
  }
  .c-grid[data-columns~="lg:2"] {
    --grid-columns: 2;
  }
  .c-grid[data-columns~="lg:3"] {
    --grid-columns: 3;
  }
  .c-grid[data-columns~="lg:4"] {
    --grid-columns: 4;
  }
  .c-grid[data-columns~="lg:5"] {
    --grid-columns: 5;
  }
  .c-grid[data-columns~="lg:6"] {
    --grid-columns: 6;
  }
  .c-grid[data-columns~="lg:7"] {
    --grid-columns: 7;
  }
  .c-grid[data-columns~="lg:8"] {
    --grid-columns: 8;
  }
  .c-grid[data-columns~="lg:9"] {
    --grid-columns: 9;
  }
  .c-grid[data-columns~="lg:10"] {
    --grid-columns: 10;
  }
  .c-grid[data-columns~="lg:11"] {
    --grid-columns: 11;
  }
  .c-grid[data-columns~="lg:12"] {
    --grid-columns: 12;
  }
}
@media (max-width: 1024px) {
  .c-grid[data-columns~="md:1"] {
    --grid-columns: 1;
  }
  .c-grid[data-columns~="md:2"] {
    --grid-columns: 2;
  }
  .c-grid[data-columns~="md:3"] {
    --grid-columns: 3;
  }
  .c-grid[data-columns~="md:4"] {
    --grid-columns: 4;
  }
  .c-grid[data-columns~="md:5"] {
    --grid-columns: 5;
  }
  .c-grid[data-columns~="md:6"] {
    --grid-columns: 6;
  }
  .c-grid[data-columns~="md:7"] {
    --grid-columns: 7;
  }
  .c-grid[data-columns~="md:8"] {
    --grid-columns: 8;
  }
  .c-grid[data-columns~="md:9"] {
    --grid-columns: 9;
  }
  .c-grid[data-columns~="md:10"] {
    --grid-columns: 10;
  }
  .c-grid[data-columns~="md:11"] {
    --grid-columns: 11;
  }
  .c-grid[data-columns~="md:12"] {
    --grid-columns: 12;
  }
}
@media (max-width: 768px) {
  .c-grid[data-columns~="sm:1"] {
    --grid-columns: 1;
  }
  .c-grid[data-columns~="sm:2"] {
    --grid-columns: 2;
  }
  .c-grid[data-columns~="sm:3"] {
    --grid-columns: 3;
  }
  .c-grid[data-columns~="sm:4"] {
    --grid-columns: 4;
  }
  .c-grid[data-columns~="sm:5"] {
    --grid-columns: 5;
  }
  .c-grid[data-columns~="sm:6"] {
    --grid-columns: 6;
  }
  .c-grid[data-columns~="sm:7"] {
    --grid-columns: 7;
  }
  .c-grid[data-columns~="sm:8"] {
    --grid-columns: 8;
  }
  .c-grid[data-columns~="sm:9"] {
    --grid-columns: 9;
  }
  .c-grid[data-columns~="sm:10"] {
    --grid-columns: 10;
  }
  .c-grid[data-columns~="sm:11"] {
    --grid-columns: 11;
  }
  .c-grid[data-columns~="sm:12"] {
    --grid-columns: 12;
  }
}
@media (max-width: 480px) {
  .c-grid[data-columns~="xs:1"] {
    --grid-columns: 1;
  }
  .c-grid[data-columns~="xs:2"] {
    --grid-columns: 2;
  }
  .c-grid[data-columns~="xs:3"] {
    --grid-columns: 3;
  }
  .c-grid[data-columns~="xs:4"] {
    --grid-columns: 4;
  }
  .c-grid[data-columns~="xs:5"] {
    --grid-columns: 5;
  }
  .c-grid[data-columns~="xs:6"] {
    --grid-columns: 6;
  }
  .c-grid[data-columns~="xs:7"] {
    --grid-columns: 7;
  }
  .c-grid[data-columns~="xs:8"] {
    --grid-columns: 8;
  }
  .c-grid[data-columns~="xs:9"] {
    --grid-columns: 9;
  }
  .c-grid[data-columns~="xs:10"] {
    --grid-columns: 10;
  }
  .c-grid[data-columns~="xs:11"] {
    --grid-columns: 11;
  }
  .c-grid[data-columns~="xs:12"] {
    --grid-columns: 12;
  }
}

.c-grid[data-gap~="0"] {
  --grid-row-gap: 0px;
  --grid-column-gap: 0px;
}
.c-grid[data-gap~=x-0] {
  --grid-column-gap: 0px;
}
.c-grid[data-gap~=y-0] {
  --grid-row-gap: 0px;
}
.c-grid[data-gap~=xxs] {
  --grid-row-gap: 0.5rem;
  --grid-column-gap: 0.5rem;
}
.c-grid[data-gap~=x-xxs] {
  --grid-column-gap: 0.5rem;
}
.c-grid[data-gap~=y-xxs] {
  --grid-row-gap: 0.5rem;
}
.c-grid[data-gap~=xs] {
  --grid-row-gap: 1rem;
  --grid-column-gap: 1rem;
}
.c-grid[data-gap~=x-xs] {
  --grid-column-gap: 1rem;
}
.c-grid[data-gap~=y-xs] {
  --grid-row-gap: 1rem;
}
.c-grid[data-gap~=sm] {
  --grid-row-gap: 1.5rem;
  --grid-column-gap: 1.5rem;
}
.c-grid[data-gap~=x-sm] {
  --grid-column-gap: 1.5rem;
}
.c-grid[data-gap~=y-sm] {
  --grid-row-gap: 1.5rem;
}
.c-grid[data-gap~=md] {
  --grid-row-gap: 2rem;
  --grid-column-gap: 2rem;
}
.c-grid[data-gap~=x-md] {
  --grid-column-gap: 2rem;
}
.c-grid[data-gap~=y-md] {
  --grid-row-gap: 2rem;
}
.c-grid[data-gap~=lg] {
  --grid-row-gap: 2.5rem;
  --grid-column-gap: 2.5rem;
}
.c-grid[data-gap~=x-lg] {
  --grid-column-gap: 2.5rem;
}
.c-grid[data-gap~=y-lg] {
  --grid-row-gap: 2.5rem;
}
.c-grid[data-gap~=xl] {
  --grid-row-gap: 3rem;
  --grid-column-gap: 3rem;
}
.c-grid[data-gap~=x-xl] {
  --grid-column-gap: 3rem;
}
.c-grid[data-gap~=y-xl] {
  --grid-row-gap: 3rem;
}
.c-grid[data-gap~=xxl] {
  --grid-row-gap: 4rem;
  --grid-column-gap: 4rem;
}
.c-grid[data-gap~=x-xxl] {
  --grid-column-gap: 4rem;
}
.c-grid[data-gap~=y-xxl] {
  --grid-row-gap: 4rem;
}
@media (max-width: 1400px) {
  .c-grid[data-gap~="xl:0"] {
    --grid-row-gap: 0px;
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="xl:x-0"] {
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="xl:y-0"] {
    --grid-row-gap: 0px;
  }
  .c-grid[data-gap~="xl:xxs"] {
    --grid-row-gap: 0.5rem;
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="xl:x-xxs"] {
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="xl:y-xxs"] {
    --grid-row-gap: 0.5rem;
  }
  .c-grid[data-gap~="xl:xs"] {
    --grid-row-gap: 1rem;
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="xl:x-xs"] {
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="xl:y-xs"] {
    --grid-row-gap: 1rem;
  }
  .c-grid[data-gap~="xl:sm"] {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="xl:x-sm"] {
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="xl:y-sm"] {
    --grid-row-gap: 1.5rem;
  }
  .c-grid[data-gap~="xl:md"] {
    --grid-row-gap: 2rem;
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="xl:x-md"] {
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="xl:y-md"] {
    --grid-row-gap: 2rem;
  }
  .c-grid[data-gap~="xl:lg"] {
    --grid-row-gap: 2.5rem;
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="xl:x-lg"] {
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="xl:y-lg"] {
    --grid-row-gap: 2.5rem;
  }
  .c-grid[data-gap~="xl:xl"] {
    --grid-row-gap: 3rem;
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="xl:x-xl"] {
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="xl:y-xl"] {
    --grid-row-gap: 3rem;
  }
  .c-grid[data-gap~="xl:xxl"] {
    --grid-row-gap: 4rem;
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="xl:x-xxl"] {
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="xl:y-xxl"] {
    --grid-row-gap: 4rem;
  }
}
@media (max-width: 1280px) {
  .c-grid[data-gap~="lg:0"] {
    --grid-row-gap: 0px;
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="lg:x-0"] {
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="lg:y-0"] {
    --grid-row-gap: 0px;
  }
  .c-grid[data-gap~="lg:xxs"] {
    --grid-row-gap: 0.5rem;
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="lg:x-xxs"] {
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="lg:y-xxs"] {
    --grid-row-gap: 0.5rem;
  }
  .c-grid[data-gap~="lg:xs"] {
    --grid-row-gap: 1rem;
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="lg:x-xs"] {
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="lg:y-xs"] {
    --grid-row-gap: 1rem;
  }
  .c-grid[data-gap~="lg:sm"] {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="lg:x-sm"] {
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="lg:y-sm"] {
    --grid-row-gap: 1.5rem;
  }
  .c-grid[data-gap~="lg:md"] {
    --grid-row-gap: 2rem;
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="lg:x-md"] {
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="lg:y-md"] {
    --grid-row-gap: 2rem;
  }
  .c-grid[data-gap~="lg:lg"] {
    --grid-row-gap: 2.5rem;
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="lg:x-lg"] {
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="lg:y-lg"] {
    --grid-row-gap: 2.5rem;
  }
  .c-grid[data-gap~="lg:xl"] {
    --grid-row-gap: 3rem;
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="lg:x-xl"] {
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="lg:y-xl"] {
    --grid-row-gap: 3rem;
  }
  .c-grid[data-gap~="lg:xxl"] {
    --grid-row-gap: 4rem;
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="lg:x-xxl"] {
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="lg:y-xxl"] {
    --grid-row-gap: 4rem;
  }
}
@media (max-width: 1024px) {
  .c-grid[data-gap~="md:0"] {
    --grid-row-gap: 0px;
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="md:x-0"] {
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="md:y-0"] {
    --grid-row-gap: 0px;
  }
  .c-grid[data-gap~="md:xxs"] {
    --grid-row-gap: 0.5rem;
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="md:x-xxs"] {
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="md:y-xxs"] {
    --grid-row-gap: 0.5rem;
  }
  .c-grid[data-gap~="md:xs"] {
    --grid-row-gap: 1rem;
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="md:x-xs"] {
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="md:y-xs"] {
    --grid-row-gap: 1rem;
  }
  .c-grid[data-gap~="md:sm"] {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="md:x-sm"] {
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="md:y-sm"] {
    --grid-row-gap: 1.5rem;
  }
  .c-grid[data-gap~="md:md"] {
    --grid-row-gap: 2rem;
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="md:x-md"] {
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="md:y-md"] {
    --grid-row-gap: 2rem;
  }
  .c-grid[data-gap~="md:lg"] {
    --grid-row-gap: 2.5rem;
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="md:x-lg"] {
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="md:y-lg"] {
    --grid-row-gap: 2.5rem;
  }
  .c-grid[data-gap~="md:xl"] {
    --grid-row-gap: 3rem;
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="md:x-xl"] {
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="md:y-xl"] {
    --grid-row-gap: 3rem;
  }
  .c-grid[data-gap~="md:xxl"] {
    --grid-row-gap: 4rem;
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="md:x-xxl"] {
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="md:y-xxl"] {
    --grid-row-gap: 4rem;
  }
}
@media (max-width: 768px) {
  .c-grid[data-gap~="sm:0"] {
    --grid-row-gap: 0px;
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="sm:x-0"] {
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="sm:y-0"] {
    --grid-row-gap: 0px;
  }
  .c-grid[data-gap~="sm:xxs"] {
    --grid-row-gap: 0.5rem;
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="sm:x-xxs"] {
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="sm:y-xxs"] {
    --grid-row-gap: 0.5rem;
  }
  .c-grid[data-gap~="sm:xs"] {
    --grid-row-gap: 1rem;
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="sm:x-xs"] {
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="sm:y-xs"] {
    --grid-row-gap: 1rem;
  }
  .c-grid[data-gap~="sm:sm"] {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="sm:x-sm"] {
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="sm:y-sm"] {
    --grid-row-gap: 1.5rem;
  }
  .c-grid[data-gap~="sm:md"] {
    --grid-row-gap: 2rem;
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="sm:x-md"] {
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="sm:y-md"] {
    --grid-row-gap: 2rem;
  }
  .c-grid[data-gap~="sm:lg"] {
    --grid-row-gap: 2.5rem;
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="sm:x-lg"] {
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="sm:y-lg"] {
    --grid-row-gap: 2.5rem;
  }
  .c-grid[data-gap~="sm:xl"] {
    --grid-row-gap: 3rem;
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="sm:x-xl"] {
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="sm:y-xl"] {
    --grid-row-gap: 3rem;
  }
  .c-grid[data-gap~="sm:xxl"] {
    --grid-row-gap: 4rem;
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="sm:x-xxl"] {
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="sm:y-xxl"] {
    --grid-row-gap: 4rem;
  }
}
@media (max-width: 480px) {
  .c-grid[data-gap~="xs:0"] {
    --grid-row-gap: 0px;
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="xs:x-0"] {
    --grid-column-gap: 0px;
  }
  .c-grid[data-gap~="xs:y-0"] {
    --grid-row-gap: 0px;
  }
  .c-grid[data-gap~="xs:xxs"] {
    --grid-row-gap: 0.5rem;
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="xs:x-xxs"] {
    --grid-column-gap: 0.5rem;
  }
  .c-grid[data-gap~="xs:y-xxs"] {
    --grid-row-gap: 0.5rem;
  }
  .c-grid[data-gap~="xs:xs"] {
    --grid-row-gap: 1rem;
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="xs:x-xs"] {
    --grid-column-gap: 1rem;
  }
  .c-grid[data-gap~="xs:y-xs"] {
    --grid-row-gap: 1rem;
  }
  .c-grid[data-gap~="xs:sm"] {
    --grid-row-gap: 1.5rem;
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="xs:x-sm"] {
    --grid-column-gap: 1.5rem;
  }
  .c-grid[data-gap~="xs:y-sm"] {
    --grid-row-gap: 1.5rem;
  }
  .c-grid[data-gap~="xs:md"] {
    --grid-row-gap: 2rem;
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="xs:x-md"] {
    --grid-column-gap: 2rem;
  }
  .c-grid[data-gap~="xs:y-md"] {
    --grid-row-gap: 2rem;
  }
  .c-grid[data-gap~="xs:lg"] {
    --grid-row-gap: 2.5rem;
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="xs:x-lg"] {
    --grid-column-gap: 2.5rem;
  }
  .c-grid[data-gap~="xs:y-lg"] {
    --grid-row-gap: 2.5rem;
  }
  .c-grid[data-gap~="xs:xl"] {
    --grid-row-gap: 3rem;
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="xs:x-xl"] {
    --grid-column-gap: 3rem;
  }
  .c-grid[data-gap~="xs:y-xl"] {
    --grid-row-gap: 3rem;
  }
  .c-grid[data-gap~="xs:xxl"] {
    --grid-row-gap: 4rem;
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="xs:x-xxl"] {
    --grid-column-gap: 4rem;
  }
  .c-grid[data-gap~="xs:y-xxl"] {
    --grid-row-gap: 4rem;
  }
}

.c-grid__item[data-span~="1"] {
  grid-column: span 1;
}
.c-grid__item[data-span~="2"] {
  grid-column: span 2;
}
.c-grid__item[data-span~="3"] {
  grid-column: span 3;
}
.c-grid__item[data-span~="4"] {
  grid-column: span 4;
}
.c-grid__item[data-span~="5"] {
  grid-column: span 5;
}
.c-grid__item[data-span~="6"] {
  grid-column: span 6;
}
.c-grid__item[data-span~="7"] {
  grid-column: span 7;
}
.c-grid__item[data-span~="8"] {
  grid-column: span 8;
}
.c-grid__item[data-span~="9"] {
  grid-column: span 9;
}
.c-grid__item[data-span~="10"] {
  grid-column: span 10;
}
.c-grid__item[data-span~="11"] {
  grid-column: span 11;
}
.c-grid__item[data-span~="12"] {
  grid-column: span 12;
}
@media (max-width: 1400px) {
  .c-grid__item[data-span~="xl:1"] {
    grid-column: span 1;
  }
  .c-grid__item[data-span~="xl:2"] {
    grid-column: span 2;
  }
  .c-grid__item[data-span~="xl:3"] {
    grid-column: span 3;
  }
  .c-grid__item[data-span~="xl:4"] {
    grid-column: span 4;
  }
  .c-grid__item[data-span~="xl:5"] {
    grid-column: span 5;
  }
  .c-grid__item[data-span~="xl:6"] {
    grid-column: span 6;
  }
  .c-grid__item[data-span~="xl:7"] {
    grid-column: span 7;
  }
  .c-grid__item[data-span~="xl:8"] {
    grid-column: span 8;
  }
  .c-grid__item[data-span~="xl:9"] {
    grid-column: span 9;
  }
  .c-grid__item[data-span~="xl:10"] {
    grid-column: span 10;
  }
  .c-grid__item[data-span~="xl:11"] {
    grid-column: span 11;
  }
  .c-grid__item[data-span~="xl:12"] {
    grid-column: span 12;
  }
}
@media (max-width: 1280px) {
  .c-grid__item[data-span~="lg:1"] {
    grid-column: span 1;
  }
  .c-grid__item[data-span~="lg:2"] {
    grid-column: span 2;
  }
  .c-grid__item[data-span~="lg:3"] {
    grid-column: span 3;
  }
  .c-grid__item[data-span~="lg:4"] {
    grid-column: span 4;
  }
  .c-grid__item[data-span~="lg:5"] {
    grid-column: span 5;
  }
  .c-grid__item[data-span~="lg:6"] {
    grid-column: span 6;
  }
  .c-grid__item[data-span~="lg:7"] {
    grid-column: span 7;
  }
  .c-grid__item[data-span~="lg:8"] {
    grid-column: span 8;
  }
  .c-grid__item[data-span~="lg:9"] {
    grid-column: span 9;
  }
  .c-grid__item[data-span~="lg:10"] {
    grid-column: span 10;
  }
  .c-grid__item[data-span~="lg:11"] {
    grid-column: span 11;
  }
  .c-grid__item[data-span~="lg:12"] {
    grid-column: span 12;
  }
}
@media (max-width: 1024px) {
  .c-grid__item[data-span~="md:1"] {
    grid-column: span 1;
  }
  .c-grid__item[data-span~="md:2"] {
    grid-column: span 2;
  }
  .c-grid__item[data-span~="md:3"] {
    grid-column: span 3;
  }
  .c-grid__item[data-span~="md:4"] {
    grid-column: span 4;
  }
  .c-grid__item[data-span~="md:5"] {
    grid-column: span 5;
  }
  .c-grid__item[data-span~="md:6"] {
    grid-column: span 6;
  }
  .c-grid__item[data-span~="md:7"] {
    grid-column: span 7;
  }
  .c-grid__item[data-span~="md:8"] {
    grid-column: span 8;
  }
  .c-grid__item[data-span~="md:9"] {
    grid-column: span 9;
  }
  .c-grid__item[data-span~="md:10"] {
    grid-column: span 10;
  }
  .c-grid__item[data-span~="md:11"] {
    grid-column: span 11;
  }
  .c-grid__item[data-span~="md:12"] {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .c-grid__item[data-span~="sm:1"] {
    grid-column: span 1;
  }
  .c-grid__item[data-span~="sm:2"] {
    grid-column: span 2;
  }
  .c-grid__item[data-span~="sm:3"] {
    grid-column: span 3;
  }
  .c-grid__item[data-span~="sm:4"] {
    grid-column: span 4;
  }
  .c-grid__item[data-span~="sm:5"] {
    grid-column: span 5;
  }
  .c-grid__item[data-span~="sm:6"] {
    grid-column: span 6;
  }
  .c-grid__item[data-span~="sm:7"] {
    grid-column: span 7;
  }
  .c-grid__item[data-span~="sm:8"] {
    grid-column: span 8;
  }
  .c-grid__item[data-span~="sm:9"] {
    grid-column: span 9;
  }
  .c-grid__item[data-span~="sm:10"] {
    grid-column: span 10;
  }
  .c-grid__item[data-span~="sm:11"] {
    grid-column: span 11;
  }
  .c-grid__item[data-span~="sm:12"] {
    grid-column: span 12;
  }
}
@media (max-width: 480px) {
  .c-grid__item[data-span~="xs:1"] {
    grid-column: span 1;
  }
  .c-grid__item[data-span~="xs:2"] {
    grid-column: span 2;
  }
  .c-grid__item[data-span~="xs:3"] {
    grid-column: span 3;
  }
  .c-grid__item[data-span~="xs:4"] {
    grid-column: span 4;
  }
  .c-grid__item[data-span~="xs:5"] {
    grid-column: span 5;
  }
  .c-grid__item[data-span~="xs:6"] {
    grid-column: span 6;
  }
  .c-grid__item[data-span~="xs:7"] {
    grid-column: span 7;
  }
  .c-grid__item[data-span~="xs:8"] {
    grid-column: span 8;
  }
  .c-grid__item[data-span~="xs:9"] {
    grid-column: span 9;
  }
  .c-grid__item[data-span~="xs:10"] {
    grid-column: span 10;
  }
  .c-grid__item[data-span~="xs:11"] {
    grid-column: span 11;
  }
  .c-grid__item[data-span~="xs:12"] {
    grid-column: span 12;
  }
}

.c-grid[data-align~=start] {
  justify-content: start;
}
.c-grid[data-align~=center] {
  justify-content: center;
}
.c-grid[data-align~=end] {
  justify-content: end;
}
.c-grid[data-align~=justify] {
  justify-content: space-between;
}
.c-grid[data-align~=top] {
  align-items: start;
}
.c-grid[data-align~=middle] {
  align-items: center;
}
.c-grid[data-align~=bottom] {
  align-items: end;
}
.c-grid__item[data-align~=start] {
  align-items: flex-start;
}
.c-grid__item[data-align~=center] {
  align-items: center;
}
.c-grid__item[data-align~=end] {
  align-items: flex-end;
}
.c-grid__item[data-align~=top] {
  justify-content: flex-start;
  align-self: stretch;
}
.c-grid__item[data-align~=middle] {
  justify-content: center;
  align-self: stretch;
}
.c-grid__item[data-align~=bottom] {
  justify-content: flex-end;
  align-self: stretch;
}
@media (max-width: 1400px) {
  .c-grid[data-align~="xl:start"] {
    justify-content: start;
  }
  .c-grid[data-align~="xl:center"] {
    justify-content: center;
  }
  .c-grid[data-align~="xl:end"] {
    justify-content: end;
  }
  .c-grid[data-align~="xl:justify"] {
    justify-content: space-between;
  }
  .c-grid[data-align~="xl:top"] {
    align-items: start;
  }
  .c-grid[data-align~="xl:middle"] {
    align-items: center;
  }
  .c-grid[data-align~="xl:bottom"] {
    align-items: end;
  }
}
@media (max-width: 1280px) {
  .c-grid[data-align~="lg:start"] {
    justify-content: start;
  }
  .c-grid[data-align~="lg:center"] {
    justify-content: center;
  }
  .c-grid[data-align~="lg:end"] {
    justify-content: end;
  }
  .c-grid[data-align~="lg:justify"] {
    justify-content: space-between;
  }
  .c-grid[data-align~="lg:top"] {
    align-items: start;
  }
  .c-grid[data-align~="lg:middle"] {
    align-items: center;
  }
  .c-grid[data-align~="lg:bottom"] {
    align-items: end;
  }
}
@media (max-width: 1024px) {
  .c-grid[data-align~="md:start"] {
    justify-content: start;
  }
  .c-grid[data-align~="md:center"] {
    justify-content: center;
  }
  .c-grid[data-align~="md:end"] {
    justify-content: end;
  }
  .c-grid[data-align~="md:justify"] {
    justify-content: space-between;
  }
  .c-grid[data-align~="md:top"] {
    align-items: start;
  }
  .c-grid[data-align~="md:middle"] {
    align-items: center;
  }
  .c-grid[data-align~="md:bottom"] {
    align-items: end;
  }
}
@media (max-width: 768px) {
  .c-grid[data-align~="sm:start"] {
    justify-content: start;
  }
  .c-grid[data-align~="sm:center"] {
    justify-content: center;
  }
  .c-grid[data-align~="sm:end"] {
    justify-content: end;
  }
  .c-grid[data-align~="sm:justify"] {
    justify-content: space-between;
  }
  .c-grid[data-align~="sm:top"] {
    align-items: start;
  }
  .c-grid[data-align~="sm:middle"] {
    align-items: center;
  }
  .c-grid[data-align~="sm:bottom"] {
    align-items: end;
  }
}
@media (max-width: 480px) {
  .c-grid[data-align~="xs:start"] {
    justify-content: start;
  }
  .c-grid[data-align~="xs:center"] {
    justify-content: center;
  }
  .c-grid[data-align~="xs:end"] {
    justify-content: end;
  }
  .c-grid[data-align~="xs:justify"] {
    justify-content: space-between;
  }
  .c-grid[data-align~="xs:top"] {
    align-items: start;
  }
  .c-grid[data-align~="xs:middle"] {
    align-items: center;
  }
  .c-grid[data-align~="xs:bottom"] {
    align-items: end;
  }
}

.c-grid__item[data-nowrap] {
  flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
  .c-heading-primary-box {
    text-align: center;
  }
}

.c-heading-primary {
  font-size: clamp(31px, 7.75vw, 42px);
  font-weight: bold;
  letter-spacing: 0.058em;
  margin-top: 4px;
}

.c-heading-primary-sub {
  font-family: var(--ff-en);
  letter-spacing: 0.073em;
  font-weight: 300;
  font-size: clamp(15px, 3.75vw, 17px);
  text-transform: uppercase;
}
.c-heading-primary-sub.-lg {
  font-size: clamp(15px, 3.75vw, 20px);
}

.c-inner {
  box-sizing: content-box;
  max-width: var(--inner);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--inner-gutter);
  padding-left: var(--inner-gutter);
}
.c-inner.--lg {
  max-width: var(--inner-lg);
}
.c-inner.--sm {
  max-width: var(--inner-sm);
}

.c-flex {
  display: flex;
  row-gap: var(--flex-row-gap, 0);
  -moz-column-gap: var(--flex-column-gap, 0);
       column-gap: var(--flex-column-gap, 0);
}

.c-flex[data-gap~="0"] {
  --flex-row-gap: 0px;
  --flex-column-gap: 0px;
}
.c-flex[data-gap~=x-0] {
  --flex-column-gap: 0px;
}
.c-flex[data-gap~=y-0] {
  --flex-row-gap: 0px;
}
.c-flex[data-gap~=xxs] {
  --flex-row-gap: 0.5rem;
  --flex-column-gap: 0.5rem;
}
.c-flex[data-gap~=x-xxs] {
  --flex-column-gap: 0.5rem;
}
.c-flex[data-gap~=y-xxs] {
  --flex-row-gap: 0.5rem;
}
.c-flex[data-gap~=xs] {
  --flex-row-gap: 1rem;
  --flex-column-gap: 1rem;
}
.c-flex[data-gap~=x-xs] {
  --flex-column-gap: 1rem;
}
.c-flex[data-gap~=y-xs] {
  --flex-row-gap: 1rem;
}
.c-flex[data-gap~=sm] {
  --flex-row-gap: 1.5rem;
  --flex-column-gap: 1.5rem;
}
.c-flex[data-gap~=x-sm] {
  --flex-column-gap: 1.5rem;
}
.c-flex[data-gap~=y-sm] {
  --flex-row-gap: 1.5rem;
}
.c-flex[data-gap~=md] {
  --flex-row-gap: 2rem;
  --flex-column-gap: 2rem;
}
.c-flex[data-gap~=x-md] {
  --flex-column-gap: 2rem;
}
.c-flex[data-gap~=y-md] {
  --flex-row-gap: 2rem;
}
.c-flex[data-gap~=lg] {
  --flex-row-gap: 2.5rem;
  --flex-column-gap: 2.5rem;
}
.c-flex[data-gap~=x-lg] {
  --flex-column-gap: 2.5rem;
}
.c-flex[data-gap~=y-lg] {
  --flex-row-gap: 2.5rem;
}
.c-flex[data-gap~=xl] {
  --flex-row-gap: 3rem;
  --flex-column-gap: 3rem;
}
.c-flex[data-gap~=x-xl] {
  --flex-column-gap: 3rem;
}
.c-flex[data-gap~=y-xl] {
  --flex-row-gap: 3rem;
}
.c-flex[data-gap~=xxl] {
  --flex-row-gap: 4rem;
  --flex-column-gap: 4rem;
}
.c-flex[data-gap~=x-xxl] {
  --flex-column-gap: 4rem;
}
.c-flex[data-gap~=y-xxl] {
  --flex-row-gap: 4rem;
}
@media (max-width: 1400px) {
  .c-flex[data-gap~="xl:0"] {
    --flex-row-gap: 0px;
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="xl:x-0"] {
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="xl:y-0"] {
    --flex-row-gap: 0px;
  }
  .c-flex[data-gap~="xl:xxs"] {
    --flex-row-gap: 0.5rem;
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="xl:x-xxs"] {
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="xl:y-xxs"] {
    --flex-row-gap: 0.5rem;
  }
  .c-flex[data-gap~="xl:xs"] {
    --flex-row-gap: 1rem;
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="xl:x-xs"] {
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="xl:y-xs"] {
    --flex-row-gap: 1rem;
  }
  .c-flex[data-gap~="xl:sm"] {
    --flex-row-gap: 1.5rem;
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="xl:x-sm"] {
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="xl:y-sm"] {
    --flex-row-gap: 1.5rem;
  }
  .c-flex[data-gap~="xl:md"] {
    --flex-row-gap: 2rem;
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="xl:x-md"] {
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="xl:y-md"] {
    --flex-row-gap: 2rem;
  }
  .c-flex[data-gap~="xl:lg"] {
    --flex-row-gap: 2.5rem;
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="xl:x-lg"] {
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="xl:y-lg"] {
    --flex-row-gap: 2.5rem;
  }
  .c-flex[data-gap~="xl:xl"] {
    --flex-row-gap: 3rem;
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="xl:x-xl"] {
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="xl:y-xl"] {
    --flex-row-gap: 3rem;
  }
  .c-flex[data-gap~="xl:xxl"] {
    --flex-row-gap: 4rem;
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="xl:x-xxl"] {
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="xl:y-xxl"] {
    --flex-row-gap: 4rem;
  }
}
@media (max-width: 1280px) {
  .c-flex[data-gap~="lg:0"] {
    --flex-row-gap: 0px;
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="lg:x-0"] {
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="lg:y-0"] {
    --flex-row-gap: 0px;
  }
  .c-flex[data-gap~="lg:xxs"] {
    --flex-row-gap: 0.5rem;
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="lg:x-xxs"] {
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="lg:y-xxs"] {
    --flex-row-gap: 0.5rem;
  }
  .c-flex[data-gap~="lg:xs"] {
    --flex-row-gap: 1rem;
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="lg:x-xs"] {
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="lg:y-xs"] {
    --flex-row-gap: 1rem;
  }
  .c-flex[data-gap~="lg:sm"] {
    --flex-row-gap: 1.5rem;
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="lg:x-sm"] {
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="lg:y-sm"] {
    --flex-row-gap: 1.5rem;
  }
  .c-flex[data-gap~="lg:md"] {
    --flex-row-gap: 2rem;
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="lg:x-md"] {
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="lg:y-md"] {
    --flex-row-gap: 2rem;
  }
  .c-flex[data-gap~="lg:lg"] {
    --flex-row-gap: 2.5rem;
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="lg:x-lg"] {
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="lg:y-lg"] {
    --flex-row-gap: 2.5rem;
  }
  .c-flex[data-gap~="lg:xl"] {
    --flex-row-gap: 3rem;
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="lg:x-xl"] {
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="lg:y-xl"] {
    --flex-row-gap: 3rem;
  }
  .c-flex[data-gap~="lg:xxl"] {
    --flex-row-gap: 4rem;
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="lg:x-xxl"] {
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="lg:y-xxl"] {
    --flex-row-gap: 4rem;
  }
}
@media (max-width: 1024px) {
  .c-flex[data-gap~="md:0"] {
    --flex-row-gap: 0px;
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="md:x-0"] {
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="md:y-0"] {
    --flex-row-gap: 0px;
  }
  .c-flex[data-gap~="md:xxs"] {
    --flex-row-gap: 0.5rem;
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="md:x-xxs"] {
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="md:y-xxs"] {
    --flex-row-gap: 0.5rem;
  }
  .c-flex[data-gap~="md:xs"] {
    --flex-row-gap: 1rem;
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="md:x-xs"] {
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="md:y-xs"] {
    --flex-row-gap: 1rem;
  }
  .c-flex[data-gap~="md:sm"] {
    --flex-row-gap: 1.5rem;
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="md:x-sm"] {
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="md:y-sm"] {
    --flex-row-gap: 1.5rem;
  }
  .c-flex[data-gap~="md:md"] {
    --flex-row-gap: 2rem;
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="md:x-md"] {
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="md:y-md"] {
    --flex-row-gap: 2rem;
  }
  .c-flex[data-gap~="md:lg"] {
    --flex-row-gap: 2.5rem;
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="md:x-lg"] {
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="md:y-lg"] {
    --flex-row-gap: 2.5rem;
  }
  .c-flex[data-gap~="md:xl"] {
    --flex-row-gap: 3rem;
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="md:x-xl"] {
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="md:y-xl"] {
    --flex-row-gap: 3rem;
  }
  .c-flex[data-gap~="md:xxl"] {
    --flex-row-gap: 4rem;
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="md:x-xxl"] {
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="md:y-xxl"] {
    --flex-row-gap: 4rem;
  }
}
@media (max-width: 768px) {
  .c-flex[data-gap~="sm:0"] {
    --flex-row-gap: 0px;
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="sm:x-0"] {
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="sm:y-0"] {
    --flex-row-gap: 0px;
  }
  .c-flex[data-gap~="sm:xxs"] {
    --flex-row-gap: 0.5rem;
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="sm:x-xxs"] {
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="sm:y-xxs"] {
    --flex-row-gap: 0.5rem;
  }
  .c-flex[data-gap~="sm:xs"] {
    --flex-row-gap: 1rem;
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="sm:x-xs"] {
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="sm:y-xs"] {
    --flex-row-gap: 1rem;
  }
  .c-flex[data-gap~="sm:sm"] {
    --flex-row-gap: 1.5rem;
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="sm:x-sm"] {
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="sm:y-sm"] {
    --flex-row-gap: 1.5rem;
  }
  .c-flex[data-gap~="sm:md"] {
    --flex-row-gap: 2rem;
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="sm:x-md"] {
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="sm:y-md"] {
    --flex-row-gap: 2rem;
  }
  .c-flex[data-gap~="sm:lg"] {
    --flex-row-gap: 2.5rem;
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="sm:x-lg"] {
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="sm:y-lg"] {
    --flex-row-gap: 2.5rem;
  }
  .c-flex[data-gap~="sm:xl"] {
    --flex-row-gap: 3rem;
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="sm:x-xl"] {
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="sm:y-xl"] {
    --flex-row-gap: 3rem;
  }
  .c-flex[data-gap~="sm:xxl"] {
    --flex-row-gap: 4rem;
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="sm:x-xxl"] {
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="sm:y-xxl"] {
    --flex-row-gap: 4rem;
  }
}
@media (max-width: 480px) {
  .c-flex[data-gap~="xs:0"] {
    --flex-row-gap: 0px;
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="xs:x-0"] {
    --flex-column-gap: 0px;
  }
  .c-flex[data-gap~="xs:y-0"] {
    --flex-row-gap: 0px;
  }
  .c-flex[data-gap~="xs:xxs"] {
    --flex-row-gap: 0.5rem;
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="xs:x-xxs"] {
    --flex-column-gap: 0.5rem;
  }
  .c-flex[data-gap~="xs:y-xxs"] {
    --flex-row-gap: 0.5rem;
  }
  .c-flex[data-gap~="xs:xs"] {
    --flex-row-gap: 1rem;
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="xs:x-xs"] {
    --flex-column-gap: 1rem;
  }
  .c-flex[data-gap~="xs:y-xs"] {
    --flex-row-gap: 1rem;
  }
  .c-flex[data-gap~="xs:sm"] {
    --flex-row-gap: 1.5rem;
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="xs:x-sm"] {
    --flex-column-gap: 1.5rem;
  }
  .c-flex[data-gap~="xs:y-sm"] {
    --flex-row-gap: 1.5rem;
  }
  .c-flex[data-gap~="xs:md"] {
    --flex-row-gap: 2rem;
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="xs:x-md"] {
    --flex-column-gap: 2rem;
  }
  .c-flex[data-gap~="xs:y-md"] {
    --flex-row-gap: 2rem;
  }
  .c-flex[data-gap~="xs:lg"] {
    --flex-row-gap: 2.5rem;
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="xs:x-lg"] {
    --flex-column-gap: 2.5rem;
  }
  .c-flex[data-gap~="xs:y-lg"] {
    --flex-row-gap: 2.5rem;
  }
  .c-flex[data-gap~="xs:xl"] {
    --flex-row-gap: 3rem;
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="xs:x-xl"] {
    --flex-column-gap: 3rem;
  }
  .c-flex[data-gap~="xs:y-xl"] {
    --flex-row-gap: 3rem;
  }
  .c-flex[data-gap~="xs:xxl"] {
    --flex-row-gap: 4rem;
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="xs:x-xxl"] {
    --flex-column-gap: 4rem;
  }
  .c-flex[data-gap~="xs:y-xxl"] {
    --flex-row-gap: 4rem;
  }
}

.c-flex[data-align~=wrap] {
  flex-wrap: wrap;
}
.c-flex[data-align~=col] {
  flex-direction: column;
}
.c-flex[data-align~=start] {
  justify-content: start;
}
.c-flex[data-align~=center] {
  justify-content: center;
}
.c-flex[data-align~=end] {
  justify-content: end;
}
.c-flex[data-align~=between] {
  justify-content: space-between;
}
.c-flex[data-align~=top] {
  align-items: start;
}
.c-flex[data-align~=stretch] {
  align-items: stretch;
}
.c-flex[data-align~=base] {
  align-items: first baseline;
}
.c-flex[data-align~=middle] {
  align-items: center;
}
.c-flex[data-align~=bottom] {
  align-items: end;
}
.c-flex__item[data-align~=start] {
  align-items: flex-start;
}
.c-flex__item[data-align~=base] {
  align-items: first baseline;
}
.c-flex__item[data-align~=center] {
  align-items: center;
}
.c-flex__item[data-align~=end] {
  align-items: flex-end;
}
.c-flex__item[data-align~=top] {
  justify-content: flex-start;
  align-self: stretch;
}
.c-flex__item[data-align~=middle] {
  justify-content: center;
  align-self: stretch;
}
.c-flex__item[data-align~=bottom] {
  justify-content: flex-end;
  align-self: stretch;
}
@media (max-width: 1400px) {
  .c-flex[data-align~="xl:col"] {
    flex-direction: column;
  }
  .c-flex[data-align~="xl:start"] {
    justify-content: start;
  }
  .c-flex[data-align~="xl:center"] {
    justify-content: center;
  }
  .c-flex[data-align~="xl:end"] {
    justify-content: end;
  }
  .c-flex[data-align~="xl:justify"] {
    justify-content: space-between;
  }
  .c-flex[data-align~="xl:top"] {
    align-items: start;
  }
  .c-flex[data-align~="xl:base"] {
    align-items: first baseline;
  }
  .c-flex[data-align~="xl:middle"] {
    align-items: center;
  }
  .c-flex[data-align~="xl:bottom"] {
    align-items: end;
  }
}
@media (max-width: 1280px) {
  .c-flex[data-align~="lg:col"] {
    flex-direction: column;
  }
  .c-flex[data-align~="lg:start"] {
    justify-content: start;
  }
  .c-flex[data-align~="lg:center"] {
    justify-content: center;
  }
  .c-flex[data-align~="lg:end"] {
    justify-content: end;
  }
  .c-flex[data-align~="lg:justify"] {
    justify-content: space-between;
  }
  .c-flex[data-align~="lg:top"] {
    align-items: start;
  }
  .c-flex[data-align~="lg:base"] {
    align-items: first baseline;
  }
  .c-flex[data-align~="lg:middle"] {
    align-items: center;
  }
  .c-flex[data-align~="lg:bottom"] {
    align-items: end;
  }
}
@media (max-width: 1024px) {
  .c-flex[data-align~="md:col"] {
    flex-direction: column;
  }
  .c-flex[data-align~="md:start"] {
    justify-content: start;
  }
  .c-flex[data-align~="md:center"] {
    justify-content: center;
  }
  .c-flex[data-align~="md:end"] {
    justify-content: end;
  }
  .c-flex[data-align~="md:justify"] {
    justify-content: space-between;
  }
  .c-flex[data-align~="md:top"] {
    align-items: start;
  }
  .c-flex[data-align~="md:base"] {
    align-items: first baseline;
  }
  .c-flex[data-align~="md:middle"] {
    align-items: center;
  }
  .c-flex[data-align~="md:bottom"] {
    align-items: end;
  }
}
@media (max-width: 768px) {
  .c-flex[data-align~="sm:col"] {
    flex-direction: column;
  }
  .c-flex[data-align~="sm:start"] {
    justify-content: start;
  }
  .c-flex[data-align~="sm:center"] {
    justify-content: center;
  }
  .c-flex[data-align~="sm:end"] {
    justify-content: end;
  }
  .c-flex[data-align~="sm:justify"] {
    justify-content: space-between;
  }
  .c-flex[data-align~="sm:top"] {
    align-items: start;
  }
  .c-flex[data-align~="sm:base"] {
    align-items: first baseline;
  }
  .c-flex[data-align~="sm:middle"] {
    align-items: center;
  }
  .c-flex[data-align~="sm:bottom"] {
    align-items: end;
  }
}
@media (max-width: 480px) {
  .c-flex[data-align~="xs:col"] {
    flex-direction: column;
  }
  .c-flex[data-align~="xs:start"] {
    justify-content: start;
  }
  .c-flex[data-align~="xs:center"] {
    justify-content: center;
  }
  .c-flex[data-align~="xs:end"] {
    justify-content: end;
  }
  .c-flex[data-align~="xs:justify"] {
    justify-content: space-between;
  }
  .c-flex[data-align~="xs:top"] {
    align-items: start;
  }
  .c-flex[data-align~="xs:base"] {
    align-items: first baseline;
  }
  .c-flex[data-align~="xs:middle"] {
    align-items: center;
  }
  .c-flex[data-align~="xs:bottom"] {
    align-items: end;
  }
}

.c-pagination {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 88px;
  place-items: center;
}
@media screen and (max-width: 1024px) {
  .c-pagination {
    gap: 16px;
    text-align: center;
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    grid-template-rows: auto auto; /* 2行 */
  }
}
.c-pagination a {
  transition: opacity 0.4s;
}
.c-pagination a:hover {
  opacity: 0.6;
}

.c-pagination-prev {
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .c-pagination-prev {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
  }
}
.c-pagination-prev__link {
  position: relative;
  font-size: 17px;
  letter-spacing: 0.029em;
  color: var(--c-white);
  background-color: var(--c-font);
  padding: 24px 30px;
  min-width: 184px;
  text-align: center;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .c-pagination-prev__link {
    width: 100%;
    padding: 10px 20px;
    min-width: auto;
  }
}
.c-pagination-prev__link::before {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%) rotate(180deg);
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 16/15;
  background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.c-pagination-back {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .c-pagination-back {
    grid-column: 1/3; /* 横幅いっぱい */
    grid-row: 2;
    width: 100%;
    text-align: center;
  }
}
.c-pagination-back__link {
  position: relative;
  font-size: 17px;
  letter-spacing: 0.029em;
  color: var(--c-white);
  background-color: var(--c-font);
  padding: 24px 30px;
  min-width: 232px;
  text-align: center;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .c-pagination-back__link {
    display: block;
    padding: 10px 20px;
    width: 100%;
  }
}
.c-pagination-back__link::before {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 16/15;
  background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.c-pagination-next {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .c-pagination-next {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
  }
}
.c-pagination-next__link {
  position: relative;
  font-size: 17px;
  letter-spacing: 0.029em;
  color: var(--c-white);
  background-color: var(--c-font);
  padding: 24px 30px;
  min-width: 184px;
  text-align: center;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .c-pagination-next__link {
    width: 100%;
    padding: 10px 20px;
    min-width: auto;
  }
}
.c-pagination-next__link::before {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 16/15;
  background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_495_17)"><path d="M0.653471 9.59074L0.659172 8.30643L17.7235 8.40974L17.715 9.69684L0.653471 9.59074Z" fill="%23FCFCFC"/><path d="M10.8238 16.1205L17.3238 8.96046L10.6029 1.55893L11.5834 0.704583L19.0823 8.96046L11.8057 16.9762L10.8238 16.1205Z" fill="%23FCFCFC"/></g><defs><clipPath id="clip0_495_17"><rect width="20" height="18" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.p-news-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #806407;
  padding: 26px 24px;
}
.p-archives .p-news-link {
  border-bottom: 1px dashed #908989;
}
@media screen and (max-width: 1024px) {
  .p-news-link {
    padding: 22px 0;
  }
}
.p-news-link:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .p-news-link:last-of-type {
    border-bottom: 1px solid #806407;
    padding-bottom: 22px;
  }
  .p-archives .p-news-link:last-of-type {
    border-bottom: none;
  }
}
.p-news-link:first-of-type {
  border-bottom: 1px solid #806407;
  padding-top: 0;
}
.p-archives .p-news-link:first-of-type {
  border-bottom: 1px dashed #908989;
}
.p-news-link:hover .c-btn-arrow {
  background-color: var(--c-main);
  transform: translate(4px, -4px);
}
@media screen and (max-width: 1024px) {
  .p-news-link .c-btn-arrow {
    display: none;
  }
}

.p-news-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.p-news-date {
  font-family: var(--ff-en);
  font-size: var(--fz-clamp-sm);
  font-weight: 400;
  color: var(--c-font);
}

.p-news-cate {
  display: flex;
  gap: 8px;
}

.p-news-cate span {
  display: block;
  text-align: center;
  font-family: var(--ff-en);
  font-size: clamp(11px, 2.75vw, 13px);
  font-weight: 500;
  letter-spacing: 0.024em;
  line-height: 1;
  color: var(--c-font);
  padding: 2px 8px;
  border: 1px solid var(--c-font);
  width: -moz-fit-content;
  width: fit-content;
  min-width: 94px;
}
@media screen and (max-width: 1024px) {
  .p-news-cate span {
    padding: 3px 8px;
    padding-top: 4px;
  }
}

.p-news-text {
  font-size: clamp(14px, 3.5vw, 15px);
  font-weight: normal;
  letter-spacing: 0.024em;
  line-height: 2;
  margin-top: 4px;
}

.p-new-products {
  color: var(--c-white);
}
.p-new-products .p-new-products__img {
  position: relative;
  border: 1px solid #e9ebed;
}
.p-new-products .p-new-products__img img {
  transition: all 0.4s;
}
.p-new-products .p-new-products__img span {
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  font-family: var(--ff-en);
  font-size: 12px;
  position: absolute;
  z-index: 10;
  inset: 0;
  margin: auto;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 10px;
  width: 100px;
  max-width: 100%;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background-color: var(--c-white);
  color: var(--c-font);
}
@media screen and (max-width: 1024px) {
  .p-new-products .p-new-products__img span {
    font-size: 10px;
    gap: 6px;
    width: 80px;
  }
}
.p-new-products .p-new-products__img span::after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.01383 12.4452L24.3066 12.5526" stroke="%23908989" stroke-width="2"/><path d="M14.1926 2.20125L24.5682 12.4461L14.3744 22.5115" stroke="%23908989" stroke-width="2"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 26px;
  height: 25px;
  aspect-ratio: 26/25;
}
.p-new-products:hover {
  opacity: 1 !important;
}
.p-new-products:hover .p-new-products__img img {
  filter: brightness(0.4);
}
.p-new-products:hover .p-new-products__img span {
  opacity: 1;
  visibility: visible;
}
.p-new-products__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--ff-en);
  font-weight: normal;
  margin-top: 18px;
}
.p-new-products__date {
  font-size: var(--fz-sm);
}
@media screen and (max-width: 1024px) {
  .p-new-products__date {
    font-size: 12px;
  }
}
.p-new-products__cate span {
  display: block;
  text-align: center;
  font-family: var(--ff-en);
  font-size: var(--fz-sm);
  font-weight: bold;
  letter-spacing: 0.024em;
  line-height: 1;
  color: var(--c-white);
  padding: 3px 8px;
  background-color: #0c50ac;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
}
@media screen and (max-width: 1024px) {
  .p-new-products__cate span {
    font-size: 12px;
    min-width: 60px;
  }
}
.p-new-products__title {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.024em;
  line-height: 1.42857;
}
.p-new-products__progress {
  background-color: var(--c-white);
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .p-new-products__progress {
    width: 100%;
  }
}
.p-new-products__progress-bar {
  background-color: var(--c-main);
  height: 2px;
  transition: width 1000ms ease;
  width: 0;
}
.p-new-products__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 140px;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .p-new-products__footer {
    flex-direction: column;
    gap: 34px;
    margin-top: 100px;
  }
}
.p-new-products__btn {
  font-family: var(--ff-en);
  font-weight: normal;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--c-white);
  font-size: 30px;
  letter-spacing: 0.05em;
}
.p-new-products__btn::after {
  content: "";
  display: block;
  margin-top: 3px;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.940751 6.93363L0.948567 5.99942L12.9185 6.07617L12.9107 7.01038L0.940751 6.93363Z" fill="%23FCFCFC"/><path d="M8.07855 11.6861L12.6384 6.47711L7.92223 1.09348L8.61132 0.470228L13.8733 6.47711L8.76829 12.3087L8.07855 11.6861Z" fill="%23FCFCFC"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
  width: 15px;
  height: 14px;
  aspect-ratio: 15/14;
}
.p-new-products__img {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 252/162;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .p-new-products__img {
    max-width: 100%;
  }
}
.p-new-products__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-new-products-archive .p-new-products {
  color: var(--c-font);
  width: 100%;
}

/* メガメニューを持つ親要素のスタイル */
.l-site-menu-list__item.has-megamenu {
  /* 子要素であるメガメニューの位置の基準点とする */
  position: relative;
}

/* メガメニュー本体のスタイル */
.p-megamenu {
  /* デフォルトでは非表示 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  /* 位置とレイアウト */
  position: fixed;
  top: var(--header-height-gutter); /* 親メニューの真下に表示 */
  left: 0;
  right: 0;
  width: calc(100% - 180px);
  max-width: 1418px;
  margin-inline: auto;
  height: 100%;
  z-index: 100;
  color: var(--c-white);
  margin-top: -30px;
}

.p-megamenu-warp {
  margin-top: 30px;
  height: 100%;
  background-color: rgba(18, 18, 20, 0.88);
}

.p-megamenu-product .p-megamenu-warp {
  background-color: #e3e3e3;
}

/* ホバー時にメガメニューを表示 */
.l-site-menu-list__item.has-megamenu:hover > .p-megamenu {
  opacity: 1;
  visibility: visible;
}

/* メガメニュー内部のレイアウト（例） */
.p-megamenu__inner {
  max-width: 1232px; /* メニュー内容の最大幅 */
  margin: 0 auto;
  padding: 0 16px;
  max-height: 85vh;
  overflow: auto;
}

.p-megamenu__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* アイテムをグリッド表示 */
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  padding-top: 105px;
}

.p-megamenu-product {
  overflow-x: auto;
  padding-bottom: 30px;
  scrollbar-color: #fff #2a2a2a;
}
.p-megamenu-product .p-megamenu__list {
  width: 1200px;
}
.p-megamenu-product .scroll-box::-webkit-scrollbar-thumb {
  background-color: #fff; /* スクロールバーの色 */
}

/* WebKit系ブラウザ */
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: #2a2a2a;
}

::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
}

.p-megamenu__item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.p-megamenu__img {
  max-width: 100%;
  width: 221px;
  aspect-ratio: 221/138;
}

.p-megamenu__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-megamenu__product-name {
  font-weight: bold;
  margin-top: 0.5em;
}

.p-megamenu__text {
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.92;
  margin-top: 18px;
  min-height: 94px;
}

.p-megamenu__heading {
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.92;
  margin-top: 30px;
  border-bottom: 1px dashed var(--c-white);
  padding-bottom: 10px;
}

.p-megamenu__product-name {
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.92;
  margin-top: 10px;
}

/* productメガメニュー */
.p-megamenu-product .p-megamenu__inner {
  padding-top: 32px;
}

.p-megamenu-product__heading-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.p-megamenu-product__heading {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  color: var(--c-font);
  padding-top: 32px;
}

.p-megamenu-product__btn-wrap {
  display: grid;
  grid-template-columns: repeat(2, 215px);
  gap: 20px;
}

.p-megamenu-product__contact-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--c-font);
  background-color: var(--c-white);
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.03em;
  padding: 12px;
  min-height: 43px;
  border-radius: 4px;
  border: 1px solid var(--c-font);
  gap: 12px;
  transition: background-color 0.3s, color 0.3s;
}
.p-megamenu-product__contact-btn::before {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg width="27" height="21" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_863_2)"><path d="M2.70018 21C2.34688 21.0057 1.99603 20.9405 1.66844 20.808C1.34086 20.6756 1.04321 20.4787 0.793184 20.229C0.539173 19.9922 0.337426 19.705 0.200868 19.3857C0.0643111 19.0665 -0.00404337 18.7222 0.00018484 18.375V2.62498C-0.00404337 2.27777 0.0643111 1.93351 0.200868 1.61424C0.337426 1.29498 0.539173 1.00774 0.793184 0.77098C1.04321 0.5213 1.34086 0.324383 1.66844 0.191939C1.99603 0.0594959 2.34688 -0.00577007 2.70018 -1.63482e-05H24.3002C24.6535 -0.00577007 25.0043 0.0594959 25.3319 0.191939C25.6595 0.324383 25.9572 0.5213 26.2072 0.77098C26.4612 1.00774 26.6629 1.29498 26.7995 1.61424C26.9361 1.93351 27.0044 2.27777 27.0002 2.62498V18.375C27.0044 18.7222 26.9361 19.0665 26.7995 19.3857C26.6629 19.705 26.4612 19.9922 26.2072 20.229C25.9572 20.4787 25.6595 20.6756 25.3319 20.808C25.0043 20.9405 24.6535 21.0057 24.3002 21H2.70018ZM13.5002 11.813L2.70018 5.24998V18.375H24.3002V5.24998L13.5002 11.813ZM13.5002 9.18797L24.3002 2.62596H2.70018L13.5002 9.18797Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_863_2"><rect width="27" height="21" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="27" height="21" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_863_2)"><path d="M2.70018 21C2.34688 21.0057 1.99603 20.9405 1.66844 20.808C1.34086 20.6756 1.04321 20.4787 0.793184 20.229C0.539173 19.9922 0.337426 19.705 0.200868 19.3857C0.0643111 19.0665 -0.00404337 18.7222 0.00018484 18.375V2.62498C-0.00404337 2.27777 0.0643111 1.93351 0.200868 1.61424C0.337426 1.29498 0.539173 1.00774 0.793184 0.77098C1.04321 0.5213 1.34086 0.324383 1.66844 0.191939C1.99603 0.0594959 2.34688 -0.00577007 2.70018 -1.63482e-05H24.3002C24.6535 -0.00577007 25.0043 0.0594959 25.3319 0.191939C25.6595 0.324383 25.9572 0.5213 26.2072 0.77098C26.4612 1.00774 26.6629 1.29498 26.7995 1.61424C26.9361 1.93351 27.0044 2.27777 27.0002 2.62498V18.375C27.0044 18.7222 26.9361 19.0665 26.7995 19.3857C26.6629 19.705 26.4612 19.9922 26.2072 20.229C25.9572 20.4787 25.6595 20.6756 25.3319 20.808C25.0043 20.9405 24.6535 21.0057 24.3002 21H2.70018ZM13.5002 11.813L2.70018 5.24998V18.375H24.3002V5.24998L13.5002 11.813ZM13.5002 9.18797L24.3002 2.62596H2.70018L13.5002 9.18797Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_863_2"><rect width="27" height="21" fill="white"/></clipPath></defs></svg>');
  width: 27px;
  height: 21px;
  background-color: #b5b5b5;
  transition: background-color 0.3s;
}
.p-megamenu-product__contact-btn:hover {
  background-color: var(--c-font);
  color: var(--c-white);
}
.p-megamenu-product__contact-btn:hover::before {
  background-color: var(--c-white);
}

.p-megamenu-product__body {
  margin-top: 28px;
}

.p-cat-list-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .p-cat-list-box {
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 40px;
    gap: 20px;
  }
}

.p-cat-list-box-underline {
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 24px;
  margin-top: 40px;
  align-items: first baseline;
}

.p-cat-list-box-text {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.42;
  color: #575757;
}

.p-cat-list-heading {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.058em;
}

.p-cat-list {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 1024px) {
  .p-cat-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-cat-list__heading {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.024em;
}
@media screen and (max-width: 1024px) {
  .p-cat-list__heading {
    grid-column: span 2/3;
    text-align: center;
  }
}
.p-cat-list__link {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.024em;
  border: 1px solid #0f0f16;
  width: 94px;
  max-width: 100%;
  padding: 3px 10px;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  .p-cat-list__link {
    width: 220px;
  }
}
.p-cat-list__link:hover {
  opacity: 0.6;
}
.p-cat-list__link::after {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 6px;
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="7" height="8" viewBox="0 0 7 8" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_510_18)"><path d="M3.26655 0.263978L3.77462 0.2661L3.73392 7.03565L3.2245 7.03211L3.26655 0.263978Z" fill="%230F0F16"/><path d="M0.673918 4.28817L3.51475 6.87432L6.45258 4.19692L6.78903 4.59163L3.51475 7.57462L0.333398 4.68147L0.673918 4.28817Z" fill="%230F0F16"/></g><defs><clipPath id="clip0_510_18"><rect width="7" height="8" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  max-width: 100%;
  height: 8px;
  aspect-ratio: 7/8;
}

.p-archives {
  margin-top: 36px;
}

@media screen and (max-width: 1024px) {
  .p-archives-container {
    --inner: 432px;
  }
}

.p-archives-error__txt {
  text-align: center;
  margin-top: 32px;
  font-size: 18px;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .p-pagination {
    margin-top: 40px;
  }
}
.p-pagination__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.p-pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background-color: #908989;
  color: var(--c-white);
}
.p-pagination__number.-current a {
  background-color: #0F0F16;
}
.p-pagination__next {
  margin-left: 10px;
}
.p-pagination__prev {
  margin-right: 10px;
}
.p-pagination__next-link {
  width: 24px;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 24/22;
  background-image: url('data:image/svg+xml,<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_516_23)"><path d="M0.783412 11.7225L0.793388 10.1486L21.2675 10.278L21.2575 11.8519L0.783412 11.7225Z" fill="%230F0F16"/><path d="M12.9849 19.6984L20.7872 10.9503L12.7205 1.90563L13.8983 0.859918L22.8956 10.9481L14.1655 20.747L12.9849 19.6984Z" fill="%230F0F16"/></g><defs><clipPath id="clip0_516_23"><rect width="24" height="22" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.p-pagination__prev-link {
  width: 24px;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 24/22;
  background-image: url('data:image/svg+xml,<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_516_23)"><path d="M0.783412 11.7225L0.793388 10.1486L21.2675 10.278L21.2575 11.8519L0.783412 11.7225Z" fill="%230F0F16"/><path d="M12.9849 19.6984L20.7872 10.9503L12.7205 1.90563L13.8983 0.859918L22.8956 10.9481L14.1655 20.747L12.9849 19.6984Z" fill="%230F0F16"/></g><defs><clipPath id="clip0_516_23"><rect width="24" height="22" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1);
}

.p-brand-page .p-brand {
  padding-top: 0;
  border-top: none;
  padding-bottom: 98px;
}
@media screen and (max-width: 1024px) {
  .p-brand-page .p-brand {
    padding-bottom: 40px;
  }
}

.p-brand {
  margin-top: 112px;
  padding-top: 86px;
  border-top: 1px solid #C9CCD1;
}
@media screen and (max-width: 1024px) {
  .p-brand {
    margin-top: 60px;
  }
}
.p-brand__txt {
  font-size: 15px;
  letter-spacing: 0.024em;
  line-height: 2;
  font-weight: normal;
  margin-top: 44px;
}
@media screen and (max-width: 1024px) {
  .p-brand__txt {
    margin-top: 30px;
    font-size: 13px;
  }
}
.p-brand .l-site-menu-card {
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .p-brand .l-site-menu-card {
    margin-top: 40px;
  }
}

.p-page-header {
  position: relative;
  padding-top: 56px;
  padding-bottom: 70px;
}
.p-page-header.p-page-header-faq {
  padding-bottom: 22px;
}
.p-page-header.p-page-header-craftman-ship {
  padding-top: 44px;
  padding-bottom: 40px;
}
.p-page-header.p-page-header-group-info {
  background-image: url(../images/common/bg-group.png);
  background-repeat: no-repeat;
  background-size: 1400px;
  background-position: right;
}
@media screen and (max-width: 768px) {
  .p-page-header.p-page-header-group-info {
    background-size: 470px;
    background-position: right bottom;
    margin-bottom: 36px;
  }
}
.p-page-header.p-page-header-group-info .p-page-header__title-en span {
  background: linear-gradient(to right top, #FFBD99 0%, #FFBD99 25%, #ff5a00 50%, #ff5a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-page-header__title-en {
  font-size: clamp(2rem, -0.625rem + 7.5vw, 5rem);
  font-family: var(--ff-en);
  letter-spacing: 0.067em;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4;
}
.p-page-header__title-en .p-page-header-faq, .p-page-header-craftman-ship .p-page-header__title-en {
  display: none;
}
.p-page-header__title-main {
  color: #aaaaaa;
  font-size: clamp(0.875rem, 0.4375rem + 1.25vw, 1.375rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.p-page-header-faq .p-page-header__title-main {
  font-size: clamp(1.125rem, 0.6875rem + 1.25vw, 1.625rem);
  font-weight: bold;
  letter-spacing: 0.058em;
  color: var(--c-font);
}
.p-page-header-craftman-ship .p-page-header__title-main {
  font-family: var(--ff-serif);
  font-size: clamp(1.125rem, 0.6875rem + 1.25vw, 1.625rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #1c0c0c;
}

.p-form {
  overflow: hidden;
}
.p-form__inner {
  margin-inline: auto;
  box-sizing: border-box;
  padding-top: 48px;
  padding-bottom: 0px;
  border-bottom: 1px solid #c0c0c1;
  margin-right: 62px;
  margin-left: 62px;
}
@media screen and (max-width: 768px) {
  .p-form__inner {
    padding: 54px 0;
    margin-right: 24px;
    margin-left: 24px;
    border-radius: 0;
  }
}
.-confirm .p-form__inner {
  padding-bottom: 48px;
}
.p-form__item {
  display: grid;
  grid-template-columns: clamp(15rem, 12.715rem + 4.75vw, 16.875rem) 1fr;
  gap: 45px;
  justify-content: space-between;
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #dfe0e3;
}
@media screen and (max-width: 768px) {
  .p-form__item {
    grid-template-columns: 1fr;
    gap: 11px;
    margin-bottom: 32px;
  }
}
.p-form__item:last-of-type {
  border-bottom: none;
}
.-confirm .p-form__item {
  grid-template-columns: 225px 1fr;
  margin-bottom: 0px;
  padding: 24px 0;
}
@media screen and (max-width: 768px) {
  .-confirm .p-form__item {
    grid-template-columns: 1fr;
    padding: 28px 0;
  }
}
.-confirm .p-form__item:first-child {
  padding-top: 0;
}
.-confirm .p-form__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .-confirm .p-form__item:last-child {
    margin-bottom: 0;
  }
}
.p-form__item .has-free-text {
  display: flex;
}
.p-form__item .wpcf7-free-text {
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-left: 10px;
}
.p-form__item:last-of-type {
  margin-bottom: 0;
}
.p-form__item-label {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-form__item-label {
    margin-top: 0px;
  }
}
.--confirm .p-form__item-label {
  margin-top: 0px;
}
.--textarea .p-form__item-label {
  margin-top: 0px;
}
.p-form__item-label > label {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 8px;
  line-height: 1.44;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-form__item-label > label {
    align-items: flex-start;
  }
}
.p-form__item-input {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.p-form__item-input .p-postal-code::-moz-placeholder, .p-form__item-input .p-locality::-moz-placeholder, .p-form__item-input .p-street-address::-moz-placeholder, .p-form__item-input .p-extended-address::-moz-placeholder {
  color: #CAC9CB; /* 好みのグレーに調整（例：#ccc, #aaa, #666 など） */
}
.p-form__item-input .p-postal-code::placeholder,
.p-form__item-input .p-locality::placeholder,
.p-form__item-input .p-street-address::placeholder,
.p-form__item-input .p-extended-address::placeholder {
  color: #CAC9CB; /* 好みのグレーに調整（例：#ccc, #aaa, #666 など） */
}
.-confirm .p-form__item-input {
  display: block;
}
.p-form__item-input--row + .p-form__item-input--row {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-form__item-input {
    font-size: 15px;
  }
}
.-confirm .p-form__item-input {
  font-weight: 400;
}
.p-form__item-input .wpcf7-form-control-wrap {
  width: 100%;
}
.p-form__item-input.--product .wpcf7-radio {
  margin-top: 9px;
}
.p-form__item-input .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 10px;
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .p-form__item-input .wpcf7-radio {
    row-gap: 14px;
  }
}
.p-form__item-input .wpcf7-radio label {
  display: flex;
  gap: 2px;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-form__item-input .wpcf7-radio label {
    gap: 8px;
  }
}
.p-form__item-input.--age {
  width: 40%;
}
.p-form__item-input--fit {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .p-form__item-input--fit {
    width: 100%;
  }
}
.p-form__item-input.--post-code {
  max-width: 270px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.-confirm .p-form__item-input.--post-code {
  align-items: center;
}
.p-form__item-input.--post-code > input {
  width: 100%;
}
.p-form__item-input.--post-code > p {
  flex-shrink: 0;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-top: 12px;
}
.-confirm .p-form__item-input.--post-code > p {
  margin-top: 0px;
}
.p-form__item-input.--birthday {
  display: flex;
  align-items: flex-start;
  gap: 34px;
}
.-confirm .p-form__item-input.--birthday {
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-form__item-input.--birthday {
    gap: 12px;
    justify-content: space-between;
  }
  .-confirm .p-form__item-input.--birthday {
    justify-content: flex-start;
  }
}
.p-form__item-input.--birthday > span {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}
.-confirm .p-form__item-input.--birthday > span {
  align-items: center;
  gap: 0.2em;
}
.p-form__item-input.--birthday > span .wpcf7-form-control-wrap {
  width: clamp(5rem, 2.486rem + 5.23vw, 7.063rem);
}
.-confirm .p-form__item-input.--birthday > span .wpcf7-form-control-wrap {
  width: -moz-fit-content;
  width: fit-content;
}
.p-form__item-input.--birthday > span > p {
  margin-top: 5px;
}
.-confirm .p-form__item-input.--birthday > span > p {
  margin-top: 0px;
}
.p-form__item-input.--birthday > span .wpcf7-not-valid-tip {
  line-height: 1.2;
  font-size: 0.8em;
}
@media screen and (max-width: 768px) {
  .p-form__item-input.--birthday > span {
    flex: 1;
    gap: 8px;
  }
  .-confirm .p-form__item-input.--birthday > span {
    flex: inherit;
  }
  .p-form__item-input.--birthday > span span {
    width: 100%;
  }
  .p-form__item-input.--birthday > span .wpcf7-form-control-wrap {
    width: clamp(4.25rem, -3.622rem + 33.59vw, 12.5rem);
  }
}
.p-form__item-input input::-moz-placeholder, .p-form__item-input textarea::-moz-placeholder {
  color: #dbdbdb;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.p-form__item-input input::placeholder, .p-form__item-input textarea::placeholder {
  color: #dbdbdb;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.p-form__item-input span:not[class*=radio] {
  display: block;
}
.p-form__item-input .wpcf7-list-item {
  margin-left: 0;
  gap: 20px;
  white-space: nowrap;
}
.p-form__item-input input[type=text],
.p-form__item-input input[type=tel],
.p-form__item-input input[type=number],
.p-form__item-input input[type=email],
.p-form__item-input select,
.p-form__item-input textarea {
  padding: 8px 12px;
  width: 100%;
  background-color: #ebebeb;
  border-color: #ebebeb;
  line-height: 1.4;
  border-radius: 8px;
  letter-spacing: 0.03em;
}
.p-form__item-input textarea {
  min-height: 368px;
  border-radius: 8px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-form__item-input textarea {
    min-height: 327px;
    border-radius: 6px;
  }
}
.p-form__item-input input[type=radio] {
  margin-right: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
@media screen and (max-width: 1024px) {
  .p-form__item-input input[type=radio] {
    margin-right: 12px;
  }
}
.p-form__item-input input[type=radio]::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ebebeb;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
}
.p-form__item-input input[type=radio]:checked::before {
  background-color: var(--c-main-light);
}
.p-form__item-input input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.4);
  left: 0;
  width: 16px;
  height: 16px;
  background-color: var(--c-white);
  border-radius: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .p-form__item-input input[type=radio]:checked::after {
    width: 16px;
    height: 16px;
  }
}
.p-form__item-input--column {
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}
.p-form__item-input-age {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.p-form__item-input-label {
  width: 140px;
}
.p-form__item-input-postal {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
}
.p-form__item-input-postal--three {
  grid-template-columns: auto 1fr 1fr;
}
.p-form__item-input-postal--three span:last-of-type {
  font-size: 12px;
}
.p-form__item-input-postal span:last-of-type {
  width: 162px;
}
.p-form__item-input-region {
  position: relative;
  flex: 1;
}
.p-form__item-input-region select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-form__item-input-region::after {
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 16px;
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 11"><path id="パス_129506" data-name="パス 129506" d="M6,0l6,11H0Z" transform="translate(12 11) rotate(180)" fill="%23413a3a"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 11px;
}
.p-form__item-input-content {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .p-form__item-input-content {
    flex-direction: column;
    gap: 14px;
  }
}
.p-form__item-input-year {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .p-form__item-input-year {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}
.p-form__item-input-year-num {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.p-form__item-input-year-num-span {
  margin-top: 10px;
}
.p-form__label-notice {
  display: block;
  margin-top: 22px;
}
.p-form-required {
  padding: 2px 11px;
  font-size: 15px;
  color: var(--c-white);
  background-color: var(--c-main);
  font-weight: bold;
  letter-spacing: 0.083em;
  line-height: 1.2;
  border-radius: 4px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-form-required {
    margin-right: 12px;
    font-size: 13px;
  }
}
.p-form-required-none {
  text-indent: 4.8em;
}
@media screen and (max-width: 768px) {
  .p-form-required-none {
    text-indent: 0;
  }
}
.p-form__button-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
  margin-top: 42px;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-form__button-wrap {
    margin-top: 34px;
    flex-direction: column;
    width: calc(100% - 40px);
  }
}
.p-form__button-wrap.-confirm {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .p-form__button-wrap.-confirm {
    grid-template-columns: 1fr;
  }
}
.p-form__btn {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-form__btn {
    width: 100%;
  }
}
.p-form__btn input {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
  min-width: 334px;
  border: none;
  padding: 24px 60px;
  background-color: var(--c-main);
  color: var(--c-white);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .p-form__btn input {
    width: 100%;
    min-width: auto;
    padding: 18px 20px;
    padding-right: 24px;
  }
}
.p-form__btn input[type=button]:disabled {
  opacity: 0.4;
}
.p-form__btn::after {
  content: "";
  width: 16px;
  height: 15px;
  background-color: var(--c-white);
  -webkit-mask: var(--svg-arrow-down) no-repeat center center/contain;
          mask: var(--svg-arrow-down) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 50px;
  transition: 0.3s;
  transition-property: right;
}
@media screen and (max-width: 768px) {
  .p-form__btn::after {
    right: 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-form__btn:hover::after {
    right: 16px;
  }
}
.p-form__btn.--black input {
  background-color: var(--c-font);
}
.p-form__agree-text {
  text-align: center;
  margin-top: 62px;
  margin-bottom: 12px;
  margin-right: 16px;
  margin-left: 16px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-form__agree-text {
    text-align: left;
  }
}
.p-form__agree-text a {
  color: var(--c-main-light) !important;
  padding-right: 0 !important;
}
.p-form__agree-text a::after {
  display: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .p-form__agree-text a:hover {
    opacity: 0.6;
  }
}
.p-form__agree {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .p-form__agree {
    text-align: left;
  }
}
.p-form .error_message {
  color: var(--c-note);
}

.wpcf7-acceptance {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wpcf7-acceptance > span {
  margin-left: 0;
  position: relative;
}
.wpcf7-acceptance input {
  margin-right: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
@media screen and (max-width: 1024px) {
  .wpcf7-acceptance input {
    margin-right: 20px;
  }
}
.wpcf7-acceptance input::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ebebeb;
  border-radius: 50%;
  box-sizing: border-box;
  top: 25%;
}
.wpcf7-acceptance input:checked::before {
  background-color: var(--c-main-light);
}
.wpcf7-acceptance input:checked::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 10px;
  height: 7px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.281" height="7.342" viewBox="0 0 10.281 7.342"><path id="パス_107938" data-name="パス 107938" d="M-5862.152-5499.134l2.813,2.673,4.64-4.929" transform="translate(5863.566 5502.803)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
@media screen and (max-width: 1024px) {
  .wpcf7-acceptance input:checked::after {
    width: 16px;
    height: 16px;
  }
}
.wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: normal;
  margin-left: 0;
  cursor: pointer;
}
.wpcf7-response-output {
  font-size: 16px;
  border: none !important;
  color: #dc3232;
  font-weight: var(--fw-medium);
  margin-top: 5px !important;
  text-align: center;
}

.wpcf7-spinner {
  display: none;
}

.wpcf7 .wpcf7-submit:disabled {
  opacity: 0.4;
}

/* ============================
  フロー図
============================ */
.p-form-flow {
  max-width: 658px !important;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-form-flow {
    max-width: 263px !important;
  }
}
.p-form-flow__item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-form-flow__line {
  width: 100%;
  max-width: 224px;
  height: 2px;
  background-color: #dbdbdb;
  display: block;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-form-flow__line {
    margin-top: 14px;
  }
}
.p-form-flow__item-num {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f7f5;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 500;
  color: #13af82;
  font-family: var(--ff-en);
}
@media screen and (max-width: 768px) {
  .p-form-flow__item-num {
    width: 30px;
    height: 30px;
    font-size: 17px;
  }
}
.--current .p-form-flow__item-num {
  color: var(--c-white);
  background-color: #13af82;
}
.p-form-flow__item-text {
  font-size: 16px;
  letter-spacing: 0.03em;
  color: #8d8d8d;
  margin-top: 6px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-form-flow__item-text {
    font-size: 13px;
  }
}
.--current .p-form-flow__item-text {
  color: #13af82;
}

/* ============================
  完了ページ 
============================ */
.p-form-thanks {
  max-width: 1080px;
  margin-inline: auto;
  padding: 46px 0 45px;
  background-color: #f0f7f5;
  border-radius: 21px;
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-form-thanks {
    padding: 26px 0 37px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    border-radius: 0;
    margin-top: 30px;
  }
}
.p-form-thanks__inner {
  padding: 0 clamp(1.25rem, -0.654rem + 3.96vw, 2.813rem);
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__inner {
    padding: 0 24px;
  }
}
.p-form-thanks__inner .p-form-thanks__text {
  font-size: clamp(1rem, 0.771rem + 0.48vw, 1.188rem);
  letter-spacing: 0.08em;
  line-height: 1.47;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__inner .p-form-thanks__text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 2;
  }
}
.p-form-thanks__inner .p-form-thanks__tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__inner .p-form-thanks__tel {
    flex-direction: column;
    margin-top: 36px;
    gap: 8px;
    margin-inline: auto;
  }
}
.p-form-thanks__inner .p-form-thanks__tel-heading {
  text-align: center;
  background-color: #13af82;
  color: var(--c-white);
  display: inline-block;
  font-size: clamp(1rem, 0.695rem + 0.63vw, 1.25rem);
  font-weight: bold;
  letter-spacing: 0.09em;
  line-height: 1;
  padding: 16px 15px;
  border-radius: 13px;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__inner .p-form-thanks__tel-heading {
    font-size: 20px;
  }
}
.p-form-thanks__inner .p-form-thanks__tel-heading > span {
  font-size: 14px;
  font-weight: 500;
}
.p-form-thanks__inner .p-form-thanks__tel-num {
  font-family: var(--ff-en);
  font-weight: bold;
  font-size: clamp(2rem, 1.01rem + 2.06vw, 2.813rem);
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 18px;
  color: #13af82;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__inner .p-form-thanks__tel-num {
    line-height: 1.28;
    font-size: 35px;
    gap: 12px;
  }
}
.p-form-thanks__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__content {
    max-width: 500px;
    margin-inline: auto;
  }
}
.p-form-thanks__heading {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__heading {
    display: flex;
    gap: 11px;
    align-items: center;
  }
}
.p-form-thanks__img {
  position: absolute;
  bottom: 0;
  left: clamp(-3.75rem, -12.738rem + 18.7vw, 3.625rem);
  width: 21.8%;
}
@media screen and (max-width: 768px) {
  .p-form-thanks__img {
    position: static;
    max-width: 114px;
    width: 100%;
  }
}

.p-form-tel {
  max-width: 512px;
  padding: 15px 0 20px;
  background-color: #fcfaef;
  border-radius: 14px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-form-tel {
    width: 100vw;
    max-width: none;
    border-radius: 0;
    margin: 0 calc(50% - 50vw);
  }
}
.p-form-tel__inner {
  padding: 0 clamp(1rem, -1.953rem + 4.38vw, 1.875rem);
}
@media screen and (max-width: 768px) {
  .p-form-tel__inner {
    max-width: 327px;
    margin-inline: auto;
    box-sizing: content-box;
  }
}
.p-form-tel__inner .p-form-tel__num {
  display: flex;
  align-items: center;
  gap: 19px;
  line-height: 1.2;
  font-size: clamp(1.75rem, 1.141rem + 1.27vw, 2.25rem);
  color: var(--c-main);
  letter-spacing: 0.02em;
  font-weight: bold;
  font-family: var(--ff-title);
}
@media screen and (max-width: 768px) {
  .p-form-tel__inner .p-form-tel__num {
    justify-content: center;
    font-size: 35px;
    gap: 10px;
  }
}
.p-form-tel__inner .p-form-tel__num > span {
  letter-spacing: 0.1em;
  font-size: clamp(1.813rem, 1.203rem + 1.27vw, 2.313rem);
}
@media screen and (max-width: 768px) {
  .p-form-tel__inner .p-form-tel__num > span {
    font-size: 35px;
  }
}
.p-form-tel__inner .p-form-tel__info {
  font-size: clamp(0.75rem, 0.674rem + 0.16vw, 0.813rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.53;
}
@media screen and (max-width: 768px) {
  .p-form-tel__inner .p-form-tel__info {
    font-size: 12px;
  }
}
.p-form-tel__img {
  position: absolute;
  right: clamp(0.25rem, -3.125rem + 5vw, 1.25rem);
  bottom: 3px;
}
@media screen and (max-width: 768px) {
  .p-form-tel__img {
    width: -moz-fit-content;
    width: fit-content;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%) rotate(8deg);
    -webkit-transform: translateX(-50%) rotate(8deg);
    -ms-transform: translateX(-50%) rotate(8deg);
    z-index: -1;
    top: -117px;
  }
}

.p-form-explanation-active {
  display: none;
}

.p-gallery__link {
  position: relative;
  transition: all 0.4s;
}
.p-gallery__link:hover {
  opacity: 0.6;
}
.p-gallery__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  color: var(--c-white);
  font-family: var(--ff-en);
  font-size: clamp(0.875rem, 0.109375rem + 2.1875vw, 1.75rem);
  font-weight: 500;
  letter-spacing: 0;
}
.p-gallery__title span {
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: var(--ff-body);
  font-size: clamp(0.75rem, 0.5859375rem + 0.46875vw, 0.9375rem);
  font-weight: 500;
  letter-spacing: 0.04em;
}
.p-gallery__title span::after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_548_8)"><path d="M1.00672 9.44766L1.01648 7.47504L16.4019 7.54583L16.3922 9.51845L1.00672 9.44766Z" fill="white"/><path d="M10.5821 15.7103L9.155 14.3163L15.1489 8.46105L9.03376 2.48737L10.4608 1.09333L18.003 8.46105L10.5821 15.7103Z" fill="white"/></g><defs><clipPath id="clip0_548_8"><rect width="18" height="17" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  max-width: 100%;
  height: 17px;
  aspect-ratio: 18/17;
}

.p-gallery-content {
  margin-top: 100px;
  margin-bottom: 168px;
}
@media screen and (max-width: 1024px) {
  .p-gallery-content {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.p-section-tracker-nav {
  font-size: clamp(14px, 3.5vw, 16px);
  letter-spacing: 0;
  padding: 40px 32px;
  background-color: #F7F7F5;
}
.p-section-tracker-nav__list {
  display: grid;
  gap: 1.25em 2em;
}

.p-section-tracker-nav__item.is-current .p-section-tracker-nav__link,
.p-section-tracker-nav__item.is-current .p-section-tracker-nav__child-link {
  opacity: 1;
}

.p-section-tracker-nav__link {
  display: block;
  position: relative;
  font-weight: normal;
  padding-right: 60px;
}
.p-section-tracker-nav__link:hover, .p-section-tracker-nav__link:focus {
  color: var(--c-main);
  opacity: 1;
  transition: color 0.3s ease, opacity 0.3s ease;
}
@media not all and (max-width: 1024px) {
  .is-current .p-section-tracker-nav__link {
    color: var(--c-main);
  }
  .is-current .p-section-tracker-nav__link::before {
    margin-left: -32px;
    content: "";
    display: inline-block;
    width: 21px;
    height: 3px;
    margin-right: 0.675em;
    background-image: url('data:image/svg+xml,<svg width="21" height="3" viewBox="0 0 21 3" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_565_19)"><path d="M21.0001 3.0004H20.0001V0.000396729H21.0001V3.0004ZM16.0001 3.0004H15.0001V0.000396729H16.0001V3.0004ZM11.0001 3.0004H10.0001V0.000396729H11.0001V3.0004ZM6.00014 3.0004H5.00014V0.000396729H6.00014V3.0004ZM1.00014 3.0004H0.000141144V0.000396729H1.00014V3.0004Z" fill="%23EA5504"/></g><defs><clipPath id="clip0_565_19"><rect width="21" height="3" fill="white"/></clipPath></defs></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: 0.05em;
  }
}
.p-section-tracker-nav__link::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_566_22)"><path d="M1.3595 4.64077L5.9788 9.26007L10.6194 4.61943L12.0001 6.00009L6.00014 12.0001L0.000172928 6.00009L1.3595 4.64077Z" fill="%23EA5504"/></g><defs><clipPath id="clip0_566_22"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.p-section-tracker-nav__child-list {
  display: grid;
  gap: 0.5em;
  margin-top: 1em;
  font-size: clamp(12px, 3vw, 13px);
}
@media (max-width: 1024px) {
  .p-section-tracker-nav__child-list {
    display: none;
  }
}

.p-section-tracker-nav__child-link {
  position: relative;
  display: block;
  font-weight: normal;
  padding-right: 50px;
}
.p-section-tracker-nav__child-link:hover, .p-section-tracker-nav__child-link:focus {
  color: var(--c-main);
  opacity: 1;
  transition: color 0.3s ease, opacity 0.3s ease;
}
.p-section-tracker-nav__child-link::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_566_22)"><path d="M1.3595 4.64077L5.9788 9.26007L10.6194 4.61943L12.0001 6.00009L6.00014 12.0001L0.000172928 6.00009L1.3595 4.64077Z" fill="%23EA5504"/></g><defs><clipPath id="clip0_566_22"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.p-banner-btn-block {
  position: relative;
  display: flex;
  align-items: center;
  gap: 28px;
  background-color: #0F0F16;
  color: var(--c-white);
  min-width: 335px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 10px 24px;
  border-radius: 10px;
  transition: all 0.4s;
}
.p-banner-btn-block:hover {
  opacity: 0.6;
}

.p-banner-btn-block__main {
  font-size: 40px;
  letter-spacing: 0;
  font-weight: 500;
  font-family: var(--ff-en);
}

.p-banner-btn-block__sub {
  font-size: 15px;
  letter-spacing: 0.03em;
  font-weight: bold;
  line-height: 1.2666;
  text-align: center;
}

.p-banner-btn-block::after {
  position: absolute;
  top: 50%;
  right: 1.2em;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_540_8)"><path d="M1.97151 17.4282L32.8516 17.5718" stroke="%23EA5504" stroke-width="4"/><path d="M19.5057 3.6499L33.2119 17.4257L19.7518 30.9543" stroke="%23EA5504" stroke-width="4"/></g><defs><clipPath id="clip0_540_8"><rect width="36" height="35" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  aspect-ratio: 1;
}

/* モーダル全体（オーバーレイ） */
.p-modal {
  display: none; /* 最初は非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

.p-modal.is-visible {
  display: flex; /* is-visibleクラスで表示 */
}

.p-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* モーダルの中身 */
.p-modal__container {
  position: relative;
  background-color: #fff;
  padding: 40px;
  border-radius: 8px;
  max-width: 800px;
  width: 90%;
  max-height: 80vh;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .p-modal__container {
    padding: 40px 16px;
  }
}

.p-modal__scroll-container {
  overflow: auto;
  flex: 1;
}

/* 閉じるボタン */
.p-modal__close {
  position: absolute;
  top: -50px;
  right: 0;
  background: none;
  border: none;
  font-size: 46px;
  line-height: 1;
  cursor: pointer;
  color: var(--c-white);
}

/* モーダル内のタブ（SKUごと） */
.p-modal__tab-list-content {
  position: relative;
  overflow: auto;
}
.p-modal__tab-list-content::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #BEBABA;
}

.p-modal__tab-list {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  overflow: hidden;
  position: relative;
}
.p-modal__tab-list::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
}

.p-modal__tab-btn {
  padding: 18px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.024em;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  background-color: #818182;
  color: var(--c-white);
  margin-bottom: -2px;
  transition: color 0.3s, border-color 0.3s;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-modal__tab-btn {
    font-size: 14px;
    line-height: 1.3;
    padding: 8px 16px;
    white-space: nowrap;
  }
}

.p-modal__tab-btn:hover {
  color: #0a0908;
  background-color: var(--c-white);
}

.p-modal__tab-btn.is-active {
  background-color: var(--c-white);
  color: var(--c-font);
}

/* モーダル内のコンテンツ（SKUごと） */
.p-modal__content {
  display: none; /* 最初は非表示 */
}

.p-modal__content.is-active {
  display: block; /* is-activeクラスで表示 */
}

/* ★★★ 以下、追加・修正したスタイル ★★★ */
/* 仕様・用途の各セクション */
.p-modal__section {
  margin-bottom: 40px;
  font-weight: normal;
}

.p-modal__section:last-child {
  margin-bottom: 0;
}

/* 仕様・用途のセクションタイトル */
.p-modal__section-title {
  margin-top: 28px;
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/* 仕様リストのスタイル */
.p-modal__spec-list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 148px 1fr;
}
@media screen and (max-width: 768px) {
  .p-modal__spec-list {
    grid-template-columns: 125px 1fr;
  }
}

.p-modal__spec-list dt {
  font-weight: 500;
  padding: 20px 0;
}
.p-modal__spec-list dt:not(:last-of-type) {
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 768px) {
  .p-modal__spec-list dt {
    font-size: 14px;
  }
}

.p-modal__spec-list dd {
  font-weight: 400;
  padding: 20px;
  display: flex;
  align-items: center;
}
.p-modal__spec-list dd:not(:last-of-type) {
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 768px) {
  .p-modal__spec-list dd {
    font-size: 14px;
    word-break: break-all;
  }
}

/* 切断能力リストのスタイル */
.p-modal__cp-list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 88px 1fr;
  border: 1px solid #d6d6d6;
  border-style: solid none;
}

.p-modal__cp-list dt {
  font-weight: 500;
  padding: 20px 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-modal__cp-list dt {
    font-size: 14px;
  }
}

.p-modal__cp-list dd {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-modal__cp-list dd {
    font-size: 14px;
    word-break: break-all;
  }
}

.p-modal__cp-sub-list {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 50px;
  align-items: center;
}
.p-modal__cp-sub-list:not(:last-of-type) {
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 768px) {
  .p-modal__cp-sub-list {
    grid-template-columns: 62px 1fr;
  }
}

.p-modal__title {
  font-size: calc_clamp(20, 24);
  font-weight: bold;
  letter-spacing: 0.024em;
  margin-bottom: 28px;
}

.p-modal__body {
  margin-top: 28px;
}

.p-modal__wrapper {
  display: none;
}
.p-modal__wrapper.is-active {
  display: block;
}

@media screen and (max-width: 1024px) {
  .p-products-item-wrap {
    order: 0;
    margin-top: 24px;
  }
}

.p-products-item {
  padding: clamp(36px, 9vw, 48px) 0;
}
.p-products-item:not(:last-of-type) {
  border-bottom: solid 1px var(--c-gray-border-light);
}
.p-products-item:nth-of-type(even).p-products-item-fav {
  background-color: #F0F0F0;
  margin-top: 0 !important;
}

.p-products-item__inner {
  padding: 0 clamp(20px, 5vw, 24px);
  display: grid;
  grid-template-columns: 216px 1fr;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .p-products-item__inner {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.p-products-item__side {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .p-products-item__side,
  .p-products-item__main {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
  }
}

.p-products-item__main-f {
  display: flex;
  gap: 94px;
}
@media screen and (max-width: 1024px) {
  .p-products-item__main-f {
    flex-direction: column;
    gap: 40px;
  }
}
.p-products-item__main-f--left {
  flex: 1;
}
.p-products-item__main-f--right {
  flex: 0 1 215px;
}
@media screen and (max-width: 1024px) {
  .p-products-item__main-f--right {
    flex: 1;
    width: 215px;
    max-width: 100%;
    margin-inline: auto;
  }
}

a.p-products-item__link {
  display: block;
  transition: opacity 0.3s;
}
a.p-products-item__link:hover {
  opacity: 0.7;
}

/* お気に入り */
.p-products-item__favorite {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.p-products-item__favorite .simplefavorite-button {
  display: block;
}
.p-products-item__favorite .simplefavorite-button::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_844_2)"><path d="M7.999 0L10.39 5.083C10.4174 5.14272 10.4591 5.19477 10.5115 5.23454C10.5638 5.2743 10.6251 5.30057 10.69 5.311L16 6.125L12.157 10.059C12.1096 10.1078 12.0745 10.1672 12.0543 10.2321C12.0342 10.2971 12.0296 10.3659 12.041 10.433L12.951 16.001L8.174 13.364C8.12042 13.3339 8.05998 13.318 7.9985 13.318C7.93702 13.318 7.87658 13.3339 7.823 13.364L3.045 16.002L3.96 10.425C3.97075 10.3576 3.96569 10.2887 3.94521 10.2236C3.92473 10.1585 3.8894 10.0991 3.842 10.05L0 6.119L5.32 5.31C5.38373 5.29841 5.44369 5.27151 5.49473 5.23162C5.54577 5.19173 5.58635 5.14004 5.613 5.081L7.999 0ZM13.938 6.812L10.531 6.291C10.3065 6.25481 10.0943 6.16427 9.91289 6.02727C9.73145 5.89027 9.58626 5.71097 9.49 5.505L7.999 2.34L6.514 5.504C6.41744 5.70985 6.27218 5.88909 6.09081 6.02621C5.90943 6.16334 5.69738 6.25422 5.473 6.291L2.065 6.809L4.557 9.361C4.71206 9.52157 4.82759 9.71605 4.89441 9.92903C4.96124 10.142 4.97753 10.3676 4.942 10.588L4.359 14.14L7.341 12.494C7.54271 12.3823 7.76942 12.3235 8 12.323C8.23076 12.3231 8.45764 12.3823 8.659 12.495L11.638 14.14L11.058 10.591C11.0218 10.3703 11.0379 10.1442 11.1051 9.93087C11.1724 9.71756 11.2888 9.52304 11.445 9.363L13.938 6.812Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_844_2"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_844_2)"><path d="M7.999 0L10.39 5.083C10.4174 5.14272 10.4591 5.19477 10.5115 5.23454C10.5638 5.2743 10.6251 5.30057 10.69 5.311L16 6.125L12.157 10.059C12.1096 10.1078 12.0745 10.1672 12.0543 10.2321C12.0342 10.2971 12.0296 10.3659 12.041 10.433L12.951 16.001L8.174 13.364C8.12042 13.3339 8.05998 13.318 7.9985 13.318C7.93702 13.318 7.87658 13.3339 7.823 13.364L3.045 16.002L3.96 10.425C3.97075 10.3576 3.96569 10.2887 3.94521 10.2236C3.92473 10.1585 3.8894 10.0991 3.842 10.05L0 6.119L5.32 5.31C5.38373 5.29841 5.44369 5.27151 5.49473 5.23162C5.54577 5.19173 5.58635 5.14004 5.613 5.081L7.999 0ZM13.938 6.812L10.531 6.291C10.3065 6.25481 10.0943 6.16427 9.91289 6.02727C9.73145 5.89027 9.58626 5.71097 9.49 5.505L7.999 2.34L6.514 5.504C6.41744 5.70985 6.27218 5.88909 6.09081 6.02621C5.90943 6.16334 5.69738 6.25422 5.473 6.291L2.065 6.809L4.557 9.361C4.71206 9.52157 4.82759 9.71605 4.89441 9.92903C4.96124 10.142 4.97753 10.3676 4.942 10.588L4.359 14.14L7.341 12.494C7.54271 12.3823 7.76942 12.3235 8 12.323C8.23076 12.3231 8.45764 12.3823 8.659 12.495L11.638 14.14L11.058 10.591C11.0218 10.3703 11.0379 10.1442 11.1051 9.93087C11.1724 9.71756 11.2888 9.52304 11.445 9.363L13.938 6.812Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_844_2"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #b5b5b5;
}
@media screen and (max-width: 1024px) {
  .p-products-item__favorite .simplefavorite-button::after {
    width: 30px;
  }
}
.p-products-item__favorite .simplefavorite-button.active::after {
  -webkit-mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_845_6)"><path d="M7.99901 1.14404L6.07101 5.27804C6.01002 5.41054 5.91753 5.52611 5.80162 5.61466C5.68571 5.7032 5.54989 5.76204 5.40601 5.78604L1.06201 6.45104L4.21601 9.70304C4.31654 9.80809 4.39141 9.93496 4.43478 10.0737C4.47815 10.2125 4.48883 10.3594 4.46601 10.503L3.72101 15.076L7.58401 12.929C7.71067 12.8576 7.85361 12.8201 7.99901 12.8201C8.14441 12.8201 8.28736 12.8576 8.41401 12.929L12.277 15.076L11.535 10.506C11.5113 10.3624 11.5216 10.2153 11.565 10.0764C11.6084 9.93743 11.6838 9.81061 11.785 9.70604L14.939 6.45504L10.595 5.79104C10.451 5.76729 10.3151 5.70855 10.1992 5.61997C10.0832 5.53139 9.99079 5.4157 9.93001 5.28304L7.99901 1.14404Z" fill="%23B5B5B5"/><path d="M7.99898 0L10.379 5.068C10.4062 5.12647 10.4473 5.17738 10.4987 5.21626C10.5501 5.25514 10.6103 5.2808 10.674 5.291L16.001 6.107L12.139 10.068C12.0942 10.1132 12.0609 10.1685 12.0417 10.2292C12.0226 10.2899 12.0182 10.3543 12.029 10.417L12.94 16L8.18198 13.369C8.12651 13.338 8.06402 13.3217 8.00048 13.3217C7.93693 13.3217 7.87445 13.338 7.81898 13.369L3.05898 16.001L3.97398 10.414C3.98367 10.351 3.9786 10.2866 3.95916 10.2258C3.93973 10.1651 3.90646 10.1097 3.86198 10.064L0.000976562 6.104L5.33198 5.291C5.39531 5.27981 5.455 5.25352 5.50601 5.21435C5.55701 5.17518 5.59782 5.12429 5.62498 5.066L7.99898 0ZM13.893 6.823L10.526 6.307C10.3014 6.27027 10.0893 6.17905 9.90815 6.04133C9.72701 5.9036 9.5824 5.72357 9.48698 5.517L7.99898 2.351L6.51598 5.517C6.42017 5.72292 6.2757 5.90244 6.09504 6.04007C5.91438 6.1777 5.70294 6.26931 5.47898 6.307L2.10998 6.82L4.56198 9.335C4.71934 9.49872 4.83648 9.69678 4.90417 9.91354C4.97185 10.1303 4.98822 10.3598 4.95198 10.584L4.37498 14.107L7.34998 12.462C7.54919 12.3515 7.77318 12.2934 8.00098 12.293C8.22904 12.2933 8.45321 12.3522 8.65198 12.464L11.625 14.108L11.051 10.588C11.0138 10.3633 11.0299 10.1331 11.098 9.91581C11.1661 9.69852 11.2842 9.50026 11.443 9.337L13.893 6.823Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_845_6"><rect width="16.001" height="16" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_845_6)"><path d="M7.99901 1.14404L6.07101 5.27804C6.01002 5.41054 5.91753 5.52611 5.80162 5.61466C5.68571 5.7032 5.54989 5.76204 5.40601 5.78604L1.06201 6.45104L4.21601 9.70304C4.31654 9.80809 4.39141 9.93496 4.43478 10.0737C4.47815 10.2125 4.48883 10.3594 4.46601 10.503L3.72101 15.076L7.58401 12.929C7.71067 12.8576 7.85361 12.8201 7.99901 12.8201C8.14441 12.8201 8.28736 12.8576 8.41401 12.929L12.277 15.076L11.535 10.506C11.5113 10.3624 11.5216 10.2153 11.565 10.0764C11.6084 9.93743 11.6838 9.81061 11.785 9.70604L14.939 6.45504L10.595 5.79104C10.451 5.76729 10.3151 5.70855 10.1992 5.61997C10.0832 5.53139 9.99079 5.4157 9.93001 5.28304L7.99901 1.14404Z" fill="%23B5B5B5"/><path d="M7.99898 0L10.379 5.068C10.4062 5.12647 10.4473 5.17738 10.4987 5.21626C10.5501 5.25514 10.6103 5.2808 10.674 5.291L16.001 6.107L12.139 10.068C12.0942 10.1132 12.0609 10.1685 12.0417 10.2292C12.0226 10.2899 12.0182 10.3543 12.029 10.417L12.94 16L8.18198 13.369C8.12651 13.338 8.06402 13.3217 8.00048 13.3217C7.93693 13.3217 7.87445 13.338 7.81898 13.369L3.05898 16.001L3.97398 10.414C3.98367 10.351 3.9786 10.2866 3.95916 10.2258C3.93973 10.1651 3.90646 10.1097 3.86198 10.064L0.000976562 6.104L5.33198 5.291C5.39531 5.27981 5.455 5.25352 5.50601 5.21435C5.55701 5.17518 5.59782 5.12429 5.62498 5.066L7.99898 0ZM13.893 6.823L10.526 6.307C10.3014 6.27027 10.0893 6.17905 9.90815 6.04133C9.72701 5.9036 9.5824 5.72357 9.48698 5.517L7.99898 2.351L6.51598 5.517C6.42017 5.72292 6.2757 5.90244 6.09504 6.04007C5.91438 6.1777 5.70294 6.26931 5.47898 6.307L2.10998 6.82L4.56198 9.335C4.71934 9.49872 4.83648 9.69678 4.90417 9.91354C4.97185 10.1303 4.98822 10.3598 4.95198 10.584L4.37498 14.107L7.34998 12.462C7.54919 12.3515 7.77318 12.2934 8.00098 12.293C8.22904 12.2933 8.45321 12.3522 8.65198 12.464L11.625 14.108L11.051 10.588C11.0138 10.3633 11.0299 10.1331 11.098 9.91581C11.1661 9.69852 11.2842 9.50026 11.443 9.337L13.893 6.823Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_845_6"><rect width="16.001" height="16" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* サムネ */
.p-products-item__gallery-wrap {
  position: relative;
  max-width: 216px;
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .p-products-item__gallery-wrap {
    max-width: 228px;
    order: -2;
  }
}

.p-products-item__gallery {
  width: 100%;
  height: 216px;
  aspect-ratio: 1;
  overflow: hidden;
  margin-inline: auto;
  background-color: var(--c-white);
  position: relative;
  border-radius: 12px;
}
.p-products-item__gallery > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transform: translateZ(0);
}
@media screen and (max-width: 1024px) {
  .p-products-item__gallery {
    height: 228px;
  }
}

/* ボタン */
.p-products-item__btn-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: clamp(0.8125rem, 0.7578125rem + 0.15625vw, 0.875rem);
  font-weight: bold;
  letter-spacing: 0.03em;
  color: var(--c-main);
  max-width: 200px;
  margin-top: 12px;
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-box {
    display: flex;
    margin-top: 10px;
    max-width: none;
    gap: 8px;
    min-width: 160px;
  }
}

.p-products-item__btn-pdf {
  position: relative;
  padding: 10px 18px;
  background-color: var(--c-white);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  flex: 1;
  transition: background-color 0.3s, color 0.3s;
}
.p-products-item__btn-pdf:hover {
  background-color: var(--c-main);
  color: var(--c-white);
}
.p-products-item__btn-pdf:hover::before {
  background-color: var(--c-white);
}
.p-products-item__btn-pdf:hover::after {
  background-color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-pdf {
    gap: 6px;
    padding: 10px;
    grid-template-columns: 12px 1fr;
  }
}
.p-products-item__btn-pdf::before {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_661_21)"><path d="M16.667 24.469C16.8892 24.4669 17.1015 24.3769 17.2576 24.2188C17.4137 24.0607 17.5009 23.8472 17.5 23.625V8.438H13.333C13.1127 8.43682 12.8948 8.3922 12.6918 8.30668C12.4888 8.22116 12.3046 8.09643 12.1499 7.93963C11.9951 7.78283 11.8728 7.59705 11.7899 7.39291C11.7071 7.18877 11.6653 6.9703 11.667 6.75V2.531H3.33305C3.11087 2.53311 2.89856 2.62306 2.74248 2.7812C2.5864 2.93934 2.49925 3.15281 2.50005 3.375V23.625C2.49925 23.8472 2.5864 24.0607 2.74248 24.2188C2.89856 24.3769 3.11087 24.4669 3.33305 24.469H16.667ZM4.87845e-05 3.375C-0.0047423 2.4857 0.343535 1.63083 0.968427 0.998066C1.59332 0.3653 2.44376 0.00634505 3.33305 2.36801e-08H11.953C12.392 -5.24431e-05 12.8265 0.0870817 13.2315 0.256344C13.6364 0.425606 14.0037 0.673624 14.312 0.986L19.026 5.758C19.652 6.39544 20.0019 7.25363 20 8.147V23.625C20.0048 24.5143 19.6566 25.3692 19.0317 26.0019C18.4068 26.6347 17.5563 26.9937 16.667 27H3.33305C2.44376 26.9937 1.59332 26.6347 0.968427 26.0019C0.343535 25.3692 -0.0047423 24.5143 4.87845e-05 23.625V3.375Z" fill="%23E26800"/></g><defs><clipPath id="clip0_661_21"><rect width="20" height="27" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_661_21)"><path d="M16.667 24.469C16.8892 24.4669 17.1015 24.3769 17.2576 24.2188C17.4137 24.0607 17.5009 23.8472 17.5 23.625V8.438H13.333C13.1127 8.43682 12.8948 8.3922 12.6918 8.30668C12.4888 8.22116 12.3046 8.09643 12.1499 7.93963C11.9951 7.78283 11.8728 7.59705 11.7899 7.39291C11.7071 7.18877 11.6653 6.9703 11.667 6.75V2.531H3.33305C3.11087 2.53311 2.89856 2.62306 2.74248 2.7812C2.5864 2.93934 2.49925 3.15281 2.50005 3.375V23.625C2.49925 23.8472 2.5864 24.0607 2.74248 24.2188C2.89856 24.3769 3.11087 24.4669 3.33305 24.469H16.667ZM4.87845e-05 3.375C-0.0047423 2.4857 0.343535 1.63083 0.968427 0.998066C1.59332 0.3653 2.44376 0.00634505 3.33305 2.36801e-08H11.953C12.392 -5.24431e-05 12.8265 0.0870817 13.2315 0.256344C13.6364 0.425606 14.0037 0.673624 14.312 0.986L19.026 5.758C19.652 6.39544 20.0019 7.25363 20 8.147V23.625C20.0048 24.5143 19.6566 25.3692 19.0317 26.0019C18.4068 26.6347 17.5563 26.9937 16.667 27H3.33305C2.44376 26.9937 1.59332 26.6347 0.968427 26.0019C0.343535 25.3692 -0.0047423 24.5143 4.87845e-05 23.625V3.375Z" fill="%23E26800"/></g><defs><clipPath id="clip0_661_21"><rect width="20" height="27" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 18px;
  max-width: 100%;
  aspect-ratio: 20/27;
  margin-inline: auto;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-pdf::before {
    width: 12px;
  }
}
.p-products-item__btn-pdf::after {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.43801 0.499989L9.3779 11.2148" stroke="%23E26800"/><path d="M14.0773 6.72467L9.43871 11.3633L4.48472 6.4093" stroke="%23E26800"/><path d="M0.5 11.842V15.5H18.5V11.842" stroke="%23E26800" stroke-linecap="square" stroke-linejoin="round"/></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.43801 0.499989L9.3779 11.2148" stroke="%23E26800"/><path d="M14.0773 6.72467L9.43871 11.3633L4.48472 6.4093" stroke="%23E26800"/><path d="M0.5 11.842V15.5H18.5V11.842" stroke="%23E26800" stroke-linecap="square" stroke-linejoin="round"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 19px;
  max-width: 100%;
  aspect-ratio: 19/16;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-pdf::after {
    right: 8px;
    width: 15px;
  }
}

.p-products-item__btn-video {
  position: relative;
  padding: 10px 18px;
  background-color: var(--c-white);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  flex: 1;
  transition: background-color 0.3s, color 0.3s;
}
.p-products-item__btn-video:hover {
  background-color: var(--c-main);
  color: var(--c-white);
}
.p-products-item__btn-video:hover::before {
  background-color: var(--c-white);
}
.p-products-item__btn-video:hover::after {
  background-color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-video {
    gap: 6px;
    padding: 10px;
    grid-template-columns: 16px 1fr;
  }
}
.p-products-item__btn-video::before {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_46)"><path d="M0 3.42903C0.0102909 2.51046 0.384606 1.63351 1.04079 0.990636C1.69698 0.347762 2.58142 -0.00850618 3.5 2.7784e-05H24.5C25.4186 -0.00850618 26.303 0.347762 26.9592 0.990636C27.6154 1.63351 27.9897 2.51046 28 3.42903V20.571C27.9897 21.4896 27.6154 22.3665 26.9592 23.0094C26.303 23.6523 25.4186 24.0086 24.5 24H3.5C2.58142 24.0086 1.69698 23.6523 1.04079 23.0094C0.384606 22.3665 0.0102909 21.4896 0 20.571L0 3.42903ZM2.625 18V19.714C2.62816 19.9435 2.72194 20.1623 2.88586 20.3229C3.04978 20.4834 3.27055 20.5726 3.5 20.571H5.25C5.47945 20.5726 5.70022 20.4834 5.86414 20.3229C6.02806 20.1623 6.12184 19.9435 6.125 19.714V18C6.12184 17.7706 6.02806 17.5517 5.86414 17.3912C5.70022 17.2306 5.47945 17.1414 5.25 17.143H3.5C3.27055 17.1414 3.04978 17.2306 2.88586 17.3912C2.72194 17.5517 2.62816 17.7706 2.625 18ZM22.75 17.143C22.5206 17.1414 22.2998 17.2306 22.1359 17.3912C21.9719 17.5517 21.8782 17.7706 21.875 18V19.714C21.8782 19.9435 21.9719 20.1623 22.1359 20.3229C22.2998 20.4834 22.5206 20.5726 22.75 20.571H24.5C24.7294 20.5726 24.9502 20.4834 25.1141 20.3229C25.2781 20.1623 25.3718 19.9435 25.375 19.714V18C25.3718 17.7706 25.2781 17.5517 25.1141 17.3912C24.9502 17.2306 24.7294 17.1414 24.5 17.143H22.75ZM2.625 11.143V12.857C2.62816 13.0865 2.72194 13.3053 2.88586 13.4659C3.04978 13.6264 3.27055 13.7156 3.5 13.714H5.25C5.47945 13.7156 5.70022 13.6264 5.86414 13.4659C6.02806 13.3053 6.12184 13.0865 6.125 12.857V11.143C6.12184 10.9136 6.02806 10.6947 5.86414 10.5342C5.70022 10.3736 5.47945 10.2844 5.25 10.286H3.5C3.27055 10.2844 3.04978 10.3736 2.88586 10.5342C2.72194 10.6947 2.62816 10.9136 2.625 11.143ZM22.75 10.286C22.5206 10.2844 22.2998 10.3736 22.1359 10.5342C21.9719 10.6947 21.8782 10.9136 21.875 11.143V12.857C21.8782 13.0865 21.9719 13.3053 22.1359 13.4659C22.2998 13.6264 22.5206 13.7156 22.75 13.714H24.5C24.7294 13.7156 24.9502 13.6264 25.1141 13.4659C25.2781 13.3053 25.3718 13.0865 25.375 12.857V11.143C25.3718 10.9136 25.2781 10.6947 25.1141 10.5342C24.9502 10.3736 24.7294 10.2844 24.5 10.286H22.75ZM2.625 4.28603V6.00003C2.62816 6.22946 2.72194 6.44832 2.88586 6.60888C3.04978 6.76943 3.27055 6.85863 3.5 6.85703H5.25C5.47945 6.85863 5.70022 6.76943 5.86414 6.60888C6.02806 6.44832 6.12184 6.22946 6.125 6.00003V4.28603C6.12184 4.0566 6.02806 3.83773 5.86414 3.67718C5.70022 3.51663 5.47945 3.42742 5.25 3.42903H3.5C3.27055 3.42742 3.04978 3.51663 2.88586 3.67718C2.72194 3.83773 2.62816 4.0566 2.625 4.28603ZM22.75 3.42903C22.5206 3.42742 22.2998 3.51663 22.1359 3.67718C21.9719 3.83773 21.8782 4.0566 21.875 4.28603V6.00003C21.8782 6.22946 21.9719 6.44832 22.1359 6.60888C22.2998 6.76943 22.5206 6.85863 22.75 6.85703H24.5C24.7294 6.85863 24.9502 6.76943 25.1141 6.60888C25.2781 6.44832 25.3718 6.22946 25.375 6.00003V4.28603C25.3718 4.0566 25.2781 3.83773 25.1141 3.67718C24.9502 3.51663 24.7294 3.42742 24.5 3.42903H22.75ZM8.75 5.14303V8.57203C8.75222 8.79952 8.79926 9.02434 8.88844 9.23364C8.97761 9.44294 9.10717 9.6326 9.2697 9.79179C9.43223 9.95098 9.62455 10.0766 9.83566 10.1614C10.0468 10.2462 10.2725 10.2885 10.5 10.286H17.5C17.7275 10.2885 17.9532 10.2462 18.1643 10.1614C18.3754 10.0766 18.5678 9.95098 18.7303 9.79179C18.8928 9.6326 19.0224 9.44294 19.1116 9.23364C19.2007 9.02434 19.2478 8.79952 19.25 8.57203V5.14303C19.2478 4.91554 19.2007 4.69071 19.1116 4.48142C19.0224 4.27212 18.8928 4.08246 18.7303 3.92327C18.5678 3.76408 18.3754 3.63849 18.1643 3.55369C17.9532 3.46888 17.7275 3.42652 17.5 3.42903H10.5C10.2725 3.42652 10.0468 3.46888 9.83566 3.55369C9.62455 3.63849 9.43223 3.76408 9.2697 3.92327C9.10717 4.08246 8.97761 4.27212 8.88844 4.48142C8.79926 4.69071 8.75222 4.91554 8.75 5.14303ZM10.5 13.714C10.2725 13.7115 10.0468 13.7539 9.83566 13.8387C9.62455 13.9235 9.43223 14.0491 9.2697 14.2083C9.10717 14.3675 8.97761 14.5571 8.88844 14.7664C8.79926 14.9757 8.75222 15.2005 8.75 15.428V18.857C8.75222 19.0845 8.79926 19.3093 8.88844 19.5186C8.97761 19.7279 9.10717 19.9176 9.2697 20.0768C9.43223 20.236 9.62455 20.3616 9.83566 20.4464C10.0468 20.5312 10.2725 20.5735 10.5 20.571H17.5C17.7275 20.5735 17.9532 20.5312 18.1643 20.4464C18.3754 20.3616 18.5678 20.236 18.7303 20.0768C18.8928 19.9176 19.0224 19.7279 19.1116 19.5186C19.2007 19.3093 19.2478 19.0845 19.25 18.857V15.429C19.2478 15.2015 19.2007 14.9767 19.1116 14.7674C19.0224 14.5581 18.8928 14.3685 18.7303 14.2093C18.5678 14.0501 18.3754 13.9245 18.1643 13.8397C17.9532 13.7549 17.7275 13.7125 17.5 13.715L10.5 13.714Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_46"><rect width="28" height="24" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_46)"><path d="M0 3.42903C0.0102909 2.51046 0.384606 1.63351 1.04079 0.990636C1.69698 0.347762 2.58142 -0.00850618 3.5 2.7784e-05H24.5C25.4186 -0.00850618 26.303 0.347762 26.9592 0.990636C27.6154 1.63351 27.9897 2.51046 28 3.42903V20.571C27.9897 21.4896 27.6154 22.3665 26.9592 23.0094C26.303 23.6523 25.4186 24.0086 24.5 24H3.5C2.58142 24.0086 1.69698 23.6523 1.04079 23.0094C0.384606 22.3665 0.0102909 21.4896 0 20.571L0 3.42903ZM2.625 18V19.714C2.62816 19.9435 2.72194 20.1623 2.88586 20.3229C3.04978 20.4834 3.27055 20.5726 3.5 20.571H5.25C5.47945 20.5726 5.70022 20.4834 5.86414 20.3229C6.02806 20.1623 6.12184 19.9435 6.125 19.714V18C6.12184 17.7706 6.02806 17.5517 5.86414 17.3912C5.70022 17.2306 5.47945 17.1414 5.25 17.143H3.5C3.27055 17.1414 3.04978 17.2306 2.88586 17.3912C2.72194 17.5517 2.62816 17.7706 2.625 18ZM22.75 17.143C22.5206 17.1414 22.2998 17.2306 22.1359 17.3912C21.9719 17.5517 21.8782 17.7706 21.875 18V19.714C21.8782 19.9435 21.9719 20.1623 22.1359 20.3229C22.2998 20.4834 22.5206 20.5726 22.75 20.571H24.5C24.7294 20.5726 24.9502 20.4834 25.1141 20.3229C25.2781 20.1623 25.3718 19.9435 25.375 19.714V18C25.3718 17.7706 25.2781 17.5517 25.1141 17.3912C24.9502 17.2306 24.7294 17.1414 24.5 17.143H22.75ZM2.625 11.143V12.857C2.62816 13.0865 2.72194 13.3053 2.88586 13.4659C3.04978 13.6264 3.27055 13.7156 3.5 13.714H5.25C5.47945 13.7156 5.70022 13.6264 5.86414 13.4659C6.02806 13.3053 6.12184 13.0865 6.125 12.857V11.143C6.12184 10.9136 6.02806 10.6947 5.86414 10.5342C5.70022 10.3736 5.47945 10.2844 5.25 10.286H3.5C3.27055 10.2844 3.04978 10.3736 2.88586 10.5342C2.72194 10.6947 2.62816 10.9136 2.625 11.143ZM22.75 10.286C22.5206 10.2844 22.2998 10.3736 22.1359 10.5342C21.9719 10.6947 21.8782 10.9136 21.875 11.143V12.857C21.8782 13.0865 21.9719 13.3053 22.1359 13.4659C22.2998 13.6264 22.5206 13.7156 22.75 13.714H24.5C24.7294 13.7156 24.9502 13.6264 25.1141 13.4659C25.2781 13.3053 25.3718 13.0865 25.375 12.857V11.143C25.3718 10.9136 25.2781 10.6947 25.1141 10.5342C24.9502 10.3736 24.7294 10.2844 24.5 10.286H22.75ZM2.625 4.28603V6.00003C2.62816 6.22946 2.72194 6.44832 2.88586 6.60888C3.04978 6.76943 3.27055 6.85863 3.5 6.85703H5.25C5.47945 6.85863 5.70022 6.76943 5.86414 6.60888C6.02806 6.44832 6.12184 6.22946 6.125 6.00003V4.28603C6.12184 4.0566 6.02806 3.83773 5.86414 3.67718C5.70022 3.51663 5.47945 3.42742 5.25 3.42903H3.5C3.27055 3.42742 3.04978 3.51663 2.88586 3.67718C2.72194 3.83773 2.62816 4.0566 2.625 4.28603ZM22.75 3.42903C22.5206 3.42742 22.2998 3.51663 22.1359 3.67718C21.9719 3.83773 21.8782 4.0566 21.875 4.28603V6.00003C21.8782 6.22946 21.9719 6.44832 22.1359 6.60888C22.2998 6.76943 22.5206 6.85863 22.75 6.85703H24.5C24.7294 6.85863 24.9502 6.76943 25.1141 6.60888C25.2781 6.44832 25.3718 6.22946 25.375 6.00003V4.28603C25.3718 4.0566 25.2781 3.83773 25.1141 3.67718C24.9502 3.51663 24.7294 3.42742 24.5 3.42903H22.75ZM8.75 5.14303V8.57203C8.75222 8.79952 8.79926 9.02434 8.88844 9.23364C8.97761 9.44294 9.10717 9.6326 9.2697 9.79179C9.43223 9.95098 9.62455 10.0766 9.83566 10.1614C10.0468 10.2462 10.2725 10.2885 10.5 10.286H17.5C17.7275 10.2885 17.9532 10.2462 18.1643 10.1614C18.3754 10.0766 18.5678 9.95098 18.7303 9.79179C18.8928 9.6326 19.0224 9.44294 19.1116 9.23364C19.2007 9.02434 19.2478 8.79952 19.25 8.57203V5.14303C19.2478 4.91554 19.2007 4.69071 19.1116 4.48142C19.0224 4.27212 18.8928 4.08246 18.7303 3.92327C18.5678 3.76408 18.3754 3.63849 18.1643 3.55369C17.9532 3.46888 17.7275 3.42652 17.5 3.42903H10.5C10.2725 3.42652 10.0468 3.46888 9.83566 3.55369C9.62455 3.63849 9.43223 3.76408 9.2697 3.92327C9.10717 4.08246 8.97761 4.27212 8.88844 4.48142C8.79926 4.69071 8.75222 4.91554 8.75 5.14303ZM10.5 13.714C10.2725 13.7115 10.0468 13.7539 9.83566 13.8387C9.62455 13.9235 9.43223 14.0491 9.2697 14.2083C9.10717 14.3675 8.97761 14.5571 8.88844 14.7664C8.79926 14.9757 8.75222 15.2005 8.75 15.428V18.857C8.75222 19.0845 8.79926 19.3093 8.88844 19.5186C8.97761 19.7279 9.10717 19.9176 9.2697 20.0768C9.43223 20.236 9.62455 20.3616 9.83566 20.4464C10.0468 20.5312 10.2725 20.5735 10.5 20.571H17.5C17.7275 20.5735 17.9532 20.5312 18.1643 20.4464C18.3754 20.3616 18.5678 20.236 18.7303 20.0768C18.8928 19.9176 19.0224 19.7279 19.1116 19.5186C19.2007 19.3093 19.2478 19.0845 19.25 18.857V15.429C19.2478 15.2015 19.2007 14.9767 19.1116 14.7674C19.0224 14.5581 18.8928 14.3685 18.7303 14.2093C18.5678 14.0501 18.3754 13.9245 18.1643 13.8397C17.9532 13.7549 17.7275 13.7125 17.5 13.715L10.5 13.714Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_46"><rect width="28" height="24" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 22px;
  max-width: 100%;
  aspect-ratio: 28/24;
  flex-shrink: 0;
  transition: background-color 0.3s;
}
.p-products-item__btn-video::after {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_64)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%23E26800"/><path d="M15.5858 17.9999H-0.000183105V2.49994H9.00568V3.69208H1.20001V16.8051H14.3885V10.3449H15.5877L15.5858 17.9999Z" fill="%23E26800"/><path d="M7.72966 11.7789L6.88005 10.9361L13.714 4.14801L14.5597 4.99103L7.72966 11.7789Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_64"><rect width="19" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_64)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%23E26800"/><path d="M15.5858 17.9999H-0.000183105V2.49994H9.00568V3.69208H1.20001V16.8051H14.3885V10.3449H15.5877L15.5858 17.9999Z" fill="%23E26800"/><path d="M7.72966 11.7789L6.88005 10.9361L13.714 4.14801L14.5597 4.99103L7.72966 11.7789Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_64"><rect width="19" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 19px;
  max-width: 100%;
  aspect-ratio: 19/18;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .p-products-item__btn-video::after {
    width: 16px;
    right: 8px;
  }
}

/* 製品名 */
.p-products-item-header:not(.-no-icon) {
  display: grid;
  grid-template-columns: 1fr 264px;
  align-items: center;
  gap: 16px 20px;
}
@media screen and (max-width: 1024px) {
  .p-products-item-header {
    order: -1;
    margin-top: 12px;
  }
  .p-products-item-header:not(.-no-icon) {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1024px) {
  .p-products-item-header__main {
    align-items: baseline;
    gap: 28px;
  }
}

.p-products-item__sub-title {
  font-family: var(--ff-en);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: var(--c-main);
  flex-shrink: 0;
}

.p-products-item__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.p-products-item__icon-item {
  margin-bottom: 0 !important;
}

.p-products-item__icon-item::before {
  display: none;
}

/* アイコンリスト */
.p-products-item__icon-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 60px);
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .p-products-item__icon-list {
    grid-template-columns: repeat(auto-fit, 54px);
    gap: 8px;
    justify-content: center;
    align-items: center;
  }
}

/* 概要 */
.p-products-item__summary {
  display: block;
  background-color: var(--c-white);
  padding: 20px 20px 24px;
  border-radius: 10px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .p-products-item__summary {
    font-size: 13px;
    line-height: 1.8;
  }
}

/* テーブル */
.p-products-item__table-container {
  margin-top: 18px;
}
@media screen and (max-width: 1024px) {
  .p-products-item__table-container {
    max-width: 384px;
    overflow: auto;
    width: calc(50vw + 50%);
    margin-right: calc(50% - 50vw);
  }
  .p-products-item__table-container .p-products-table th, .p-products-item__table-container .p-products-table td {
    white-space: nowrap;
  }
}

.p-products-table {
  margin-top: 10px;
}
.p-products-table th,
.p-products-table td {
  font-family: var(--ff-en);
  letter-spacing: 0.024em;
  font-weight: normal;
  border-bottom: 1px solid #bebebe;
  border-right: 1px dashed #bebebe;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-right: 24px;
  padding-left: 24px;
}
.p-products-table th:first-of-type,
.p-products-table td:first-of-type {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-products-table th,
  .p-products-table td {
    white-space: nowrap;
  }
}
.p-products-table td {
  text-align: center;
}
.p-products-table.-sm th, .p-products-table.-sm td {
  padding: 8px 10px;
}
.p-products-table.-sm th {
  font-size: 12px;
}
.p-products-table.-sm td {
  font-size: 13px;
}
.p-products-table.-td-white td {
  background-color: var(--c-white);
}

.p-products-table__note {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 8px;
}

@media screen and (max-width: 1024px) {
  .p-products-sidebar {
    order: -1;
  }
}

/* バナー */
@media screen and (max-width: 1024px) {
  .p-products-sidebar-bnr {
    order: 1;
  }
}

/* アコーディオン */
@media screen and (max-width: 1024px) {
  .p-products-sidebar-acc {
    margin-top: 16px;
  }
}

.p-products-sidebar-acc__heading {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  display: grid;
  grid-template-columns: 11px auto;
  justify-content: end;
  gap: 6px;
  align-items: center;
  cursor: pointer;
  list-style: none;
}
.p-products-sidebar-acc__heading::-webkit-details-marker {
  display: none;
}
@media not all and (max-width: 1024px) {
  .p-products-sidebar-acc__heading {
    display: none;
  }
}
.p-products-sidebar-acc__heading::before {
  content: "";
  display: block;
  width: 11px;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_825_24)"><path d="M0 5.50037H11" stroke="black" stroke-width="2"/><path d="M5.50098 11L5.50098 -2.47089e-07" stroke="black" stroke-width="2"/></g><defs><clipPath id="clip0_825_24"><rect width="11" height="11" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.p-products-sidebar-acc__heading .open {
  display: none;
}

.p-products-sidebar-acc[open] .p-products-sidebar-acc__heading::before {
  background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_825_24)"><path d="M0 5.50037H11" stroke="black" stroke-width="2"/></g><defs><clipPath id="clip0_825_24"><rect width="11" height="11" fill="white"/></clipPath></defs></svg>');
}
.p-products-sidebar-acc[open] .open {
  display: block;
}
.p-products-sidebar-acc[open] .close {
  display: none;
}

/* キーワード検索 */
.p-products-sidebar-bnr + .p-products-sidebar-keyword {
  margin-top: 32px;
}

.p-products-sidebar-keyword__heading {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-bottom: 8px;
}

/* 条件で探す */
.p-products-sidebar-conditions {
  margin-top: 32px;
}

.p-products-sidebar-conditions__heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}
.p-products-sidebar-conditions__heading::after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_803_6)"><path d="M14 6H0V8H14V6Z" fill="%23717171"/><path d="M8 14V0L6 0L6 14H8Z" fill="%23717171"/></g><defs><clipPath id="clip0_803_6"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  aspect-ratio: 1;
  margin-top: 2px;
}
.p-products-sidebar-conditions[open] .p-products-sidebar-conditions__heading::after {
  background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_804_12)"><mask id="mask0_804_12" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14"><path d="M14 0H0V14H14V0Z" fill="white"/></mask><g mask="url(%23mask0_804_12)"><path d="M14 5.85107H0V7.85107H14V5.85107Z" fill="%23717171"/></g></g><defs><clipPath id="clip0_804_12"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
}

/* ボタン */
.p-products-sidebar-btn-wrap {
  margin-top: 28px;
}
@media screen and (max-width: 1024px) {
  .p-products-sidebar-btn-wrap {
    order: 2;
  }
}

.p-products-sidebar-btn-wrap__col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
}
@media screen and (max-width: 1024px) {
  .p-products-sidebar-btn-wrap__col {
    gap: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media screen and (max-width: 1024px) {
  .p-products-sidebar-support-btn:first-child .p-products-sidebar-support-btn__link {
    border-right: none;
  }
}

.p-products-sidebar-support-btn__link {
  border: solid 1px var(--c-font);
  background-color: var(--c-white);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  gap: 6px;
  height: 100px;
  transition: opacity 0.3s;
}
.p-products-sidebar-support-btn__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .p-products-sidebar-support-btn__link {
    height: 56px;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 8px;
  }
}
.p-products-sidebar-support-btn__link::before {
  display: block;
  margin-inline: auto;
  background-color: #b5b5b5;
}
.-favorite .p-products-sidebar-support-btn__link::before {
  content: "";
  -webkit-mask: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_826_31)"><path d="M13.9972 5.82863e-06C14.2807 -0.000780423 14.5587 0.0779939 14.7997 0.227372C15.0406 0.37675 15.2348 0.590738 15.3602 0.845006L18.8362 7.97001C18.842 7.98252 18.8508 7.99343 18.8618 8.00179C18.8727 8.01015 18.8856 8.01572 18.8992 8.01801L26.7102 9.16901C26.9857 9.2087 27.2449 9.32388 27.459 9.50179C27.6731 9.6797 27.8337 9.9134 27.9232 10.177C28.0109 10.4398 28.023 10.7218 27.9581 10.9911C27.8932 11.2604 27.7539 11.506 27.5562 11.7L21.8792 17.3C21.8693 17.3099 21.862 17.3222 21.858 17.3356C21.854 17.349 21.8534 17.3633 21.8562 17.377L23.1912 25.252C23.2375 25.5283 23.2046 25.8121 23.0963 26.0705C22.988 26.3289 22.8087 26.5513 22.5792 26.712C22.3478 26.8749 22.0758 26.9705 21.7933 26.9882C21.5109 27.0058 21.2291 26.9448 20.9792 26.812L14.0272 23.112H14.0182C14.0034 23.1062 13.987 23.1062 13.9722 23.112L7.01919 26.812C6.76931 26.9448 6.4875 27.0058 6.20505 26.9882C5.92261 26.9705 5.65059 26.8749 5.41919 26.712C5.18951 26.5512 5.01011 26.3286 4.90179 26.0701C4.79347 25.8115 4.76067 25.5275 4.80719 25.251L6.14919 17.369C6.1509 17.3536 6.14899 17.3379 6.14361 17.3233C6.13823 17.3088 6.12953 17.2956 6.11819 17.285L0.445187 11.685C0.24762 11.4909 0.108556 11.2453 0.0438443 10.976C-0.0208669 10.7067 -0.00862064 10.4247 0.0791875 10.162C0.168718 9.89827 0.329541 9.66447 0.543825 9.48655C0.75811 9.30863 1.01748 9.19352 1.29319 9.15401L9.10319 8.01801C9.11703 8.01428 9.12991 8.00761 9.14095 7.99847C9.152 7.98932 9.16094 7.97791 9.16719 7.96501L12.6332 0.847006C12.7583 0.592365 12.9524 0.377966 13.1933 0.228221C13.4343 0.0784759 13.7135 -0.000596899 13.9972 5.82863e-06ZM23.2972 11.684L18.4472 10.969H18.4382C17.9419 10.8945 17.471 10.7009 17.0658 10.4049C16.6606 10.1089 16.3331 9.71914 16.1112 9.26901L13.9982 4.93701L11.8912 9.26401V9.27201C11.6689 9.72165 11.3414 10.111 10.9365 10.407C10.5315 10.7029 10.0611 10.8968 9.56519 10.972H9.55319L4.70619 11.682L8.26019 15.19C8.60791 15.535 8.86798 15.9582 9.01864 16.4243C9.1693 16.8904 9.20618 17.3858 9.12619 17.869L8.30219 22.747L12.5312 20.496C12.9826 20.2545 13.4867 20.1281 13.9987 20.1281C14.5107 20.1281 15.0147 20.2545 15.4662 20.496L19.6942 22.746L18.8692 17.878C18.7874 17.3928 18.8242 16.8951 18.9764 16.4272C19.1286 15.9594 19.3916 15.5352 19.7432 15.191L23.2972 11.684Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_826_31"><rect width="28" height="27" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_826_31)"><path d="M13.9972 5.82863e-06C14.2807 -0.000780423 14.5587 0.0779939 14.7997 0.227372C15.0406 0.37675 15.2348 0.590738 15.3602 0.845006L18.8362 7.97001C18.842 7.98252 18.8508 7.99343 18.8618 8.00179C18.8727 8.01015 18.8856 8.01572 18.8992 8.01801L26.7102 9.16901C26.9857 9.2087 27.2449 9.32388 27.459 9.50179C27.6731 9.6797 27.8337 9.9134 27.9232 10.177C28.0109 10.4398 28.023 10.7218 27.9581 10.9911C27.8932 11.2604 27.7539 11.506 27.5562 11.7L21.8792 17.3C21.8693 17.3099 21.862 17.3222 21.858 17.3356C21.854 17.349 21.8534 17.3633 21.8562 17.377L23.1912 25.252C23.2375 25.5283 23.2046 25.8121 23.0963 26.0705C22.988 26.3289 22.8087 26.5513 22.5792 26.712C22.3478 26.8749 22.0758 26.9705 21.7933 26.9882C21.5109 27.0058 21.2291 26.9448 20.9792 26.812L14.0272 23.112H14.0182C14.0034 23.1062 13.987 23.1062 13.9722 23.112L7.01919 26.812C6.76931 26.9448 6.4875 27.0058 6.20505 26.9882C5.92261 26.9705 5.65059 26.8749 5.41919 26.712C5.18951 26.5512 5.01011 26.3286 4.90179 26.0701C4.79347 25.8115 4.76067 25.5275 4.80719 25.251L6.14919 17.369C6.1509 17.3536 6.14899 17.3379 6.14361 17.3233C6.13823 17.3088 6.12953 17.2956 6.11819 17.285L0.445187 11.685C0.24762 11.4909 0.108556 11.2453 0.0438443 10.976C-0.0208669 10.7067 -0.00862064 10.4247 0.0791875 10.162C0.168718 9.89827 0.329541 9.66447 0.543825 9.48655C0.75811 9.30863 1.01748 9.19352 1.29319 9.15401L9.10319 8.01801C9.11703 8.01428 9.12991 8.00761 9.14095 7.99847C9.152 7.98932 9.16094 7.97791 9.16719 7.96501L12.6332 0.847006C12.7583 0.592365 12.9524 0.377966 13.1933 0.228221C13.4343 0.0784759 13.7135 -0.000596899 13.9972 5.82863e-06ZM23.2972 11.684L18.4472 10.969H18.4382C17.9419 10.8945 17.471 10.7009 17.0658 10.4049C16.6606 10.1089 16.3331 9.71914 16.1112 9.26901L13.9982 4.93701L11.8912 9.26401V9.27201C11.6689 9.72165 11.3414 10.111 10.9365 10.407C10.5315 10.7029 10.0611 10.8968 9.56519 10.972H9.55319L4.70619 11.682L8.26019 15.19C8.60791 15.535 8.86798 15.9582 9.01864 16.4243C9.1693 16.8904 9.20618 17.3858 9.12619 17.869L8.30219 22.747L12.5312 20.496C12.9826 20.2545 13.4867 20.1281 13.9987 20.1281C14.5107 20.1281 15.0147 20.2545 15.4662 20.496L19.6942 22.746L18.8692 17.878C18.7874 17.3928 18.8242 16.8951 18.9764 16.4272C19.1286 15.9594 19.3916 15.5352 19.7432 15.191L23.2972 11.684Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_826_31"><rect width="28" height="27" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 28px;
  aspect-ratio: 28/27;
}
@media screen and (max-width: 1024px) {
  .-favorite .p-products-sidebar-support-btn__link::before {
    width: 24px;
  }
}
.-contact .p-products-sidebar-support-btn__link::before {
  content: "";
  -webkit-mask: url('data:image/svg+xml,<svg width="31" height="25" viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_826_35)"><path d="M3.09984 25C2.69148 25.0056 2.28636 24.9269 1.90975 24.7689C1.53313 24.611 1.1931 24.3772 0.910845 24.082C0.61706 23.7953 0.384763 23.4517 0.228136 23.0723C0.071509 22.6928 -0.00616767 22.2855 -0.000158179 21.875V3.12503C-0.00622623 2.71456 0.0714217 2.30716 0.228052 1.9277C0.384683 1.54825 0.617013 1.20473 0.910845 0.918059C1.1931 0.6229 1.53313 0.38905 1.90975 0.231108C2.28636 0.0731667 2.69148 -0.00550937 3.09984 2.92316e-05H27.8998C28.3082 -0.00550937 28.7133 0.0731667 29.0899 0.231108C29.4666 0.38905 29.8066 0.6229 30.0888 0.918059C30.3827 1.20473 30.615 1.54825 30.7716 1.9277C30.9283 2.30716 31.0059 2.71456 30.9998 3.12503V21.875C31.0059 22.2855 30.9282 22.6928 30.7715 23.0723C30.6149 23.4517 30.3826 23.7953 30.0888 24.082C29.8065 24.3771 29.4665 24.611 29.0899 24.7689C28.7133 24.9268 28.3082 25.0055 27.8998 25H3.09984ZM15.4998 14.063L3.09984 6.25003V21.875H27.8998V6.25003L15.4998 14.063ZM15.4998 10.938L27.8998 3.12601H3.09984L15.4998 10.938Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_826_35"><rect width="31" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="31" height="25" viewBox="0 0 31 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_826_35)"><path d="M3.09984 25C2.69148 25.0056 2.28636 24.9269 1.90975 24.7689C1.53313 24.611 1.1931 24.3772 0.910845 24.082C0.61706 23.7953 0.384763 23.4517 0.228136 23.0723C0.071509 22.6928 -0.00616767 22.2855 -0.000158179 21.875V3.12503C-0.00622623 2.71456 0.0714217 2.30716 0.228052 1.9277C0.384683 1.54825 0.617013 1.20473 0.910845 0.918059C1.1931 0.6229 1.53313 0.38905 1.90975 0.231108C2.28636 0.0731667 2.69148 -0.00550937 3.09984 2.92316e-05H27.8998C28.3082 -0.00550937 28.7133 0.0731667 29.0899 0.231108C29.4666 0.38905 29.8066 0.6229 30.0888 0.918059C30.3827 1.20473 30.615 1.54825 30.7716 1.9277C30.9283 2.30716 31.0059 2.71456 30.9998 3.12503V21.875C31.0059 22.2855 30.9282 22.6928 30.7715 23.0723C30.6149 23.4517 30.3826 23.7953 30.0888 24.082C29.8065 24.3771 29.4665 24.611 29.0899 24.7689C28.7133 24.9268 28.3082 25.0055 27.8998 25H3.09984ZM15.4998 14.063L3.09984 6.25003V21.875H27.8998V6.25003L15.4998 14.063ZM15.4998 10.938L27.8998 3.12601H3.09984L15.4998 10.938Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_826_35"><rect width="31" height="25" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 31px;
  aspect-ratio: 31/25;
}
@media screen and (max-width: 1024px) {
  .-contact .p-products-sidebar-support-btn__link::before {
    width: 28px;
  }
}

.p-products-sidebar-btn-wrap__col + .p-products-sidebar-dl-btn {
  margin-top: 23px;
}

.p-products-sidebar-dl-btn + .p-products-sidebar-dl-btn {
  margin-top: 6px;
}

.p-products-sidebar-dl-btn__link {
  background-color: var(--c-white);
  border: solid 1px #d1cbc8;
  padding: 0 20px;
  height: 72px;
  display: grid;
  place-content: center start;
  position: relative;
  transition: opacity 0.3s;
}
.p-products-sidebar-dl-btn__link:hover {
  opacity: 0.6;
}
.p-products-sidebar-dl-btn__link::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-mask: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_827_38)"><path d="M8.44342 0.99418L10.4431 1.00549L10.3851 11.3335L8.38543 11.3222L8.44342 0.99418Z" fill="%23DB7E00"/><path d="M3.96173 7.4034L5.37594 5.98919L9.44393 10.0572L13.2079 6.29324L14.6221 7.70746L9.44322 12.8863L3.96173 7.4034Z" fill="%23DB7E00"/><path d="M18 17H1C0.734784 17 0.48043 16.8946 0.292893 16.7071C0.105357 16.5196 0 16.2652 0 16V11.474H2V15H17V11.474H19V16C19 16.2652 18.8946 16.5196 18.7071 16.7071C18.5196 16.8946 18.2652 17 18 17Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_827_38"><rect width="19" height="17" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_827_38)"><path d="M8.44342 0.99418L10.4431 1.00549L10.3851 11.3335L8.38543 11.3222L8.44342 0.99418Z" fill="%23DB7E00"/><path d="M3.96173 7.4034L5.37594 5.98919L9.44393 10.0572L13.2079 6.29324L14.6221 7.70746L9.44322 12.8863L3.96173 7.4034Z" fill="%23DB7E00"/><path d="M18 17H1C0.734784 17 0.48043 16.8946 0.292893 16.7071C0.105357 16.5196 0 16.2652 0 16V11.474H2V15H17V11.474H19V16C19 16.2652 18.8946 16.5196 18.7071 16.7071C18.5196 16.8946 18.2652 17 18 17Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_827_38"><rect width="19" height="17" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-main);
  width: 19px;
  aspect-ratio: 19/17;
}

.p-products-sidebar-dl-btn__text {
  display: block;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}
.p-products-sidebar-dl-btn__text :lang(en) {
  font-family: var(--ff-en);
  font-size: 23px;
  font-weight: 600;
}
.p-products-sidebar-dl-btn__text .fz-sm {
  font-size: 12px;
}

/* 修理ボタン */
.p-products-sidebar-repair-btn {
  margin-top: 12px;
}

.p-products-sidebar-repair-btn__link {
  background-color: var(--c-white);
  background-color: var(--c-white);
  border: solid 1px #d1cbc8;
  border-radius: 5px;
  padding: 0 20px;
  height: 82px;
  display: grid;
  place-content: center start;
  position: relative;
  transition: opacity 0.3s;
}
.p-products-sidebar-repair-btn__link:hover {
  opacity: 0.6;
}
.p-products-sidebar-repair-btn__link::after {
  content: "";
  -webkit-mask: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_827_49)"><path d="M18.6439 2.37588L17.6271 8.10486L12.8817 3.38633L18.6439 2.37588Z" fill="%23DB7E00"/><path d="M16.8818 20H0V3.21606H9.75586V4.50806H1.30078V18.708H15.584V11.708H16.8838L16.8818 20Z" fill="%23DB7E00"/><path d="M8.62891 12.9589L7.70801 12.0471L15.1084 4.69501L16.0244 5.60809L8.62891 12.9589Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_827_49"><rect width="21" height="20" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_827_49)"><path d="M18.6439 2.37588L17.6271 8.10486L12.8817 3.38633L18.6439 2.37588Z" fill="%23DB7E00"/><path d="M16.8818 20H0V3.21606H9.75586V4.50806H1.30078V18.708H15.584V11.708H16.8838L16.8818 20Z" fill="%23DB7E00"/><path d="M8.62891 12.9589L7.70801 12.0471L15.1084 4.69501L16.0244 5.60809L8.62891 12.9589Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_827_49"><rect width="21" height="20" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--c-main);
  width: 21px;
  aspect-ratio: 21/20;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.p-products-sidebar-repair-btn__text {
  display: grid;
  gap: 6px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
}
.p-products-sidebar-repair-btn__text span {
  display: block;
}
.p-products-sidebar-repair-btn__text :lang(en) {
  font-family: var(--ff-en);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.09em;
  color: var(--c-main);
  text-transform: uppercase;
}

.p-search-box__input-wrap {
  position: relative;
}

.p-search-box__input {
  background-color: var(--c-white);
  width: 100%;
  border: solid 1px var(--c-gray-border-light);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 12px 40px 12px 12px;
}
.p-search-box__input::-moz-placeholder {
  color: rgba(87, 87, 87, 0.16);
}
.p-search-box__input::placeholder {
  color: rgba(87, 87, 87, 0.16);
}

.p-search-box__submit {
  position: absolute;
  display: grid;
  place-content: center;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 18px;
  aspect-ratio: 1;
}

.p-search-submit-btn {
  display: block;
  background-color: var(--c-font);
  color: var(--c-white);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
  padding: 8px 8px 10px 8px;
  text-align: center;
  width: 100%;
  max-width: 188px;
  margin-inline: auto;
  margin-top: 30px;
  position: relative;
  border-radius: 2px;
  border: solid 1px var(--c-font);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.p-search-submit-btn:hover {
  background-color: var(--c-white);
  color: var(--c-font);
  border-color: var(--c-font);
}
.p-search-submit-btn:hover::after {
  background-color: var(--c-font);
}
.p-search-submit-btn::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-mask: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_803_2)"><path d="M7.054 3C6.25219 3 5.4684 3.23776 4.80172 3.68322C4.13504 4.12868 3.61543 4.76183 3.30859 5.5026C3.00175 6.24337 2.92147 7.0585 3.0779 7.8449C3.23432 8.6313 3.62043 9.35365 4.18739 9.92061C4.75435 10.4876 5.4767 10.8737 6.2631 11.0301C7.0495 11.1865 7.86463 11.1062 8.6054 10.7994C9.34617 10.4926 9.97932 9.97296 10.4248 9.30628C10.8702 8.63961 11.108 7.85581 11.108 7.054C11.1067 5.97922 10.6791 4.94884 9.91915 4.18885C9.15916 3.42886 8.12878 3.00132 7.054 3ZM7.054 0C8.44915 0 9.81297 0.41371 10.973 1.18881C12.133 1.96392 13.0371 3.0656 13.571 4.35455C14.1049 5.6435 14.2446 7.06183 13.9725 8.43017C13.7003 9.79851 13.0285 11.0554 12.0419 12.0419C11.0554 13.0285 9.79851 13.7003 8.43017 13.9725C7.06183 14.2446 5.6435 14.1049 4.35455 13.571C3.0656 13.0371 1.96392 12.133 1.18881 10.973C0.41371 9.81297 0 8.44915 0 7.054C0 5.18316 0.743187 3.38895 2.06607 2.06607C3.38895 0.743187 5.18316 0 7.054 0Z" fill="white"/><path d="M15.8778 18L10.6348 12.757L12.7558 10.636L17.9987 15.879L15.8778 18Z" fill="white"/></g><defs><clipPath id="clip0_803_2"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_803_2)"><path d="M7.054 3C6.25219 3 5.4684 3.23776 4.80172 3.68322C4.13504 4.12868 3.61543 4.76183 3.30859 5.5026C3.00175 6.24337 2.92147 7.0585 3.0779 7.8449C3.23432 8.6313 3.62043 9.35365 4.18739 9.92061C4.75435 10.4876 5.4767 10.8737 6.2631 11.0301C7.0495 11.1865 7.86463 11.1062 8.6054 10.7994C9.34617 10.4926 9.97932 9.97296 10.4248 9.30628C10.8702 8.63961 11.108 7.85581 11.108 7.054C11.1067 5.97922 10.6791 4.94884 9.91915 4.18885C9.15916 3.42886 8.12878 3.00132 7.054 3ZM7.054 0C8.44915 0 9.81297 0.41371 10.973 1.18881C12.133 1.96392 13.0371 3.0656 13.571 4.35455C14.1049 5.6435 14.2446 7.06183 13.9725 8.43017C13.7003 9.79851 13.0285 11.0554 12.0419 12.0419C11.0554 13.0285 9.79851 13.7003 8.43017 13.9725C7.06183 14.2446 5.6435 14.1049 4.35455 13.571C3.0656 13.0371 1.96392 12.133 1.18881 10.973C0.41371 9.81297 0 8.44915 0 7.054C0 5.18316 0.743187 3.38895 2.06607 2.06607C3.38895 0.743187 5.18316 0 7.054 0Z" fill="white"/><path d="M15.8778 18L10.6348 12.757L12.7558 10.636L17.9987 15.879L15.8778 18Z" fill="white"/></g><defs><clipPath id="clip0_803_2"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-white);
  width: 15px;
  aspect-ratio: 1;
  transition: background-color 0.3s;
}

/* カテゴリー選択 */
.p-products-conditions-form-cat {
  margin-top: 16px;
  display: block;
  position: relative;
}
.p-products-conditions-form-cat::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_805_21)"><path d="M7.5127 7.99988L6.82617 7.39978L0.000976562 1.39978L1.37402 -0.00012207L7.51172 5.39294L13.626 0.000854492L15.001 1.40076L7.5127 7.99988Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_805_21"><rect width="15" height="8" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 15/8;
  width: 15px;
  pointer-events: none;
}

.p-products-conditions-form-cat__select {
  width: 100%;
  max-width: 100%;
  background-color: var(--c-white);
  border: solid 1px var(--c-gray-border-light);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  padding: 12px 36px 12px 12px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 選択部分 */
.p-products-conditions-form__container {
  background-color: hsl(0, 0%, 92%);
  overflow: hidden;
}

.p-products-conditions-form__main-inner {
  padding: 32px 16px;
}
@media screen and (max-width: 1024px) {
  .p-products-conditions-form__main-inner {
    padding-top: 16px;
    padding-bottom: 42px;
  }
}

.p-products-conditions-form-item + .p-products-conditions-form-item {
  margin-top: 20px;
}
.p-products-conditions-form-item + .p-products-conditions-form-item#crm-fieldset {
  margin-top: 0;
}
.p-products-conditions-form-item + .p-products-conditions-form-item#spring-fieldset {
  margin-top: 0;
}
.p-products-conditions-form-item + .p-products-conditions-form-item#hrz-fieldset {
  margin-top: 0;
}

.p-products-conditions-form-item-option {
  margin-top: 10px;
}

.p-products-conditions-form-item__heading {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  color: #575757;
}

.p-products-conditions-form-item__content {
  margin-top: 8px;
}

/* チェックボックス */
.p-products-conditions-form-checkbox {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}
.p-products-conditions-form-checkbox-col2 {
  grid-template-columns: 2fr 2fr;
}

.p-products-conditions-form-checkbox__item {
  display: block;
  background-color: var(--c-white);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03em;
  border-radius: 7px;
  padding: 12px 8px;
  display: grid;
  grid-template-columns: 16px 1fr;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  cursor: pointer;
}
.p-products-conditions-form-checkbox__item input, .p-products-conditions-form-checkbox__item input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 50%;
  background-color: #ebebeb;
  cursor: pointer;
}
.p-products-conditions-form-checkbox__item input:checked, .p-products-conditions-form-checkbox__item input[type=checkbox]:checked {
  background-color: var(--c-main);
}
.p-products-conditions-form-checkbox__item input:checked::after, .p-products-conditions-form-checkbox__item input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 5px;
  border-bottom: 2px solid var(--c-white);
  border-left: 2px solid var(--c-white);
  transform: rotate(-45deg);
}

/* 真偽系 */
.p-products-conditions-form-item__boolean-wrap {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
.p-products-conditions-form-item__boolean-wrap .p-products-conditions-form-item {
  margin-top: 0;
}

.p-products-conditions-form-boolean {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--c-white);
  place-content: center;
  border-radius: 10px;
  overflow: hidden;
}

.p-products-conditions-form-boolean__item {
  position: relative;
}
.p-products-conditions-form-boolean__item input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  display: block;
  width: 100%;
  height: 35px;
  background-color: var(--c-white);
}
.p-products-conditions-form-boolean__item input:checked {
  background-color: var(--c-main);
}
.p-products-conditions-form-boolean__item input:checked + .p-products-conditions-form-boolean__text {
  color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .p-products-conditions-form-boolean__item input {
    height: 46px;
  }
}

.p-products-conditions-form-boolean__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 2px;
}
@media screen and (max-width: 1024px) {
  .p-products-conditions-form-boolean__text {
    font-size: 16px;
  }
}

.p-products-category {
  display: grid;
  grid-template-columns: repeat(auto-fit, 285px);
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .p-products-category {
    grid-template-columns: repeat(auto-fit, 165px);
    gap: 12px;
  }
}

.p-products-category-card {
  aspect-ratio: 1;
}

.p-products-category-card__link {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--c-white);
  transition: background-color 0.3s;
  display: block;
}
@media not all and (max-width: 1024px) {
  .p-products-category-card__link:hover {
    background-color: var(--c-main);
  }
  .p-products-category-card__link:hover::after {
    background-color: var(--c-white);
  }
  .p-products-category-card__link:hover .p-products-category-card__heading {
    color: var(--c-white);
  }
  .p-products-category-card__link:hover .p-products-category-card__thumb img.hover {
    opacity: 1;
  }
}
@media not all and (max-width: 1024px) {
  .p-products-category-card__link:hover .p-products-category-card__heading-en {
    color: var(--c-white);
  }
}
.p-products-category-card__link::after {
  content: "";
  position: absolute;
  -webkit-mask: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_849_2)"><path d="M1.43555 15.0002L0 13.5471L13.1621 0.539246L14.5977 1.98846L1.43555 15.0002Z" fill="white"/><path d="M15 13.1462H13V2.04663H2.90039V0.00170898H15V13.1462Z" fill="white"/></g><defs><clipPath id="clip0_849_2"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_849_2)"><path d="M1.43555 15.0002L0 13.5471L13.1621 0.539246L14.5977 1.98846L1.43555 15.0002Z" fill="white"/><path d="M15 13.1462H13V2.04663H2.90039V0.00170898H15V13.1462Z" fill="white"/></g><defs><clipPath id="clip0_849_2"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #bebebe;
  width: 15px;
  aspect-ratio: 1;
  top: 16px;
  right: 16px;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .p-products-category-card__link::after {
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_32)"><path d="M1.36719 8.99963L0 7.61877L7.27441 0.433228L8.64062 1.81409L1.36719 8.99963Z" fill="%23BEBEBE"/><path d="M8.99951 7.6286H6.99951V1.93719H1.55518V0.00360107H8.99951V7.6286Z" fill="%23BEBEBE"/></g><defs><clipPath id="clip0_850_32"><rect width="9" height="9" fill="white"/></clipPath></defs></svg>');
            mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_32)"><path d="M1.36719 8.99963L0 7.61877L7.27441 0.433228L8.64062 1.81409L1.36719 8.99963Z" fill="%23BEBEBE"/><path d="M8.99951 7.6286H6.99951V1.93719H1.55518V0.00360107H8.99951V7.6286Z" fill="%23BEBEBE"/></g><defs><clipPath id="clip0_850_32"><rect width="9" height="9" fill="white"/></clipPath></defs></svg>');
    width: 9px;
    top: 9px;
    right: 9px;
  }
}

.p-products-category-card__heading-en {
  font-family: var(--ff-en);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: transparent;
  position: absolute;
  width: 100%;
  top: 16px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-products-category-card__heading-en {
    font-size: 12px;
    color: #888989;
  }
}

.p-products-category-card__heading {
  font-family: var(--ff-en);
  font-weight: 400;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--c-font);
  position: absolute;
  width: 100%;
  bottom: 16px;
  text-align: center;
  transition: color 0.3s;
}
@media screen and (max-width: 1024px) {
  .p-products-category-card__heading {
    font-size: 12px;
    letter-spacing: 0.03em;
    bottom: 10px;
  }
}

.p-products-category-card__thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
.p-products-category-card__thumb img.hover {
  opacity: 0;
}

.p-fixed-btn {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 220px;
  z-index: 100;
  text-align: center;
  background-color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .p-fixed-btn {
    bottom: 0;
    top: auto;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-fixed-btn__favorite {
  border: 1px solid #333;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: 0em;
  display: flex;
  gap: 6px;
  flex-direction: column;
  align-items: center;
  padding: 12px 10px;
}
@media screen and (max-width: 1024px) {
  .p-fixed-btn__favorite {
    border: solid 1px var(--c-font);
    background-color: var(--c-white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-align: center;
    display: grid;
    place-content: center;
    transition: opacity 0.3s;
    height: 56px;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 8px;
    border-right: none;
  }
}
.p-fixed-btn__favorite::before {
  content: "";
  display: block;
  width: 28px;
  aspect-ratio: 28/27;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 27"><path id="star-regular" d="M38.644.753a1.515,1.515,0,0,1,1.363.845l3.476,7.125a.085.085,0,0,0,.063.048l7.811,1.151a1.508,1.508,0,0,1,1.213,1.008,1.478,1.478,0,0,1-.367,1.523l-5.677,5.6,0,0a.085.085,0,0,0-.023.077l1.335,7.875a1.483,1.483,0,0,1-.612,1.46,1.531,1.531,0,0,1-1.6.1l-6.952-3.7-.009,0a.063.063,0,0,0-.046,0l-6.953,3.7a1.531,1.531,0,0,1-1.6-.1,1.483,1.483,0,0,1-.612-1.461l1.342-7.882a.1.1,0,0,0-.032-.085l-5.673-5.6a1.478,1.478,0,0,1-.366-1.523,1.508,1.508,0,0,1,1.214-1.008L33.75,8.771a.1.1,0,0,0,.064-.053L37.28,1.6A1.515,1.515,0,0,1,38.643.753Zm9.3,11.684-4.85-.715h-.009a3.109,3.109,0,0,1-2.327-1.7L38.645,5.69l-2.107,4.327,0,.008a3.116,3.116,0,0,1-2.326,1.7H34.2l-4.847.71,3.554,3.508,0,0a3.068,3.068,0,0,1,.866,2.679L32.949,23.5l4.229-2.251a3.111,3.111,0,0,1,2.935,0l4.228,2.25-.825-4.868a3.051,3.051,0,0,1,.873-2.685Z" transform="translate(-24.647 -0.753)" fill="%23b5b5b5"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .p-fixed-btn__favorite::before {
    width: 24px;
  }
}
.p-fixed-btn__products {
  border: 1px solid #333;
  border-top: 0;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.15;
  display: flex;
  gap: 6px;
  flex-direction: column;
  align-items: center;
  padding: 12px 10px;
}
@media screen and (max-width: 1024px) {
  .p-fixed-btn__products {
    border: solid 1px var(--c-font);
    background-color: var(--c-white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-align: center;
    display: grid;
    place-content: center;
    transition: opacity 0.3s;
    height: 56px;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 8px;
  }
}
.p-fixed-btn__products::before {
  content: "";
  display: block;
  width: 26px;
  aspect-ratio: 26/21;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 21"><path id="mail_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24" d="M82.6-779a2.492,2.492,0,0,1-1.836-.771A2.54,2.54,0,0,1,80-781.625v-15.75a2.54,2.54,0,0,1,.764-1.854A2.492,2.492,0,0,1,82.6-800h20.8a2.492,2.492,0,0,1,1.836.771,2.54,2.54,0,0,1,.764,1.854v15.75a2.54,2.54,0,0,1-.764,1.854A2.492,2.492,0,0,1,103.4-779ZM93-788.187,82.6-794.75v13.125h20.8V-794.75Zm0-2.625,10.4-6.562H82.6ZM82.6-794.75v0Z" transform="translate(-80 800)" fill="%23b5b5b5"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .p-fixed-btn__products::before {
    width: 28px;
  }
}

.p-sns-list-wrap {
  margin-top: clamp(50px, 12.5vw, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.p-sns-list-wrap__heading {
  font-family: var(--ff-en);
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.024em;
}
.p-sns-list-wrap__heading.-light {
  font-size: 25px;
  font-weight: 300;
}

.p-sns-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.p-sns-list__link {
  transition: opacity 0.3s;
}
.p-sns-list__link:hover {
  opacity: 0.7;
}

.gsap-mask {
  opacity: 1;
  --animation-delay: var(--delay, 0);
  --animation-duration: var(--duration, 800ms);
  --animation-iterations: var(--iterations, 1);
  animation-name: clip-text;
  white-space: nowrap;
}

.gsap-mask::after {
  animation-delay: var(--animation-delay, 1s);
  animation-iteration-count: var(--iterations, 1);
  animation-duration: var(--duration, 600ms);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-name: text-revealer;
}

@keyframes text-revealer {
  0%, 50% {
    transform-origin: 0 50%;
  }
  60%, 100% {
    transform-origin: 100% 50%;
  }
  60% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes clip-text {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.p-contact-link-box {
  margin-top: 100px;
  background-color: var(--c-font);
  margin-inline: auto;
  box-shadow: 45px 18px 0 #e5e5e5;
  margin-left: calc(50% - 50vw);
  width: calc(100vw - 45px);
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding-top: 54px;
  padding-bottom: 54px;
}
@media screen and (max-width: 1024px) {
  .p-contact-link-box {
    margin-top: 40px;
  }
}
.p-contact-link-box__heading {
  text-align: center;
  color: var(--c-white);
  font-size: clamp(1.375rem, 0.9375rem + 1.25vw, 1.875rem);
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.333;
}

.p-favorite-slider {
  padding-top: 80px;
  margin-top: 98px;
  border-top: 1px solid #C7C7C7;
}
.p-favorite-slider__thumb {
  aspect-ratio: 1;
}
.p-favorite-slider__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-favorite-slider__pn {
  font-family: var(--ff-en);
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #575757;
  margin-top: 20px;
}
.p-favorite-slider__title {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 8px;
}
.p-favorite-slider__heading {
  margin-bottom: 35px;
  font-size: 22px;
  letter-spacing: 0.03em;
}
.p-favorite-slider a {
  transition: all 0.4s;
}
.p-favorite-slider a:hover, .p-favorite-slider a:focus {
  opacity: 0.8;
}
.p-favorite-slider img {
  width: 100%;
}
.p-favorite-slider .splide__pagination {
  -moz-column-gap: 20px;
       column-gap: 20px;
  bottom: -30px;
}
.p-favorite-slider .splide__pagination__page {
  opacity: 1;
}
.p-favorite-slider .splide__pagination__page.is-active {
  background: var(--c-main);
  transform: scale(1);
}
.p-favorite-slider .splide__arrows {
  position: absolute;
  bottom: 100%;
  right: 0;
  display: flex;
  gap: 34px;
  transform: translateY(-100%);
}
.p-favorite-slider .splide__arrows::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--c-font);
}
.p-favorite-slider .splide__arrow {
  background: none;
  opacity: 1;
  width: 20px;
  aspect-ratio: 1;
  position: static;
  transform: translate(0);
}
@media screen and (max-width: 1024px) {
  .p-favorite-slider .splide__arrow {
    width: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-favorite-slider .splide__arrow svg {
    height: auto;
    width: auto;
  }
}
.p-favorite-slider__progress {
  margin-top: 35px;
  background-color: #E5E5E5;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .p-favorite-slider__progress {
    width: 100%;
  }
}
.p-favorite-slider__progress-bar {
  background-color: var(--c-main-light);
  height: 2px;
  transition: width 1000ms ease;
  width: 0;
}

.hm-mv {
  position: relative;
  z-index: 100;
}
.hm-mv__img {
  width: 100%;
}
.hm-mv__mask {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-image: url(../images/home/mask2.png);
          mask-image: url(../images/home/mask2.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 0;
          mask-size: 0;
  width: 100%;
}
.hm-mv__title {
  width: 31.1vw;
  max-width: 100%;
  aspect-ratio: 436/198;
  position: absolute;
  inset: 0;
  margin: auto;
  margin-right: 23vw;
}
.hm-mv .splide__slide {
  position: relative;
}
.hm-mv__heading.--second {
  width: 29.2vw;
  max-width: 100%;
  aspect-ratio: 404/182;
  position: relative;
  z-index: 1;
  opacity: 1;
  will-change: transform;
}
@media screen and (max-width: 1024px) {
  .hm-mv__heading.--second {
    aspect-ratio: 190/100;
    width: 50.67vw;
  }
}
.hm-mv__heading.--second img {
  width: 100%;
}
.hm-mv__heading.--first {
  width: 25.572vw;
  max-width: 100%;
  aspect-ratio: 358/89;
  position: absolute;
  inset: 0;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .hm-mv__heading.--first {
    aspect-ratio: 220/55;
    width: 58.667vw;
  }
}
.hm-mv__heading.--first img {
  width: 100%;
}

.hm-mv-slider {
  position: relative;
}
.hm-mv-slider .splide__pagination__page {
  opacity: 1;
  width: 24px;
  height: 3px;
  background-color: var(--c-white);
  border-radius: 0;
  margin: 6px;
}
.hm-mv-slider .splide__pagination__page.is-active {
  background: #e26800;
  transform: scale(1);
}
.hm-mv-slider .splide__pagination {
  bottom: 2.4vw;
}

.hm-new-products-slider {
  padding-top: 50px;
  margin-left: 40px;
}
@media screen and (max-width: 1024px) {
  .hm-new-products-slider {
    margin-left: 0;
  }
}
.hm-new-products-slider a {
  transition: all 0.4s;
}
.hm-new-products-slider a:hover, .hm-new-products-slider a:focus {
  opacity: 0.8;
}
.hm-new-products-slider img {
  width: 100%;
}
.hm-new-products-slider .splide__pagination {
  -moz-column-gap: 20px;
       column-gap: 20px;
  bottom: -30px;
}
.hm-new-products-slider .splide__pagination__page {
  opacity: 1;
}
.hm-new-products-slider .splide__pagination__page.is-active {
  background: var(--c-main);
  transform: scale(1);
}
.hm-new-products-slider .splide__arrows {
  position: absolute;
  bottom: 100%;
  right: 0;
  display: flex;
  gap: 34px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .hm-new-products-slider .splide__arrows {
    gap: 10px;
  }
}
.hm-new-products-slider .splide__arrows::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--c-white);
}
.hm-new-products-slider .splide__arrow {
  background: none;
  opacity: 1;
  width: 20px;
  aspect-ratio: 1;
  position: static;
  transform: translate(0);
}
@media screen and (max-width: 1024px) {
  .hm-new-products-slider .splide__arrow {
    width: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-new-products-slider .splide__arrow svg {
    height: auto;
    width: auto;
  }
}

.hm-mv-container {
  display: inline-block; /* SVGのサイズに合わせる */
  overflow: hidden;
  position: absolute;
  right: 13.6vw;
  bottom: 14vw;
}
@media screen and (max-width: 1024px) {
  .hm-mv-container {
    bottom: 10vw;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
}

.hm-mv-revealer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-white); /* SVGと同じ色、または好きな色 */
  transform: scaleX(0); /* 初期状態は非表示 */
  transform-origin: left center; /* 左から伸びるように設定 */
  z-index: 2; /* SVGより手前に表示 */
  will-change: transform;
}

.hm-news__inner {
  --inner: 1200px;
  padding-top: 124px;
  padding-bottom: 124px;
}
@media screen and (max-width: 1024px) {
  .hm-news__inner {
    --inner: 432px;
    padding-top: 50px;
    padding-bottom: 64px;
  }
}
.hm-news__btn {
  position: relative;
  font-size: 14px;
  width: 182px;
  max-width: 100%;
  aspect-ratio: 1;
  margin-top: 44px;
  border-radius: 50%;
  overflow: hidden;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 1024px) {
  .hm-news__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c-font);
    order: 1;
    margin-top: 0;
    width: 100%;
    aspect-ratio: auto;
    max-width: 292px;
    border-radius: 0;
    flex-direction: row;
    min-height: 64px;
    margin-inline: auto;
    font-size: 16px;
  }
}
.hm-news__btn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  gap: 6px;
}
.hm-news__btn-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .hm-news__btn-svg {
    display: none;
  }
}
.hm-news__btn-svg .js-circle-01-icon {
  stroke-dasharray: 570; /* 円周: 2πr ≈ 2*3.14*90.5 */
  stroke-dashoffset: 570;
  opacity: 1;
  transition: stroke 0.3s;
}
@media screen and (max-width: 1024px) {
  .hm-news__btn-deco {
    display: flex;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.hm-news__btn-deco svg {
  width: 29px;
}
@media screen and (max-width: 1024px) {
  .hm-news__btn-deco svg {
    width: 16px;
  }
}
.hm-news__box {
  display: flex;
  justify-content: center;
  gap: 116px;
}
@media screen and (max-width: 1024px) {
  .hm-news__box {
    flex-direction: column;
    gap: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-news__title-box {
    display: contents;
  }
}

.hm-news-list {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .hm-news-list {
    margin-top: 20px;
  }
}

.hm-news-heading {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .hm-news-heading {
    margin-inline: auto;
    text-align: center;
  }
}
.hm-news-heading h2 {
  font-size: clamp(31px, 7.75vw, 42px);
  letter-spacing: 0.058em;
}
.hm-news-heading__sub {
  font-size: clamp(15px, 3.75vw, 20px);
  font-family: var(--ff-en);
  font-weight: 300;
  letter-spacing: 0.073em;
}
@media screen and (max-width: 1024px) {
  .hm-news-heading__sub {
    line-height: 1;
  }
}

.hm-parts-heading--white {
  color: var(--c-white);
}
.hm-parts-heading h2 {
  font-size: clamp(12px, 3vw, 15px);
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .hm-parts-heading h2 {
    font-weight: normal;
  }
}

.hm-parts-heading__sub {
  font-family: var(--ff-en);
  font-weight: normal;
  letter-spacing: 0.05em;
  font-size: clamp(28px, 7vw, 36px);
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .hm-parts-heading__sub {
    line-height: 1;
  }
}

.hm-new-products {
  position: relative;
  background: linear-gradient(90deg, rgb(18, 18, 20) calc(100% - 56px), transparent calc(100% - 56px));
}
@media screen and (max-width: 1280px) {
  .hm-new-products {
    background: #121214;
  }
}
.hm-new-products::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -60px;
  right: 0px;
  width: 100%;
  height: 472px;
  z-index: -1;
  background-color: var(--c-main);
}
@media screen and (max-width: 1280px) {
  .hm-new-products::after {
    bottom: -35px;
    width: 92%;
  }
}
.hm-new-products__inner {
  position: relative;
  --inner: 1200px;
  padding-top: 124px;
  padding-bottom: 124px;
  margin-left: calc((100vw - 1200px) / 2);
  margin-right: 96px;
}
@media screen and (max-width: 1280px) {
  .hm-new-products__inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-new-products__inner {
    --inner: 432px;
  }
}

.hm-our-brands {
  position: relative;
}
.hm-our-brands__inner {
  position: relative;
  --inner: 1200px;
  padding-top: 124px;
  padding-bottom: 124px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands__inner {
    padding-top: 100px;
    padding-bottom: 0px;
    --inner: 400px;
  }
}

.hm-our-brands-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tabs {
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
  }
}

.hm-our-brands-tab {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab {
    justify-content: center;
    gap: 20px;
    width: 100%;
  }
}
.hm-our-brands-tab__item {
  width: 100%;
  max-width: 92px;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hm-our-brands-tab__item:hover {
  opacity: 0.6;
}
.hm-our-brands-tab__item::after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml,<svg width="86" height="7" viewBox="0 0 86 7" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_487_32)"><path d="M0 6.4993H84.3285" stroke="%23A39E9E"/><path d="M86 6.82675L74.0976 6.82675V0L86 6.82675Z" fill="%23A39F9F"/></g><defs><clipPath id="clip0_487_32"><rect width="86" height="7" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 86px;
  max-width: 100%;
  aspect-ratio: 86/7;
  margin-top: 10px;
}
.hm-our-brands-tab__item.is-active::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><circle id="楕円形_1161" data-name="楕円形 1161" cx="6" cy="6" r="6"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  aspect-ratio: 1;
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab__item.is-active::after {
    width: 7px;
    height: 7px;
  }
}

.hm-our-brands-tab-main {
  margin-top: 75px;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main {
    margin-top: 32px;
  }
}
.hm-our-brands-tab-main__item {
  display: flex;
  gap: 36px;
  margin-bottom: 90px;
}
.hm-our-brands-tab-main__item.is-active {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__item {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 30px;
  }
  .hm-our-brands-tab-main__item:last-child {
    border-bottom: none;
  }
}
.hm-our-brands-tab-main__text-box {
  flex: 1;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
.hm-our-brands-tab-main__text-box figure {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text-box figure {
    padding-top: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text-box .c-btn {
    font-size: 15px;
    width: 70%;
    margin: 0 auto;
    min-height: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text-box {
    gap: 24px;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text-box figure img {
    width: 55%;
    margin-inline: auto;
  }
}
.hm-our-brands-tab-main__text {
  font-weight: normal;
  line-height: 2.125;
  letter-spacing: 0;
  color: #0d0d0d;
  margin-top: -20px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text {
    margin-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__text + .c-btn {
    margin-top: 10px;
  }
}
.hm-our-brands-tab-main__img {
  position: relative;
  z-index: 1;
  width: 740px;
  max-width: 100%;
  aspect-ratio: 740/493;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__img {
    width: 678px;
    max-width: 100%;
    aspect-ratio: 678/584;
  }
}
.hm-our-brands-tab-main__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hm-our-brands-tab-main__img::after {
  content: "";
  display: block;
  background-color: var(--c-gray-light);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 48px;
  right: 58px;
}
@media screen and (max-width: 1024px) {
  .hm-our-brands-tab-main__img::after {
    height: 78%;
    bottom: -12px;
    right: 12px;
    top: auto;
  }
}

@media screen and (max-width: 1024px) {
  .pg-products-container {
    --inner: 432px;
    margin-top: 30px;
    padding-bottom: 100px;
  }
}

.pg-products-column {
  display: grid;
  grid-template-columns: 445px 1fr;
  gap: 58px;
}
@media screen and (max-width: 1024px) {
  .pg-products-column {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.pg-products__sub-title {
  font-size: clamp(1rem, 0.890625rem + 0.3125vw, 1.125rem);
  color: #e26800;
  letter-spacing: 0.024em;
  font-weight: normal;
}
.pg-products__title {
  font-size: clamp(1rem, 0.78125rem + 0.625vw, 1.25rem);
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .pg-products__title {
    padding: 8px 0;
  }
}
.pg-products__btn-wrap {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-wrap {
    justify-content: center;
  }
}
.pg-products__btn {
  padding: 2px 16px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.7109375rem + 0.46875vw, 1.0625rem);
  color: #e26800;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #e26800;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
  transition: opacity 0.3s;
}
.pg-products__btn::after {
  content: "";
  display: block;
  width: 9px;
  height: 15px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15"><path id="パス_107932" data-name="パス 107932" d="M6.832,8.267-.681.842.695-.733,6.829,5.331,12.942-.731,14.319.841Z" transform="translate(0.733 14.319) rotate(-90)" fill="%23e26800"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.pg-products__btn:hover {
  opacity: 0.7;
}
.pg-products__cat-list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 6px;
  font-size: 12px;
  padding: 8px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .pg-products__cat-list {
    justify-content: start;
  }
}
.pg-products__cat-list a {
  display: block;
  padding: 4px 16px;
  background: #fff;
  color: #666;
  border-radius: 8em;
}
.pg-products__icon-list {
  display: flex;
  gap: 12px;
  margin-top: 34px;
}
@media screen and (max-width: 1024px) {
  .pg-products__icon-list {
    justify-content: center;
  }
}
.pg-products__icon-num {
  width: 60px;
}
@media screen and (max-width: 1024px) {
  .pg-products__icon-num {
    width: 54px;
  }
}
.pg-products__text {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.024em;
  line-height: 2;
  margin-top: 28px;
}
.pg-products__favorite {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 1024px) {
  .pg-products__favorite {
    right: 30px;
  }
}
.pg-products__favorite .simplefavorite-button {
  display: block;
}
.pg-products__favorite .simplefavorite-button::after {
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_844_2)"><path d="M7.999 0L10.39 5.083C10.4174 5.14272 10.4591 5.19477 10.5115 5.23454C10.5638 5.2743 10.6251 5.30057 10.69 5.311L16 6.125L12.157 10.059C12.1096 10.1078 12.0745 10.1672 12.0543 10.2321C12.0342 10.2971 12.0296 10.3659 12.041 10.433L12.951 16.001L8.174 13.364C8.12042 13.3339 8.05998 13.318 7.9985 13.318C7.93702 13.318 7.87658 13.3339 7.823 13.364L3.045 16.002L3.96 10.425C3.97075 10.3576 3.96569 10.2887 3.94521 10.2236C3.92473 10.1585 3.8894 10.0991 3.842 10.05L0 6.119L5.32 5.31C5.38373 5.29841 5.44369 5.27151 5.49473 5.23162C5.54577 5.19173 5.58635 5.14004 5.613 5.081L7.999 0ZM13.938 6.812L10.531 6.291C10.3065 6.25481 10.0943 6.16427 9.91289 6.02727C9.73145 5.89027 9.58626 5.71097 9.49 5.505L7.999 2.34L6.514 5.504C6.41744 5.70985 6.27218 5.88909 6.09081 6.02621C5.90943 6.16334 5.69738 6.25422 5.473 6.291L2.065 6.809L4.557 9.361C4.71206 9.52157 4.82759 9.71605 4.89441 9.92903C4.96124 10.142 4.97753 10.3676 4.942 10.588L4.359 14.14L7.341 12.494C7.54271 12.3823 7.76942 12.3235 8 12.323C8.23076 12.3231 8.45764 12.3823 8.659 12.495L11.638 14.14L11.058 10.591C11.0218 10.3703 11.0379 10.1442 11.1051 9.93087C11.1724 9.71756 11.2888 9.52304 11.445 9.363L13.938 6.812Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_844_2"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_844_2)"><path d="M7.999 0L10.39 5.083C10.4174 5.14272 10.4591 5.19477 10.5115 5.23454C10.5638 5.2743 10.6251 5.30057 10.69 5.311L16 6.125L12.157 10.059C12.1096 10.1078 12.0745 10.1672 12.0543 10.2321C12.0342 10.2971 12.0296 10.3659 12.041 10.433L12.951 16.001L8.174 13.364C8.12042 13.3339 8.05998 13.318 7.9985 13.318C7.93702 13.318 7.87658 13.3339 7.823 13.364L3.045 16.002L3.96 10.425C3.97075 10.3576 3.96569 10.2887 3.94521 10.2236C3.92473 10.1585 3.8894 10.0991 3.842 10.05L0 6.119L5.32 5.31C5.38373 5.29841 5.44369 5.27151 5.49473 5.23162C5.54577 5.19173 5.58635 5.14004 5.613 5.081L7.999 0ZM13.938 6.812L10.531 6.291C10.3065 6.25481 10.0943 6.16427 9.91289 6.02727C9.73145 5.89027 9.58626 5.71097 9.49 5.505L7.999 2.34L6.514 5.504C6.41744 5.70985 6.27218 5.88909 6.09081 6.02621C5.90943 6.16334 5.69738 6.25422 5.473 6.291L2.065 6.809L4.557 9.361C4.71206 9.52157 4.82759 9.71605 4.89441 9.92903C4.96124 10.142 4.97753 10.3676 4.942 10.588L4.359 14.14L7.341 12.494C7.54271 12.3823 7.76942 12.3235 8 12.323C8.23076 12.3231 8.45764 12.3823 8.659 12.495L11.638 14.14L11.058 10.591C11.0218 10.3703 11.0379 10.1442 11.1051 9.93087C11.1724 9.71756 11.2888 9.52304 11.445 9.363L13.938 6.812Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_844_2"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #b5b5b5;
}
@media screen and (max-width: 1024px) {
  .pg-products__favorite .simplefavorite-button::after {
    width: 30px;
  }
}
.pg-products__favorite .simplefavorite-button.active::after {
  -webkit-mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_845_6)"><path d="M7.99901 1.14404L6.07101 5.27804C6.01002 5.41054 5.91753 5.52611 5.80162 5.61466C5.68571 5.7032 5.54989 5.76204 5.40601 5.78604L1.06201 6.45104L4.21601 9.70304C4.31654 9.80809 4.39141 9.93496 4.43478 10.0737C4.47815 10.2125 4.48883 10.3594 4.46601 10.503L3.72101 15.076L7.58401 12.929C7.71067 12.8576 7.85361 12.8201 7.99901 12.8201C8.14441 12.8201 8.28736 12.8576 8.41401 12.929L12.277 15.076L11.535 10.506C11.5113 10.3624 11.5216 10.2153 11.565 10.0764C11.6084 9.93743 11.6838 9.81061 11.785 9.70604L14.939 6.45504L10.595 5.79104C10.451 5.76729 10.3151 5.70855 10.1992 5.61997C10.0832 5.53139 9.99079 5.4157 9.93001 5.28304L7.99901 1.14404Z" fill="%23B5B5B5"/><path d="M7.99898 0L10.379 5.068C10.4062 5.12647 10.4473 5.17738 10.4987 5.21626C10.5501 5.25514 10.6103 5.2808 10.674 5.291L16.001 6.107L12.139 10.068C12.0942 10.1132 12.0609 10.1685 12.0417 10.2292C12.0226 10.2899 12.0182 10.3543 12.029 10.417L12.94 16L8.18198 13.369C8.12651 13.338 8.06402 13.3217 8.00048 13.3217C7.93693 13.3217 7.87445 13.338 7.81898 13.369L3.05898 16.001L3.97398 10.414C3.98367 10.351 3.9786 10.2866 3.95916 10.2258C3.93973 10.1651 3.90646 10.1097 3.86198 10.064L0.000976562 6.104L5.33198 5.291C5.39531 5.27981 5.455 5.25352 5.50601 5.21435C5.55701 5.17518 5.59782 5.12429 5.62498 5.066L7.99898 0ZM13.893 6.823L10.526 6.307C10.3014 6.27027 10.0893 6.17905 9.90815 6.04133C9.72701 5.9036 9.5824 5.72357 9.48698 5.517L7.99898 2.351L6.51598 5.517C6.42017 5.72292 6.2757 5.90244 6.09504 6.04007C5.91438 6.1777 5.70294 6.26931 5.47898 6.307L2.10998 6.82L4.56198 9.335C4.71934 9.49872 4.83648 9.69678 4.90417 9.91354C4.97185 10.1303 4.98822 10.3598 4.95198 10.584L4.37498 14.107L7.34998 12.462C7.54919 12.3515 7.77318 12.2934 8.00098 12.293C8.22904 12.2933 8.45321 12.3522 8.65198 12.464L11.625 14.108L11.051 10.588C11.0138 10.3633 11.0299 10.1331 11.098 9.91581C11.1661 9.69852 11.2842 9.50026 11.443 9.337L13.893 6.823Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_845_6"><rect width="16.001" height="16" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_845_6)"><path d="M7.99901 1.14404L6.07101 5.27804C6.01002 5.41054 5.91753 5.52611 5.80162 5.61466C5.68571 5.7032 5.54989 5.76204 5.40601 5.78604L1.06201 6.45104L4.21601 9.70304C4.31654 9.80809 4.39141 9.93496 4.43478 10.0737C4.47815 10.2125 4.48883 10.3594 4.46601 10.503L3.72101 15.076L7.58401 12.929C7.71067 12.8576 7.85361 12.8201 7.99901 12.8201C8.14441 12.8201 8.28736 12.8576 8.41401 12.929L12.277 15.076L11.535 10.506C11.5113 10.3624 11.5216 10.2153 11.565 10.0764C11.6084 9.93743 11.6838 9.81061 11.785 9.70604L14.939 6.45504L10.595 5.79104C10.451 5.76729 10.3151 5.70855 10.1992 5.61997C10.0832 5.53139 9.99079 5.4157 9.93001 5.28304L7.99901 1.14404Z" fill="%23B5B5B5"/><path d="M7.99898 0L10.379 5.068C10.4062 5.12647 10.4473 5.17738 10.4987 5.21626C10.5501 5.25514 10.6103 5.2808 10.674 5.291L16.001 6.107L12.139 10.068C12.0942 10.1132 12.0609 10.1685 12.0417 10.2292C12.0226 10.2899 12.0182 10.3543 12.029 10.417L12.94 16L8.18198 13.369C8.12651 13.338 8.06402 13.3217 8.00048 13.3217C7.93693 13.3217 7.87445 13.338 7.81898 13.369L3.05898 16.001L3.97398 10.414C3.98367 10.351 3.9786 10.2866 3.95916 10.2258C3.93973 10.1651 3.90646 10.1097 3.86198 10.064L0.000976562 6.104L5.33198 5.291C5.39531 5.27981 5.455 5.25352 5.50601 5.21435C5.55701 5.17518 5.59782 5.12429 5.62498 5.066L7.99898 0ZM13.893 6.823L10.526 6.307C10.3014 6.27027 10.0893 6.17905 9.90815 6.04133C9.72701 5.9036 9.5824 5.72357 9.48698 5.517L7.99898 2.351L6.51598 5.517C6.42017 5.72292 6.2757 5.90244 6.09504 6.04007C5.91438 6.1777 5.70294 6.26931 5.47898 6.307L2.10998 6.82L4.56198 9.335C4.71934 9.49872 4.83648 9.69678 4.90417 9.91354C4.97185 10.1303 4.98822 10.3598 4.95198 10.584L4.37498 14.107L7.34998 12.462C7.54919 12.3515 7.77318 12.2934 8.00098 12.293C8.22904 12.2933 8.45321 12.3522 8.65198 12.464L11.625 14.108L11.051 10.588C11.0138 10.3633 11.0299 10.1331 11.098 9.91581C11.1661 9.69852 11.2842 9.50026 11.443 9.337L13.893 6.823Z" fill="%23B5B5B5"/></g><defs><clipPath id="clip0_845_6"><rect width="16.001" height="16" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.pg-products__gallery {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pg-products__gallery {
    padding: 8px 24px;
  }
}
.pg-products__image-group {
  display: none;
}
.pg-products__image-group.is-active {
  display: block;
}
.pg-products__img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  margin-inline: auto;
  background-color: var(--c-white);
  border-radius: 8px;
}
.pg-products__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.pg-products__btn-box {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 28px;
  margin-top: 30px;
  font-size: clamp(0.8125rem, 0.6484375rem + 0.46875vw, 1rem);
  letter-spacing: 0.03em;
  font-weight: bold;
  color: var(--c-main);
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-box {
    display: flex;
    margin-top: 10px;
    gap: 8px;
    justify-content: center;
  }
}
.pg-products__btn-pdf {
  position: relative;
  padding: 12px 24px;
  background-color: var(--c-white);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 16px;
  width: 210px;
  max-width: 100%;
  flex: 1;
  transition: background-color 0.3s, color 0.3s;
}
.pg-products__btn-pdf:hover {
  background-color: var(--c-main);
  color: var(--c-white);
}
.pg-products__btn-pdf:hover::before {
  background-color: var(--c-white);
}
.pg-products__btn-pdf:hover::after {
  background-color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-pdf {
    gap: 8px;
    padding: 12px 12px;
  }
}
.pg-products__btn-pdf::before {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_661_21)"><path d="M16.667 24.469C16.8892 24.4669 17.1015 24.3769 17.2576 24.2188C17.4137 24.0607 17.5009 23.8472 17.5 23.625V8.438H13.333C13.1127 8.43682 12.8948 8.3922 12.6918 8.30668C12.4888 8.22116 12.3046 8.09643 12.1499 7.93963C11.9951 7.78283 11.8728 7.59705 11.7899 7.39291C11.7071 7.18877 11.6653 6.9703 11.667 6.75V2.531H3.33305C3.11087 2.53311 2.89856 2.62306 2.74248 2.7812C2.5864 2.93934 2.49925 3.15281 2.50005 3.375V23.625C2.49925 23.8472 2.5864 24.0607 2.74248 24.2188C2.89856 24.3769 3.11087 24.4669 3.33305 24.469H16.667ZM4.87845e-05 3.375C-0.0047423 2.4857 0.343535 1.63083 0.968427 0.998066C1.59332 0.3653 2.44376 0.00634505 3.33305 2.36801e-08H11.953C12.392 -5.24431e-05 12.8265 0.0870817 13.2315 0.256344C13.6364 0.425606 14.0037 0.673624 14.312 0.986L19.026 5.758C19.652 6.39544 20.0019 7.25363 20 8.147V23.625C20.0048 24.5143 19.6566 25.3692 19.0317 26.0019C18.4068 26.6347 17.5563 26.9937 16.667 27H3.33305C2.44376 26.9937 1.59332 26.6347 0.968427 26.0019C0.343535 25.3692 -0.0047423 24.5143 4.87845e-05 23.625V3.375Z" fill="%23E26800"/></g><defs><clipPath id="clip0_661_21"><rect width="20" height="27" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_661_21)"><path d="M16.667 24.469C16.8892 24.4669 17.1015 24.3769 17.2576 24.2188C17.4137 24.0607 17.5009 23.8472 17.5 23.625V8.438H13.333C13.1127 8.43682 12.8948 8.3922 12.6918 8.30668C12.4888 8.22116 12.3046 8.09643 12.1499 7.93963C11.9951 7.78283 11.8728 7.59705 11.7899 7.39291C11.7071 7.18877 11.6653 6.9703 11.667 6.75V2.531H3.33305C3.11087 2.53311 2.89856 2.62306 2.74248 2.7812C2.5864 2.93934 2.49925 3.15281 2.50005 3.375V23.625C2.49925 23.8472 2.5864 24.0607 2.74248 24.2188C2.89856 24.3769 3.11087 24.4669 3.33305 24.469H16.667ZM4.87845e-05 3.375C-0.0047423 2.4857 0.343535 1.63083 0.968427 0.998066C1.59332 0.3653 2.44376 0.00634505 3.33305 2.36801e-08H11.953C12.392 -5.24431e-05 12.8265 0.0870817 13.2315 0.256344C13.6364 0.425606 14.0037 0.673624 14.312 0.986L19.026 5.758C19.652 6.39544 20.0019 7.25363 20 8.147V23.625C20.0048 24.5143 19.6566 25.3692 19.0317 26.0019C18.4068 26.6347 17.5563 26.9937 16.667 27H3.33305C2.44376 26.9937 1.59332 26.6347 0.968427 26.0019C0.343535 25.3692 -0.0047423 24.5143 4.87845e-05 23.625V3.375Z" fill="%23E26800"/></g><defs><clipPath id="clip0_661_21"><rect width="20" height="27" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 20px;
  max-width: 100%;
  aspect-ratio: 20/27;
  flex-shrink: 0;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-pdf::before {
    width: 14px;
  }
}
.pg-products__btn-pdf::after {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.43801 0.499989L9.3779 11.2148" stroke="%23E26800"/><path d="M14.0773 6.72467L9.43871 11.3633L4.48472 6.4093" stroke="%23E26800"/><path d="M0.5 11.842V15.5H18.5V11.842" stroke="%23E26800" stroke-linecap="square" stroke-linejoin="round"/></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.43801 0.499989L9.3779 11.2148" stroke="%23E26800"/><path d="M14.0773 6.72467L9.43871 11.3633L4.48472 6.4093" stroke="%23E26800"/><path d="M0.5 11.842V15.5H18.5V11.842" stroke="%23E26800" stroke-linecap="square" stroke-linejoin="round"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 19px;
  max-width: 100%;
  aspect-ratio: 19/16;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-pdf::after {
    width: 15px;
  }
}
.pg-products__btn-video {
  position: relative;
  padding: 12px 24px;
  background-color: var(--c-white);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 16px;
  width: 210px;
  max-width: 100%;
  flex: 1;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-video {
    max-width: 170px;
  }
}
.pg-products__btn-video:hover {
  background-color: var(--c-main);
  color: var(--c-white);
}
.pg-products__btn-video:hover::before {
  background-color: var(--c-white);
}
.pg-products__btn-video:hover::after {
  background-color: var(--c-white);
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-video {
    gap: 8px;
    padding: 12px 12px;
  }
}
.pg-products__btn-video::before {
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_46)"><path d="M0 3.42903C0.0102909 2.51046 0.384606 1.63351 1.04079 0.990636C1.69698 0.347762 2.58142 -0.00850618 3.5 2.7784e-05H24.5C25.4186 -0.00850618 26.303 0.347762 26.9592 0.990636C27.6154 1.63351 27.9897 2.51046 28 3.42903V20.571C27.9897 21.4896 27.6154 22.3665 26.9592 23.0094C26.303 23.6523 25.4186 24.0086 24.5 24H3.5C2.58142 24.0086 1.69698 23.6523 1.04079 23.0094C0.384606 22.3665 0.0102909 21.4896 0 20.571L0 3.42903ZM2.625 18V19.714C2.62816 19.9435 2.72194 20.1623 2.88586 20.3229C3.04978 20.4834 3.27055 20.5726 3.5 20.571H5.25C5.47945 20.5726 5.70022 20.4834 5.86414 20.3229C6.02806 20.1623 6.12184 19.9435 6.125 19.714V18C6.12184 17.7706 6.02806 17.5517 5.86414 17.3912C5.70022 17.2306 5.47945 17.1414 5.25 17.143H3.5C3.27055 17.1414 3.04978 17.2306 2.88586 17.3912C2.72194 17.5517 2.62816 17.7706 2.625 18ZM22.75 17.143C22.5206 17.1414 22.2998 17.2306 22.1359 17.3912C21.9719 17.5517 21.8782 17.7706 21.875 18V19.714C21.8782 19.9435 21.9719 20.1623 22.1359 20.3229C22.2998 20.4834 22.5206 20.5726 22.75 20.571H24.5C24.7294 20.5726 24.9502 20.4834 25.1141 20.3229C25.2781 20.1623 25.3718 19.9435 25.375 19.714V18C25.3718 17.7706 25.2781 17.5517 25.1141 17.3912C24.9502 17.2306 24.7294 17.1414 24.5 17.143H22.75ZM2.625 11.143V12.857C2.62816 13.0865 2.72194 13.3053 2.88586 13.4659C3.04978 13.6264 3.27055 13.7156 3.5 13.714H5.25C5.47945 13.7156 5.70022 13.6264 5.86414 13.4659C6.02806 13.3053 6.12184 13.0865 6.125 12.857V11.143C6.12184 10.9136 6.02806 10.6947 5.86414 10.5342C5.70022 10.3736 5.47945 10.2844 5.25 10.286H3.5C3.27055 10.2844 3.04978 10.3736 2.88586 10.5342C2.72194 10.6947 2.62816 10.9136 2.625 11.143ZM22.75 10.286C22.5206 10.2844 22.2998 10.3736 22.1359 10.5342C21.9719 10.6947 21.8782 10.9136 21.875 11.143V12.857C21.8782 13.0865 21.9719 13.3053 22.1359 13.4659C22.2998 13.6264 22.5206 13.7156 22.75 13.714H24.5C24.7294 13.7156 24.9502 13.6264 25.1141 13.4659C25.2781 13.3053 25.3718 13.0865 25.375 12.857V11.143C25.3718 10.9136 25.2781 10.6947 25.1141 10.5342C24.9502 10.3736 24.7294 10.2844 24.5 10.286H22.75ZM2.625 4.28603V6.00003C2.62816 6.22946 2.72194 6.44832 2.88586 6.60888C3.04978 6.76943 3.27055 6.85863 3.5 6.85703H5.25C5.47945 6.85863 5.70022 6.76943 5.86414 6.60888C6.02806 6.44832 6.12184 6.22946 6.125 6.00003V4.28603C6.12184 4.0566 6.02806 3.83773 5.86414 3.67718C5.70022 3.51663 5.47945 3.42742 5.25 3.42903H3.5C3.27055 3.42742 3.04978 3.51663 2.88586 3.67718C2.72194 3.83773 2.62816 4.0566 2.625 4.28603ZM22.75 3.42903C22.5206 3.42742 22.2998 3.51663 22.1359 3.67718C21.9719 3.83773 21.8782 4.0566 21.875 4.28603V6.00003C21.8782 6.22946 21.9719 6.44832 22.1359 6.60888C22.2998 6.76943 22.5206 6.85863 22.75 6.85703H24.5C24.7294 6.85863 24.9502 6.76943 25.1141 6.60888C25.2781 6.44832 25.3718 6.22946 25.375 6.00003V4.28603C25.3718 4.0566 25.2781 3.83773 25.1141 3.67718C24.9502 3.51663 24.7294 3.42742 24.5 3.42903H22.75ZM8.75 5.14303V8.57203C8.75222 8.79952 8.79926 9.02434 8.88844 9.23364C8.97761 9.44294 9.10717 9.6326 9.2697 9.79179C9.43223 9.95098 9.62455 10.0766 9.83566 10.1614C10.0468 10.2462 10.2725 10.2885 10.5 10.286H17.5C17.7275 10.2885 17.9532 10.2462 18.1643 10.1614C18.3754 10.0766 18.5678 9.95098 18.7303 9.79179C18.8928 9.6326 19.0224 9.44294 19.1116 9.23364C19.2007 9.02434 19.2478 8.79952 19.25 8.57203V5.14303C19.2478 4.91554 19.2007 4.69071 19.1116 4.48142C19.0224 4.27212 18.8928 4.08246 18.7303 3.92327C18.5678 3.76408 18.3754 3.63849 18.1643 3.55369C17.9532 3.46888 17.7275 3.42652 17.5 3.42903H10.5C10.2725 3.42652 10.0468 3.46888 9.83566 3.55369C9.62455 3.63849 9.43223 3.76408 9.2697 3.92327C9.10717 4.08246 8.97761 4.27212 8.88844 4.48142C8.79926 4.69071 8.75222 4.91554 8.75 5.14303ZM10.5 13.714C10.2725 13.7115 10.0468 13.7539 9.83566 13.8387C9.62455 13.9235 9.43223 14.0491 9.2697 14.2083C9.10717 14.3675 8.97761 14.5571 8.88844 14.7664C8.79926 14.9757 8.75222 15.2005 8.75 15.428V18.857C8.75222 19.0845 8.79926 19.3093 8.88844 19.5186C8.97761 19.7279 9.10717 19.9176 9.2697 20.0768C9.43223 20.236 9.62455 20.3616 9.83566 20.4464C10.0468 20.5312 10.2725 20.5735 10.5 20.571H17.5C17.7275 20.5735 17.9532 20.5312 18.1643 20.4464C18.3754 20.3616 18.5678 20.236 18.7303 20.0768C18.8928 19.9176 19.0224 19.7279 19.1116 19.5186C19.2007 19.3093 19.2478 19.0845 19.25 18.857V15.429C19.2478 15.2015 19.2007 14.9767 19.1116 14.7674C19.0224 14.5581 18.8928 14.3685 18.7303 14.2093C18.5678 14.0501 18.3754 13.9245 18.1643 13.8397C17.9532 13.7549 17.7275 13.7125 17.5 13.715L10.5 13.714Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_46"><rect width="28" height="24" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_46)"><path d="M0 3.42903C0.0102909 2.51046 0.384606 1.63351 1.04079 0.990636C1.69698 0.347762 2.58142 -0.00850618 3.5 2.7784e-05H24.5C25.4186 -0.00850618 26.303 0.347762 26.9592 0.990636C27.6154 1.63351 27.9897 2.51046 28 3.42903V20.571C27.9897 21.4896 27.6154 22.3665 26.9592 23.0094C26.303 23.6523 25.4186 24.0086 24.5 24H3.5C2.58142 24.0086 1.69698 23.6523 1.04079 23.0094C0.384606 22.3665 0.0102909 21.4896 0 20.571L0 3.42903ZM2.625 18V19.714C2.62816 19.9435 2.72194 20.1623 2.88586 20.3229C3.04978 20.4834 3.27055 20.5726 3.5 20.571H5.25C5.47945 20.5726 5.70022 20.4834 5.86414 20.3229C6.02806 20.1623 6.12184 19.9435 6.125 19.714V18C6.12184 17.7706 6.02806 17.5517 5.86414 17.3912C5.70022 17.2306 5.47945 17.1414 5.25 17.143H3.5C3.27055 17.1414 3.04978 17.2306 2.88586 17.3912C2.72194 17.5517 2.62816 17.7706 2.625 18ZM22.75 17.143C22.5206 17.1414 22.2998 17.2306 22.1359 17.3912C21.9719 17.5517 21.8782 17.7706 21.875 18V19.714C21.8782 19.9435 21.9719 20.1623 22.1359 20.3229C22.2998 20.4834 22.5206 20.5726 22.75 20.571H24.5C24.7294 20.5726 24.9502 20.4834 25.1141 20.3229C25.2781 20.1623 25.3718 19.9435 25.375 19.714V18C25.3718 17.7706 25.2781 17.5517 25.1141 17.3912C24.9502 17.2306 24.7294 17.1414 24.5 17.143H22.75ZM2.625 11.143V12.857C2.62816 13.0865 2.72194 13.3053 2.88586 13.4659C3.04978 13.6264 3.27055 13.7156 3.5 13.714H5.25C5.47945 13.7156 5.70022 13.6264 5.86414 13.4659C6.02806 13.3053 6.12184 13.0865 6.125 12.857V11.143C6.12184 10.9136 6.02806 10.6947 5.86414 10.5342C5.70022 10.3736 5.47945 10.2844 5.25 10.286H3.5C3.27055 10.2844 3.04978 10.3736 2.88586 10.5342C2.72194 10.6947 2.62816 10.9136 2.625 11.143ZM22.75 10.286C22.5206 10.2844 22.2998 10.3736 22.1359 10.5342C21.9719 10.6947 21.8782 10.9136 21.875 11.143V12.857C21.8782 13.0865 21.9719 13.3053 22.1359 13.4659C22.2998 13.6264 22.5206 13.7156 22.75 13.714H24.5C24.7294 13.7156 24.9502 13.6264 25.1141 13.4659C25.2781 13.3053 25.3718 13.0865 25.375 12.857V11.143C25.3718 10.9136 25.2781 10.6947 25.1141 10.5342C24.9502 10.3736 24.7294 10.2844 24.5 10.286H22.75ZM2.625 4.28603V6.00003C2.62816 6.22946 2.72194 6.44832 2.88586 6.60888C3.04978 6.76943 3.27055 6.85863 3.5 6.85703H5.25C5.47945 6.85863 5.70022 6.76943 5.86414 6.60888C6.02806 6.44832 6.12184 6.22946 6.125 6.00003V4.28603C6.12184 4.0566 6.02806 3.83773 5.86414 3.67718C5.70022 3.51663 5.47945 3.42742 5.25 3.42903H3.5C3.27055 3.42742 3.04978 3.51663 2.88586 3.67718C2.72194 3.83773 2.62816 4.0566 2.625 4.28603ZM22.75 3.42903C22.5206 3.42742 22.2998 3.51663 22.1359 3.67718C21.9719 3.83773 21.8782 4.0566 21.875 4.28603V6.00003C21.8782 6.22946 21.9719 6.44832 22.1359 6.60888C22.2998 6.76943 22.5206 6.85863 22.75 6.85703H24.5C24.7294 6.85863 24.9502 6.76943 25.1141 6.60888C25.2781 6.44832 25.3718 6.22946 25.375 6.00003V4.28603C25.3718 4.0566 25.2781 3.83773 25.1141 3.67718C24.9502 3.51663 24.7294 3.42742 24.5 3.42903H22.75ZM8.75 5.14303V8.57203C8.75222 8.79952 8.79926 9.02434 8.88844 9.23364C8.97761 9.44294 9.10717 9.6326 9.2697 9.79179C9.43223 9.95098 9.62455 10.0766 9.83566 10.1614C10.0468 10.2462 10.2725 10.2885 10.5 10.286H17.5C17.7275 10.2885 17.9532 10.2462 18.1643 10.1614C18.3754 10.0766 18.5678 9.95098 18.7303 9.79179C18.8928 9.6326 19.0224 9.44294 19.1116 9.23364C19.2007 9.02434 19.2478 8.79952 19.25 8.57203V5.14303C19.2478 4.91554 19.2007 4.69071 19.1116 4.48142C19.0224 4.27212 18.8928 4.08246 18.7303 3.92327C18.5678 3.76408 18.3754 3.63849 18.1643 3.55369C17.9532 3.46888 17.7275 3.42652 17.5 3.42903H10.5C10.2725 3.42652 10.0468 3.46888 9.83566 3.55369C9.62455 3.63849 9.43223 3.76408 9.2697 3.92327C9.10717 4.08246 8.97761 4.27212 8.88844 4.48142C8.79926 4.69071 8.75222 4.91554 8.75 5.14303ZM10.5 13.714C10.2725 13.7115 10.0468 13.7539 9.83566 13.8387C9.62455 13.9235 9.43223 14.0491 9.2697 14.2083C9.10717 14.3675 8.97761 14.5571 8.88844 14.7664C8.79926 14.9757 8.75222 15.2005 8.75 15.428V18.857C8.75222 19.0845 8.79926 19.3093 8.88844 19.5186C8.97761 19.7279 9.10717 19.9176 9.2697 20.0768C9.43223 20.236 9.62455 20.3616 9.83566 20.4464C10.0468 20.5312 10.2725 20.5735 10.5 20.571H17.5C17.7275 20.5735 17.9532 20.5312 18.1643 20.4464C18.3754 20.3616 18.5678 20.236 18.7303 20.0768C18.8928 19.9176 19.0224 19.7279 19.1116 19.5186C19.2007 19.3093 19.2478 19.0845 19.25 18.857V15.429C19.2478 15.2015 19.2007 14.9767 19.1116 14.7674C19.0224 14.5581 18.8928 14.3685 18.7303 14.2093C18.5678 14.0501 18.3754 13.9245 18.1643 13.8397C17.9532 13.7549 17.7275 13.7125 17.5 13.715L10.5 13.714Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_46"><rect width="28" height="24" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 28px;
  max-width: 100%;
  aspect-ratio: 28/24;
  flex-shrink: 0;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-video::before {
    width: 20px;
  }
}
.pg-products__btn-video::after {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_64)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%23E26800"/><path d="M15.5858 17.9999H-0.000183105V2.49994H9.00568V3.69208H1.20001V16.8051H14.3885V10.3449H15.5877L15.5858 17.9999Z" fill="%23E26800"/><path d="M7.72966 11.7789L6.88005 10.9361L13.714 4.14801L14.5597 4.99103L7.72966 11.7789Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_64"><rect width="19" height="18" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_64)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%23E26800"/><path d="M15.5858 17.9999H-0.000183105V2.49994H9.00568V3.69208H1.20001V16.8051H14.3885V10.3449H15.5877L15.5858 17.9999Z" fill="%23E26800"/><path d="M7.72966 11.7789L6.88005 10.9361L13.714 4.14801L14.5597 4.99103L7.72966 11.7789Z" fill="%23E26800"/></g><defs><clipPath id="clip0_662_64"><rect width="19" height="18" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--c-main);
  width: 19px;
  max-width: 100%;
  aspect-ratio: 19/18;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .pg-products__btn-video::after {
    width: 14px;
  }
}

/* ラジオボタン非表示 */
.pg-products__check-input {
  display: none;
}

/* ラベル全体 */
.pg-products__check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.6em;
  cursor: pointer;
  font-weight: normal;
  font-family: var(--ff-en);
  font-size: 18px;
}
.pg-products__check:first-of-type {
  margin-top: 22px;
}

/* ラジオアイコン（丸） */
.pg-products__radio-icon {
  width: 16px;
  height: 16px;
  background-color: #ebebeb;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  transition: border-color 0.3s ease;
}

/* 選択時の中の丸 */
.pg-products__radio-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 7px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.281" height="7.342" viewBox="0 0 10.281 7.342"><path id="パス_107938" data-name="パス 107938" d="M-5862.152-5499.134l2.813,2.673,4.64-4.929" transform="translate(5863.566 5502.803)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');
  transition: transform 0.2s ease;
  opacity: 0;
}

/* checked時の色変更 */
.pg-products__check-input:checked + .pg-products__radio-icon {
  background-color: var(--c-main);
}
.pg-products__check-input:checked + .pg-products__radio-icon::after {
  opacity: 1;
}

.pg-products__check-input:checked + .pg-products__radio-icon::after {
  transform: translate(-50%, -50%) scale(1);
}

/* テキスト部分 */
.pg-products__check-inner {
  display: flex;
  gap: 34px;
}
@media screen and (max-width: 1024px) {
  .pg-products__check-inner {
    gap: 16px;
    font-size: 14px;
  }
}

.pg-products__price span {
  font-size: 14px;
}

.pg-products__heading {
  font-size: clamp(0.9375rem, 0.7734375rem + 0.46875vw, 1.125rem);
  letter-spacing: 0.024em;
  line-height: 1.8;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .pg-products__heading {
    margin-top: 32px;
  }
}
.pg-products__heading::before {
  content: "";
  display: block;
  width: 17px;
  height: 4px;
  background-color: var(--c-main);
}

.pg-products__name {
  font-weight: normal;
}

.pg-products__size-box {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 398px);
  align-items: center;
  gap: 28px;
}
@media screen and (max-width: 1024px) {
  .pg-products__size-box {
    gap: 20px;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}

.pg-products__dl {
  font-weight: normal;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-size: 14px;
  letter-spacing: 0.024em;
}
@media screen and (max-width: 1024px) {
  .pg-products__dl {
    width: 100%;
    grid-template-columns: auto 1fr;
  }
}

.pg-products__dt,
.pg-products__dd {
  display: flex;
  align-items: center;
  padding: 20px 10px;
}

.pg-products__dt {
  font-weight: 500;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 1024px) {
  .pg-products__dt {
    padding-right: 40px;
  }
}

.pg-products__dd {
  font-weight: normal;
  border-bottom: 1px solid #d6d6d6;
}

.pg-products__size-img {
  width: 100%;
  aspect-ratio: 398/311;
  max-width: 398px;
}
.pg-products__size-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pg-products__size-box-wrapper {
  margin-top: 22px;
}
.pg-products__size-box-wrapper + .pg-products__size-box-wrapper {
  margin-top: 42px;
}

.pg-products__table-container {
  overflow: auto;
}

.pg-products__back-btn {
  margin-top: 60px;
  max-width: 334px;
  width: 100%;
  margin-inline: auto;
}

.pg-products-archive {
  display: grid;
  grid-template-columns: 256px 1fr;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .pg-products-archive {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media screen and (max-width: 1024px) {
  .pg-products-archive__side {
    display: contents;
  }
}

.pg-products-archive__heading-wrap {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pg-products-archive__heading-wrap {
    order: -2;
  }
}

.pg-products-archive__heading {
  font-size: clamp(22px, 5.5vw, 26px);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  border-bottom: solid 1px var(--c-gray-border-light);
  padding-bottom: clamp(8px, 2vw, 20px);
}
@media screen and (max-width: 1024px) {
  .pg-products-archive__heading {
    margin-top: 24px;
  }
}

.pg-products-archive__count {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #717171;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: absolute;
  right: 0;
  bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .pg-products-archive__count {
    position: static;
    inset: 0;
    max-width: none;
    text-align: right;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  .pg-products-archive__main {
    display: contents;
  }
}

.pg-single-heading {
  color: #2B2725;
  font-size: clamp(1.125rem, 0.6875rem + 1.25vw, 1.625rem);
  font-weight: bold;
  letter-spacing: 0.058em;
  padding-bottom: 20px;
  border-bottom: 1px solid #454548;
  margin-bottom: 22px;
}

.pg-single-cat {
  display: inline-flex;
  gap: 8px;
  margin-left: clamp(0.625rem, -0.90625rem + 4.375vw, 2.375rem);
}
.pg-single-cat__list {
  font-family: var(--ff-en);
  font-size: 14px;
  letter-spacing: 0.024em;
  width: 90px;
  max-width: 100%;
  color: var(--c-white);
  text-align: center;
}
.pg-single-cat__list.--products {
  background-color: var(--c-main);
  color: var(--c-white);
}
.pg-single-cat__list.--post {
  border: 1px solid #080202;
  color: #080202;
}

.pg-single-content {
  margin-top: 46px;
}

.pg-brand-hm {
  overflow: hidden;
}

/* MV */
.pg-brand-hm-mv {
  background-color: #f5f5f5;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-mv {
    display: grid;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.pg-brand-hm-intro {
  max-width: 1080px;
  margin-inline: auto;
  padding: 36px 40px 64px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-intro {
    display: contents;
  }
}

@media screen and (max-width: 1024px) {
  .pg-brand-hm-intro__logo {
    text-align: center;
    order: -1;
  }
}

.pg-brand-hm-intro__txt {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-intro__txt {
    padding: 0 16px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 40px;
    margin-inline: auto;
    order: 1;
  }
}

/* スライダー */
.pg-brand-hm-mv-slider {
  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-mv-slider {
    order: 0;
    margin-top: 20px;
  }
}
.pg-brand-hm-mv-slider .splide__pagination {
  gap: 10px;
  bottom: 34px;
}
.pg-brand-hm-mv-slider .splide__pagination__page {
  border-radius: 0;
  width: 24px;
  height: 3px;
  background-color: var(--c-white);
  opacity: 1;
  display: block;
  margin: 0;
}
.pg-brand-hm-mv-slider .splide__pagination__page.is-active {
  transform: none;
  background-color: var(--c-main-light);
}

/* 製品情報 */
.pg-brand-hm-products {
  margin-top: clamp(40px, 10vw, 96px);
}

.pg-brand-hm-products__content-wrap {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__content-wrap {
    padding-bottom: 150px;
  }
}
.pg-brand-hm-products__content-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  height: 80%;
  width: 100vw;
  background-color: #ededed;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__content-wrap::after {
    top: auto;
    transform: none;
    right: -16px;
    bottom: 40px;
    width: 72vw;
  }
}

.pg-brand-hm-products__content {
  margin-top: clamp(24px, 6vw, 44px);
  padding-top: clamp(32px, 8vw, 80px);
  padding-bottom: 260px;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__content {
    padding-bottom: 20px;
  }
}
.pg-brand-hm-products__content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60.7vw;
  height: 100%;
  background-color: var(--c-font);
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__content::before {
    width: 100vw;
    height: 85.7%;
    margin: 0 calc(50% - 50vw);
  }
}

.pg-brand-hm-products__heading {
  position: relative;
  z-index: 1;
  max-width: 660px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 30px 24px;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__heading {
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}

.pg-brand-hm-category-heading-sub {
  font-family: var(--ff-en);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: clamp(28px, 7vw, 36px);
  margin-bottom: 4px;
  color: var(--c-white);
}

.pg-brand-hm-category-heading {
  font-size: clamp(12px, 3vw, 15px);
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--c-white);
}

.pg-brand-hm-keyword-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.pg-brand-hm-keyword-box .p-search-box__input {
  border: none;
  padding: clamp(16px, 4vw, 20px) 40px clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px);
}
.pg-brand-hm-keyword-box .p-search-box__submit svg path {
  fill: var(--c-font);
}

.pg-brand-hm-keyword-box__heading {
  font-size: clamp(13px, 3.25vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  background-color: var(--c-white);
  display: grid;
  place-content: center;
  height: 100%;
  padding: 0 clamp(16px, 4vw, 20px);
  border-right: solid 1px var(--c-font);
}

.pg-brand-hm-products__body {
  margin-top: clamp(12px, 3vw, 60px);
  position: relative;
  z-index: 1;
}

.pg-brand-hm-products__deco {
  position: absolute;
  right: -100px;
  bottom: 0;
  font-family: var(--ff-en);
  font-size: 122px;
  font-weight: 700;
  color: #ededed;
  letter-spacing: 0.07em;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .pg-brand-hm-products__deco {
    font-size: 59px;
    right: -24px;
    bottom: -12px;
  }
}

/* ボタン */
.pg-brand-hm-btn-wrap {
  margin-top: clamp(36px, 9vw, 80px);
}

.pg-brand-hm-btn-wrap__inner {
  max-width: 632px;
  margin-inline: auto;
  padding-right: var(--inner-gutter);
  padding-left: var(--inner-gutter);
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn-wrap__inner {
    max-width: 372px;
  }
}

.pg-brand-hm-btn + .pg-brand-hm-btn {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn + .pg-brand-hm-btn {
    margin-top: 36px;
  }
}

.pg-brand-hm-btn__link {
  background-color: var(--c-white);
  border: solid 1px #d1cbc8;
  border-radius: 10px;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 40px;
  place-content: center;
  padding: 30px;
  height: 182px;
  filter: drop-shadow(0 3px 19px rgba(0, 0, 0, 0.16));
  position: relative;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn__link {
    height: auto;
    grid-template-columns: 1fr;
    padding: 10px 10px 30px;
  }
}
.pg-brand-hm-btn__link:hover {
  opacity: 0.6;
}

.pg-brand-hm-btn__pic {
  text-align: center;
}

.pg-brand-hm-btn__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pg-brand-hm-btn__text span {
  display: block;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0.06em;
  line-height: 1.2;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn__text span {
    font-size: 24px;
    margin-top: 4px;
    text-align: center;
  }
}
.pg-brand-hm-btn__text span:lang(en) {
  font-family: var(--ff-en);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.09em;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--c-main-light);
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn__text span:lang(en) {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn__text .has-icon {
    display: grid;
    grid-template-columns: auto auto;
    place-content: center;
    align-items: center;
    gap: 12px;
  }
}
.pg-brand-hm-btn__text .has-icon::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-mask: url('data:image/svg+xml,<svg width="29" height="25" viewBox="0 0 29 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_8)"><path d="M13.4087 0.994035L15.4084 1.00535L15.3165 17.2716L13.3168 17.2603L13.4087 0.994035Z" fill="%23DB7E00"/><path d="M6.18183 10.6771L7.59605 9.26292L14.4097 16.0766L20.744 9.74234L22.1582 11.1566L14.409 18.9057L6.18183 10.6771Z" fill="%23DB7E00"/><path d="M27.993 25H1.007C0.87509 25.0009 0.744301 24.9758 0.622167 24.9259C0.500032 24.8761 0.388965 24.8026 0.295364 24.7096C0.201763 24.6167 0.127476 24.5061 0.0767846 24.3843C0.0260927 24.2625 -3.23161e-06 24.1319 3.00159e-10 24V17.447H2.014V23H26.986V17.447H29V24C29 24.1319 28.9739 24.2625 28.9232 24.3843C28.8725 24.5061 28.7982 24.6167 28.7046 24.7096C28.611 24.8026 28.5 24.8761 28.3778 24.9259C28.2557 24.9758 28.1249 25.0009 27.993 25Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_8"><rect width="29" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="29" height="25" viewBox="0 0 29 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_8)"><path d="M13.4087 0.994035L15.4084 1.00535L15.3165 17.2716L13.3168 17.2603L13.4087 0.994035Z" fill="%23DB7E00"/><path d="M6.18183 10.6771L7.59605 9.26292L14.4097 16.0766L20.744 9.74234L22.1582 11.1566L14.409 18.9057L6.18183 10.6771Z" fill="%23DB7E00"/><path d="M27.993 25H1.007C0.87509 25.0009 0.744301 24.9758 0.622167 24.9259C0.500032 24.8761 0.388965 24.8026 0.295364 24.7096C0.201763 24.6167 0.127476 24.5061 0.0767846 24.3843C0.0260927 24.2625 -3.23161e-06 24.1319 3.00159e-10 24V17.447H2.014V23H26.986V17.447H29V24C29 24.1319 28.9739 24.2625 28.9232 24.3843C28.8725 24.5061 28.7982 24.6167 28.7046 24.7096C28.611 24.8026 28.5 24.8761 28.3778 24.9259C28.2557 24.9758 28.1249 25.0009 27.993 25Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_8"><rect width="29" height="25" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-main);
  width: 29px;
  aspect-ratio: 29/25;
}
.-external .pg-brand-hm-btn__text .has-icon::after {
  -webkit-mask: url('data:image/svg+xml,<svg width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_2)"><path d="M28.3794 3.64938L26.8174 12.4507L19.5271 5.20289L28.3794 3.64938Z" fill="%23DB7E00"/><path d="M25.9346 30.9999H-0.000976562V5.21503H14.9854V7.19891H1.99707V29.017H23.9404V18.268H25.9336L25.9346 30.9999Z" fill="%23DB7E00"/><path d="M13.0962 20.019L11.6821 18.6189L23.0522 7.32495L24.4595 8.7251L13.0962 20.019Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_2"><rect width="32" height="31" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="32" height="31" viewBox="0 0 32 31" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_2)"><path d="M28.3794 3.64938L26.8174 12.4507L19.5271 5.20289L28.3794 3.64938Z" fill="%23DB7E00"/><path d="M25.9346 30.9999H-0.000976562V5.21503H14.9854V7.19891H1.99707V29.017H23.9404V18.268H25.9336L25.9346 30.9999Z" fill="%23DB7E00"/><path d="M13.0962 20.019L11.6821 18.6189L23.0522 7.32495L24.4595 8.7251L13.0962 20.019Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_2"><rect width="32" height="31" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 32px;
  aspect-ratio: 32/31;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn__text .has-icon::after {
    display: block;
    position: static;
    transform: none;
    inset: 0;
    margin-bottom: 4px;
  }
}

.pg-brand-hm-btn-wrap__col {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 26px;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-btn-wrap__col {
    grid-template-columns: 1fr;
  }
}

.pg-brand-hm-sub-btn__link {
  background-color: var(--c-white);
  border: solid 1px #d1cbc8;
  border-radius: 10px;
  width: 100%;
  filter: drop-shadow(0 3px 19px rgba(0, 0, 0, 0.16));
  height: 110px;
  display: grid;
  place-content: center start;
  padding: 0 25px;
  position: relative;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .pg-brand-hm-sub-btn__link {
    max-width: 285px;
    margin-inline: auto;
  }
}
.pg-brand-hm-sub-btn__link .fz-sm {
  font-size: 18px;
}
.pg-brand-hm-sub-btn__link:hover {
  opacity: 0.6;
}
.pg-brand-hm-sub-btn__link::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-mask: url('data:image/svg+xml,<svg width="29" height="25" viewBox="0 0 29 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_8)"><path d="M13.4087 0.994035L15.4084 1.00535L15.3165 17.2716L13.3168 17.2603L13.4087 0.994035Z" fill="%23DB7E00"/><path d="M6.18183 10.6771L7.59605 9.26292L14.4097 16.0766L20.744 9.74234L22.1582 11.1566L14.409 18.9057L6.18183 10.6771Z" fill="%23DB7E00"/><path d="M27.993 25H1.007C0.87509 25.0009 0.744301 24.9758 0.622167 24.9259C0.500032 24.8761 0.388965 24.8026 0.295364 24.7096C0.201763 24.6167 0.127476 24.5061 0.0767846 24.3843C0.0260927 24.2625 -3.23161e-06 24.1319 3.00159e-10 24V17.447H2.014V23H26.986V17.447H29V24C29 24.1319 28.9739 24.2625 28.9232 24.3843C28.8725 24.5061 28.7982 24.6167 28.7046 24.7096C28.611 24.8026 28.5 24.8761 28.3778 24.9259C28.2557 24.9758 28.1249 25.0009 27.993 25Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_8"><rect width="29" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="29" height="25" viewBox="0 0 29 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_850_8)"><path d="M13.4087 0.994035L15.4084 1.00535L15.3165 17.2716L13.3168 17.2603L13.4087 0.994035Z" fill="%23DB7E00"/><path d="M6.18183 10.6771L7.59605 9.26292L14.4097 16.0766L20.744 9.74234L22.1582 11.1566L14.409 18.9057L6.18183 10.6771Z" fill="%23DB7E00"/><path d="M27.993 25H1.007C0.87509 25.0009 0.744301 24.9758 0.622167 24.9259C0.500032 24.8761 0.388965 24.8026 0.295364 24.7096C0.201763 24.6167 0.127476 24.5061 0.0767846 24.3843C0.0260927 24.2625 -3.23161e-06 24.1319 3.00159e-10 24V17.447H2.014V23H26.986V17.447H29V24C29 24.1319 28.9739 24.2625 28.9232 24.3843C28.8725 24.5061 28.7982 24.6167 28.7046 24.7096C28.611 24.8026 28.5 24.8761 28.3778 24.9259C28.2557 24.9758 28.1249 25.0009 27.993 25Z" fill="%23DB7E00"/></g><defs><clipPath id="clip0_850_8"><rect width="29" height="25" fill="white"/></clipPath></defs></svg>');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--c-main);
  width: 28px;
  aspect-ratio: 29/25;
}

.pg-brand-hm-sub-btn__text {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.2;
}
.pg-brand-hm-sub-btn__text span:lang(en) {
  font-family: var(--ff-en);
  font-weight: 600;
  font-size: 30px;
}
.pg-brand-hm-sub-btn__text .fw-bold {
  font-weight: 700;
}

.u-mt-xxs {
  margin-top: var(--space-xxs) !important;
}

.u-mr-xxs {
  margin-right: var(--space-xxs) !important;
}

.u-mb-xxs {
  margin-bottom: var(--space-xxs) !important;
}

.u-ml-xxs {
  margin-left: var(--space-xxs) !important;
}

.u-pt-xxs {
  padding-top: var(--space-xxs) !important;
}

.u-pr-xxs {
  padding-right: var(--space-xxs) !important;
}

.u-pb-xxs {
  padding-bottom: var(--space-xxs) !important;
}

.u-pl-xxs {
  padding-left: var(--space-xxs) !important;
}

.u-mt-xs {
  margin-top: var(--space-xs) !important;
}

.u-mr-xs {
  margin-right: var(--space-xs) !important;
}

.u-mb-xs {
  margin-bottom: var(--space-xs) !important;
}

.u-ml-xs {
  margin-left: var(--space-xs) !important;
}

.u-pt-xs {
  padding-top: var(--space-xs) !important;
}

.u-pr-xs {
  padding-right: var(--space-xs) !important;
}

.u-pb-xs {
  padding-bottom: var(--space-xs) !important;
}

.u-pl-xs {
  padding-left: var(--space-xs) !important;
}

.u-mt-sm {
  margin-top: var(--space-sm) !important;
}

.u-mr-sm {
  margin-right: var(--space-sm) !important;
}

.u-mb-sm {
  margin-bottom: var(--space-sm) !important;
}

.u-ml-sm {
  margin-left: var(--space-sm) !important;
}

.u-pt-sm {
  padding-top: var(--space-sm) !important;
}

.u-pr-sm {
  padding-right: var(--space-sm) !important;
}

.u-pb-sm {
  padding-bottom: var(--space-sm) !important;
}

.u-pl-sm {
  padding-left: var(--space-sm) !important;
}

.u-mt-md {
  margin-top: var(--space-md) !important;
}

.u-mr-md {
  margin-right: var(--space-md) !important;
}

.u-mb-md {
  margin-bottom: var(--space-md) !important;
}

.u-ml-md {
  margin-left: var(--space-md) !important;
}

.u-pt-md {
  padding-top: var(--space-md) !important;
}

.u-pr-md {
  padding-right: var(--space-md) !important;
}

.u-pb-md {
  padding-bottom: var(--space-md) !important;
}

.u-pl-md {
  padding-left: var(--space-md) !important;
}

.u-mt-lg {
  margin-top: var(--space-lg) !important;
}

.u-mr-lg {
  margin-right: var(--space-lg) !important;
}

.u-mb-lg {
  margin-bottom: var(--space-lg) !important;
}

.u-ml-lg {
  margin-left: var(--space-lg) !important;
}

.u-pt-lg {
  padding-top: var(--space-lg) !important;
}

.u-pr-lg {
  padding-right: var(--space-lg) !important;
}

.u-pb-lg {
  padding-bottom: var(--space-lg) !important;
}

.u-pl-lg {
  padding-left: var(--space-lg) !important;
}

.u-mt-xl {
  margin-top: var(--space-xl) !important;
}

.u-mr-xl {
  margin-right: var(--space-xl) !important;
}

.u-mb-xl {
  margin-bottom: var(--space-xl) !important;
}

.u-ml-xl {
  margin-left: var(--space-xl) !important;
}

.u-pt-xl {
  padding-top: var(--space-xl) !important;
}

.u-pr-xl {
  padding-right: var(--space-xl) !important;
}

.u-pb-xl {
  padding-bottom: var(--space-xl) !important;
}

.u-pl-xl {
  padding-left: var(--space-xl) !important;
}

.u-mt-xxl {
  margin-top: var(--space-xxl) !important;
}

.u-mr-xxl {
  margin-right: var(--space-xxl) !important;
}

.u-mb-xxl {
  margin-bottom: var(--space-xxl) !important;
}

.u-ml-xxl {
  margin-left: var(--space-xxl) !important;
}

.u-pt-xxl {
  padding-top: var(--space-xxl) !important;
}

.u-pr-xxl {
  padding-right: var(--space-xxl) !important;
}

.u-pb-xxl {
  padding-bottom: var(--space-xxl) !important;
}

.u-pl-xxl {
  padding-left: var(--space-xxl) !important;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pr-0 {
  padding-right: 0 !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pl-0 {
  padding-left: 0 !important;
}

@media (max-width: 1400px) {
  .u-xl-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-xl-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-xl-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-xl-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-xl-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-xl-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-xl-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-xl-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-xl-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-xl-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-xl-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-xl-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-xl-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-xl-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-xl-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-xl-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-xl-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-xl-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-xl-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-xl-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-xl-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-xl-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-xl-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-xl-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-xl-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-xl-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-xl-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-xl-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-xl-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-xl-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-xl-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-xl-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-xl-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-xl-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-xl-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-xl-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-xl-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-xl-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-xl-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-xl-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-xl-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-xl-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-xl-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-xl-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-xl-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-xl-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-xl-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-xl-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-xl-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-xl-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-xl-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-xl-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-xl-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-xl-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-xl-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-xl-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-xl-mt-0 {
    margin-top: 0 !important;
  }
  .u-xl-mr-0 {
    margin-right: 0 !important;
  }
  .u-xl-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-xl-ml-0 {
    margin-left: 0 !important;
  }
  .u-xl-pt-0 {
    padding-top: 0 !important;
  }
  .u-xl-pr-0 {
    padding-right: 0 !important;
  }
  .u-xl-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-xl-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-lg-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-lg-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-lg-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-lg-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-lg-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-lg-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-lg-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-lg-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-lg-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-lg-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-lg-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-lg-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-lg-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-lg-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-lg-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-lg-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-lg-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-lg-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-lg-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-lg-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-lg-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-lg-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-lg-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-lg-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-lg-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-lg-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-lg-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-lg-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-lg-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-lg-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-lg-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-lg-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-lg-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-lg-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-lg-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-lg-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-lg-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-lg-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-lg-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-lg-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-lg-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-lg-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-lg-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-lg-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-lg-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-lg-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-lg-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-lg-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-lg-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-lg-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-lg-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-lg-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-lg-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-lg-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-lg-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-lg-mt-0 {
    margin-top: 0 !important;
  }
  .u-lg-mr-0 {
    margin-right: 0 !important;
  }
  .u-lg-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-lg-ml-0 {
    margin-left: 0 !important;
  }
  .u-lg-pt-0 {
    padding-top: 0 !important;
  }
  .u-lg-pr-0 {
    padding-right: 0 !important;
  }
  .u-lg-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-lg-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 1024px) {
  .u-md-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-md-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-md-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-md-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-md-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-md-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-md-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-md-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-md-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-md-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-md-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-md-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-md-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-md-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-md-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-md-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-md-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-md-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-md-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-md-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-md-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-md-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-md-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-md-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-md-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-md-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-md-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-md-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-md-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-md-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-md-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-md-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-md-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-md-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-md-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-md-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-md-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-md-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-md-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-md-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-md-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-md-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-md-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-md-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-md-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-md-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-md-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-md-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-md-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-md-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-md-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-md-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-md-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-md-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-md-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-md-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-md-mt-0 {
    margin-top: 0 !important;
  }
  .u-md-mr-0 {
    margin-right: 0 !important;
  }
  .u-md-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-md-ml-0 {
    margin-left: 0 !important;
  }
  .u-md-pt-0 {
    padding-top: 0 !important;
  }
  .u-md-pr-0 {
    padding-right: 0 !important;
  }
  .u-md-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-md-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .u-sm-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-sm-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-sm-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-sm-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-sm-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-sm-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-sm-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-sm-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-sm-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-sm-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-sm-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-sm-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-sm-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-sm-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-sm-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-sm-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-sm-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-sm-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-sm-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-sm-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-sm-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-sm-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-sm-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-sm-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-sm-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-sm-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-sm-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-sm-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-sm-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-sm-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-sm-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-sm-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-sm-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-sm-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-sm-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-sm-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-sm-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-sm-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-sm-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-sm-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-sm-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-sm-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-sm-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-sm-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-sm-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-sm-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-sm-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-sm-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-sm-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-sm-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-sm-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-sm-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-sm-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-sm-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-sm-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-sm-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-sm-mt-0 {
    margin-top: 0 !important;
  }
  .u-sm-mr-0 {
    margin-right: 0 !important;
  }
  .u-sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-sm-ml-0 {
    margin-left: 0 !important;
  }
  .u-sm-pt-0 {
    padding-top: 0 !important;
  }
  .u-sm-pr-0 {
    padding-right: 0 !important;
  }
  .u-sm-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-sm-pl-0 {
    padding-left: 0 !important;
  }
}
@media (max-width: 480px) {
  .u-xs-mt-xxs {
    margin-top: var(--space-xxs) !important;
  }
  .u-xs-mr-xxs {
    margin-right: var(--space-xxs) !important;
  }
  .u-xs-mb-xxs {
    margin-bottom: var(--space-xxs) !important;
  }
  .u-xs-ml-xxs {
    margin-left: var(--space-xxs) !important;
  }
  .u-xs-pt-xxs {
    padding-top: var(--space-xxs) !important;
  }
  .u-xs-pr-xxs {
    padding-right: var(--space-xxs) !important;
  }
  .u-xs-pb-xxs {
    padding-bottom: var(--space-xxs) !important;
  }
  .u-xs-pl-xxs {
    padding-left: var(--space-xxs) !important;
  }
  .u-xs-mt-xs {
    margin-top: var(--space-xs) !important;
  }
  .u-xs-mr-xs {
    margin-right: var(--space-xs) !important;
  }
  .u-xs-mb-xs {
    margin-bottom: var(--space-xs) !important;
  }
  .u-xs-ml-xs {
    margin-left: var(--space-xs) !important;
  }
  .u-xs-pt-xs {
    padding-top: var(--space-xs) !important;
  }
  .u-xs-pr-xs {
    padding-right: var(--space-xs) !important;
  }
  .u-xs-pb-xs {
    padding-bottom: var(--space-xs) !important;
  }
  .u-xs-pl-xs {
    padding-left: var(--space-xs) !important;
  }
  .u-xs-mt-sm {
    margin-top: var(--space-sm) !important;
  }
  .u-xs-mr-sm {
    margin-right: var(--space-sm) !important;
  }
  .u-xs-mb-sm {
    margin-bottom: var(--space-sm) !important;
  }
  .u-xs-ml-sm {
    margin-left: var(--space-sm) !important;
  }
  .u-xs-pt-sm {
    padding-top: var(--space-sm) !important;
  }
  .u-xs-pr-sm {
    padding-right: var(--space-sm) !important;
  }
  .u-xs-pb-sm {
    padding-bottom: var(--space-sm) !important;
  }
  .u-xs-pl-sm {
    padding-left: var(--space-sm) !important;
  }
  .u-xs-mt-md {
    margin-top: var(--space-md) !important;
  }
  .u-xs-mr-md {
    margin-right: var(--space-md) !important;
  }
  .u-xs-mb-md {
    margin-bottom: var(--space-md) !important;
  }
  .u-xs-ml-md {
    margin-left: var(--space-md) !important;
  }
  .u-xs-pt-md {
    padding-top: var(--space-md) !important;
  }
  .u-xs-pr-md {
    padding-right: var(--space-md) !important;
  }
  .u-xs-pb-md {
    padding-bottom: var(--space-md) !important;
  }
  .u-xs-pl-md {
    padding-left: var(--space-md) !important;
  }
  .u-xs-mt-lg {
    margin-top: var(--space-lg) !important;
  }
  .u-xs-mr-lg {
    margin-right: var(--space-lg) !important;
  }
  .u-xs-mb-lg {
    margin-bottom: var(--space-lg) !important;
  }
  .u-xs-ml-lg {
    margin-left: var(--space-lg) !important;
  }
  .u-xs-pt-lg {
    padding-top: var(--space-lg) !important;
  }
  .u-xs-pr-lg {
    padding-right: var(--space-lg) !important;
  }
  .u-xs-pb-lg {
    padding-bottom: var(--space-lg) !important;
  }
  .u-xs-pl-lg {
    padding-left: var(--space-lg) !important;
  }
  .u-xs-mt-xl {
    margin-top: var(--space-xl) !important;
  }
  .u-xs-mr-xl {
    margin-right: var(--space-xl) !important;
  }
  .u-xs-mb-xl {
    margin-bottom: var(--space-xl) !important;
  }
  .u-xs-ml-xl {
    margin-left: var(--space-xl) !important;
  }
  .u-xs-pt-xl {
    padding-top: var(--space-xl) !important;
  }
  .u-xs-pr-xl {
    padding-right: var(--space-xl) !important;
  }
  .u-xs-pb-xl {
    padding-bottom: var(--space-xl) !important;
  }
  .u-xs-pl-xl {
    padding-left: var(--space-xl) !important;
  }
  .u-xs-mt-xxl {
    margin-top: var(--space-xxl) !important;
  }
  .u-xs-mr-xxl {
    margin-right: var(--space-xxl) !important;
  }
  .u-xs-mb-xxl {
    margin-bottom: var(--space-xxl) !important;
  }
  .u-xs-ml-xxl {
    margin-left: var(--space-xxl) !important;
  }
  .u-xs-pt-xxl {
    padding-top: var(--space-xxl) !important;
  }
  .u-xs-pr-xxl {
    padding-right: var(--space-xxl) !important;
  }
  .u-xs-pb-xxl {
    padding-bottom: var(--space-xxl) !important;
  }
  .u-xs-pl-xxl {
    padding-left: var(--space-xxl) !important;
  }
  .u-xs-mt-0 {
    margin-top: 0 !important;
  }
  .u-xs-mr-0 {
    margin-right: 0 !important;
  }
  .u-xs-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-xs-ml-0 {
    margin-left: 0 !important;
  }
  .u-xs-pt-0 {
    padding-top: 0 !important;
  }
  .u-xs-pr-0 {
    padding-right: 0 !important;
  }
  .u-xs-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-xs-pl-0 {
    padding-left: 0 !important;
  }
}
.u-color-black {
  color: var(--c-black) !important;
}

.u-color-white {
  color: var(--c-white) !important;
}

.u-color-main {
  color: var(--c-main) !important;
}

.u-color-main-light {
  color: var(--c-main-light) !important;
}

.u-color-accent {
  color: var(--c-accent) !important;
}

.u-color-gray {
  color: var(--c-gray-dark) !important;
}

.u-color-link {
  color: var(--c-link) !important;
}

.u-color-note {
  color: var(--c-note) !important;
}

/* =====================
  font-size
===================== */
.u-fz-xs {
  font-size: var(--fz-xs) !important;
}

.u-fz-sm {
  font-size: var(--fz-sm) !important;
}

.u-fz-default {
  font-size: var(--fz-default) !important;
}

.u-fz-md {
  font-size: var(--fz-md) !important;
}

.u-fz-lg {
  font-size: var(--fz-lg) !important;
}

.u-fz-xl {
  font-size: var(--fz-xl) !important;
}

.u-fz-xxl {
  font-size: var(--fz-xxl) !important;
}

.u-fz-clamp-xs {
  font-size: var(--fz-clamp-xs) !important;
}

.u-fz-clamp-sm {
  font-size: var(--fz-clamp-sm) !important;
}

.u-fz-clamp-default {
  font-size: var(--fz-clamp-default) !important;
}

.u-fz-clamp-md {
  font-size: var(--fz-clamp-md) !important;
}

.u-fz-clamp-lg {
  font-size: var(--fz-clamp-lg) !important;
}

.u-fz-clamp-xl {
  font-size: var(--fz-clamp-xl) !important;
}

@media (max-width: 1400px) {
  .u-xl-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-xl-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-xl-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-xl-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-xl-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-xl-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-xl-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-lg-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-lg-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-lg-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-lg-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-lg-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-lg-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 1024px) {
  .u-md-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-md-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-md-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-md-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-md-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-md-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-md-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 768px) {
  .u-sm-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-sm-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-sm-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-sm-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-sm-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-sm-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-sm-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
@media (max-width: 480px) {
  .u-xs-fz-xs {
    font-size: var(--fz-xs) !important;
  }
  .u-xs-fz-sm {
    font-size: var(--fz-sm) !important;
  }
  .u-xs-fz-normal {
    font-size: var(--fz-normal) !important;
  }
  .u-xs-fz-md {
    font-size: var(--fz-md) !important;
  }
  .u-xs-fz-lg {
    font-size: var(--fz-lg) !important;
  }
  .u-xs-fz-xl {
    font-size: var(--fz-xl) !important;
  }
  .u-xs-fz-xxl {
    font-size: var(--fz-xxl) !important;
  }
}
.u-fw-n {
  font-weight: normal !important;
}

.u-fw-m {
  font-weight: 500 !important;
}

.u-fw-b {
  font-weight: bold !important;
}

.u-ls-0 {
  letter-spacing: 0 !important;
}

.u-ls-20 {
  letter-spacing: 0.02em !important;
}

.u-lh-10 {
  line-height: 1 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

.u-lh-20 {
  line-height: 2 !important;
}

.u-underline {
  text-decoration: underline;
}

.u-tal {
  text-align: left !important;
}

.u-tac {
  text-align: center !important;
}

.u-tar {
  text-align: right !important;
}

@media (max-width: 1400px) {
  .u-xl-tal {
    text-align: left !important;
  }
  .u-xl-tac {
    text-align: center !important;
  }
  .u-xl-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1400px) {
  .u-xl-over-tal {
    text-align: left !important;
  }
  .u-xl-over-tac {
    text-align: center !important;
  }
  .u-xl-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-tal {
    text-align: left !important;
  }
  .u-lg-tac {
    text-align: center !important;
  }
  .u-lg-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1280px) {
  .u-lg-over-tal {
    text-align: left !important;
  }
  .u-lg-over-tac {
    text-align: center !important;
  }
  .u-lg-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 1024px) {
  .u-md-tal {
    text-align: left !important;
  }
  .u-md-tac {
    text-align: center !important;
  }
  .u-md-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1024px) {
  .u-md-over-tal {
    text-align: left !important;
  }
  .u-md-over-tac {
    text-align: center !important;
  }
  .u-md-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 768px) {
  .u-sm-tal {
    text-align: left !important;
  }
  .u-sm-tac {
    text-align: center !important;
  }
  .u-sm-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 768px) {
  .u-sm-over-tal {
    text-align: left !important;
  }
  .u-sm-over-tac {
    text-align: center !important;
  }
  .u-sm-over-tar {
    text-align: right !important;
  }
}
@media (max-width: 480px) {
  .u-xs-tal {
    text-align: left !important;
  }
  .u-xs-tac {
    text-align: center !important;
  }
  .u-xs-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 480px) {
  .u-xs-over-tal {
    text-align: left !important;
  }
  .u-xs-over-tac {
    text-align: center !important;
  }
  .u-xs-over-tar {
    text-align: right !important;
  }
}
@media not all and (max-width: 1400px) {
  .u-xl-only {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .u-xl-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 1280px) {
  .u-lg-only {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 1024px) {
  .u-md-only {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .u-md-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 768px) {
  .u-sm-only {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .u-sm-over-only {
    display: none !important;
  }
}
@media not all and (max-width: 480px) {
  .u-xs-only {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .u-xs-over-only {
    display: none !important;
  }
}
.u-dib {
  display: inline-block !important;
}

@media screen and (max-width: 1024px) {
  .u-max-width-md-244 {
    max-width: 244px;
  }
}

@media screen and (max-width: 1024px) {
  .u-max-width-md-142 {
    max-width: 142px;
  }
}

.u-over-hidden {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .u-md-radius-none {
    border-radius: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-md-radius-none img {
    border-radius: 0 !important;
  }
}

.u-dn {
  display: none !important;
}

[class*=js-scroll-animation] {
  transition-property: var(--property);
  transition-timing-function: var(--easing);
}
[class*=js-scroll-animation].is-animated {
  transition-duration: var(--duration);
}

/* Fade
---------------------------------------------- */
.js-scroll-animation-fade-in {
  --property: opacity;
  --easing: ease;
  --duration: 1s;
}
.js-scroll-animation-fade-in:not(.is-animated) {
  opacity: 0;
}

.js-scroll-animation-fade-in-up {
  --property: opacity, translate;
  --easing: ease-in-out;
  --duration: 1s;
  --starting-position: 40px;
}
.js-scroll-animation-fade-in-up:not(.is-animated) {
  opacity: 0;
  translate: 0 var(--starting-position);
}

@media print {
  .no-print {
    display: none;
  }
}