@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: 1100px;
  --inner-lg: 1200px;
  --inner-gutter: 40px;
  --inner-gutter--sp: 16px;
  --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: #333;
  --c-black: #000;
  --c-white: #fff;
  --c-main: #166798;
  --c-main--dark: #115177;
  --c-accent: #30aaba;
  --c-accent-light: #c1e0e8;
  --c-bg: #eaf0f2;
  --c-bg--light: #f0f6f7;
  --c-gray: #707070;
  --c-gray--light: #F8FAFB;
  --c-link: #0087a7;
  --c-note: #d82727;
  --ff-body: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --ff-title: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --ff-en: "Poppins", sans-serif;
  --fz-xxs: 10px;
  --fz-xs: 14px;
  --fz-sm: 15px;
  --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>');
  --anime-duration: 0.2s;
}

/*! 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;
}

/* 	スクロール禁止
---------------------------------------------*/
body.no-scroll {
  overflow: hidden;
}

.l-breadcrumb {
  --breadcrumb-gap: 8px;
  margin: 0 auto;
  width: 100%;
}
.l-breadcrumb__list {
  display: flex;
  align-items: center;
  gap: var(--breadcrumb-gap);
}
.l-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: var(--breadcrumb-gap);
}
.l-breadcrumb__item:not(:last-of-type)::after {
  content: ">";
  font-size: 1em;
}

/* ===========================================
 * フッター
 * ======================================== */
.l-footer__main {
  background-color: var(--c-main);
  padding: 36px 0;
}

.l-footer__inner {
  display: flex;
  align-items: center;
  gap: 20px 48px;
}
@media (max-width: 768px) {
  .l-footer__inner {
    flex-direction: column;
  }
}

/* インフォ
---------------------------------------------- */
.l-footer-info {
  padding-right: 50px;
  border-right: solid 1px var(--c-white);
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 768px) {
  .l-footer-info {
    padding-right: 0;
    border-right: none;
    border-bottom: solid 2px rgba(255, 255, 255, 0.45);
    padding-bottom: 24px;
  }
}

/* ロゴ
---------------------------------------------- */
.l-footer-logo img {
  filter: brightness(100);
}

.l-footer-info__address {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: var(--c-white);
  margin-top: 12px;
}

/* ボタン
---------------------------------------------- */
.l-footer-info-btn {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .l-footer-info-btn {
    text-align: center;
    margin-top: 20px;
  }
}

.l-footer-info-btn__link {
  position: relative;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  padding: 16px 0;
  max-width: 210px;
  width: 100%;
  background-color: var(--c-white);
  border-radius: 8px;
  transition: opacity var(--anime-duration);
}
.l-footer-info-btn__link:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .l-footer-info-btn__link {
    max-width: 190px;
    padding: 20px 0;
  }
}
.l-footer-info-btn__link::before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  top: 52%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 32px;
  height: 23px;
  background-image: url('data:image/svg+xml,<svg width="32" height="23" viewBox="0 0 32 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_140_135)"><mask id="mask0_140_135" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="23"><path d="M32 0H0V23H32V0Z" fill="white"/></mask><g mask="url(%23mask0_140_135)"><path d="M26.2156 12.3831L25.7426 12.8391L29.6976 16.7941H20.5916V17.4351H29.6916L25.7386 21.3771L26.2116 21.8361L30.9456 17.1131L26.2116 12.3831M26.2116 12.0291C26.3049 12.0281 26.3948 12.064 26.4616 12.1291L31.1956 16.8591C31.2618 16.9255 31.299 17.0154 31.299 17.1091C31.299 17.2028 31.2618 17.2928 31.1956 17.3591L26.4616 22.0821C26.3953 22.1483 26.3054 22.1855 26.2116 22.1855C26.1179 22.1855 26.028 22.1483 25.9616 22.0821L25.4886 21.6231C25.4224 21.5567 25.3853 21.4668 25.3853 21.3731C25.3853 21.2794 25.4224 21.1895 25.4886 21.1231L28.8346 17.7861H20.5866C20.4927 17.7861 20.4027 17.7488 20.3363 17.6824C20.2699 17.616 20.2327 17.526 20.2327 17.4321V16.7911C20.2327 16.6972 20.2699 16.6072 20.3363 16.5408C20.4027 16.4744 20.4927 16.4371 20.5866 16.4371H28.8386L25.4876 13.0861C25.4541 13.0532 25.4275 13.0139 25.4093 12.9705C25.3911 12.9272 25.3818 12.8806 25.3818 12.8336C25.3818 12.7866 25.3911 12.7401 25.4093 12.6967C25.4275 12.6533 25.4541 12.614 25.4876 12.5811L25.9606 12.1251C25.995 12.0937 26.0352 12.0694 26.079 12.0536C26.1227 12.0378 26.1692 12.0309 26.2156 12.0331L26.2116 12.0291Z" fill="%23166798"/><path d="M26.1806 11.5331C26.2919 11.5327 26.4022 11.5542 26.5051 11.5964C26.6081 11.6386 26.7017 11.7007 26.7806 11.7791L31.4886 16.4401C31.5677 16.5179 31.6305 16.6107 31.6734 16.713C31.7163 16.8153 31.7384 16.9252 31.7384 17.0361C31.7384 17.1471 31.7163 17.2569 31.6734 17.3592C31.6305 17.4615 31.5677 17.5543 31.4886 17.6321L26.7806 22.2871C26.6222 22.4432 26.4093 22.5314 26.187 22.5331C25.9646 22.5348 25.7504 22.4498 25.5896 22.2961L25.1186 21.8441C25.0378 21.7667 24.9733 21.6739 24.929 21.5711C24.8847 21.4683 24.8615 21.3577 24.8608 21.2458C24.86 21.1339 24.8817 21.023 24.9247 20.9196C24.9676 20.8163 25.0308 20.7226 25.1106 20.6441L27.5866 18.1971H20.5866C20.3624 18.1979 20.1471 18.1097 19.9879 17.9518C19.8287 17.7939 19.7387 17.5793 19.7376 17.3551V16.7241C19.7389 16.5 19.829 16.2855 19.9882 16.1277C20.1473 15.9699 20.3625 15.8816 20.5866 15.8821H27.5926L25.1086 13.4211C25.0291 13.3424 24.9663 13.2485 24.9237 13.145C24.8811 13.0416 24.8597 12.9307 24.8607 12.8188C24.8617 12.7069 24.8852 12.5964 24.9296 12.4937C24.9741 12.3911 25.0387 12.2984 25.1196 12.2211L25.5896 11.7711C25.7483 11.6181 25.9602 11.5327 26.1806 11.5331Z" fill="%23166798"/><path d="M16.8666 20.5821H2.31963C1.85716 20.585 1.4124 20.4045 1.08285 20.08C0.7533 19.7555 0.565864 19.3136 0.561638 18.8511V1.63012C0.562212 1.48344 0.603454 1.33977 0.680779 1.21514C0.758103 1.0905 0.868484 0.989752 0.999641 0.924091C1.13166 0.857268 1.27936 0.827556 1.42695 0.838123C1.57454 0.84869 1.71648 0.899139 1.83764 0.984089L14.3796 9.8131L27.2946 0.949115C27.4161 0.866183 27.5577 0.817551 27.7045 0.808399C27.8513 0.799247 27.9978 0.829911 28.1287 0.897114C28.258 0.962996 28.3667 1.06308 28.4431 1.18651C28.5194 1.30994 28.5604 1.45196 28.5616 1.5971V9.06511C28.5616 9.27901 28.4767 9.48415 28.3254 9.6354C28.1742 9.78664 27.969 9.8716 27.7551 9.8716C27.5413 9.8716 27.3361 9.78664 27.1849 9.6354C27.0336 9.48415 26.9486 9.27901 26.9486 9.06511V3.13012L14.8296 11.4401C14.6926 11.5341 14.53 11.584 14.3639 11.5831C14.1977 11.5822 14.0357 11.5306 13.8997 11.4351L2.16964 3.17809V18.8511C2.17017 18.8892 2.18567 18.9256 2.21281 18.9524C2.23994 18.9791 2.27653 18.9941 2.31464 18.9941H16.8666C17.0772 18.9941 17.2792 19.0778 17.4281 19.2267C17.577 19.3756 17.6606 19.5775 17.6606 19.7881C17.6606 19.9987 17.577 20.2006 17.4281 20.3495C17.2792 20.4984 17.0772 20.5821 16.8666 20.5821Z" fill="%23333333"/><path d="M16.8666 21.0821H2.31963C1.72508 21.0858 1.15332 20.8536 0.72982 20.4362C0.306316 20.0189 0.0656663 19.4507 0.0606461 18.8561V1.63012C0.0608691 1.39226 0.127302 1.15916 0.252525 0.956935C0.377748 0.754706 0.556815 0.591314 0.769646 0.485103C0.955651 0.391007 1.16119 0.342014 1.36964 0.342098C1.64172 0.341421 1.9073 0.425307 2.12965 0.582118L14.3836 9.21411L27.0086 0.543117C27.2284 0.3921 27.489 0.311514 27.7556 0.312099C27.9643 0.312944 28.1699 0.36299 28.3556 0.458125C28.5663 0.565439 28.7431 0.728878 28.8667 0.930415C28.9902 1.13195 29.0556 1.36374 29.0556 1.60012V9.07312C29.0556 9.41975 28.9179 9.7522 28.6728 9.99731C28.4277 10.2424 28.0953 10.3801 27.7486 10.3801C27.402 10.3801 27.0696 10.2424 26.8245 9.99731C26.5793 9.7522 26.4416 9.41975 26.4416 9.07312V4.07312L15.1146 11.8531C14.8924 12.0052 14.629 12.0858 14.3597 12.0842C14.0904 12.0826 13.8281 11.9988 13.6076 11.8441L2.67065 4.1441V18.5191H16.8706C17.2122 18.5191 17.5398 18.6548 17.7814 18.8964C18.0229 19.1379 18.1587 19.4655 18.1587 19.8071C18.1587 20.1487 18.0229 20.4763 17.7814 20.7179C17.5398 20.9594 17.2122 21.0951 16.8706 21.0951L16.8666 21.0821ZM1.36665 1.32711C1.31804 1.32702 1.27009 1.33831 1.22665 1.3601C1.17683 1.38497 1.13492 1.42321 1.1056 1.47055C1.07628 1.51788 1.06072 1.57243 1.06065 1.62811V18.8571C1.06355 19.1879 1.19748 19.5041 1.4331 19.7364C1.66872 19.9686 1.9868 20.098 2.31763 20.0961H16.8697C16.9492 20.0961 17.0255 20.0645 17.0818 20.0082C17.138 19.952 17.1696 19.8757 17.1696 19.7961C17.1696 19.7165 17.138 19.6402 17.0818 19.584C17.0255 19.5277 16.9492 19.4961 16.8697 19.4961H2.31963C2.14954 19.4972 1.98598 19.4307 1.86486 19.3112C1.74374 19.1918 1.67496 19.0292 1.67364 18.8591V2.2131L14.1946 11.0331C14.2466 11.0683 14.3079 11.0871 14.3706 11.0871C14.4334 11.0871 14.4947 11.0683 14.5467 11.0331L27.4466 2.17211V9.07211C27.4511 9.15011 27.4852 9.22345 27.542 9.27709C27.5988 9.33074 27.674 9.36062 27.7521 9.36062C27.8303 9.36062 27.9054 9.33074 27.9622 9.27709C28.019 9.22345 28.0532 9.15011 28.0576 9.07211V1.59912C28.0576 1.54382 28.0422 1.48962 28.0133 1.4425C27.9843 1.39538 27.9429 1.35719 27.8936 1.33212C27.8439 1.30726 27.7884 1.29601 27.7329 1.29953C27.6774 1.30304 27.6238 1.32118 27.5776 1.35211L14.3776 10.4211L1.54864 1.38412C1.49437 1.34673 1.4295 1.32778 1.36364 1.3301L1.36665 1.32711Z" fill="%23333333"/><path d="M27.7546 2.19336H1.36765C1.155 2.1931 0.951036 2.10879 0.80011 1.95898C0.649183 1.80918 0.56349 1.6062 0.561646 1.39355C0.561645 1.1797 0.646528 0.974555 0.797653 0.823242C0.948779 0.671929 1.15379 0.586203 1.36765 0.585938H27.7546C27.9685 0.586203 28.1735 0.671929 28.3246 0.823242C28.4758 0.974555 28.5606 1.1797 28.5606 1.39355C28.5588 1.6062 28.4731 1.80918 28.3222 1.95898C28.1712 2.10879 27.9673 2.1931 27.7546 2.19336Z" fill="%23333333"/><path d="M27.7496 2.69336H1.36365C1.01822 2.69336 0.686835 2.5561 0.441925 2.3125C0.197015 2.0689 0.0584907 1.73898 0.0566406 1.39355C0.0569055 1.047 0.19469 0.713803 0.439743 0.46875C0.684796 0.223697 1.01709 0.0862024 1.36365 0.0859375H27.7496C28.0962 0.0862024 28.4285 0.223697 28.6735 0.46875C28.9186 0.713803 29.0564 1.047 29.0566 1.39355C29.0548 1.73898 28.9163 2.0689 28.6714 2.3125C28.4265 2.5561 28.0951 2.69336 27.7496 2.69336ZM1.36365 1.08203C1.2824 1.0823 1.20456 1.11531 1.1472 1.17285C1.08984 1.2304 1.05765 1.30742 1.05765 1.38867C1.05896 1.46887 1.09181 1.54541 1.14908 1.60156C1.20635 1.65771 1.28344 1.68973 1.36365 1.68945H27.7496C27.8299 1.68973 27.9069 1.65771 27.9642 1.60156C28.0215 1.54541 28.0543 1.46887 28.0556 1.38867C28.0556 1.30742 28.0234 1.2304 27.9661 1.17285C27.9087 1.11531 27.8309 1.0823 27.7496 1.08203H1.36365Z" fill="%23333333"/></g></g><defs><clipPath id="clip0_140_135"><rect width="32" height="23" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.l-footer-info-btn__link::after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 25px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_140_130)"><path d="M14.065 7.164L19.242 12.336L14.064 17.513L12.898 16.384L16.141 13.141H6.516V11.535H16.144L12.897 8.29L14.065 7.164Z" fill="%23166798"/><path d="M12.72 25H12.5C10.8531 25.0298 9.21741 24.7229 7.69334 24.098C6.16927 23.4731 4.78894 22.5434 3.637 21.366C2.46076 20.2124 1.5317 18.8314 0.906417 17.3072C0.281139 15.7829 -0.0272639 14.1473 -1.2524e-06 12.5C-0.0268743 10.8531 0.281714 9.21787 0.906978 7.69399C1.53224 6.17012 2.4611 4.78943 3.637 3.636C4.78877 2.45822 6.16903 1.52818 7.6931 0.902942C9.21717 0.277698 10.8529 -0.029566 12.5 -1.12411e-06C14.1469 -0.0297664 15.7826 0.27721 17.3066 0.902103C18.8307 1.527 20.211 2.45663 21.363 3.634C22.5391 4.78767 23.4681 6.16867 24.0934 7.69291C24.7187 9.21715 25.0271 10.8527 25 12.5C25.0272 14.1468 24.7189 15.7819 24.094 17.3058C23.4691 18.8297 22.5406 20.2104 21.365 21.364C20.2388 22.5152 18.8939 23.4299 17.4094 24.0543C15.9248 24.6786 14.3305 25.0002 12.72 25ZM12.5 23.028H12.519H12.719C14.0682 23.0248 15.4034 22.7534 16.6468 22.2296C17.8902 21.7058 19.0171 20.9401 19.962 19.977L19.979 19.96C20.9671 18.9922 21.7471 17.8329 22.2714 16.5531C22.7957 15.2732 23.0531 13.8998 23.028 12.517C23.028 12.5043 23.028 12.4913 23.028 12.478C23.053 11.0952 22.7955 9.72182 22.2712 8.442C21.747 7.16218 20.967 6.00285 19.979 5.035L19.962 5.018C19.0169 4.05559 17.8901 3.29054 16.6469 2.7673C15.4036 2.24405 14.0688 1.97304 12.72 1.97H12.52H12.481C11.098 1.9461 9.72466 2.20431 8.44479 2.72888C7.16492 3.25344 6.0054 4.03336 5.037 5.021L5.02 5.038C4.03199 6.00581 3.25195 7.16514 2.72768 8.44496C2.2034 9.72479 1.94592 11.0982 1.971 12.481C1.971 12.4937 1.971 12.5067 1.971 12.52C1.94586 13.9028 2.20331 15.2762 2.7276 16.5561C3.25188 17.8359 4.03194 18.9952 5.02 19.963L5.037 19.98C6.00541 20.9672 7.16485 21.7467 8.44454 22.2709C9.72422 22.7951 11.0973 23.0531 12.48 23.029L12.5 23.028Z" fill="%23166798"/></g><defs><clipPath id="clip0_140_130"><rect width="25" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_140_130)"><path d="M14.065 7.164L19.242 12.336L14.064 17.513L12.898 16.384L16.141 13.141H6.516V11.535H16.144L12.897 8.29L14.065 7.164Z" fill="%23166798"/><path d="M12.72 25H12.5C10.8531 25.0298 9.21741 24.7229 7.69334 24.098C6.16927 23.4731 4.78894 22.5434 3.637 21.366C2.46076 20.2124 1.5317 18.8314 0.906417 17.3072C0.281139 15.7829 -0.0272639 14.1473 -1.2524e-06 12.5C-0.0268743 10.8531 0.281714 9.21787 0.906978 7.69399C1.53224 6.17012 2.4611 4.78943 3.637 3.636C4.78877 2.45822 6.16903 1.52818 7.6931 0.902942C9.21717 0.277698 10.8529 -0.029566 12.5 -1.12411e-06C14.1469 -0.0297664 15.7826 0.27721 17.3066 0.902103C18.8307 1.527 20.211 2.45663 21.363 3.634C22.5391 4.78767 23.4681 6.16867 24.0934 7.69291C24.7187 9.21715 25.0271 10.8527 25 12.5C25.0272 14.1468 24.7189 15.7819 24.094 17.3058C23.4691 18.8297 22.5406 20.2104 21.365 21.364C20.2388 22.5152 18.8939 23.4299 17.4094 24.0543C15.9248 24.6786 14.3305 25.0002 12.72 25ZM12.5 23.028H12.519H12.719C14.0682 23.0248 15.4034 22.7534 16.6468 22.2296C17.8902 21.7058 19.0171 20.9401 19.962 19.977L19.979 19.96C20.9671 18.9922 21.7471 17.8329 22.2714 16.5531C22.7957 15.2732 23.0531 13.8998 23.028 12.517C23.028 12.5043 23.028 12.4913 23.028 12.478C23.053 11.0952 22.7955 9.72182 22.2712 8.442C21.747 7.16218 20.967 6.00285 19.979 5.035L19.962 5.018C19.0169 4.05559 17.8901 3.29054 16.6469 2.7673C15.4036 2.24405 14.0688 1.97304 12.72 1.97H12.52H12.481C11.098 1.9461 9.72466 2.20431 8.44479 2.72888C7.16492 3.25344 6.0054 4.03336 5.037 5.021L5.02 5.038C4.03199 6.00581 3.25195 7.16514 2.72768 8.44496C2.2034 9.72479 1.94592 11.0982 1.971 12.481C1.971 12.4937 1.971 12.5067 1.971 12.52C1.94586 13.9028 2.20331 15.2762 2.7276 16.5561C3.25188 17.8359 4.03194 18.9952 5.02 19.963L5.037 19.98C6.00541 20.9672 7.16485 21.7467 8.44454 22.2709C9.72422 22.7951 11.0973 23.0531 12.48 23.029L12.5 23.028Z" fill="%23166798"/></g><defs><clipPath id="clip0_140_130"><rect width="25" 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);
}

/* 注意書き
---------------------------------------------- */
.l-footer-note__text {
  font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  color: var(--c-white);
}

/* コピーライト
---------------------------------------------- */
.l-footer-copy {
  text-align: center;
  padding: clamp(0.375rem, 0.313rem + 0.25vw, 0.5rem) 0;
}

.l-footer-copy__text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

/* ===========================================
 * ヘッダー
 * ======================================== */
.l-header {
  padding: 26px 0;
  width: 100%;
  left: 0;
  top: 0;
  z-index: var(--z-header);
  background-color: var(--c-white);
  border-bottom: solid 1px var(--c-gray);
}
@media (max-width: 768px) {
  .l-header {
    padding: 24px 0;
  }
}
@media only screen {
  .l-header {
    position: fixed;
  }
}

.l-header__inner {
  box-sizing: content-box;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 clamp(0.75rem, -4.375rem + 8vw, 1.625rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}

/* 	ロゴ
---------------------------------------------*/
.l-header-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-header-logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.l-header-logo a {
  transition: opacity var(--anime-duration);
}
.l-header-logo a:hover {
  opacity: 0.6;
}

/* 	メニュー
---------------------------------------------*/
.l-header-menu {
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .l-header-menu {
    display: none;
  }
}

.l-header-menu-list {
  display: flex;
  align-items: center;
  gap: clamp(1rem, -6.321rem + 11.43vw, 2.25rem);
}

.l-header-menu-list-item__link {
  font-size: clamp(0.875rem, 0.509rem + 0.57vw, 0.938rem);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  transition: color var(--anime-duration);
}
.l-header-menu-list-item__link.is-active {
  color: var(--c-main);
}
.l-header-menu-list-item__link {
  transition: color var(--anime-duration);
}
.l-header-menu-list-item__link:hover {
  color: var(--c-main);
}
.l-header-menu-list-item__link.-has-mega-menu {
  display: flex;
  align-items: center;
  gap: 4px;
}
.l-header-menu-list-item__link.-has-mega-menu::after {
  content: "";
  width: 25px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_137_3)"><path d="M17.449 13.878L12.277 19.055L7.1 13.877L8.23 12.711L11.473 15.954V6.329H13.078V15.957L16.324 12.71L17.449 13.878Z" fill="%23166798"/><path d="M0 12.72V12.5C-0.0298242 10.8531 0.277125 9.21741 0.902021 7.69334C1.52692 6.16928 2.45659 4.78894 3.634 3.637C4.7876 2.46076 6.16859 1.5317 7.69285 0.906419C9.2171 0.28114 10.8527 -0.0272626 12.5 5.90226e-08C14.1469 -0.026873 15.7821 0.281716 17.306 0.906979C18.8299 1.53224 20.2106 2.4611 21.364 3.637C22.5418 4.78877 23.4718 6.16903 24.0971 7.6931C24.7223 9.21718 25.0296 10.8529 25 12.5C25.0298 14.1469 24.7228 15.7826 24.0979 17.3066C23.473 18.8307 22.5434 20.211 21.366 21.363C20.2123 22.5391 18.8313 23.4681 17.3071 24.0934C15.7828 24.7187 14.1473 25.0271 12.5 25C10.8532 25.0272 9.21807 24.7189 7.6942 24.094C6.17032 23.4691 4.78957 22.5406 3.636 21.365C2.48477 20.2388 1.57013 18.8939 0.945742 17.4094C0.321358 15.9248 -0.000181005 14.3305 0 12.72ZM1.972 12.5V12.519V12.719C1.97524 14.0682 2.24664 15.4034 2.77041 16.6468C3.29418 17.8902 4.05988 19.0171 5.023 19.962L5.04 19.979C6.00778 20.9671 7.16709 21.7471 8.44693 22.2714C9.72677 22.7957 11.1002 23.0531 12.483 23.028C12.4957 23.028 12.5087 23.028 12.522 23.028C13.9048 23.053 15.2782 22.7955 16.558 22.2712C17.8378 21.747 18.9972 20.967 19.965 19.979L19.982 19.962C20.9444 19.0169 21.7095 17.8901 22.2327 16.6469C22.7559 15.4036 23.027 14.0688 23.03 12.72V12.52V12.481C23.0539 11.098 22.7957 9.72466 22.2711 8.44479C21.7466 7.16493 20.9666 6.0054 19.979 5.037L19.962 5.02C18.9941 4.03217 17.8347 3.25232 16.5549 2.72822C15.2751 2.20411 13.9017 1.94679 12.519 1.972C12.5063 1.972 12.4933 1.972 12.48 1.972C11.0972 1.94686 9.72377 2.20432 8.44393 2.7286C7.16409 3.25288 6.00478 4.03294 5.037 5.021L5.02 5.038C4.0328 6.00642 3.25329 7.16585 2.72907 8.44554C2.20486 9.72522 1.94692 11.0983 1.971 12.481L1.972 12.5Z" fill="%23166798"/></g><defs><clipPath id="clip0_137_3"><rect width="25" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_137_3)"><path d="M17.449 13.878L12.277 19.055L7.1 13.877L8.23 12.711L11.473 15.954V6.329H13.078V15.957L16.324 12.71L17.449 13.878Z" fill="%23166798"/><path d="M0 12.72V12.5C-0.0298242 10.8531 0.277125 9.21741 0.902021 7.69334C1.52692 6.16928 2.45659 4.78894 3.634 3.637C4.7876 2.46076 6.16859 1.5317 7.69285 0.906419C9.2171 0.28114 10.8527 -0.0272626 12.5 5.90226e-08C14.1469 -0.026873 15.7821 0.281716 17.306 0.906979C18.8299 1.53224 20.2106 2.4611 21.364 3.637C22.5418 4.78877 23.4718 6.16903 24.0971 7.6931C24.7223 9.21718 25.0296 10.8529 25 12.5C25.0298 14.1469 24.7228 15.7826 24.0979 17.3066C23.473 18.8307 22.5434 20.211 21.366 21.363C20.2123 22.5391 18.8313 23.4681 17.3071 24.0934C15.7828 24.7187 14.1473 25.0271 12.5 25C10.8532 25.0272 9.21807 24.7189 7.6942 24.094C6.17032 23.4691 4.78957 22.5406 3.636 21.365C2.48477 20.2388 1.57013 18.8939 0.945742 17.4094C0.321358 15.9248 -0.000181005 14.3305 0 12.72ZM1.972 12.5V12.519V12.719C1.97524 14.0682 2.24664 15.4034 2.77041 16.6468C3.29418 17.8902 4.05988 19.0171 5.023 19.962L5.04 19.979C6.00778 20.9671 7.16709 21.7471 8.44693 22.2714C9.72677 22.7957 11.1002 23.0531 12.483 23.028C12.4957 23.028 12.5087 23.028 12.522 23.028C13.9048 23.053 15.2782 22.7955 16.558 22.2712C17.8378 21.747 18.9972 20.967 19.965 19.979L19.982 19.962C20.9444 19.0169 21.7095 17.8901 22.2327 16.6469C22.7559 15.4036 23.027 14.0688 23.03 12.72V12.52V12.481C23.0539 11.098 22.7957 9.72466 22.2711 8.44479C21.7466 7.16493 20.9666 6.0054 19.979 5.037L19.962 5.02C18.9941 4.03217 17.8347 3.25232 16.5549 2.72822C15.2751 2.20411 13.9017 1.94679 12.519 1.972C12.5063 1.972 12.4933 1.972 12.48 1.972C11.0972 1.94686 9.72377 2.20432 8.44393 2.7286C7.16409 3.25288 6.00478 4.03294 5.037 5.021L5.02 5.038C4.0328 6.00642 3.25329 7.16585 2.72907 8.44554C2.20486 9.72522 1.94692 11.0983 1.971 12.481L1.972 12.5Z" fill="%23166798"/></g><defs><clipPath id="clip0_137_3"><rect width="25" 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);
}

/* ===========================================
 * ドロワー
 * ======================================== */
.l-drawer {
  background-color: var(--c-accent);
  position: fixed;
  width: 100%;
  height: 100lvh;
  top: calc(var(--header-height-gutter) + 1px);
  z-index: var(--z-drawer);
  padding: 36px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--anime-duration), visibility var(--anime-duration);
}
.l-drawer.is-open {
  opacity: 1;
  visibility: visible;
}
@media not (max-width: 1024px) {
  .l-drawer {
    display: none;
  }
}

.l-drawer__inner {
  padding: 0 30px;
}

.l-drawer-menu__heading {
  font-family: var(--ff-en);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: var(--c-white);
  text-align: center;
}

/* リスト
---------------------------------------------- */
.l-drawer-menu-list-wrap {
  margin-top: 26px;
  display: flex;
  align-items: baseline;
  gap: 32px;
}

.l-drawer-menu-list-item + .l-drawer-menu-list-item {
  margin-top: 40px;
}

.l-drawer-menu-list-item__link {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  color: var(--c-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.l-drawer-menu-list-item__link::after {
  content: "";
  width: 25px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_142_2)"><path d="M13.8506 8.12522L18.2584 12.5281L13.8506 16.9358L13.4143 16.5094L17.0944 12.8294H6.91496V12.2326H17.0924L13.4143 8.55064L13.8506 8.12522Z" stroke="white"/><path d="M12.4995 24.0133C14.0175 24.043 15.5254 23.7613 16.9302 23.1854C18.335 22.6095 19.6068 21.7518 20.6671 20.6651C21.7537 19.6048 22.6114 18.333 23.1873 16.9282C23.7632 15.5234 24.0449 14.0155 24.0152 12.4975C24.0449 10.9796 23.7631 9.4717 23.1872 8.06693C22.6114 6.66215 21.7537 5.39033 20.6671 4.32997C19.6065 3.24388 18.3346 2.3867 16.9298 1.81134C15.525 1.23598 14.0172 0.954668 12.4995 0.984757C10.9817 0.955186 9.474 1.23703 8.06939 1.8129C6.66479 2.38876 5.39313 3.24642 4.33293 4.33293C3.24642 5.39313 2.38876 6.66479 1.8129 8.06939C1.23703 9.474 0.955185 10.9817 0.984756 12.4995C0.95505 14.0175 1.23683 15.5254 1.8127 16.9302C2.38857 18.3349 3.2463 19.6068 4.33293 20.6671C5.39327 21.7533 6.66499 22.6106 8.0696 23.1861C9.4742 23.7616 10.9819 24.0432 12.4995 24.0133Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_142_2"><rect width="25" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_142_2)"><path d="M13.8506 8.12522L18.2584 12.5281L13.8506 16.9358L13.4143 16.5094L17.0944 12.8294H6.91496V12.2326H17.0924L13.4143 8.55064L13.8506 8.12522Z" stroke="white"/><path d="M12.4995 24.0133C14.0175 24.043 15.5254 23.7613 16.9302 23.1854C18.335 22.6095 19.6068 21.7518 20.6671 20.6651C21.7537 19.6048 22.6114 18.333 23.1873 16.9282C23.7632 15.5234 24.0449 14.0155 24.0152 12.4975C24.0449 10.9796 23.7631 9.4717 23.1872 8.06693C22.6114 6.66215 21.7537 5.39033 20.6671 4.32997C19.6065 3.24388 18.3346 2.3867 16.9298 1.81134C15.525 1.23598 14.0172 0.954668 12.4995 0.984757C10.9817 0.955186 9.474 1.23703 8.06939 1.8129C6.66479 2.38876 5.39313 3.24642 4.33293 4.33293C3.24642 5.39313 2.38876 6.66479 1.8129 8.06939C1.23703 9.474 0.955185 10.9817 0.984756 12.4995C0.95505 14.0175 1.23683 15.5254 1.8127 16.9302C2.38857 18.3349 3.2463 19.6068 4.33293 20.6671C5.39327 21.7533 6.66499 22.6106 8.0696 23.1861C9.4742 23.7616 10.9819 24.0432 12.4995 24.0133Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_142_2"><rect width="25" 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-white);
}

/* 住所
---------------------------------------------- */
.l-drawer-menu-address {
  margin-top: 54px;
  background-color: var(--c-white);
  border-radius: 14px;
  padding: 16px 20px;
}

.l-drawer-menu-address__text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.6;
  margin-top: 8px;
}

.l-main {
  flex-grow: 1;
}

.l-main--has-sidebar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px 60px;
}
@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: 280px;
  }
}

/* ===========================================
 * メガメニュー
 * ======================================== */
.l-mega-menu {
  position: absolute;
  top: calc(var(--header-height-gutter) + 1px);
  margin: 0;
  left: auto;
  padding: 0;
  padding-top: 26px;
  margin-top: -26px;
  background-color: transparent;
  opacity: 0;
  transition: opacity var(--anime-duration);
}
.l-mega-menu.is-visible {
  opacity: 1;
}
.l-mega-menu#document-menu {
  right: 60px;
}
.l-mega-menu#cad-menu {
  right: 20px;
}

.l-mega-menu__content {
  padding: 24px 0 42px;
  border-radius: 0 0 20px 20px;
  border: solid 2px var(--c-main);
  border-style: none solid solid solid;
  background-color: var(--c-white);
}

.l-mega-menu__inner {
  display: flex;
  align-items: baseline;
  gap: 48px;
  padding: 0 36px;
}

/* リスト
---------------------------------------------- */
.l-mega-menu-list-item + .l-mega-menu-list-item {
  margin-top: 20px;
}

.l-mega-menu-list-item__link {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.6;
  color: var(--c-main);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.l-mega-menu-list-item__link:hover {
  text-decoration: none;
}

.l-mega-menu-list-item:not(.-heading) {
  padding-left: 1em;
  position: relative;
}
.l-mega-menu-list-item:not(.-heading)::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  left: 0;
  top: 11px;
  aspect-ratio: 1;
  background-color: var(--c-accent);
  border-radius: 50%;
}

.l-site-menu-list {
  display: flex;
  gap: 1em;
}
@media (max-width: 1024px) {
  .l-site-menu-list {
    display: none;
  }
}

/* ドロワーメニュー
---------------------------------------------- */
.l-site-menu-drawer-hamburger {
  --hamburger-size: 40px;
  position: relative;
  z-index: var(--z-hamburger);
  display: inline-grid;
  place-items: center;
  width: var(--hamburger-size);
  aspect-ratio: 1;
}
@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: #000;
}
.l-site-menu-drawer-hamburger__line::before, .l-site-menu-drawer-hamburger__line::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: #000;
}
.l-site-menu-drawer-hamburger__line::before {
  translate: 0 -12px;
}
.l-site-menu-drawer-hamburger__line::after {
  translate: 0 12px;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line {
  background-color: transparent;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line::before {
  translate: 0 0;
  rotate: 45deg;
}
.l-site-menu-drawer[open] .l-site-menu-drawer-hamburger__line::after {
  translate: 0 0;
  rotate: -45deg;
}

@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: rgba(0, 0, 0, 0.8);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

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

.l-site-menu-drawer-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 1em;
}

.l-site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: var(--header-height-gutter);
  overflow: hidden;
}

/* ===========================================
 * ハンバーガーメニュー
 * ======================================== */
.l-hamburger {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media not (max-width: 1024px) {
  .l-hamburger {
    display: none;
  }
}

.l-hamburger__line-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.l-hamburger__line {
  position: relative;
  display: block;
  width: 25px;
  height: 3px;
  background-color: #818b8e;
}
.l-hamburger__line::before, .l-hamburger__line::after {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 3px;
  background-color: #818b8e;
  transition: transform var(--anime-duration), top var(--anime-duration);
}
.l-hamburger__line::before {
  top: -10px;
}
.l-hamburger__line::after {
  top: 10px;
}

.l-hamburger.is-open .l-hamburger__line {
  background-color: transparent;
}
.l-hamburger.is-open .l-hamburger__line::before {
  transform: rotate(-45deg);
  top: 0;
}
.l-hamburger.is-open .l-hamburger__line::after {
  transform: rotate(45deg);
  top: 0;
}

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

/* ===========================================
 * 見出し
 * ======================================== */
/* h2 */
.c-heading-lv2 {
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  padding-left: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  position: relative;
  margin-bottom: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}
.c-heading-lv2::before {
  content: "";
  display: block;
  width: 8px;
  height: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  background-color: var(--c-main);
  position: absolute;
  left: 0;
  top: 6px;
}
.c-heading-lv2::after {
  content: "";
  display: block;
  width: 3px;
  height: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  background-color: var(--c-gray);
  position: absolute;
  left: 12px;
  top: 6px;
}

/* h3 */
.c-heading-lv3 {
  font-size: clamp(1.375rem, 1.313rem + 0.25vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem);
  color: var(--c-main);
  padding-bottom: 8px;
  border-bottom: solid 1px var(--c-accent);
}
.c-heading-lv3:has(.-supplement-text) {
  line-height: 1.2;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .c-heading-lv3 .-supplement-text {
    font-size: 18px;
  }
}
.c-heading-lv3.-mb-lg {
  margin-bottom: clamp(1.25rem, 0.625rem + 2.5vw, 2.5rem);
}

/* h4 */
.c-heading-lv4 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: var(--c-main);
  margin-bottom: 12px;
}

.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);
}
@media (max-width: 768px) {
  .c-inner {
    padding-right: var(--inner-gutter--sp);
    padding-left: var(--inner-gutter--sp);
  }
}
.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~=col-reverse] {
  flex-direction: column-reverse;
}
.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:col-reverse"] {
    flex-direction: column-reverse;
  }
  .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:col-reverse"] {
    flex-direction: column-reverse;
  }
  .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:col-reverse"] {
    flex-direction: column-reverse;
  }
  .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:col-reverse"] {
    flex-direction: column-reverse;
  }
  .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:col-reverse"] {
    flex-direction: column-reverse;
  }
  .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-text {
  font-size: clamp(0.938rem, 0.906rem + 0.13vw, 1rem);
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
.c-text.-mw-1020 {
  max-width: 1020px;
}
.c-text.-mw-1000 {
  max-width: 1000px;
}
.c-text.-mw-960 {
  max-width: 960px;
}
.c-text.-indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* ===========================================
 * リスト
 * ======================================== */
/* 通常リスト
---------------------------------------------- */
@media not (max-width: 768px) {
  .c-list.-grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0.6em 40px;
  }
  .c-list.-grid.-gap-sm {
    gap: 24px;
  }
  .c-list.-grid .c-list__item {
    margin-top: 0;
  }
  .c-list.-grid[data-col="3"] {
    grid-template-columns: repeat(3, auto);
  }
}

.c-list__item + .c-list__item {
  margin-top: 0.6em;
}

.c-list__item {
  position: relative;
  padding-left: 12px;
  word-break: break-all;
}
.c-list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #908989;
}

/* 順序リスト
---------------------------------------------- */
.c-order-list {
  counter-reset: li;
}

.c-order-list__item {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.4;
  padding-left: 2em;
  position: relative;
}
@media (max-width: 768px) {
  .c-order-list__item {
    padding-left: 2.2em;
  }
}
.c-order-list__item::before {
  counter-increment: li;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  margin-right: 4px;
  content: "(" counter(li) ") ";
  font-weight: 700;
  color: var(--c-main);
}
.c-order-list__item + .c-order-list__item {
  margin-top: 12px;
}
@media (max-width: 768px) {
  .c-order-list__item + .c-order-list__item {
    margin-top: 20px;
  }
}

/* ===========================================
 * データリスト
 * ======================================== */
.c-data-list__item {
  border-bottom: solid 1px #d6d6d6;
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 4px 50px;
  padding: clamp(1.25rem, 1rem + 1vw, 1.75rem) 0;
}
@media (max-width: 768px) {
  .c-data-list__item {
    grid-template-columns: 1fr;
  }
}

.c-data-list__heading {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.c-data-list__body {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

/* ===========================================
 * テーブル
 * ======================================== */
.c-table {
  height: -moz-fit-content;
  height: fit-content;
}
.c-table thead th {
  color: var(--c-white);
  background-color: #6dc0d0;
  text-align: center;
}
.c-table thead th:not(:last-child) {
  border-right: solid 1px var(--c-white);
}
.c-table tr {
  border-bottom: solid 1px #b1d6e0;
}
.c-table th,
.c-table td {
  letter-spacing: 0.03em;
  line-height: 1.6;
  padding: 10px 16px;
  vertical-align: middle;
  text-align: center;
}
.c-table th:not(:last-child),
.c-table td:not(:last-child) {
  border-right: solid 1px #b1d6e0;
}
.c-table th {
  font-size: 18px;
  font-weight: 700;
}
.c-table td {
  font-size: clamp(1rem, 0.938rem + 0.25vw, 1.125rem);
  font-weight: 500;
}

.c-table-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 36px;
}
@media (max-width: 768px) {
  .c-table-col {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .c-table-col .c-table:not(:first-of-type) thead {
    display: none;
  }
}

/* ===========================================
 * 囲み
 * ======================================== */
.c-box {
  background-color: var(--c-bg--light);
  padding: clamp(1.25rem, 1.063rem + 0.75vw, 1.625rem) 0;
  border-radius: clamp(0.25rem, 0.125rem + 0.5vw, 0.5rem);
}
.c-box.-gray {
  background-color: #f4f4f4;
}
.c-box.-pd-sm {
  padding: clamp(1rem, 0.875rem + 0.5vw, 1.25rem) 0;
}
.c-box.-pd-lg {
  padding: clamp(1.75rem, 1.312rem + 1.75vw, 2.625rem) 0;
}
@media (max-width: 768px) {
  .c-box.-sp-wide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    border-radius: 0;
  }
  .c-box.-sp-wide .c-box__inner {
    padding-left: var(--inner-gutter--sp);
    padding-right: var(--inner-gutter--sp);
  }
}

.c-box__inner {
  padding: 0 clamp(1.25rem, 1.063rem + 0.75vw, 1.625rem);
}
.-pd-sm .c-box__inner {
  padding: 0 clamp(1rem, 0.938rem + 0.25vw, 1.125rem);
}
.-pd-lg .c-box__inner {
  padding: 0 clamp(1.75rem, 1.312rem + 1.75vw, 2.625rem);
}

.c-box__label {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  background-color: var(--c-main);
  color: var(--c-white);
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 20px;
  min-width: 110px;
  text-align: center;
}

/* ===========================================
 * ページ
 * ======================================== */
.p-page {
  padding-top: clamp(2.625rem, 1.594rem + 4.13vw, 4.688rem);
  padding-bottom: 20px;
}

.p-page__content {
  margin-top: clamp(3.875rem, 2.844rem + 4.13vw, 5.938rem);
  padding-bottom: clamp(4.375rem, 3.438rem + 3.75vw, 6.25rem);
}
.p-page__content:has(.p-page-link) {
  margin-top: clamp(2.625rem, 1.125rem + 6vw, 5.625rem);
}

/* ===========================================
 * ページヘッダー
 * ======================================== */
.p-page-header__inner {
  display: grid;
  grid-template-columns: 360px 1fr;
  align-items: center;
}
@media (max-width: 768px) {
  .p-page-header__inner {
    grid-template-columns: 1fr;
  }
}

.p-page-header-heading {
  position: relative;
}
.p-page-header-heading::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 90%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: var(--c-black);
}
@media (max-width: 768px) {
  .p-page-header-heading::after {
    content: none;
  }
}

.p-page-header__text {
  padding-left: 28px;
}
@media (max-width: 768px) {
  .p-page-header__text {
    padding-left: 0;
    padding-top: 16px;
  }
}

.p-page-header-heading__en {
  font-family: var(--ff-en);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 1.5;
}

.p-page-header-heading__main {
  font-size: clamp(1.75rem, 1.563rem + 0.75vw, 2.125rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  position: relative;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .p-page-header-heading__main::after {
    content: "";
    position: absolute;
    width: 52px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--c-black);
  }
}

.p-page-header__text {
  font-size: clamp(0.938rem, 0.906rem + 0.13vw, 1rem);
  font-weight: 400;
  letter-spacing: 0.01;
  line-height: 1.5;
}

/* ===========================================
 * パンくずリスト
 * ======================================== */
.p-breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.p-breadcrumb-list__item {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #908989;
  position: relative;
}
.p-breadcrumb-list__item:not(:last-child)::after {
  content: "/" "";
  color: #d6d6d6;
  font-size: 12px;
  padding: 0 8px 0 4px;
}

.p-breadcrumb-list__link {
  transition: opacity var(--anime-duration);
}
.p-breadcrumb-list__link:hover {
  opacity: 0.6;
}

/* ===========================================
 * ドキュメントセクション
 * ======================================== */
.p-doc-section {
  max-width: 1000px;
  margin-inline: auto;
}
.p-doc-section.-grid {
  max-width: 1100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(535px, 1fr));
  gap: 72px 20px;
}
@media (max-width: 768px) {
  .p-doc-section.-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 62px 20px;
  }
}

.p-doc-section-item {
  max-width: 535px;
  margin-inline: auto;
  width: 100%;
}

.p-doc-section-item__inner {
  display: flex;
  gap: 48px 10px;
  width: 100%;
}
@media (max-width: 768px) {
  .p-doc-section-item__inner {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .p-doc-section__thumb {
    max-width: 217px;
  }
}

.p-doc-section-list-item + .p-doc-section-list-item {
  margin-top: 1em;
}

@media (max-width: 768px) {
  .p-doc-section-list + .p-doc-section-list {
    margin-top: 16px;
  }
}

.p-doc-section-item__heading {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin-bottom: 20px;
}

/* ===========================================
 * ページ内リンク
 * ======================================== */
.p-page-link {
  display: grid;
  grid-template-columns: repeat(auto-fit, 288px);
  justify-content: center;
  gap: 16px 46px;
}

.p-page-link-btn__link {
  background-color: var(--c-main);
  color: var(--c-white);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  padding: 16px 52px;
  position: relative;
  border-radius: 8px;
  transition: background-color var(--anime-duration);
}
.p-page-link-btn__link:hover {
  background-color: var(--c-main--dark);
}
.p-page-link-btn__link::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 18px;
  -webkit-mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_171_5)"><path d="M16.8741 13.8501L12.4714 18.2576L8.06385 13.8501L8.49023 13.4138L12.1701 17.0937V6.91469H12.7669V17.0917L16.4487 13.4138L16.8741 13.8501Z" stroke="white"/><path d="M0.986685 12.499C0.956922 14.0169 1.23866 15.5248 1.81451 16.9295C2.39036 18.3343 3.24809 19.606 4.33472 20.6663C5.395 21.7528 6.66677 22.6105 8.0715 23.1864C9.47622 23.7622 10.9841 24.044 12.502 24.0143C14.0198 24.0439 15.5277 23.7621 16.9324 23.1863C18.3371 22.6105 19.6089 21.7528 20.6692 20.6663C21.7553 19.6057 22.6124 18.3338 23.1877 16.9291C23.7631 15.5244 24.0444 14.0167 24.0143 12.499C24.0439 10.9813 23.762 9.47362 23.1862 8.06907C22.6103 6.66453 21.7527 5.39292 20.6663 4.33275C19.6061 3.24629 18.3345 2.38867 16.9299 1.81282C15.5254 1.23698 14.0177 0.955146 12.5 0.984716C10.9821 0.955011 9.47425 1.23678 8.06953 1.81263C6.6648 2.38847 5.39303 3.24617 4.33276 4.33275C3.2466 5.39305 2.38931 6.66473 1.81381 8.06928C1.2383 9.47382 0.956802 10.9814 0.986685 12.499Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_171_5"><rect width="25" height="25" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_171_5)"><path d="M16.8741 13.8501L12.4714 18.2576L8.06385 13.8501L8.49023 13.4138L12.1701 17.0937V6.91469H12.7669V17.0917L16.4487 13.4138L16.8741 13.8501Z" stroke="white"/><path d="M0.986685 12.499C0.956922 14.0169 1.23866 15.5248 1.81451 16.9295C2.39036 18.3343 3.24809 19.606 4.33472 20.6663C5.395 21.7528 6.66677 22.6105 8.0715 23.1864C9.47622 23.7622 10.9841 24.044 12.502 24.0143C14.0198 24.0439 15.5277 23.7621 16.9324 23.1863C18.3371 22.6105 19.6089 21.7528 20.6692 20.6663C21.7553 19.6057 22.6124 18.3338 23.1877 16.9291C23.7631 15.5244 24.0444 14.0167 24.0143 12.499C24.0439 10.9813 23.762 9.47362 23.1862 8.06907C22.6103 6.66453 21.7527 5.39292 20.6663 4.33275C19.6061 3.24629 18.3345 2.38867 16.9299 1.81282C15.5254 1.23698 14.0177 0.955146 12.5 0.984716C10.9821 0.955011 9.47425 1.23678 8.06953 1.81263C6.6648 2.38847 5.39303 3.24617 4.33276 4.33275C3.2466 5.39305 2.38931 6.66473 1.81381 8.06928C1.2383 9.47382 0.956802 10.9814 0.986685 12.499Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_171_5"><rect width="25" 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-white);
  width: 25px;
  aspect-ratio: 1;
}

/* ===========================================
 * ページトップへ戻る
 * ======================================== */
.p-page-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
}
@media not (max-width: 768px) {
  .p-page-top {
    display: none;
  }
}

/* ===========================================
 * トップページ
 * ======================================== */
/* メニュー
---------------------------------------------- */
.pg-hm-menu {
  background-color: var(--c-bg);
  padding: clamp(3.25rem, 2.531rem + 2.88vw, 4.688rem) 0;
}

.pg-hm-menu__heading {
  font-size: clamp(1.563rem, 1.281rem + 1.13vw, 2.125rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 768px) {
  .pg-hm-menu__heading {
    font-weight: 900;
  }
}

.pg-hm-menu-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.5rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 0.844rem + 2.63vw, 2.813rem);
}

.pg-hm-menu-list-item__link {
  background-color: var(--c-white);
  border: solid 3px var(--c-white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: clamp(6.875rem, 5.625rem + 5vw, 9.375rem);
  border-radius: 15px;
  transition: border-color var(--anime-duration);
  padding: 10px;
}
.pg-hm-menu-list-item__link:hover {
  border-color: var(--c-main);
}
@media (max-width: 768px) {
  .pg-hm-menu-list-item__link {
    gap: 12px;
    flex-direction: column;
  }
}

.pg-hm-menu-list-item__text {
  font-size: clamp(0.813rem, 0.469rem + 1.38vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
}
@media (max-width: 768px) {
  .pg-hm-menu-list-item__text {
    text-align: center;
    min-height: 2lh;
  }
}

.pg-hm-menu-list-item__icon.-doc {
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .pg-hm-menu-list-item__icon.-doc {
    margin-bottom: 0;
    margin-right: 8px;
    height: 45px;
  }
}

@media (max-width: 768px) {
  .pg-hm-menu-list-item__icon {
    width: 52px;
    height: 32px;
  }
}

/* ECPとは
---------------------------------------------- */
.pg-hm-about {
  padding: 30px 0;
  text-align: center;
}

.pg-hm-about__catch {
  font-size: clamp(1.125rem, 0.938rem + 0.75vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .pg-hm-about__catch {
    letter-spacing: 0;
  }
}
.pg-hm-about__catch em {
  font-style: normal;
  font-weight: 700;
  color: var(--c-main);
}

/* ===========================================
 * CAD
 * ======================================== */
/* 注意書き
---------------------------------------------- */
.pg-cad-note {
  margin-top: 56px;
  max-width: 844px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .pg-cad-note {
    margin-top: 86px;
  }
}

.pg-cad-note__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px 20px;
}
@media (max-width: 768px) {
  .pg-cad-note__inner {
    grid-template-columns: 1fr;
  }
}

.pg-cad-note__heading {
  font-size: clamp(0.875rem, 0.688rem + 0.75vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: var(--c-main);
}

.pg-cad-note-list-item {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-indent: -1.4em;
  padding-left: 1.4em;
}

.pg-cad-note-list-item + .pg-cad-note-list-item {
  margin-top: clamp(0.25rem, 0.125rem + 0.5vw, 0.5rem);
}

.pg-cad-section {
  margin-top: clamp(2.5rem, 1.25rem + 5vw, 5rem);
}
.pg-cad-section:not(:first-child) {
  margin-top: 80px;
}

/* 各項目
---------------------------------------------- */
.pg-cad-item + .pg-cad-item {
  margin-top: clamp(3.75rem, 3.375rem + 1.5vw, 4.5rem);
}

.pg-cad-item__pic {
  max-width: 952px;
  margin-inline: auto;
}

/* データ */
.pg-cad-data {
  margin-top: clamp(1.25rem, 0.625rem + 2.5vw, 2.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 24px;
}
@media (max-width: 768px) {
  .pg-cad-data {
    justify-content: start;
  }
}

.pg-cad-data__body {
  display: flex;
  align-items: center;
  gap: 32px;
  background-color: var(--c-gray--light);
  padding: 20px;
}
@media (max-width: 768px) {
  .pg-cad-data__body {
    gap: 8px;
    padding: 10px;
  }
}

.pg-cad-data__date {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
}

.pg-cad-data-item {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: center;
  gap: 4px;
}
@media (max-width: 768px) {
  .pg-cad-data-item {
    gap: 0px;
  }
}
.pg-cad-data-item::before {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .pg-cad-data-item::before {
    width: 16px;
  }
}
.pg-cad-data-item.-dwg::before {
  background-image: url(../images/cad/icon_dwg.png);
}
.pg-cad-data-item.-dxf::before {
  background-image: url(../images/cad/icon_dxf.png);
}
.pg-cad-data-item.-jww::before {
  background-image: url(../images/cad/icon_jww.png);
}
.pg-cad-data-item.-pdf::before {
  background-image: url(../images/cad/icon_pdf.png);
}

.pg-cad-data-item__inner {
  line-height: 1;
}
@media (max-width: 768px) {
  .pg-cad-data-item__inner .u-link {
    line-height: 1;
  }
}

.pg-cad-data-item__size {
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .pg-cad-data-item__size {
    font-size: 12px;
  }
}

/* ===========================================
 * ECPについて
 * ======================================== */
.pg-about-section {
  margin-top: clamp(5.5rem, 5.125rem + 1.5vw, 6.25rem);
}

.pg-about-child-section + .pg-about-child-section {
  margin-top: clamp(3.75rem, 2.5rem + 5vw, 6.25rem);
}
.pg-about-child-section.-bg {
  position: relative;
  padding-top: 36px;
  padding-bottom: clamp(3.75rem, 2.5rem + 5vw, 6.25rem);
}
.pg-about-child-section.-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #f2f8fb;
  z-index: -1;
  margin-left: calc(-50vw + 50%);
}

/* 仕様
---------------------------------------------- */
.pg-about-spec-section {
  margin-top: 60px;
}

.pg-about-spec-section__heading {
  font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  display: flex;
  justify-content: space-between;
  gap: 4px 40px;
  flex-wrap: wrap;
}

.supplement-text {
  color: var(--c-main);
  font-weight: 500;
}

.pg-about-spec-wrap {
  margin-top: 12px;
}
@media (max-width: 768px) {
  .pg-about-spec-wrap {
    margin-top: 32px;
  }
}

.pg-about-spec-item {
  display: grid;
  grid-template-columns: 68% 1fr;
  border-bottom: solid 1px var(--c-accent-light);
}
@media (max-width: 768px) {
  .pg-about-spec-item {
    grid-template-columns: 1fr;
  }
}
@media not (max-width: 768px) {
  .pg-about-spec-item:not(:first-child) .pg-about-spec-table thead {
    display: none;
  }
}

.pg-about-spec__major-heading {
  font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-align: center;
  color: var(--c-white);
  background-color: var(--c-main);
  padding: clamp(0.625rem, 0.563rem + 0.25vw, 0.75rem) 20px;
  border-right: solid 2px var(--c-white);
  margin-bottom: 24px;
}
@media not (max-width: 768px) {
  .pg-about-spec__major-heading {
    grid-column: 1/3;
  }
}

.pg-about-spec-item__heading {
  display: grid;
  grid-template-columns: 45% 1fr;
  align-items: center;
  gap: 0 28px;
  padding: 24px 0;
}
@media (max-width: 768px) {
  .pg-about-spec-item__heading {
    grid-template-columns: 1fr;
    padding-bottom: 16px;
  }
}

.pg-about-spec-item:first-child .pg-about-spec-item__heading {
  padding-top: 0;
}
@media not (max-width: 768px) {
  .pg-about-spec-item:first-child .pg-about-spec-item__heading {
    grid-template-rows: auto 1fr;
  }
}

.pg-about-spec-item__text-wrap {
  text-align: center;
}

.pg-about-spec-item__name {
  font-size: clamp(1.25rem, 1.156rem + 0.38vw, 1.438rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.pg-about-spec-item__exp {
  font-size: clamp(0.813rem, 0.781rem + 0.13vw, 0.875rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: var(--c-gray);
  line-height: 1.6;
  margin-top: clamp(0.25rem, 0.125rem + 0.5vw, 0.5rem);
}

.pg-about-spec-item__pic {
  padding-right: 40px;
}
@media (max-width: 768px) {
  .pg-about-spec-item__pic {
    padding-right: 0;
    max-width: 240px;
    margin-inline: auto;
    margin-top: 8px;
  }
}

.pg-about-spec-table {
  width: 100%;
  height: 100%;
  background-color: var(--c-bg--light);
}
@media not (max-width: 768px) {
  .pg-about-spec-table {
    border-left: solid 1px var(--c-accent-light);
  }
}
.pg-about-spec-table thead th {
  font-size: clamp(0.75rem, 0.563rem + 0.75vw, 1.125rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  text-align: center;
  color: var(--c-white);
  background-color: #6dc0d0;
  padding: 12px 8px;
}
.pg-about-spec-table thead th:not(:last-child) {
  border-right: solid 2px var(--c-white);
}
.pg-about-spec-table tr:not(:last-child) {
  border-bottom: solid 1px var(--c-accent-light);
}
.pg-about-spec-table tr td {
  vertical-align: middle;
  text-align: center;
  padding: clamp(0.5rem, 0.438rem + 0.25vw, 0.625rem);
}
.pg-about-spec-table tr td:first-child {
  width: clamp(3.5rem, 2.813rem + 2.75vw, 4.875rem);
}
.pg-about-spec-table tr td:not(:last-child) {
  border-right: solid 1px var(--c-accent-light);
}

.pg-about-spec-note {
  display: block;
  background-color: #fffdee;
  padding: 8px 16px;
  border-bottom: solid 1px var(--c-accent-light);
}

.pg-about-spec-note__text {
  font-size: clamp(0.938rem, 0.906rem + 0.13vw, 1rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .pg-about-spec-note__text {
    text-align: left;
  }
}

/* 工法
---------------------------------------------- */
.pg-about-method-wrap {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .pg-about-method-wrap {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}

@media not (max-width: 768px) {
  .pg-about-method-item:first-child {
    border-right: solid 1px var(--c-accent-light);
  }
}

.pg-about-method-item__heading {
  color: var(--c-white);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 12px;
  line-height: 1.4;
}
.-a .pg-about-method-item__heading {
  background-color: var(--c-main);
}
.-b .pg-about-method-item__heading {
  background-color: #6DC0D0;
}
@media (max-width: 768px) {
  .pg-about-method-item__heading {
    padding: 16px;
  }
  .pg-about-method-item__heading .-supplement-text {
    font-size: 14px;
    font-size: 500;
  }
}

.pg-about-method-item__pic {
  max-width: 430px;
  margin-inline: auto;
  margin-top: 25px;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .pg-about-method-item__pic {
    max-width: 294px;
    margin-top: 4px;
    padding-bottom: 30px;
  }
}

@media not (max-width: 768px) {
  .pg-about-method-item__text {
    border-top: solid 1px var(--c-accent-light);
    margin-top: 12px;
    padding: 32px 40px 0;
  }
}
/* 施工例
---------------------------------------------- */
.pg-about-case {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 50px 30px;
}

.pg-about-case-item__pic {
  max-width: 100%;
}

.pg-about-case-list {
  margin-top: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  max-width: 534px;
  margin-inline: auto;
}

.pg-about-case-list-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 25px;
}
@media not (max-width: 768px) {
  .pg-about-case-list-item {
    gap: 62px;
  }
}

.pg-about-case-list-item + .pg-about-case-list-item {
  margin-top: 20px;
}

.pg-about-case-list-item__heading {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: var(--c-main);
}

.pg-about-case-list-item__body {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

/* 組織図
---------------------------------------------- */
.pg-about-organization {
  max-width: 890px;
  margin-inline: auto;
}

/* 会員
---------------------------------------------- */
.pg-about-member {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: 20px;
}

.pg-about-member__heading {
  background-color: var(--c-main);
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
  margin-top: 20px;
  border-radius: 6px;
  letter-spacing: 0.1rem;
}
.pg-about-member__heading.-support {
  background-color: var(--c-accent);
}
.pg-about-member__heading.-secretariat {
  background-color: #545454;
}

.pg-about-member-list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 0 12px;
}

.pg-about-member-list-item {
  display: grid;
  grid-template-columns: 61% 1fr;
  gap: 0 20px;
  background: white;
  padding: 12px 16px;
  align-items: center;
}
.pg-about-member-list-item:not(:last-child) {
  border-bottom: solid 1px #d6d6d6;
}
@media screen and (max-width: 768px) {
  .pg-about-member-list-item {
    grid-template-columns: 1fr;
    padding: 12px 0 16px;
  }
}

.pg-about-member-list-item__address {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pg-about-member-list-item__address {
    font-size: 14px;
  }
}

a.pg-about-member-list-item__link {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
}
a.pg-about-member-list-item__link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
a.pg-about-member-list-item__link::after {
  content: "";
  display: inline-block;
  width: 19px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_173_2)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%2330AABA"/><path d="M15.5858 18.9999H-0.00018692V3.49992H9.00567V4.69206H1.20001V17.8051H14.3885V11.3449H15.5877L15.5858 18.9999Z" fill="%2330AABA"/><path d="M7.72966 12.1789L6.88005 11.3361L13.714 4.54803L14.5597 5.39105L7.72966 12.1789Z" fill="%2330AABA"/></g><defs><clipPath id="clip0_173_2"><rect width="19" height="18.999" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_173_2)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%2330AABA"/><path d="M15.5858 18.9999H-0.00018692V3.49992H9.00567V4.69206H1.20001V17.8051H14.3885V11.3449H15.5877L15.5858 18.9999Z" fill="%2330AABA"/><path d="M7.72966 12.1789L6.88005 11.3361L13.714 4.54803L14.5597 5.39105L7.72966 12.1789Z" fill="%2330AABA"/></g><defs><clipPath id="clip0_173_2"><rect width="19" height="18.999" 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-accent);
  transform: translateY(2px);
  margin-left: 4px;
}

.company {
  color: #0066aa;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .company {
    font-size: 18px;
  }
}

.pg-about-member-list-item__contact {
  white-space: nowrap;
  font-size: 14px;
  color: #0066aa;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pg-about-member-list-item__contact {
    white-space: normal;
    font-weight: bold;
  }
}

/* ===========================================
 * 認証推奨制度
 * ======================================== */
.pg-certification-section + .pg-certification-section {
  margin-top: clamp(5.5rem, 5.125rem + 1.5vw, 6.25rem);
}

.pg-certification-child-section + .pg-certification-child-section {
  margin-top: clamp(3.438rem, 2.406rem + 4.13vw, 5.5rem);
}

/* 試験
---------------------------------------------- */
.pg-certification-test {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 32px 30px;
}

.pg-certification-test-item {
  max-width: 534px;
  width: 100%;
  margin-inline: auto;
}

.pg-certification-test-item-heading {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.25rem + 1vw, 1rem);
}

.pg-certification-test-item-heading__label {
  font-size: clamp(0.938rem, 0.813rem + 0.5vw, 1.188rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  background-color: var(--c-main);
  color: var(--c-white);
  padding: 4px 16px 6px;
  margin-top: clamp(0.125rem, 0.063rem + 0.25vw, 0.25rem);
}

.pg-certification-test-item-heading__main {
  font-size: clamp(1.438rem, 1.25rem + 0.75vw, 1.813rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.pg-certification-test-item-body {
  border: solid 1px #c9c9c9;
  border-radius: 6px;
  margin-top: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
  padding: 10px 0 clamp(1.25rem, 0.875rem + 1.5vw, 2rem);
}

.pg-certification-test-item-body__inner {
  padding: 0 clamp(1.25rem, 0.781rem + 1.88vw, 2.188rem);
}

.pg-certification-test-item__pic {
  max-width: 361px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .pg-certification-test-item__pic {
    max-width: 210px;
  }
}

.pg-certification-test-item-standard {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.25rem, 0.938rem + 1.25vw, 1.875rem);
  border-top: solid 2px #c9c9c9;
  padding-top: clamp(1.25rem, 1rem + 1vw, 1.75rem);
}

.pg-certification-test-item-standard__heading {
  font-size: clamp(0.938rem, 0.656rem + 1.13vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  color: var(--c-main);
  flex-shrink: 0;
}

.pg-certification-test-item-standard__body {
  font-size: clamp(0.938rem, 0.656rem + 1.13vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #707070;
}

/* 認証取得法人
---------------------------------------------- */
.pg-certification-corp {
  max-width: 792px;
  margin-top: clamp(1.5rem, 1.25rem + 1vw, 2rem);
}

.pg-certification-note-list {
  border-top: solid 1px #bababa;
}

/* 推奨法人
---------------------------------------------- */
.pg-certification-recommended-corp {
  max-width: 850px;
}

.pg-certification-recommended-corp-list__item {
  display: grid;
  grid-template-columns: 355px 1fr;
}
@media (max-width: 768px) {
  .pg-certification-recommended-corp-list__item {
    grid-template-columns: 1fr;
  }
}

/* ===========================================
 * お知らせ
 * ======================================== */
.pg-topics-list.is-hidden {
  height: 0;
  overflow: hidden;
}

.pg-topics-list-item {
  padding-bottom: 42px;
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 8px 24px;
}
.pg-topics-list-item:not(:first-child) {
  padding-top: 42px;
}
.pg-topics-list-item:not(:last-child) {
  border-bottom: solid 1px #d6d6d6;
}
@media (max-width: 768px) {
  .pg-topics-list-item {
    grid-template-columns: 1fr;
  }
}

.pg-topics-list-item__date {
  font-size: clamp(0.875rem, 0.719rem + 0.63vw, 1.188rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.3;
  color: #818b8e;
}

.pg-topics-list-item__body {
  max-width: 780px;
}

.pg-topics-list-item__heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.3;
  color: var(--c-main);
  margin-bottom: 12px;
}

.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-font {
  color: var(--c-font) !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;
  }
}
.u-link {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.7;
  color: var(--c-link);
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}
.u-link:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .u-link.-sp-sm {
    font-size: 13px;
  }
}
.u-link.-blank::after {
  content: "";
  display: inline-block;
  width: 19px;
  aspect-ratio: 1;
  -webkit-mask: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_173_2)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%2330AABA"/><path d="M15.5858 18.9999H-0.00018692V3.49992H9.00567V4.69206H1.20001V17.8051H14.3885V11.3449H15.5877L15.5858 18.9999Z" fill="%2330AABA"/><path d="M7.72966 12.1789L6.88005 11.3361L13.714 4.54803L14.5597 5.39105L7.72966 12.1789Z" fill="%2330AABA"/></g><defs><clipPath id="clip0_173_2"><rect width="19" height="18.999" fill="white"/></clipPath></defs></svg>');
          mask: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_173_2)"><path d="M16.823 2.19203L15.8882 7.47978L11.5042 3.12683L16.823 2.19203Z" fill="%2330AABA"/><path d="M15.5858 18.9999H-0.00018692V3.49992H9.00567V4.69206H1.20001V17.8051H14.3885V11.3449H15.5877L15.5858 18.9999Z" fill="%2330AABA"/><path d="M7.72966 12.1789L6.88005 11.3361L13.714 4.54803L14.5597 5.39105L7.72966 12.1789Z" fill="%2330AABA"/></g><defs><clipPath id="clip0_173_2"><rect width="19" height="18.999" 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-accent);
  transform: translateY(2px);
  margin-left: 4px;
}
.u-link.-pdf {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 4px;
}
.u-link.-pdf::before {
  content: "";
  background-image: url(../images/common/icon_pdf.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  aspect-ratio: 1;
  transform: translateY(5px);
}

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

.u-db {
  display: block !important;
}

.u-center {
  margin-inline: auto;
}

@media not all and (max-width: 1400px) {
  .u-xl-over-center {
    margin-inline: auto !important;
  }
}
@media (max-width: 1400px) {
  .u-xl-center {
    margin-inline: auto !important;
  }
}
@media not all and (max-width: 1280px) {
  .u-lg-over-center {
    margin-inline: auto !important;
  }
}
@media (max-width: 1280px) {
  .u-lg-center {
    margin-inline: auto !important;
  }
}
@media not all and (max-width: 1024px) {
  .u-md-over-center {
    margin-inline: auto !important;
  }
}
@media (max-width: 1024px) {
  .u-md-center {
    margin-inline: auto !important;
  }
}
@media not all and (max-width: 768px) {
  .u-sm-over-center {
    margin-inline: auto !important;
  }
}
@media (max-width: 768px) {
  .u-sm-center {
    margin-inline: auto !important;
  }
}
@media not all and (max-width: 480px) {
  .u-xs-over-center {
    margin-inline: auto !important;
  }
}
@media (max-width: 480px) {
  .u-xs-center {
    margin-inline: auto !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;
  }
}