@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-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;
  line-height: 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 {
  -webkit-box-sizing: content-box;
          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] {
  text-decoration: underline; /* 2 */
  -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;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

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

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * 1. 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. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * 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] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

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

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

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --colorText: #232327;
  --colorLink: #232327;
  --colorMain: #1C1E83;
  --colorGray: #C3C3C3;
  --colorTheme: #DAE1E4;
  --fontJA: "Noto Sans JP", serif;
  --fontEN: "Roboto", sans-serif;
  --gradient: linear-gradient(120deg, rgba(88,91,242,1) 0%, rgba(74,199,222,1) 66%, rgba(49,139,206,1) 100%);
  --gradient2: linear-gradient(90deg, rgba(28,30,131,1) 20%, rgba(88,91,242,1) 35%, rgba(74,199,222,1) 55%, rgba(49,139,206,1) 70%, rgba(28,30,131,1) 80%);
  --gradientBtn: linear-gradient(90deg, rgba(28,30,131,1) 20%, rgba(64,67,213,1) 50%, rgba(28,30,131,1) 80%);
  --gradientContact: linear-gradient(90deg, rgba(28,30,131,1) 20%, rgba(64,67,213,1) 50%, rgba(28,30,131,1) 80%);
}

html {
  --REM: min(10px, calc(1000vw / 1260));
  font-size: var(--REM);
}
@media (max-width: 768px) {
  html {
    --REM: calc(1000vw/375);
  }
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  letter-spacing: 0;
  font-family: var(--fontJA);
  font-weight: 400;
  color: var(--colorText);
  background-color: #fff;
  line-height: 2;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a, button {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity ease 0.2s, color ease 0.2s, border-color ease 0.2s, background-color ease 0.2s, background-image ease 0.2s, -webkit-box-shadow ease 0.2s;
  transition: opacity ease 0.2s, color ease 0.2s, border-color ease 0.2s, background-color ease 0.2s, background-image ease 0.2s, -webkit-box-shadow ease 0.2s;
  transition: opacity ease 0.2s, color ease 0.2s, border-color ease 0.2s, background-color ease 0.2s, background-image ease 0.2s, box-shadow ease 0.2s;
  transition: opacity ease 0.2s, color ease 0.2s, border-color ease 0.2s, background-color ease 0.2s, background-image ease 0.2s, box-shadow ease 0.2s, -webkit-box-shadow ease 0.2s;
}
a img, button img {
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
}
a path, button path {
  -webkit-transition: fill ease 0.2s;
  transition: fill ease 0.2s;
}
a:link, a:visited, button:link, button:visited {
  text-decoration: none;
}
a:hover, button:hover {
  text-decoration: none;
  outline: none;
}
a:active, button:active {
  outline: none;
}
@media (min-width: 769px) {
  a[href*="tel:"], button[href*="tel:"] {
    pointer-events: none;
  }
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

section, article {
  display: block;
}

*::-moz-selection {
  background: rgba(59, 106, 187, 0.2);
}

*::selection {
  background: rgba(59, 106, 187, 0.2);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.unitTel__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--fontEN);
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3181818182;
  gap: 0.4rem;
}
.unitTel__icon {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background-color: var(--colorMain);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unitTel__icon svg {
  fill: #fff;
  width: 1.1rem;
  height: 1.1rem;
}
.unitTel__note {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4545454545;
  text-align: right;
}
.unitTel__note span {
  font-family: var(--fontEN);
  font-size: 1.4rem;
  display: inline-block;
  letter-spacing: 0;
  padding-left: 0.8rem;
}

.ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .ttl {
    display: block;
    margin-bottom: 2rem;
  }
}
@-webkit-keyframes gradationTextAnimation {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes gradationTextAnimation {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.ttl.jsScrollView .ttl__en {
  opacity: 0;
  translate: -3rem 0;
  -webkit-transition: 0.6s ease 0s;
  transition: 0.6s ease 0s;
}
.ttl.jsScrollView .ttl__ja {
  opacity: 0;
  translate: -2rem 0;
  -webkit-transition: 0.6s ease 0.3s;
  transition: 0.6s ease 0.3s;
}
.ttl.jsScrollView.isAnimated .ttl__en {
  translate: 0 0;
  opacity: 1;
  -webkit-animation: gradationTextAnimation 0.9s cubic-bezier(0.54, 0.09, 0.5, 0.9) 0.6s forwards;
          animation: gradationTextAnimation 0.9s cubic-bezier(0.54, 0.09, 0.5, 0.9) 0.6s forwards;
}
.ttl.jsScrollView.isAnimated .ttl__ja {
  translate: 0 0;
  opacity: 1;
}
.ttl__en {
  font-family: var(--fontEN);
  font-size: 4.2rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.075em;
  line-height: 1.3095238095;
  color: var(--colorMain);
  background: var(--gradient2) top left no-repeat;
  background-size: 500% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 100% 0;
}
@media (max-width: 768px) {
  .ttl__en {
    font-size: 3.4rem;
    line-height: 1.1428571429;
  }
}
.ttl__ja {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.2666666667;
}
@media (max-width: 768px) {
  .ttl__ja {
    font-size: 1.3rem;
  }
}

.ttlSmall {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .ttlSmall {
    font-size: 1.8rem;
  }
}
.ttlSmall--border {
  padding: 0 0 1.6rem;
  border-bottom: 1px solid #EDEDED;
}
.ttlSmall:has(+ .boxSearchSimple) {
  margin-bottom: 3rem;
}

.ttlMedium {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.5454545455;
}
@media (max-width: 768px) {
  .ttlMedium {
    font-size: 1.8rem;
  }
}
.ttlMedium--border {
  padding: 0 0 1.6rem;
  border-bottom: 1px solid #EDEDED;
}

.copy {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height: 1.4444444444;
  color: var(--colorMain);
}
.copy--black {
  color: var(--colorText);
}

.text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
}
.text p + p {
  margin-top: 1em;
}
.text .red {
  color: #C40003;
  font-weight: 700;
}

.ttlSimple {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.1333333333;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .ttlSimple {
    font-size: 2.2rem;
    line-height: 1.5454545455;
  }
}

.ttlBorder {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  border-bottom: 0.2rem solid var(--colorMain);
  padding: 0 0 1rem;
}
@media (max-width: 768px) {
  .ttlBorder {
    font-size: 1.8rem;
  }
}

.error {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  color: #C40003;
  padding-left: 2.4rem;
  background: url(../images/icon_error.svg) 0 0.3rem/1.7rem no-repeat;
}
.error:not(.isActive) {
  display: none;
}
@media (max-width: 768px) {
  .error {
    font-size: 1.3rem;
    background-position: 0 0.2rem;
    background-size: 1.5rem;
    padding-left: 2.1rem;
  }
}

.siteFooter {
  background-color: #F7F7F7;
}
.siteFooter__content {
  padding: 6.4rem 0 8rem;
}
@media (max-width: 768px) {
  .siteFooter__content {
    padding: 1.5rem 5rem 2.5rem;
  }
}
.siteFooter__foot {
  background-color: #fff;
  padding: 2.2rem 0;
}
@media (max-width: 768px) {
  .siteFooter__foot {
    padding: 3rem 0;
  }
}
.siteFooter__foot .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .siteFooter__foot .inner {
    display: grid;
    grid-template-columns: 100%;
  }
}
.siteFooter__footLinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
}
@media (max-width: 768px) {
  .siteFooter__footLinks {
    display: block;
  }
}
.siteFooter__footLinks ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8333333333;
}
@media (max-width: 768px) {
  .siteFooter__footLinks ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
    margin: 0 0 2.2rem;
  }
}
.siteFooter__footLinks ul a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .siteFooter__footLinks ul a:hover {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .siteFooter__logo {
    margin: 0 auto 2.2rem;
  }
}
.siteFooter__logo a {
  display: block;
  width: 25.5rem;
}
.siteFooter__logo a img {
  width: 100%;
}
.siteFooter__copyright {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.07em;
  line-height: 1.3333333333;
  font-family: var(--fontEN);
  color: #AAAAAA;
}
@media (max-width: 768px) {
  .siteFooter__copyright {
    text-align: center;
    letter-spacing: 0.05em;
  }
}

.footerNav {
  display: grid;
  grid-template-columns: auto 18rem 18rem 18rem;
  gap: 5.4rem;
}
@media (max-width: 768px) {
  .footerNav {
    grid-template-columns: 100%;
    gap: 1.5rem;
  }
}
.footerNav__subttl {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin: 0 0 1.4rem;
}
.footerNav__textlink {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.7;
  margin-top: 2.2rem;
}
.footerNav__textlink a {
  text-decoration: underline;
}
.footerNav__col--search .footerNav__grp {
  display: grid;
  grid-template-columns: auto 27rem;
  gap: 2.4rem;
  margin-top: 2.2rem;
}
@media (max-width: 768px) {
  .footerNav__col--search .footerNav__grp {
    grid-template-columns: 100%;
    gap: 2.5rem;
  }
}
.footerNav__col--search .footerNav__grpChild:nth-child(2) ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.footerNav__col--search .footerNav__grpChild:nth-child(2) ul li {
  width: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.footerNav__col--search .footerNav__textlink {
  margin-left: 50%;
}
@media (max-width: 768px) {
  .footerNav__col--support .footerNav__grpChild ul {
    display: grid;
    grid-template-columns: 100%;
  }
}
@media (max-width: 768px) {
  .footerNav__col--support .footerNav__grpChild ul li {
    width: 100%;
    white-space: nowrap;
  }
}
.footerNav__grpChild ul {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #7B7B7B;
  display: grid;
  gap: 1.6rem 0;
}
@media (max-width: 768px) {
  .footerNav__grpChild ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0.6rem 0;
  }
  .footerNav__grpChild ul li {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.footerNav__grpChild ul a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .footerNav__grpChild ul a:hover {
    text-decoration: none;
  }
}
.footerNav__link + .footerNav__link {
  margin-top: 1.2rem;
}
.footerNav__link + .footerNav__grpChild {
  margin: 2.2rem 0;
}
@media (max-width: 768px) {
  .footerNav__link + .footerNav__grpChild {
    margin: 1.8rem 0;
  }
}
.footerNav__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
  border-bottom: 0.1rem solid #C3C3C3;
  padding: 2.2rem 0;
  position: relative;
  z-index: 0;
}
@media (any-hover: hover) {
  .footerNav__link a {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .footerNav__link a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}
@media (max-width: 768px) {
  .footerNav__link a {
    font-size: 1.4rem;
    padding: 1.4rem 0;
  }
}
.footerNav__link a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -0.1rem;
  background-color: var(--colorMain);
  height: 0.1rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.footerNav__link a svg {
  width: 1.4rem;
  height: 0.5rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.2rem;
  margin: auto 0;
}
.footerNav__link a svg:has(use[href*=blank]) {
  width: 1rem;
  height: 0.8rem;
  fill: var(--colorText);
}

.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2rem 1.5rem 3.2rem;
}
@media (max-width: 768px) {
  .siteHeader {
    height: 7.2rem;
    padding: 1rem 1rem 1rem 2rem;
  }
}
.siteHeader__logo a {
  display: block;
  width: 36.5rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .siteHeader__logo a {
    width: 23.8rem;
  }
}
.siteHeader__logo a img {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .siteHeader .unitTel {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 2rem 0;
  }
  .siteHeader .unitTel a {
    color: inherit;
  }
}
@media (max-width: 768px) {
  .siteHeader .unitTel__number {
    font-size: 2.8rem;
    font-weight: 400;
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .siteHeader .unitTel__icon {
    width: 2.7rem;
    height: 2.7rem;
    background-color: #fff;
  }
  .siteHeader .unitTel__icon svg {
    fill: var(--colorMain);
  }
}
.siteHeader__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.8rem;
}
@media (max-width: 768px) {
  .siteHeader__content {
    position: fixed;
    top: 9.7rem;
    left: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    background-color: var(--colorMain);
    border-radius: 0.8rem;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 2.5rem;
    gap: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  .siteHeader__content.isActiveSP {
    opacity: 1;
    pointer-events: auto;
  }
}
.siteHeader__contentHead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .siteHeader__contentHead {
    display: grid;
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
        -ms-flex-order: 99;
            order: 99;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.4);
    margin: 0 -2.5rem;
    padding: 2.5rem 2.5rem;
    gap: 2.5rem;
  }
}
.siteHeader__contentHead nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4615384615;
  gap: 1.8rem;
  margin-right: 0.8rem;
}
@media (max-width: 768px) {
  .siteHeader__contentHead nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.siteHeader__contentHead nav a {
  display: block;
}
@media (any-hover: hover) {
  .siteHeader__contentHead nav a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .siteHeader__contentHead nav a:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .siteHeader__contentHead nav a {
    color: #fff;
  }
}
.siteHeader__contentMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .siteHeader__contentMain {
    display: grid;
  }
}
@media (min-width: 769px) {
  .siteHeader__spbtn {
    display: none;
  }
}
.siteHeader__spbtn + .siteHeader__spbtn {
  margin-top: 1rem;
}
.siteHeader__spbtn a {
  width: 100%;
  height: 4rem;
  border-radius: 10rem;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 1.5rem;
  padding: 0.6rem 4rem 0.6rem 2rem;
  color: var(--colorMain);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
}
.siteHeader__spbtn a > svg {
  width: 1.7rem;
  height: 1.7rem;
  fill: var(--colorMain);
}
.siteHeader__spbtn a span {
  position: absolute;
  width: 3.8rem;
  height: 3.8rem;
  top: 0.1rem;
  right: 0.1rem;
  bottom: 0.1rem;
  border-radius: 50%;
  background-color: var(--colorMain);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.siteHeader__spbtn a span svg {
  fill: #fff;
  width: 1.3rem;
  height: 0.5rem;
  translate: 0 -0.2rem;
}
.siteHeader__search {
  width: 4rem;
  height: 4rem;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .siteHeader__search {
    width: 100%;
    height: auto;
  }
}
.siteHeader__searchToggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1rem solid #C3C3C3;
  background-color: #fff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (any-hover: hover) {
  .siteHeader__searchToggle {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .siteHeader__searchToggle:hover {
    border-color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .siteHeader__searchToggle {
    display: none;
  }
}
.siteHeader__searchToggle.isActivePC::before, .siteHeader__searchToggle.isActivePC::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 0.2rem;
  background-color: var(--colorMain);
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10rem;
}
.siteHeader__searchToggle.isActivePC::before {
  rotate: 45deg;
}
.siteHeader__searchToggle.isActivePC::after {
  rotate: -45deg;
}
.siteHeader__searchToggle.isActivePC svg {
  display: none;
}
.siteHeader__searchToggle svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: var(--colorMain);
}
.siteHeader__search .unitSearch {
  width: 100%;
}
@media (min-width: 769px) {
  .siteHeader__search .unitSearch {
    opacity: 0;
    pointer-events: none;
    width: 32rem;
    position: absolute;
    top: 0;
    right: calc(100% + 0.6rem);
    z-index: 1;
    translate: 0.6rem 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .siteHeader__search .unitSearch input {
    font-size: 1.4rem;
    height: 4rem;
    padding: 1rem 5rem 1rem 2rem;
  }
  .siteHeader__search .unitSearch .unitSearch__circle {
    width: 3.8rem;
    height: 3.8rem;
  }
  .siteHeader__search .unitSearch.isActivePC {
    opacity: 1;
    pointer-events: auto;
    translate: 0 0;
  }
}
@media (max-width: 768px) {
  .siteHeader__btn {
    display: none;
  }
}
.siteHeader__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.2rem;
  height: 4rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  border-radius: 10rem;
  border: 0.1rem solid #C3C3C3;
  background-color: #fff;
  gap: 0.8rem;
}
@media (any-hover: hover) {
  .siteHeader__btn a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .siteHeader__btn a:hover {
    border-color: var(--colorMain);
  }
}
.siteHeader__btn a svg {
  width: 1.4rem;
  height: 1.4rem;
  fill: var(--colorMain);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.siteHeader__btn--invert a {
  color: #fff;
  border-color: var(--colorMain);
  background: var(--gradientBtn) top left no-repeat;
  background-size: 500% 100%;
  background-position: 100% 0;
}
@media (any-hover: hover) {
  .siteHeader__btn--invert a {
    -webkit-transition: none;
    transition: none;
  }
  .siteHeader__btn--invert a:hover {
    background-position: 0 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
  }
}
.siteHeader__btn--invert a svg {
  fill: #fff;
}
.siteHeader__btngrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media (min-width: 769px) {
  .siteHeader__btngrp {
    display: none;
  }
}
.siteHeader__mailbtn {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  background-color: var(--colorMain);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 769px) {
  .siteHeader__mailbtn {
    display: none;
  }
}
.siteHeader__mailbtn svg {
  width: 1.6rem;
  height: 1.2rem;
  fill: #fff;
}
.siteHeader__menubtn {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  border: 0.1rem solid #C3C3C3;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (min-width: 769px) {
  .siteHeader__menubtn {
    display: none;
  }
}
.siteHeader__menubtn.isActiveSP {
  gap: 0;
}
.siteHeader__menubtn.isActiveSP::before {
  rotate: 45deg;
  margin-bottom: -0.1rem;
}
.siteHeader__menubtn.isActiveSP::after {
  rotate: -45deg;
  margin-top: -0.1rem;
}
.siteHeader__menubtn::before, .siteHeader__menubtn::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 0.2rem;
  background-color: var(--colorMain);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (min-width: 769px) {
  .siteHeader--slim .siteHeader__logo a {
    width: 29.5rem;
  }
  .siteHeader--slim .siteHeader__contentHead {
    margin-top: -6.2rem;
    opacity: 0;
    pointer-events: none;
  }
}

.navGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .navGroup {
    display: grid;
    gap: 0;
  }
}
@media (max-width: 768px) {
  .navGroup__item {
    margin: 0 -2.5rem;
    padding: 0 2.5rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 768px) {
  .navGroup__link {
    position: relative;
  }
}
@media (min-width: 769px) {
  .navGroup__link.isActivePC {
    color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .navGroup__link.isActiveSP .navGroup__linkArrow {
    scale: 1 -1;
  }
}
.navGroup__link a, .navGroup__link p {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}
@media (any-hover: hover) {
  .navGroup__link a, .navGroup__link p {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .navGroup__link a:hover, .navGroup__link p:hover {
    color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .navGroup__link a, .navGroup__link p {
    display: block;
    color: #fff;
    padding: 1.6rem 0;
  }
}
.navGroup__linkArrow {
  width: 6rem;
  position: absolute;
  top: 0;
  right: -2.5rem;
  bottom: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.467%207.793%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20d%3D%22m12.937.532-6.2%206.2-6.2-6.2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2061924%22%2F%3E%3C%2Fsvg%3E") center center/1.3rem no-repeat;
}
@media (min-width: 769px) {
  .navGroup__linkArrow {
    display: none;
  }
}
.navGroup__sub {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(28, 30, 131, 0.95);
  padding: 4rem 0;
}
@media (min-width: 769px) {
  .navGroup__sub {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
  }
}
@media (max-width: 768px) {
  .navGroup__sub {
    position: relative;
    top: 0;
    padding: 0;
    display: none;
  }
}
@media (min-width: 769px) {
  .navGroup__sub.isActivePC {
    opacity: 1;
    pointer-events: auto;
  }
}
.navGroup__sub::before {
  content: "";
  display: block;
  background-color: rgba(28, 30, 131, 0.95);
  width: 1.8rem;
  height: 1.2rem;
  position: absolute;
  bottom: calc(100% - 0.1rem);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
@media (max-width: 768px) {
  .navGroup__sub::before {
    content: none;
  }
}
.navGroup__sub::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 2.2rem;
}
@media (max-width: 768px) {
  .navGroup__sub::after {
    content: none;
  }
}
.navGroup__sub--search::before {
  right: 63.7rem;
}
.navGroup__sub--service::before {
  right: 43.5rem;
}
.navGroup__sub--support::before {
  right: 30rem;
}
.navGroup__subTtl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  color: #fff;
}
@media (max-width: 768px) {
  .navGroup__subTtl {
    display: none;
  }
}
.navGroup__subList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.navGroup__subList li.isActive a {
  opacity: 1;
}
.navGroup__subList li.isActive a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.navGroup__subList a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  opacity: 0.4;
  position: relative;
  padding: 0 0 0.4rem;
}
@media (any-hover: hover) {
  .navGroup__subList a:hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .navGroup__subList a {
    color: #fff;
    font-size: 1.3rem;
    padding: 0 0 0.2rem;
  }
}
.navGroup__subList a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0%;
  height: 0.1rem;
  background-color: #fff;
  left: auto;
  right: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.navGroup__subList a svg {
  width: 1.6rem;
  height: 0.6rem;
  fill: #fff;
}
.navGroup__subContents > li:not(.isActive) {
  display: none;
}
.navGroup__subCol2 {
  display: grid;
  grid-template-columns: auto 80rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .navGroup__subCol2 {
    grid-template-columns: 100%;
  }
}
.navGroup__subCol3 {
  display: grid;
  grid-template-columns: 13.2rem auto 80rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .navGroup__subCol3 {
    grid-template-columns: 100%;
  }
}
.navGroup__subCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .navGroup__subCards {
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .navGroup__subCards {
    margin: 1.5rem 0;
  }
}
.navGroup__subCards--col2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .navGroup__subCards--col2 {
    grid-template-columns: 100%;
  }
}
.navGroup__card a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 0.5rem;
  text-align: center;
  border-radius: 0.2rem;
  overflow: hidden;
  z-index: 0;
}
.navGroup__card a::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background-color: #EFEFFC;
  z-index: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  pointer-events: none;
  mix-blend-mode: darken;
}
@media (any-hover: hover) {
  .navGroup__card a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .navGroup__card a:hover .navGroup__cardArrow svg {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .navGroup__card a:hover .navGroup__cardArrow svg:nth-child(1) {
    translate: 0 0;
  }
  .navGroup__card a:hover .navGroup__cardArrow svg:nth-child(2) {
    translate: 3.7rem 0;
  }
}
@media (max-width: 768px) {
  .navGroup__card a {
    font-size: 1.5rem;
  }
}
.navGroup__card a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 6rem;
  height: 6rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.navGroup__card a img.product {
  width: 7rem;
  height: 5.4rem;
  margin: 0.5rem;
}
@media (max-width: 768px) {
  .navGroup__card a img.product {
    width: 6.4rem;
    height: 5rem;
  }
}
.navGroup__card a img.logo {
  width: 12rem;
  height: 6.8rem;
  margin: 0 0 0 0.5rem;
}
@media (max-width: 768px) {
  .navGroup__card a img.logo {
    width: 10rem;
    height: 5.8rem;
  }
}
.navGroup__card a img.logo + p {
  font-family: var(--fontEN);
}
.navGroup__card a p {
  width: 100%;
  text-align: center;
  padding-right: 3rem;
}
.navGroup__cardArrow {
  width: 2.9rem;
  height: 0.7rem;
  position: absolute;
  top: 0;
  right: 1.5rem;
  bottom: 0;
  margin: auto 0;
  overflow: hidden;
}
.navGroup__cardArrow svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .navGroup__cardArrow svg {
    right: 1.5rem;
  }
}
.navGroup__cardArrow svg:nth-child(1) {
  translate: -3.7rem 0;
}
.navGroup__cardArrow svg:nth-child(2) {
  translate: 0 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 50;
}
@media (min-width: 769px) {
  .overlay.isActivePC {
    opacity: 0.4;
    pointer-events: auto;
  }
}
@media (max-width: 768px) {
  .overlay.isActiveSP {
    opacity: 0.4;
    pointer-events: auto;
  }
}

#wrapper, .container {
  width: 100svw;
  overflow: clip;
  padding-top: 13.2rem;
}
@media (max-width: 768px) {
  #wrapper, .container {
    padding-top: 7.2rem;
  }
}

.inner {
  width: min(115.2rem, 100%);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .inner {
    width: min(33.5rem, 100%);
  }
}

.page404 {
  position: relative;
  z-index: 0;
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .page404 {
    padding: 6rem 0;
  }
}
.page404 .text + .btnStatic.u-center {
  margin-top: 1.5rem;
}

.unitBtns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin: 6rem 0;
}
@media (max-width: 768px) {
  .unitBtns {
    margin: 3rem 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1rem;
  }
  .unitBtns .btnStatic:not(:first-child:last-child) {
    min-width: 15.8rem;
  }
}

.btnStatic {
  min-width: 24rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .btnStatic {
    min-width: 22rem;
  }
}
.btnStatic__link, .btnStatic a, .btnStatic button {
  width: 100%;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10rem;
  background: var(--gradientBtn) top left no-repeat;
  background-size: 500% 100%;
  background-position: 100% 0;
  position: relative;
  z-index: 0;
  padding: 0 5rem 0 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3333333333;
  color: #fff;
  overflow: hidden;
}
@media (any-hover: hover) {
  .btnStatic__link, .btnStatic a, .btnStatic button {
    -webkit-transition: none;
    transition: none;
  }
  .btnStatic__link:hover, .btnStatic a:hover, .btnStatic button:hover {
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
    background-position: 0 0;
  }
  .btnStatic__link:hover::before, .btnStatic a:hover::before, .btnStatic button:hover::before {
    opacity: 1;
  }
  .btnStatic__link:hover .btnStatic__circle svg, .btnStatic a:hover .btnStatic__circle svg, .btnStatic button:hover .btnStatic__circle svg {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .btnStatic__link:hover .btnStatic__circle svg:nth-child(1), .btnStatic a:hover .btnStatic__circle svg:nth-child(1), .btnStatic button:hover .btnStatic__circle svg:nth-child(1) {
    translate: 0 0;
  }
  .btnStatic__link:hover .btnStatic__circle svg:nth-child(2), .btnStatic a:hover .btnStatic__circle svg:nth-child(2), .btnStatic button:hover .btnStatic__circle svg:nth-child(2) {
    translate: 5rem 0;
  }
}
@media (max-width: 768px) {
  .btnStatic__link, .btnStatic a, .btnStatic button {
    height: 4rem;
    font-size: 1.4rem;
    padding: 0 4.8rem 0 1.6rem;
    letter-spacing: 0;
  }
}
.btnStatic__circle {
  width: calc(5rem - 2px);
  height: calc(5rem - 2px);
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 768px) {
  .btnStatic__circle {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.btnStatic__circle svg {
  width: 1.6rem;
  height: 0.6rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.2rem;
  left: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .btnStatic__circle svg {
    width: 1.4rem;
    height: 0.5rem;
  }
}
.btnStatic__circle svg:nth-child(1) {
  translate: -5rem 0;
}
@media (max-width: 768px) {
  .btnStatic__circle svg:nth-child(1) {
    translate: -4rem 0;
  }
}
.btnStatic__circle svg:has(use[href*=icon_download]) {
  height: 1.6rem;
}
@media (max-width: 768px) {
  .btnStatic__circle svg:has(use[href*=icon_download]) {
    height: 1.4rem;
  }
}
.btnStatic__circle svg:has(use[href*=icon_blank]) {
  height: 1.6rem;
}
@media (max-width: 768px) {
  .btnStatic__circle svg:has(use[href*=icon_blank]) {
    height: 1.4rem;
  }
}
.btnStatic--invert a, .btnStatic--invert button {
  background: #fff;
  color: var(--colorMain);
}
.btnStatic--invert .btnStatic__circle {
  background-color: var(--colorMain);
}
.btnStatic--invert .btnStatic__circle svg {
  fill: #fff;
}
.btnStatic--border a, .btnStatic--border button {
  position: relative;
  z-index: 0;
}
.btnStatic--border a::before, .btnStatic--border button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.1rem solid #C3C3C3;
  z-index: -1;
  border-radius: 10rem;
}
.btnStatic--slim a, .btnStatic--slim button {
  letter-spacing: 0;
}
@media (min-width: 769px) {
  .btnStatic--medium {
    width: 32rem;
  }
}
.btnStatic--spread a, .btnStatic--spread button {
  letter-spacing: 0.15em;
}
.btnStatic--textBlack a, .btnStatic--textBlack button {
  color: var(--colorText);
}

.btnSmall a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.2666666667;
  padding: 0 1.6rem;
  height: 3.8rem;
  background-color: #fff;
  border: 1px solid #C3C3C3;
  border-radius: 10rem;
}
@media (any-hover: hover) {
  .btnSmall a:hover {
    background-color: #EFEFFC;
  }
}
@media (max-width: 768px) {
  .btnSmall a {
    height: 3rem;
    font-size: 1.2rem;
  }
}

.btnPlus {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 768px) {
  .btnPlus {
    width: 3.1rem;
    height: 3.1rem;
  }
}
.btnPlus button {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background-color: var(--colorMain);
  border: 1px solid var(--colorMain);
  position: relative;
  z-index: 0;
}
@media (any-hover: hover) {
  .btnPlus button {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .btnPlus button:hover {
    background-color: #fff;
  }
  .btnPlus button:hover::before, .btnPlus button:hover::after {
    background-color: var(--colorMain);
  }
}
.btnPlus button::before, .btnPlus button::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.2rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .btnPlus button::before, .btnPlus button::after {
    height: 1px;
  }
}
.btnPlus button::after {
  rotate: 90deg;
}

.linkText {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.linkText a, .linkText button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  color: var(--colorMain);
  border-bottom: 0.1rem solid currentColor;
  padding: 0 0 0.2rem;
}
@media (any-hover: hover) {
  .linkText a:hover, .linkText button:hover {
    opacity: 0.6;
  }
}
.linkText--black a, .linkText--black button {
  color: var(--colorText);
}

.btnLarge {
  width: 100%;
}
.btnLarge a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 6rem;
  padding: 1rem 8rem 1rem 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border: 0.1rem solid #C3C3C3;
  background-color: #fff;
  border-radius: 10rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  position: relative;
}
@media (any-hover: hover) {
  .btnLarge a:hover .btnLarge__circle {
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    background-position: 0 0;
  }
  .btnLarge a:hover .btnLarge__circle svg {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .btnLarge a:hover .btnLarge__circle svg:nth-child(1) {
    translate: 0 0;
  }
  .btnLarge a:hover .btnLarge__circle svg:nth-child(2) {
    translate: 5rem 0;
  }
}
@media (max-width: 768px) {
  .btnLarge a {
    height: 5rem;
    padding: 1rem 5rem 1rem 2.5rem;
    font-size: 1.4rem;
  }
}
.btnLarge__circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(6rem - 2px);
  height: calc(6rem - 2px);
  border-radius: 50%;
  background: var(--gradientBtn) top left no-repeat;
  background-size: 800% 100%;
  background-position: 100% 0;
  z-index: 0;
  margin: auto 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .btnLarge__circle {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.btnLarge__circle svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.btnLarge__circle svg:nth-child(1) {
  translate: -5.8rem 0;
}

.btnContactProduct {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .btnContactProduct {
    right: 1rem;
    bottom: 1rem;
  }
}
.btnContactProduct a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.2rem;
  height: 4rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 10rem;
  color: var(--colorMain);
  border: 2px solid var(--colorMain);
  background-color: #fff;
  gap: 0.8rem;
}
@media (any-hover: hover) {
  .btnContactProduct a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .btnContactProduct a:hover {
    background-color: var(--colorMain);
    color: #fff;
  }
}
@media (max-width: 768px) {
  .btnContactProduct a {
    font-size: 1.4rem;
    padding: 0 1.8rem;
  }
}
.btnContactProduct a svg {
  width: 1.6rem;
  height: 1.4rem;
  fill: currentColor;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .btnContactProduct a svg {
    width: 1.4rem;
  }
}

.boxFill {
  background-color: #F7F7F7;
  padding: 1.6rem 2rem 1.6rem 3rem;
}
@media (max-width: 768px) {
  .boxFill {
    padding: 1.2rem 2rem;
  }
}
.boxFill:has(.btnSmall) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.boxFill__ttl {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.875;
}
@media (max-width: 768px) {
  .boxFill__ttl {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

.boxCustomCv {
  background: -webkit-linear-gradient(135deg, rgb(0, 81, 142) 0%, rgb(65, 67, 214) 100%);
  background: linear-gradient(315deg, rgb(0, 81, 142) 0%, rgb(65, 67, 214) 100%);
  padding: 6rem;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .boxCustomCv {
    padding: 4rem 2.5rem;
  }
}
.boxCustomCv::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/topics/fv_bg.webp) center center/cover no-repeat;
  mix-blend-mode: multiply;
  z-index: -1;
}
.boxCustomCv__ttl {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #fff;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .boxCustomCv__ttl {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.boxCustomCv__text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  color: #fff;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .boxCustomCv__text {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }
}
.boxCustomCv .btnStatic {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .boxCustomCv .btnStatic--medium a, .boxCustomCv .btnStatic--medium button {
    width: auto;
  }
}

.tableBase table {
  width: 100%;
}
.tableBase table th, .tableBase table td {
  border: 1px solid #E2E2E2;
  padding: 0.4rem 2rem;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2.125;
  word-break: break-all;
}
@media (max-width: 768px) {
  .tableBase table th, .tableBase table td {
    font-size: 1.4rem;
    line-height: 1.2307692308;
    padding: 0.6rem 1.2rem;
  }
}
.tableBase table td {
  font-weight: 400;
}
.tableBase table th {
  background-color: #F7F7F7;
  vertical-align: middle;
  text-align: left;
  font-weight: 500;
}
.tableBase table th[colspan="2"] {
  background-color: #5960BE;
  color: #fff;
}
@media (max-width: 768px) {
  .tableBase table tbody th, .tableBase table tbody td {
    font-size: 1.3rem;
  }
}

.tableData table {
  width: 100%;
  background-color: #fff;
}
.tableData table th, .tableData table td {
  border: 1px solid #E2E2E2;
  padding: 1.2rem 0.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.2857142857;
  word-break: break-all;
  text-align: center;
  vertical-align: middle;
}
.tableData table thead th {
  font-weight: 500;
  background-color: #5055A3;
  color: #fff;
}
.tableData table td {
  font-weight: 400;
}
.tableData--color01 table tbody tr th {
  font-weight: 700;
  color: #fff;
}
.tableData--color01 table tbody tr:nth-child(2n-1) th {
  background-color: #A9ACCE;
}
.tableData--color01 table tbody tr:nth-child(2n-1) td {
  background-color: #fff;
}
.tableData--color01 table tbody tr:nth-child(2n) th {
  background-color: #9195C1;
}
.tableData--color01 table tbody tr:nth-child(2n) td {
  background-color: #F7F7F7;
}
.tableData--gray table thead th {
  background-color: #62647C;
}
.tableData--gray table tbody th {
  background-color: #F7F7F7;
}
.tableData--spread table th, .tableData--spread table td {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media (max-width: 768px) {
  .tableData--spread table th, .tableData--spread table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.tableSimple dl {
  display: grid;
  grid-template-columns: 17.4rem auto;
  border-bottom: 1px solid #E2E2E2;
  padding: 3rem 0;
}
@media (max-width: 768px) {
  .tableSimple dl {
    gap: 0.6rem;
    padding: 2rem 0;
    grid-template-columns: 100%;
  }
}
.tableSimple dt {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
}
@media (max-width: 768px) {
  .tableSimple dt {
    font-size: 1.5rem;
  }
}
.tableSimple dd {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2;
}
@media (max-width: 768px) {
  .tableSimple dd {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

.breadcrumbs {
  padding: 2rem 0;
  border-bottom: 1px solid #E2E2E2;
  position: relative;
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding: 1rem 0;
    overflow: hidden;
    overflow-x: auto;
    border-bottom: none;
    position: relative;
    z-index: 0;
    background: -webkit-linear-gradient(bottom, #E2E2E2 0, #E2E2E2 1px, rgba(62, 68, 210, 0) 1px, rgba(65, 67, 214, 0) 100%);
    background: linear-gradient(0deg, #E2E2E2 0, #E2E2E2 1px, rgba(62, 68, 210, 0) 1px, rgba(65, 67, 214, 0) 100%);
  }
}
.breadcrumbs__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.4285714286;
  font-weight: 500;
  gap: 2rem;
}
@media (max-width: 768px) {
  .breadcrumbs__content {
    font-size: 1.2rem;
    gap: 1rem;
  }
}
.breadcrumbs__content li {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .breadcrumbs__content li:nth-child(1) a {
    font-size: 0;
  }
  .breadcrumbs__content li:nth-child(1) a::after {
    font-size: 1.2rem;
    content: "HOME";
  }
}
.breadcrumbs__content a {
  color: #8E8E8E;
  font-weight: 400;
  border-bottom: 1px solid transparent;
}
@media (any-hover: hover) {
  .breadcrumbs__content a:hover {
    color: var(--colorMain);
  }
}
.breadcrumbs__content span {
  display: block;
  position: relative;
  margin-bottom: calc(-2rem - 1px);
  padding-bottom: calc(2rem + 1px);
}
@media (max-width: 768px) {
  .breadcrumbs__content span {
    margin-bottom: calc(-1rem - 1px);
    padding-bottom: calc(1rem + 1px);
  }
}
.breadcrumbs__content span::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 1px;
  height: 1px;
  background-color: var(--colorMain);
}

.anchorBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  border-bottom: 2px solid #EDEDED;
}
@media (max-width: 768px) {
  .anchorBar {
    gap: 1.8rem;
    overflow-x: auto;
    border-bottom: none;
    position: relative;
    z-index: 0;
    background: -webkit-linear-gradient(bottom, #E2E2E2 0, #E2E2E2 1px, rgba(62, 68, 210, 0) 1px, rgba(65, 67, 214, 0) 100%);
    background: linear-gradient(0deg, #E2E2E2 0, #E2E2E2 1px, rgba(62, 68, 210, 0) 1px, rgba(65, 67, 214, 0) 100%);
  }
}
.anchorBar--arrow li:has(a:hover)::before {
  opacity: 1;
}
.anchorBar--arrow li a {
  color: var(--colorText);
}
@media (any-hover: hover) {
  .anchorBar--arrow li a:hover::after {
    border-color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .anchorBar--arrow li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.anchorBar--arrow li a::after {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-right: 0.1rem solid #C3C3C3;
  border-bottom: 0.1rem solid #C3C3C3;
  rotate: 45deg;
  translate: 0 -33%;
  margin-left: 1rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .anchorBar--arrow li a::after {
    margin-left: 0.6rem;
  }
}
.anchorBar--sticky {
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: top 0.2s ease;
  transition: top 0.2s ease;
  top: 13rem;
  left: 0;
}
@media (min-width: 769px) {
  .isHeaderSlim .anchorBar--sticky {
    top: 7rem;
  }
}
@media (max-width: 768px) {
  .anchorBar--sticky {
    top: 7rem;
  }
}
.anchorBar li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
  color: #8E8E8E;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 1.6rem 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .anchorBar li {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 1rem 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.anchorBar li::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
  opacity: 0;
  right: 0;
  height: 2px;
  background-color: var(--colorMain);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .anchorBar li::before {
    top: auto;
    bottom: 0;
    height: 1px;
  }
}
.anchorBar li.isActive {
  color: var(--colorText);
}
.anchorBar li.isActive::before {
  opacity: 1;
}

.formBase dl {
  display: grid;
  grid-template-columns: 15.4rem auto;
  gap: 6.6rem 0;
}
@media (max-width: 768px) {
  .formBase dl {
    grid-template-columns: 100%;
    gap: 0;
  }
}
.formBase dt {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
}
@media (max-width: 768px) {
  .formBase dt {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}
.formBase dd:has(label:not(.iconLabel) input[type=checkbox]) {
  padding-top: 0.4rem;
}
@media (max-width: 768px) {
  .formBase dd .copy {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .formBase dd + dt {
    margin-top: 2.4rem;
  }
}
.formBase__grid {
  display: grid;
  gap: 2rem;
}
@media (min-width: 769px) {
  .formBase__grid--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .formBase__grid--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .formBase__grid--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .formBase__grid--col5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 768px) {
  .formBase__grid {
    gap: 1rem;
  }
  .formBase__grid--spCol2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .formBase__grid--spCol2Fit {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .formBase__grid--spCol2Fit > *:nth-child(n+3) {
    margin-top: -1px;
  }
  .formBase__grid--spCol2Fit > *:nth-child(2n) {
    margin-left: -1px;
  }
}
.formBase select {
  height: 4.1rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  border: 0.1rem solid #C3C3C3;
  border-radius: 0.2rem;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.533%207.326%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231c1e83%22%20stroke-width%3D%221.5%22%20d%3D%22m.531.53%205.734%205.735L12.001.53%22%2F%3E%3C%2Fsvg%3E") right 1rem center/1.2rem no-repeat;
  padding: 0 4.2rem 0 1.8rem;
}
@media (max-width: 768px) {
  .formBase select {
    font-size: 1.3rem;
  }
}
.formBase label:not(.iconLabel):has(input[type=checkbox]), .formBase a:not(.iconLabel):has(input[type=checkbox]) {
  cursor: pointer;
}
.formBase label:not(.iconLabel):has(input[type=checkbox]) input, .formBase a:not(.iconLabel):has(input[type=checkbox]) input {
  display: none !important;
}
.formBase label:not(.iconLabel):has(input[type=checkbox]) input:checked + span::before, .formBase a:not(.iconLabel):has(input[type=checkbox]) input:checked + span::before {
  border-color: var(--colorMain);
  background-color: var(--colorMain);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.503%2010.822%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20d%3D%22m.586%203.639%204.8%205.994L12.927.477%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: 1.2rem;
  background-repeat: no-repeat;
}
.formBase label:not(.iconLabel):has(input[type=checkbox]) span, .formBase a:not(.iconLabel):has(input[type=checkbox]) span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.025em;
}
.formBase label:not(.iconLabel):has(input[type=checkbox]) span::before, .formBase a:not(.iconLabel):has(input[type=checkbox]) span::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  background-color: #fff;
  border: 0.1rem solid #C3C4C4;
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.formBase label.iconLabel, .formBase a.iconLabel {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  background-color: #fff;
  position: relative;
  z-index: 0;
  height: 8rem;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.6rem;
  gap: 2rem;
}
@media (any-hover: hover) {
  .formBase label.iconLabel:hover span::before, .formBase a.iconLabel:hover span::before {
    background-color: #EFEFFC;
  }
}
@media (max-width: 768px) {
  .formBase label.iconLabel, .formBase a.iconLabel {
    height: 5rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    gap: 1rem;
  }
  .formBase label.iconLabel:has(input[type=checkbox]:checked), .formBase a.iconLabel:has(input[type=checkbox]:checked) {
    z-index: 1;
  }
}
.formBase label.iconLabel img, .formBase a.iconLabel img {
  width: 3.7rem;
  height: 3.7rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .formBase label.iconLabel img, .formBase a.iconLabel img {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.formBase label.iconLabel input, .formBase a.iconLabel input {
  display: none !important;
}
.formBase label.iconLabel input:checked + span::before, .formBase a.iconLabel input:checked + span::before {
  border: 2px solid var(--colorMain);
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 0.3rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  .formBase label.iconLabel input:checked + span::before, .formBase a.iconLabel input:checked + span::before {
    border-width: 1px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
  }
}
.formBase label.iconLabel span, .formBase a.iconLabel span {
  word-break: break-all;
}
.formBase label.iconLabel span::before, .formBase a.iconLabel span::before {
  content: "";
  border: 0.1rem solid #C3C3C3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 0.2rem;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
@media (max-width: 768px) {
  .formBase label.iconLabel span::before, .formBase a.iconLabel span::before {
    border-radius: 0;
  }
}
.formBase .unitSearch {
  width: 54rem;
}
@media (max-width: 768px) {
  .formBase .unitSearch {
    width: 100%;
  }
}
.formBase__foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
  margin: 8rem 0 0;
}
@media (max-width: 768px) {
  .formBase__foot {
    gap: 1rem;
    margin: 4rem 0 0;
  }
  .formBase__foot:has(.btnStatic:nth-child(2)) .btnStatic {
    width: 100%;
  }
  .formBase__foot .btnStatic:not(:first-child:last-child) {
    min-width: 0;
  }
}
.formBase__foot--mtS {
  margin-top: 4rem;
}
.formBase--row dl {
  grid-template-columns: 100%;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .formBase--row dl {
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .formBase--row dl dt {
    font-size: 1.8rem;
  }
}
.formBase--row dl dd {
  padding-top: 0;
}

.formContact {
  word-break: break-all;
}
.formContact dl {
  display: grid;
  grid-template-columns: 25.4rem auto;
  gap: 0;
  border-bottom: 1px solid #C3C3C3;
  padding: 2rem 0;
}
@media (max-width: 768px) {
  .formContact dl {
    grid-template-columns: 100%;
  }
}
.formContact dl:first-child {
  border-top: 1px solid #C3C3C3;
}
.formContact dt {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
  padding: 1.2rem 0 0;
}
@media (max-width: 768px) {
  .formContact dt {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    padding-top: 0;
  }
}
.formContact dd p:not(:first-child) {
  margin-top: 1em;
}
.formContact__grid {
  display: grid;
  gap: 2rem;
}
@media (min-width: 769px) {
  .formContact__grid--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .formContact__grid--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .formContact__grid--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .formContact__grid--col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .formContact__grid--liquid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1rem 3rem;
  }
}
@media (max-width: 768px) {
  .formContact__grid {
    gap: 1rem;
  }
  .formContact__grid--spCol2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .formContact__grid--spCol2Fit {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .formContact__grid--spCol2Fit > *:nth-child(n+3) {
    margin-top: -1px;
  }
  .formContact__grid--spCol2Fit > *:nth-child(2n) {
    margin-left: -1px;
  }
}
.formContact select {
  height: 4.1rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  border: 0.1rem solid #C3C3C3;
  border-radius: 0.2rem;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.533%207.326%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231c1e83%22%20stroke-width%3D%221.5%22%20d%3D%22m.531.53%205.734%205.735L12.001.53%22%2F%3E%3C%2Fsvg%3E") right 1rem center/1.2rem no-repeat;
  padding: 0 4.2rem 0 1.8rem;
}
@media (max-width: 768px) {
  .formContact select {
    font-size: 1.3rem;
  }
}
.formContact input[type=text], .formContact input[type=email], .formContact input[type=tel] {
  width: 100%;
  height: 4.7rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  border-radius: 0.2rem;
  background: #F7F7F7;
  padding: 0 1.8rem;
}
@media (max-width: 768px) {
  .formContact input[type=text], .formContact input[type=email], .formContact input[type=tel] {
    font-size: 1.3rem;
  }
}
.formContact textarea {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
  border-radius: 0.2rem;
  background: #F7F7F7;
  padding: 1.4rem 1.8rem;
  min-height: 14.7rem;
  max-height: 44.7rem;
  resize: vertical;
}
@media (max-width: 768px) {
  .formContact textarea {
    font-size: 1.3rem;
    min-height: 8rem;
  }
}
.formContact label:not(.iconLabel):has(input[type=checkbox]), .formContact a:not(.iconLabel):has(input[type=checkbox]) {
  cursor: pointer;
}
.formContact label:not(.iconLabel):has(input[type=checkbox]) input, .formContact a:not(.iconLabel):has(input[type=checkbox]) input {
  display: none !important;
}
.formContact label:not(.iconLabel):has(input[type=checkbox]) input:checked + span::before, .formContact a:not(.iconLabel):has(input[type=checkbox]) input:checked + span::before {
  border-color: var(--colorMain);
  background-color: var(--colorMain);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.503%2010.822%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20d%3D%22m.586%203.639%204.8%205.994L12.927.477%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: 1.2rem;
  background-repeat: no-repeat;
}
.formContact label:not(.iconLabel):has(input[type=checkbox]) > span, .formContact a:not(.iconLabel):has(input[type=checkbox]) > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.025em;
}
.formContact label:not(.iconLabel):has(input[type=checkbox]) > span::before, .formContact a:not(.iconLabel):has(input[type=checkbox]) > span::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  background-color: #fff;
  border: 0.1rem solid #C3C4C4;
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.formContact label:not(.iconLabel):has(input[type=radio]), .formContact a:not(.iconLabel):has(input[type=radio]) {
  cursor: pointer;
}
.formContact label:not(.iconLabel):has(input[type=radio]) input, .formContact a:not(.iconLabel):has(input[type=radio]) input {
  display: none !important;
}
.formContact label:not(.iconLabel):has(input[type=radio]) input:checked + span::before, .formContact a:not(.iconLabel):has(input[type=radio]) input:checked + span::before {
  border-color: var(--colorMain);
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Crect%20width%3D%2219%22%20height%3D%2219%22%20fill%3D%22%23fff%22%20rx%3D%229.5%22%2F%3E%3Crect%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22%231c1e83%22%20rx%3D%225.5%22%20transform%3D%22translate(4%204)%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.formContact label:not(.iconLabel):has(input[type=radio]) span, .formContact a:not(.iconLabel):has(input[type=radio]) span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3333333333;
  letter-spacing: 0.025em;
}
@media (max-width: 768px) {
  .formContact label:not(.iconLabel):has(input[type=radio]) span, .formContact a:not(.iconLabel):has(input[type=radio]) span {
    font-size: 1.3rem;
  }
}
.formContact label:not(.iconLabel):has(input[type=radio]) span::before, .formContact a:not(.iconLabel):has(input[type=radio]) span::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0.1rem solid #C3C4C4;
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.formContact .required {
  background-color: #FF5858;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 0 0.4rem;
  margin-left: 0.8rem;
}
.formContact__foot {
  width: 72rem;
  margin: 8rem auto 0;
}
@media (max-width: 768px) {
  .formContact__foot {
    width: 100%;
    margin: 6rem auto 0;
  }
}
.formContact__foot .btnStatic {
  margin: 0 auto;
}
.formContact__foot .linkText {
  margin: 3rem auto 0;
}
@media (max-width: 768px) {
  .formContact__foot .linkText {
    margin: 2rem auto 0;
  }
}
.formContact__foot .linkText a, .formContact__foot .linkText button {
  padding-bottom: 0;
}
.formContact__copy {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
  margin: 0 0 1.2rem;
}
@media (max-width: 768px) {
  .formContact__copy {
    font-size: 1.4rem;
    margin: 0 0 1rem;
  }
}
.formContact__box {
  border: 1px solid #C3C3C3;
  --sb-track-color: #ededed;
  --sb-thumb-color: var(--colorMain);
  --sb-size: 4px;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.7692307692;
}
@media (max-width: 768px) {
  .formContact__box {
    padding: 0.5rem;
    --sb-size: 2px;
    line-height: 1.5833333333;
    font-size: 1.2rem;
  }
}
.formContact__boxInner {
  max-height: 20rem;
  overflow-y: scroll;
  padding: 2rem 3rem;
}
@media (max-width: 768px) {
  .formContact__boxInner {
    padding: 2rem;
  }
}
.formContact__boxInner::-webkit-scrollbar {
  width: var(--sb-size);
}
.formContact__boxInner::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}
.formContact__boxInner::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
}
.formContact__box h4 {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 2;
}
.formContact__confirm label {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 6rem auto 3rem;
}
@media (max-width: 768px) {
  .formContact__confirm label {
    margin: 4rem auto 3rem;
  }
}
.formContact__confirm label > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.formContact__confirm label > span a {
  color: var(--colorMain);
  text-decoration: underline;
  margin-right: 0.5em;
}
@media (any-hover: hover) {
  .formContact__confirm label > span a:hover {
    text-decoration: none;
  }
}
.formContact__confirm label > span a[target=_blank]::after {
  content: "　";
  display: inline;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.508%2010.023%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M3.142%200h8.367v6.694H3.142z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M1.415%208.48V2.307H0v7.716h8.487V8.48Z%22%2F%3E%3C%2Fsvg%3E") center right/1.1rem no-repeat;
}
.formContact__confirm .error {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: -1.5rem auto 3rem;
}
.formContact--pageConfirm dl dt {
  padding-top: 0;
}
.formContact--pageConfirm dl dd {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .formContact--pageConfirm dl dd {
    font-size: 1.4rem;
  }
}

.wysiwyg {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  word-break: break-all;
}
.wysiwyg > *:first-child {
  margin-top: 0 !important;
}
.wysiwyg > *:last-child {
  margin-bottom: 0 !important;
}
.wysiwyg h2 {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.2rem solid var(--colorMain);
  padding: 0 0 1rem;
  margin-top: 6rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .wysiwyg h2 {
    font-size: 1.8rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
}
.wysiwyg h3 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  color: var(--colorMain);
  margin-top: 6rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .wysiwyg h3 {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
}
.wysiwyg h4 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  margin-top: 6rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .wysiwyg h4 {
    font-size: 1.6rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
}
.wysiwyg h5 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .wysiwyg h5 {
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
  }
}
.wysiwyg h5 {
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .wysiwyg h5 {
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
  }
}
.wysiwyg .wp-video {
  width: 100% !important;
}
.wysiwyg .wp-video video {
  display: block;
  max-width: 72rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 6rem auto;
}
@media (max-width: 768px) {
  .wysiwyg .wp-video video {
    max-width: 100%;
  }
}
.wysiwyg p {
  margin: 1em 0;
}
.wysiwyg p:first-child {
  margin-top: 0;
}
.wysiwyg p strong {
  font-weight: 700;
}
.wysiwyg p mark {
  background-color: #FFE2D8;
}
.wysiwyg p:has(img.alignnone[class*=wp-image-]) {
  margin: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .wysiwyg p:has(img.alignnone[class*=wp-image-]) {
    display: grid;
    grid-template-columns: 100%;
  }
}
.wysiwyg p:has(img.alignnone[class*=wp-image-]) img.size-full {
  width: 10%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 768px) {
  .wysiwyg p:has(img.alignnone[class*=wp-image-]) img.size-full {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .wysiwyg p img[class*=alignleft] {
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .wysiwyg p img[class*=alignleft] {
    margin: 2rem 0;
  }
}
@media (min-width: 769px) {
  .wysiwyg p img[class*=alignright] {
    float: right;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .wysiwyg p img[class*=alignright] {
    margin: 2rem 0;
  }
}
.wysiwyg p:has(img[class*=alignleft]), .wysiwyg p:has(img[class*=alignright]) {
  margin: 6rem 0;
}
.wysiwyg p:has(img[class*=alignleft])::after, .wysiwyg p:has(img[class*=alignright])::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}
@media (max-width: 768px) {
  .wysiwyg p:has(img[class*=alignleft])::after, .wysiwyg p:has(img[class*=alignright])::after {
    display: none;
  }
}
.wysiwyg a:not([class]) {
  color: var(--colorMain);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .wysiwyg a:not([class]):hover {
    text-decoration: none;
  }
}
.wysiwyg a:not([class])[href^="#"] {
  padding: 0 0 0.2rem;
  border-bottom: 0.1rem solid var(--colorMain);
  text-decoration: none;
}
@media (any-hover: hover) {
  .wysiwyg a:not([class])[href^="#"] {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .wysiwyg a:not([class])[href^="#"]:hover {
    opacity: 0.6;
  }
}
.wysiwyg a:not([class])[href^="#"]::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.693%207.408%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231c1e83%22%20stroke-width%3D%221.5%22%20d%3D%22m.531.531%205.816%205.816L12.161.531%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  margin-left: 0.3rem;
  translate: 0 0.1rem;
}
.wysiwyg a:not([class])[target=_blank]::after {
  content: "　";
  display: inline;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.508%2010.023%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M3.142%200h8.367v6.694H3.142z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M1.415%208.48V2.307H0v7.716h8.487V8.48Z%22%2F%3E%3C%2Fsvg%3E") center right/1.1rem no-repeat;
}
.wysiwyg blockquote {
  display: block;
  margin: 6rem 0;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-left: 0.2rem solid var(--colorMain);
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.169%209.048%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22m3.266%200%201.99%201.352a8.854%208.854%200%200%200-1.8%205.143v2.553h-3.46V6.87a8.612%208.612%200%200%201%20.91-3.792A9.091%209.091%200%200%201%203.266%200Zm5.913%200%201.99%201.352a8.854%208.854%200%200%200-1.8%205.143v2.553H5.913V6.87a8.612%208.612%200%200%201%20.91-3.792A9.091%209.091%200%200%201%209.179%200Z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%209.198%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M1.971%209.198%200%207.85a9.036%209.036%200%200%200%201.8-5.143v-2.7h3.441v2.44a8.682%208.682%200%200%201-.929%203.745%208.641%208.641%200%200%201-2.341%203.006Zm5.763%200L5.763%207.85a9.036%209.036%200%200%200%201.8-5.143v-2.7h3.435v2.44a8.682%208.682%200%200%201-.929%203.745%208.641%208.641%200%200%201-2.335%203.006Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: top 2.5rem left 2.2rem, bottom 2.5rem right 2.2rem;
  background-size: 1.1rem;
  background-repeat: no-repeat;
  padding: 2rem 4rem;
}
.wysiwyg ul {
  margin: 6rem 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
.wysiwyg ul > li {
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5714285714;
  position: relative;
  padding-left: 1.3em;
}
.wysiwyg ul > li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.6rem;
  background-color: var(--colorMain);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: 0.7rem;
  left: 0;
}
.wysiwyg ol {
  margin: 6rem 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  counter-reset: wysiwygOl;
}
.wysiwyg ol > li {
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5714285714;
  position: relative;
  padding-left: 1.3em;
}
.wysiwyg ol > li::before {
  counter-increment: wysiwygOl;
  content: counter(wysiwygOl);
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  font-family: var(--fontEN);
  font-size: 1.6rem;
  color: var(--colorMain);
  font-weight: 700;
  font-style: italic;
  line-height: 1.375;
}
.wysiwyg ul ul, .wysiwyg ul ol, .wysiwyg ol ul, .wysiwyg ol ol {
  margin: 1em 0;
}
.wysiwyg table {
  width: 100%;
  margin: 3rem 0;
}
.wysiwyg table thead th {
  background-color: #8A8DB2;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8888888889;
  text-align: center;
}
@media (max-width: 768px) {
  .wysiwyg table thead th {
    font-size: 1.4rem;
  }
}
.wysiwyg table th, .wysiwyg table td {
  border: 1px solid #E2E2E2;
  padding: 0.4rem 2rem;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2.125;
}
@media (max-width: 768px) {
  .wysiwyg table th, .wysiwyg table td {
    font-size: 1.3rem;
  }
}
.wysiwyg table td {
  font-weight: 400;
}
.wysiwyg table th {
  background-color: #F7F7F7;
  vertical-align: middle;
  text-align: left;
  font-weight: 500;
}
.wysiwyg .gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin: 6rem 0 !important;
}
@media (max-width: 768px) {
  .wysiwyg .gallery {
    gap: 1rem;
    margin: 4rem 0 !important;
  }
}
.wysiwyg .gallery img {
  width: 100%;
}
.wysiwyg .gallery a {
  display: block;
  width: 100%;
}
.wysiwyg .gallery .gallery-item {
  margin-top: 0 !important;
  float: none !important;
}
.wysiwyg br[style*=clear] {
  height: 0;
  display: block;
}
@media (max-width: 768px) {
  .wysiwyg.tableScrollX {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: scroll;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 768px) {
  .wysiwyg.tableScrollX table {
    width: 120rem !important;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.wysiwyg.tableScrollX table thead th, .wysiwyg.tableScrollX table thead td {
  font-size: 1.2rem;
  line-height: 1.24;
  text-align: center;
  height: 6rem;
}
.wysiwyg.tableScrollX table th, .wysiwyg.tableScrollX table td {
  font-size: 1.2rem;
  line-height: 1.24;
  padding: 0.8rem 0.4rem;
}

.listTriangle {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
.listTriangle li {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.5714285714;
  position: relative;
  padding-left: 1em;
}
.listTriangle li::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.6rem;
  background-color: var(--colorMain);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: 0.7rem;
  left: 0;
}

.mainvisual {
  background-color: var(--colorMain);
  position: relative;
  z-index: 0;
  height: min(100svh - 13.2rem - 12rem, 50rem);
  min-height: 25rem;
}
@media (max-width: 768px) {
  .mainvisual {
    height: 37.5rem;
  }
}
.mainvisual.isAnimated::before, .mainvisual.isAnimated::after {
  left: 100%;
}
.mainvisual.isAnimated .mainvisual__slider {
  opacity: 1;
  -webkit-transition: opacity 0.8s ease 0.7s;
  transition: opacity 0.8s ease 0.7s;
}
.mainvisual.isAnimated .mainvisual__sliderCol:nth-child(2n-1) {
  -webkit-animation: sliderInit 2s cubic-bezier(0.3, 0.78, 0.52, 1) 0.8s forwards;
          animation: sliderInit 2s cubic-bezier(0.3, 0.78, 0.52, 1) 0.8s forwards;
}
.mainvisual.isAnimated .mainvisual__sliderCol:nth-child(2n) {
  animation: sliderInit 2s reverse cubic-bezier(0.37, 0, 0.68, 0.24) 0.8s forwards;
}
.mainvisual.isAnimated .mainvisual__ttl {
  opacity: 1;
  translate: 0 0;
  -webkit-transition: 1.5s ease 1.5s;
  transition: 1.5s ease 1.5s;
}
.mainvisual.isAnimated .mainvisual__text {
  opacity: 1;
  translate: 0 0;
  -webkit-transition: 1.5s ease 1.7s;
  transition: 1.5s ease 1.7s;
}
.mainvisual::before, .mainvisual::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
}
.mainvisual::before {
  -webkit-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
  opacity: 0.8;
}
.mainvisual::after {
  -webkit-transition: 0.5s ease-in-out 0.3s;
  transition: 0.5s ease-in-out 0.3s;
  opacity: 0.4;
}
.mainvisual .inner {
  height: 100%;
}
.mainvisual__textarea {
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mainvisual__ttl {
  font-size: 4.8rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.4583333333;
  translate: -5rem 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .mainvisual__ttl {
    font-size: 3.2rem;
  }
}
.mainvisual__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 2;
  margin: 1.8rem 0 0;
  translate: -5rem 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .mainvisual__text {
    font-size: 1.4rem;
  }
}
.mainvisual__slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 1rem;
  bottom: 0;
  z-index: -1;
  padding-left: calc(50vw - 57.6rem + 24.7rem - 1rem);
  overflow: hidden;
  opacity: 0;
}
@media (max-width: 768px) {
  .mainvisual__slider {
    grid-template-columns: 100%;
    padding-left: 14rem;
    padding-right: 1.5rem;
  }
}
.mainvisual__slider::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 30%;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(28, 30, 131)), to(rgba(28, 30, 131, 0)));
  background: -webkit-linear-gradient(left, rgb(28, 30, 131) 0%, rgba(28, 30, 131, 0) 100%);
  background: linear-gradient(90deg, rgb(28, 30, 131) 0%, rgba(28, 30, 131, 0) 100%);
  z-index: 1;
}
.mainvisual__sliderCol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
@-webkit-keyframes slider {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes slider {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -100%;
  }
}
@-webkit-keyframes sliderInit {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -30rem;
  }
}
@keyframes sliderInit {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -30rem;
  }
}
.mainvisual__sliderCol:nth-child(2n-1) .mainvisual__sliderSet {
  -webkit-animation: slider 50s linear infinite;
          animation: slider 50s linear infinite;
}
.mainvisual__sliderCol:nth-child(2n) .mainvisual__sliderSet {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  animation: slider 50s reverse linear infinite;
}
.mainvisual__sliderCol figure {
  background-color: #fff;
  margin-top: 1rem;
}
.unitSlider {
  position: relative;
}
.unitSlider__controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  position: absolute;
  right: 0;
  bottom: calc(100% + 4rem);
  z-index: 1;
}
@media (max-width: 768px) {
  .unitSlider__controller {
    display: none;
  }
}
.unitSlider__controller--slim {
  gap: 1rem;
  bottom: calc(100% + 2.4rem);
}
.unitSlider__controller--slim .unitSlider__number {
  display: none;
}
.unitSlider__controller--slim .unitSlider__btn {
  width: 3.8rem;
  height: 3.8rem;
}
.unitSlider__btn {
  width: 6rem;
  height: 6rem;
}
.unitSlider__btn--prev svg {
  scale: -1 1;
}
.unitSlider__btn.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.unitSlider__btn button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 0.1rem solid #C3C3C3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (any-hover: hover) {
  .unitSlider__btn button {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .unitSlider__btn button:hover {
    border-color: var(--colorMain);
  }
}
.unitSlider__btn button svg {
  width: 1.6rem;
  height: 0.6rem;
  fill: var(--colorMain);
}
.unitSlider__number {
  font-family: var(--fontEN);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.3571428571;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unitSlider__number .all::before {
  content: "|";
  margin: 0 1em;
}
.unitSlider__content {
  width: calc(100% + 3.6rem);
  margin-right: -3.6rem;
}
.unitSlider__content:not(.slick-initialized) {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.unitSlider__content .slick-list {
  overflow: visible;
}
.unitSlider__content .slick-list .slick-slide {
  margin-right: 3.6rem;
}
.unitSlider__content .cardSimple {
  width: 25.2rem;
}
.unitSlider__scrollbar {
  width: 100%;
  height: 0.2rem;
  background: #EDEDED;
  position: relative;
  overflow: hidden;
  margin: 4rem 0 0;
}
.unitSlider__scrollbar figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--colorMain);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.topNewsBar {
  padding: 4rem 0 12rem;
}
@media (max-width: 768px) {
  .topNewsBar {
    padding: 3rem 0 4.8rem;
  }
}
.topNewsBar .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7.8rem;
}
@media (max-width: 768px) {
  .topNewsBar .inner {
    display: block;
  }
}
.topNewsBar__link {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .topNewsBar__link {
    margin-top: 1rem;
  }
}
.topNewsBar__link a {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  color: var(--colorMain);
  border-bottom: 0.1rem solid #C3C3C3;
}
@media (any-hover: hover) {
  .topNewsBar__link a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}
@media (max-width: 768px) {
  .topNewsBar__link a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
.topNewsBar__link a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -0.1rem;
  background-color: var(--colorMain);
  height: 0.1rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.topNewsBar__link a::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.6rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.693%207.408%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231c1e83%22%20stroke-width%3D%221.5%22%20d%3D%22m.531.531%205.816%205.816L12.161.531%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}
.topNewsBar .itemNews a {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 768px) {
  .topNewsBar .itemNews a {
    display: grid !important;
  }
}
.topNewsBar .itemNews a .itemNews__ttl {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden; /* はみ出た部分を非表示 */
}

.itemNews {
  position: relative;
  z-index: 0;
}
.itemNews a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.itemNews a:not([href]) {
  cursor: initial;
}
.itemNews a:not([href]) .itemNews__ttl {
  color: var(--colorText);
  text-decoration: none;
}
@media (any-hover: hover) {
  .itemNews a[href]:hover .itemNews__ttl {
    text-decoration: none;
  }
  .itemNews a[href]:hover .itemNews__arrow::before {
    scale: 1 1;
  }
  .itemNews a[href]:hover .itemNews__arrow svg {
    -webkit-transition: translate 0.2s ease;
    transition: translate 0.2s ease;
  }
  .itemNews a[href]:hover .itemNews__arrow svg:nth-child(1) {
    translate: 0 0;
  }
  .itemNews a[href]:hover .itemNews__arrow svg:nth-child(2) {
    translate: 5.4rem 0;
  }
}
.itemNews a[target=_blank]:not([href*=".pdf"]) .itemNews__ttl::after {
  content: "　";
  background: url(../images/icon_blank.svg) center center/0.66em no-repeat;
}
.itemNews a[href*=".pdf"] .itemNews__ttl::after {
  content: "　";
  display: inline-block;
  margin-left: 0.8rem;
  background: url(../images/icon_pdf.svg) center center/1em no-repeat;
}
@media (max-width: 768px) {
  .itemNews a {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
.itemNews__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.itemNews__time {
  font-family: var(--fontEN);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.1428571429;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.itemNews__label {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 1.2rem 2.4rem;
  border-radius: 10rem;
  background-color: #EFEFFC;
  color: var(--colorMain);
  margin: 0 2rem 0 2.8rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .itemNews__label {
    padding: 0.4rem 1rem;
  }
}
.itemNews__ttl {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
  text-decoration: underline;
  color: var(--colorMain);
}
.itemNews__arrow {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
.itemNews__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--colorMain);
  margin: auto;
  scale: 0.18;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.itemNews__arrow svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.itemNews__arrow svg:nth-child(1) {
  translate: -5.4rem 0;
}
.itemNews__arrow svg:nth-child(2) {
  opacity: 0;
}

.cardSimple a {
  display: block;
  width: 100%;
}
@media (any-hover: hover) {
  .cardSimple a:hover .cardSimple__img img {
    scale: 1.08;
  }
  .cardSimple a:hover .cardSimple__ttl {
    text-decoration: none;
  }
}
.cardSimple a[target=_blank] .cardSimple__ttl::after {
  content: "　";
  display: inline;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.508%2010.023%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M3.142%200h8.367v6.694H3.142z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M1.415%208.48V2.307H0v7.716h8.487V8.48Z%22%2F%3E%3C%2Fsvg%3E") center right/1.1rem no-repeat;
}
.cardSimple__img {
  overflow: hidden;
}
.cardSimple__img img {
  width: 100%;
  aspect-ratio: 252/168;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cardSimple__ttl {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
  color: var(--colorMain);
  text-decoration: underline;
  margin: 1.6rem 0 0;
}

.cardMaker {
  height: 100%;
}
.cardMaker a {
  display: block;
  padding: 1.6rem 2rem 3.2rem;
  border-radius: 0.6rem;
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
  height: 100%;
  position: relative;
}
@media (any-hover: hover) {
  .cardMaker a {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .cardMaker a:hover {
    -webkit-box-shadow: 0 1rem 2.5rem rgba(28, 30, 131, 0.13);
            box-shadow: 0 1rem 2.5rem rgba(28, 30, 131, 0.13);
    translate: 0 -1rem;
  }
}
@media (max-width: 768px) {
  .cardMaker a {
    padding: 1rem 1rem 2rem;
  }
}
.cardMaker__logo {
  width: 17.5rem;
  aspect-ratio: 140/83;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cardMaker__logo {
    width: 15rem;
  }
}
.cardMaker__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cardMaker__name {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
  color: var(--colorMain);
  text-decoration: underline;
  margin: 1rem 0 1.6rem;
  text-align: center;
}
@media (max-width: 768px) {
  .cardMaker__name {
    font-size: 1.6rem;
    margin: 0.8rem 0 1.2rem;
  }
}
.cardMaker__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.cardMaker__tag span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  background-color: #fff;
  border-radius: 10rem;
  border: 0.1rem solid #C3C3C3;
  padding: 0.2rem 1.4rem;
}
@media (max-width: 768px) {
  .cardMaker__tag span {
    font-size: 1.2rem;
  }
}
.cardMaker__category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.4rem;
}
.cardMaker__category span {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4285714286;
  background-color: #fff;
  border-radius: 0.3rem;
  border: 0.1rem solid #C3C3C3;
  padding: 0.2rem 1.4rem;
  color: var(--colorMain);
}

.unitSearch {
  position: relative;
  z-index: 0;
}
.unitSearch input {
  width: 100%;
  height: 6rem;
  padding: 1rem 8rem 1rem 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border: 0.1rem solid #C3C3C3;
  background-color: #fff;
  border-radius: 10rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .unitSearch input {
    height: 5rem;
    padding: 1rem 5rem 1rem 2.5rem;
    font-size: 1.4rem;
  }
}
.unitSearch input::-webkit-input-placeholder {
  color: #959595;
}
.unitSearch input::-moz-placeholder {
  color: #959595;
}
.unitSearch input:-ms-input-placeholder {
  color: #959595;
}
.unitSearch input::-ms-input-placeholder {
  color: #959595;
}
.unitSearch input::placeholder {
  color: #959595;
}
.unitSearch__circle {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  width: calc(6rem - 2px);
  height: calc(6rem - 2px);
  border-radius: 50%;
  background: var(--gradientBtn) top left no-repeat;
  background-size: 800% 100%;
  background-position: 100% 0;
  z-index: 0;
  margin: auto 0;
  overflow: hidden;
}
@media (any-hover: hover) {
  .unitSearch__circle:hover {
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    background-position: 0 0;
  }
  .unitSearch__circle:hover svg {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .unitSearch__circle:hover svg:nth-child(1) {
    translate: 0 0;
  }
  .unitSearch__circle:hover svg:nth-child(2) {
    translate: 5rem 0;
  }
}
@media (max-width: 768px) {
  .unitSearch__circle {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.unitSearch__circle svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.unitSearch__circle svg:nth-child(1) {
  translate: -5.8rem 0;
}

@media (any-hover: hover) {
  .captionStatic a:hover .captionStatic__img img {
    scale: 1.08;
  }
  .captionStatic a:hover .captionStatic__arrow svg {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .captionStatic a:hover .captionStatic__arrow svg:nth-child(1) {
    translate: 0 0;
  }
  .captionStatic a:hover .captionStatic__arrow svg:nth-child(2) {
    translate: 4rem 0;
  }
}
.captionStatic__img {
  overflow: hidden;
}
.captionStatic__img img {
  aspect-ratio: 350/175;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .captionStatic__img img {
    aspect-ratio: 325/100;
  }
}
.captionStatic__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4444444444;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  margin: 2rem 0 1.8rem;
}
@media (max-width: 768px) {
  .captionStatic__ttl {
    font-size: 1.6rem;
    margin: 1.2rem 0 0.8rem;
  }
}
.captionStatic__arrow {
  display: block;
  overflow: hidden;
  width: 2.4rem;
  height: 1em;
  position: relative;
}
.captionStatic__arrow svg {
  display: block;
  width: 1.9rem;
  height: 0.7rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: var(--colorMain);
}
@media (max-width: 768px) {
  .captionStatic__arrow svg {
    width: 1.7rem;
  }
}
.captionStatic__arrow svg:nth-child(1) {
  translate: -4rem 0;
}
.captionStatic__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
@media (max-width: 768px) {
  .captionStatic__text {
    line-height: 1.5714285714;
  }
}

.cardCaption a {
  display: block;
  width: 100%;
}
@media (any-hover: hover) {
  .cardCaption a:hover .cardCaption__img img {
    scale: 1.08;
  }
  .cardCaption a:hover .cardCaption__ttl {
    text-decoration: none;
  }
}
.cardCaption__img {
  width: 100%;
  overflow: hidden;
}
.cardCaption__img img {
  width: 100%;
  aspect-ratio: 252/168;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cardCaption__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
  letter-spacing: 0;
  margin: 2rem 0 1rem;
}
@media (max-width: 768px) {
  .cardCaption__meta {
    margin: 1.2rem 0 1rem;
  }
}
.cardCaption__metaTag span {
  font-weight: 500;
  line-height: 1.4285714286;
  background-color: #fff;
  border-radius: 10rem;
  border: 0.1rem solid #C3C3C3;
  padding: 0.2rem 1.4rem;
}
.cardCaption__ttl {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
  color: var(--colorMain);
  text-decoration: underline;
  margin: 1.6rem 0 0;
}
@media (max-width: 768px) {
  .cardCaption__ttl {
    margin: 1rem 0 0;
  }
}

.cardCase a {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.cardCase a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #C3C3C3;
  z-index: -1;
  border-radius: 2px;
}
@media (any-hover: hover) {
  .cardCase a:hover img {
    scale: 1.08;
  }
}
.cardCase a figure {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border: 1px solid #C3C3C3;
  border-radius: 2px 2px 0 0;
}
.cardCase a figure img {
  width: 100%;
  aspect-ratio: 273/181;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-radius: 2px 2px 0 0;
}
.cardCase__textarea {
  padding: 2rem 2rem 2.8rem;
}
.cardCase__ttl {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.625;
}
.cardCase__info {
  display: grid;
  grid-template-columns: 10rem auto;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  gap: 0.8rem 1rem;
  margin: 2.2rem 0 0;
}
@media (max-width: 768px) {
  .cardCase__info {
    font-size: 1.3rem;
    margin: 1.6rem 0 0;
  }
}
.cardCase__info dt {
  font-weight: 500;
  color: var(--colorMain);
}
.cardCase__info dd {
  font-weight: 400;
}

.cardProduct a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5rem 4rem 4.6rem;
  background-color: #fff;
  position: relative;
  z-index: 0;
  border: 1px solid #C3C3C3;
}
@media (any-hover: hover) {
  .cardProduct a:hover {
    z-index: 1;
  }
  .cardProduct a:hover::before {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .cardProduct a {
    padding: 4.5rem 2.5rem 2.5rem;
  }
}
.cardProduct a::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  border: 2px solid var(--colorMain);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.cardProduct__tag {
  position: absolute;
  top: -1px;
  left: -1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .cardProduct__tag {
    top: 0;
    left: 0;
  }
}
.cardProduct__tag span {
  padding: 0.4rem 1.2rem;
  line-height: 2.6rem;
}
.cardProduct__tag span.new {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #FF8558;
}
.cardProduct__tag span.comingsoon {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #5960BE;
}
.cardProduct__tag span.discontinued {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #8E8E8E;
  background-color: #F0F0F0;
}
.cardProduct__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.4444444444;
  color: var(--colorMain);
  text-decoration: underline;
}
.cardProduct__img {
  width: 20rem;
  height: 20rem;
  margin: 3rem auto;
}
@media (max-width: 768px) {
  .cardProduct__img {
    width: 16rem;
    height: 16rem;
    margin: 2rem auto;
  }
}
.cardProduct__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cardProduct__info {
  display: grid;
  grid-template-columns: 10rem auto;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  gap: 0.8rem 1rem;
  margin: 0 0 2.2rem;
}
@media (max-width: 768px) {
  .cardProduct__info {
    font-size: 1.3rem;
    margin: 0 0 1.6rem;
  }
}
.cardProduct__info dt {
  font-weight: 500;
  color: var(--colorMain);
}
.cardProduct__info dd {
  font-weight: 400;
}
.cardProduct__text {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6153846154;
}
@media (min-width: 769px) {
  .cardProduct--large a {
    padding-left: 50%;
  }
  .cardProduct--large .cardProduct__ttl {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
  }
  .cardProduct--large .cardProduct__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    margin: auto;
  }
}

.boxShadow {
  position: relative;
  padding: 4.8rem 3.6rem 4rem;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
}
@media (max-width: 768px) {
  .boxShadow {
    padding: 3rem 2.5rem 2rem;
  }
}
.boxShadow .boxShadow__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.7;
  position: absolute;
  top: 0;
  left: 3.6rem;
  translate: 0 -50%;
  gap: 1rem;
}
@media (max-width: 768px) {
  .boxShadow .boxShadow__ttl {
    font-size: 1.6rem;
    left: 0.8rem;
  }
}
.boxShadow .boxShadow__ttl img {
  width: 5.4rem;
  height: 5.4rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .boxShadow .boxShadow__ttl img {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.boxShadow .boxShadow__ttl + .listTriangle {
  margin-top: 0;
}
.boxShadow p:not([class]) {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .boxShadow p:not([class]) {
    font-size: 1.5rem;
  }
}
.boxShadow .listTriangle {
  margin-top: 1.2rem;
}
@media (max-width: 768px) {
  .boxShadow .listTriangle {
    margin-top: 0.6rem;
  }
}
.boxShadow .listTriangle:first-child {
  margin-top: 0;
}

.boxIndex {
  position: relative;
  z-index: 0;
  padding: 4.4rem 4rem 4rem;
  border: 1px solid #C3C3C3;
  background-color: #fff;
}
@media (max-width: 768px) {
  .boxIndex {
    padding: 2.5rem;
  }
}
.boxIndex::before {
  content: "Index";
  position: absolute;
  top: 0;
  left: 4rem;
  font-family: var(--fontEN);
  font-size: 2.2rem;
  line-height: 1.6363636364;
  font-weight: 700;
  font-style: italic;
  color: var(--colorMain);
  translate: 0 -50%;
}
@media (max-width: 768px) {
  .boxIndex::before {
    left: 1.8rem;
    font-size: 2rem;
  }
}
.boxIndex ol {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  counter-reset: boxIndex;
}
.boxIndex ol li {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5625;
  position: relative;
  padding-left: 1.3em;
}
@media (max-width: 768px) {
  .boxIndex ol li {
    font-size: 1.4rem;
  }
}
.boxIndex ol li::before {
  counter-increment: boxIndex;
  content: counter(boxIndex);
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0;
  font-family: var(--fontEN);
  font-size: 1.6rem;
  color: var(--colorMain);
  font-weight: 700;
  font-style: italic;
  line-height: 1.375;
}
@media (max-width: 768px) {
  .boxIndex ol li::before {
    top: 0;
  }
}
.boxIndex ol li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colorMain);
  text-decoration: underline;
}
@media (any-hover: hover) {
  .boxIndex ol li a:hover {
    text-decoration: none;
  }
}

.unitLeadCv {
  background: url(../images/bg_cv.webp) center center/cover no-repeat;
  position: relative;
  z-index: 0;
  padding: 6rem;
}
@media (max-width: 768px) {
  .unitLeadCv {
    padding: 4rem 2.5rem;
    background-position: 43%;
  }
}
.unitLeadCv::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #40404D;
  opacity: 0.5;
}
.unitLeadCv__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #fff;
  text-align: center;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .unitLeadCv__ttl {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.75;
    margin: 0 0 2.5rem;
  }
}
.unitLeadCv__col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media (max-width: 768px) {
  .unitLeadCv__col {
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
.unitLeadCv__box {
  border: 1px solid #fff;
  background-color: rgba(64, 64, 77, 0.25);
  padding: 4.5rem 0;
}
@media (max-width: 768px) {
  .unitLeadCv__box {
    padding: 2.5rem 0;
  }
}
.unitLeadCv__box .btnStatic {
  margin: 2rem auto 0;
}
@media (max-width: 768px) {
  .unitLeadCv__box .btnStatic {
    min-width: 0;
    margin: 1.2rem auto 0;
  }
  .unitLeadCv__box .btnStatic button {
    width: 22rem;
  }
}
.unitLeadCv__box .unitTel__number {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .unitLeadCv__box .unitTel__number {
    font-size: 2.8rem;
  }
}
.unitLeadCv__box .unitTel__icon {
  background-color: #fff;
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 768px) {
  .unitLeadCv__box .unitTel__icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.unitLeadCv__box .unitTel__icon svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #2F353D;
}
@media (max-width: 768px) {
  .unitLeadCv__box .unitTel__icon svg {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.unitLeadCv__box .unitTel__note {
  color: #fff;
  text-align: center;
}
.unitLeadCv__copy {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 768px) {
  .unitLeadCv__copy {
    font-size: 1.4rem;
  }
}

.itemFaq > a, .itemFaq__label {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  padding: 2.6rem 0 2.6rem 2.6rem;
}
@media (any-hover: hover) {
  .itemFaq > a:hover .itemFaq__arrow::before, .itemFaq__label:hover .itemFaq__arrow::before {
    scale: 1 1;
  }
  .itemFaq > a:hover .itemFaq__arrow svg, .itemFaq__label:hover .itemFaq__arrow svg {
    -webkit-transition: translate 0.2s ease;
    transition: translate 0.2s ease;
  }
  .itemFaq > a:hover .itemFaq__arrow svg:nth-child(1), .itemFaq__label:hover .itemFaq__arrow svg:nth-child(1) {
    translate: 0 0;
  }
  .itemFaq > a:hover .itemFaq__arrow svg:nth-child(2), .itemFaq__label:hover .itemFaq__arrow svg:nth-child(2) {
    translate: 5.4rem 0;
  }
}
@media (max-width: 768px) {
  .itemFaq > a, .itemFaq__label {
    padding: 1.6rem 0;
  }
}
.itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label {
  position: relative;
  cursor: pointer;
  padding-right: 6rem;
}
@media (max-width: 768px) {
  .itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label {
    padding-right: 4.4rem;
  }
}
.itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label .itemFaq__ttl {
  color: var(--colorText);
  text-decoration: none;
}
.itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label.isActive::after {
  rotate: 180deg;
}
.itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label::before, .itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2px;
  background-color: var(--colorMain);
  position: absolute;
  top: 0;
  right: 1.6rem;
  bottom: 0;
  margin: auto 0;
}
@media (max-width: 768px) {
  .itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label::before, .itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label::after {
    right: 0;
  }
}
.itemFaq:not(:has(.itemFaq__arrow)) .itemFaq__label::after {
  rotate: 90deg;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.itemFaq__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}
@media (max-width: 768px) {
  .itemFaq__ttl {
    color: var(--colorMain);
    font-size: 1.4rem;
    line-height: 1.5714285714;
    text-decoration: underline;
    display: block;
    padding-left: 2.5rem;
  }
}
.itemFaq__ttl::before {
  content: "Q";
  font-family: var(--fontEN);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  .itemFaq__ttl::before {
    font-size: 2.2rem;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 1.7rem;
    left: 0;
  }
}
.itemFaq__arrow {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
@media (max-width: 768px) {
  .itemFaq__arrow {
    display: none;
  }
}
.itemFaq__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--colorMain);
  margin: auto;
  scale: 0.18;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.itemFaq__arrow svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.itemFaq__arrow svg:nth-child(1) {
  translate: -5.4rem 0;
}
.itemFaq__arrow svg:nth-child(2) {
  opacity: 0;
}
.itemFaq__content {
  position: relative;
  padding: 0 6rem 3rem 2.6rem;
  display: none;
}
@media (max-width: 768px) {
  .itemFaq__content {
    padding: 0 0 2rem 0;
  }
}
.itemFaq__content::before {
  content: "A";
  font-family: var(--fontEN);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: var(--colorMain);
  top: 0.5rem;
  position: absolute;
}
@media (max-width: 768px) {
  .itemFaq__content::before {
    font-size: 2.2rem;
    display: inline-block;
    text-decoration: none;
    top: 0.2rem;
    left: 0;
  }
}
@media (min-width: 769px) {
  .itemFaq__content:not(:has(.itemFaq__copy)) .itemFaq__text, .itemFaq__content:has(.itemFaq__copy:empty) .itemFaq__text {
    padding-top: 0.6rem;
  }
}
.itemFaq__copy {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.125;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  color: var(--colorMain);
  padding-left: 3rem;
}
@media (max-width: 768px) {
  .itemFaq__copy {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    display: block;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem;
  }
}
.itemFaq__copy:empty {
  display: none;
}
.itemFaq__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  padding-left: 3rem;
}
@media (max-width: 768px) {
  .itemFaq__text {
    padding-left: 2.5rem;
  }
}

.itemSearch a {
  position: relative;
  z-index: 0;
  display: block;
  padding: 2rem;
}
@media (any-hover: hover) {
  .itemSearch a:hover .itemSearch__arrow::before {
    scale: 1 1;
  }
  .itemSearch a:hover .itemSearch__arrow svg {
    -webkit-transition: translate 0.2s ease;
    transition: translate 0.2s ease;
  }
  .itemSearch a:hover .itemSearch__arrow svg:nth-child(1) {
    translate: 0 0;
  }
  .itemSearch a:hover .itemSearch__arrow svg:nth-child(2) {
    translate: 5.4rem 0;
  }
}
@media (max-width: 768px) {
  .itemSearch a {
    padding: 2rem 0;
  }
}
.itemSearch__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
  color: var(--colorMain);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .itemSearch__ttl {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}
.itemSearch__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  margin: 0.4rem 0 0;
}
@media (min-width: 769px) {
  .itemSearch__text {
    padding-right: 5rem;
  }
}
@media (max-width: 768px) {
  .itemSearch__text {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    margin: 0.6rem 0 0;
  }
}
.itemSearch .highlight {
  background-color: #F5FF00;
  font-weight: 700;
}
.itemSearch__arrow {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .itemSearch__arrow {
    display: none;
  }
}
.itemSearch__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--colorMain);
  margin: auto;
  scale: 0.18;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.itemSearch__arrow svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.itemSearch__arrow svg:nth-child(1) {
  translate: -5.4rem 0;
}
.itemSearch__arrow svg:nth-child(2) {
  opacity: 0;
}

.gridProductLinks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 2rem;
}
@media (max-width: 768px) {
  .gridProductLinks {
    grid-template-columns: 100%;
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .gridProductLinks__item {
    background-color: #fff;
    border-radius: 0.4rem;
  }
}
.gridProductLinks__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 8rem;
  position: relative;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 0 4rem 0 19rem;
  text-align: center;
  z-index: 0;
}
.gridProductLinks__item a::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background-color: #EFEFFC;
  z-index: -1;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .gridProductLinks__item a {
    padding: 2.5rem;
    background: none;
    height: auto;
  }
}
@media (any-hover: hover) {
  .gridProductLinks__item a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .gridProductLinks__item a:hover .gridProductLinks__nameArrow svg {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .gridProductLinks__item a:hover .gridProductLinks__nameArrow svg:nth-child(1) {
    translate: 0 0;
  }
  .gridProductLinks__item a:hover .gridProductLinks__nameArrow svg:nth-child(2) {
    translate: 3.7rem 0;
  }
}
.gridProductLinks__item a img {
  width: 14.3rem;
  position: absolute;
  left: 2rem;
  bottom: 1rem;
}
@media (max-width: 768px) {
  .gridProductLinks__item a img {
    position: static;
    width: 10rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 769px) {
  .gridProductLinks__item a img[src*=thumb02] {
    left: 2.6rem;
    width: 13rem;
  }
  .gridProductLinks__item a img[src*=thumb03] {
    bottom: 0;
  }
  .gridProductLinks__item a img[src*=thumb04] {
    left: 2.6rem;
    width: 12rem;
  }
}
@media (max-width: 768px) {
  .gridProductLinks__itemGrp {
    text-align: left;
    padding-left: 1.5rem;
  }
}
@media (max-width: 768px) {
  .gridProductLinks__name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.2rem;
  }
}
.gridProductLinks__nameArrow {
  width: 3.7rem;
  height: 1.2rem;
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  margin: auto 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .gridProductLinks__nameArrow {
    position: relative;
    top: 0;
    right: 0;
    width: 1.7rem;
    translate: 0 -0.2rem;
  }
}
.gridProductLinks__nameArrow svg {
  width: 2.3rem;
  height: 1.2rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .gridProductLinks__nameArrow svg {
    position: static;
    width: 1.7rem;
    height: 0.6rem;
  }
}
.gridProductLinks__nameArrow svg:nth-child(1) {
  translate: -3.7rem 0;
}
.gridProductLinks__nameArrow svg:nth-child(2) {
  translate: 0 0;
}
.gridProductLinks__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
  text-align: center;
  margin: 1.6rem 0 0;
}
@media (min-width: 769px) {
  .gridProductLinks__text {
    color: #fff;
  }
}
@media (max-width: 768px) {
  .gridProductLinks__text {
    font-size: 1.3rem;
    text-align: left;
    margin: 0.4rem 0 0;
  }
}

.categoryMaker__sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .categoryMaker__sort {
    display: block;
    margin: 0 0 3rem;
  }
}
.categoryMaker__sort dt {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #fff;
  padding-right: 1.6rem;
  margin-right: 1.6rem;
  border-right: 0.2rem solid #fff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  translate: 0 1.2rem;
}
@media (max-width: 768px) {
  .categoryMaker__sort dt {
    border-right: none;
    padding-right: 0;
    font-size: 1.3rem;
    translate: 0;
    margin: 0 0 1rem;
  }
}
.categoryMaker__sort dd ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.6rem;
}
.categoryMaker__sort dd ul a, .categoryMaker__sort dd ul button {
  display: block;
  border-radius: 10rem;
  background-color: #fff;
  border: 0.1rem solid #C3C3C3;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  padding: 0.7rem 2rem;
  color: #8E8E8E;
}
@media (max-width: 768px) {
  .categoryMaker__sort dd ul a, .categoryMaker__sort dd ul button {
    display: block;
    font-size: 1.3rem;
    padding: 0.2rem 1.2rem;
  }
}
.categoryMaker__sort dd ul a.isActive, .categoryMaker__sort dd ul button.isActive {
  background-color: #EFEFFC;
  color: var(--colorMain);
  pointer-events: none;
  font-weight: 500;
  border-color: #EFEFFC;
}
.categoryMaker__makers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .categoryMaker__makers {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
.categoryMaker__makers:has(.cardMaker.isActive) > li:has(.cardMaker.isActive) {
  display: block;
}
.categoryMaker__makers:has(.cardMaker.isActive) > li:not(:has(.cardMaker.isActive)) {
  display: none;
}
.categoryMaker__makers .cardMaker a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 769px) {
  .categoryMaker__makers .cardMaker a:has(.cardMaker__tag) {
    padding-bottom: 9.6rem;
  }
}
@media (max-width: 768px) {
  .categoryMaker__makers .cardMaker__logo {
    max-width: 100%;
  }
}
.categoryMaker__makers .cardMaker__tag {
  margin: 2.4rem 0 0;
}
@media (min-width: 769px) {
  .categoryMaker__makers .cardMaker__tag {
    position: absolute;
    left: 2.5rem;
    bottom: 3.2rem;
    right: 2.5rem;
  }
}
.categoryMaker__makers .cardMaker__tag span {
  background: #F0F1F5;
  border: none;
  padding: 1rem 2rem;
}
.categoryMaker--border .categoryMaker__sort dt {
  color: var(--colorText);
  border-color: var(--colorText);
}
.categoryMaker--border .categoryMaker__makers a {
  border: 1px solid #C3C3C3;
}
.categoryMaker:not(:has(.categoryMaker__sort)) .categoryMaker__makers .cardMaker {
  display: block;
}

.listSpecial {
  width: 100%;
}
@media (max-width: 768px) {
  .listSpecial {
    overflow-x: scroll;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.listSpecial__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .listSpecial__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
}
@media (max-width: 768px) {
  .listSpecial__item {
    width: 20rem;
  }
}
.listSpecial__item a {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.listSpecial__item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.1rem solid #C3C3C3;
  z-index: -1;
}
@media (any-hover: hover) {
  .listSpecial__item a:hover img {
    scale: 1.08;
  }
}
.listSpecial__item a[target=_blank] .listSpecial__text::after {
  content: "　";
  display: inline;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.508%2010.023%22%3E%3Cpath%20fill%3D%22%23232327%22%20d%3D%22M3.142%200h8.367v6.694H3.142z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22M1.415%208.48V2.307H0v7.716h8.487V8.48Z%22%2F%3E%3C%2Fsvg%3E") center right/1.1rem no-repeat;
}
.listSpecial__item a figure {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.listSpecial__item a figure img {
  width: 100%;
  aspect-ratio: 273/181;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.listSpecial__textarea {
  padding: 2rem;
}
.listSpecial__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.625;
}

.listCase {
  width: 100%;
}
@media (max-width: 768px) {
  .listCase {
    overflow-x: scroll;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.listCase__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .listCase__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
}

.searchCustomBox {
  border-radius: 0.6rem;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
}
.searchCustomBox.isActive .searchCustomBox__bar {
  border-radius: 0.6rem 0.6rem 0 0;
}
.searchCustomBox.isActive .searchCustomBox__btn figure::after {
  content: none;
}
@media (min-width: 769px) {
  .searchCustomBox.isActive .searchCustomBox__cornerBtn {
    border-radius: 0 0.4rem 0 0;
  }
}
.searchCustomBox.isActive .searchCustomBox__cornerBtn::before {
  content: none;
}
.searchCustomBox.isActive .searchCustomBox__cornerBtn::after {
  rotate: 180deg;
}
.searchCustomBox__bar {
  background-color: var(--colorMain);
  border-radius: 0.6rem;
  position: relative;
  z-index: 0;
  padding: 2rem 11rem 2rem 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .searchCustomBox__bar {
    display: block;
    padding: 1.5rem;
  }
}
.searchCustomBox__count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchCustomBox__count .all {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .searchCustomBox__count .all {
    font-size: 1.2rem;
  }
}
.searchCustomBox__count .all span {
  font-family: var(--fontEN);
  font-size: 2.8rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .searchCustomBox__count .all span {
    font-size: 2.4rem;
  }
}
.searchCustomBox__count .counter {
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 400;
  padding-left: 0.5em;
}
@media (max-width: 768px) {
  .searchCustomBox__count .counter {
    font-size: 1.2rem;
  }
}
.searchCustomBox__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 768px) {
  .searchCustomBox__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 1.5rem 0 0;
  }
}
.searchCustomBox__right .paginationElm {
  margin-left: 4rem;
}
@media (max-width: 768px) {
  .searchCustomBox__right .paginationElm {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
.searchCustomBox__btn {
  height: 3.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2.2666666667;
  border-radius: 10rem;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.8rem 0 2.4rem;
  gap: 0.6rem;
  border: 0.1rem solid #C3C3C3;
  cursor: pointer;
}
@media (any-hover: hover) {
  .searchCustomBox__btn {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .searchCustomBox__btn:hover {
    background-color: #EFEFFC;
  }
}
@media (max-width: 768px) {
  .searchCustomBox__btn {
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 0 1.5rem 0 1.8rem;
  }
}
.searchCustomBox__btn figure {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .searchCustomBox__btn figure {
    width: 1.1rem;
    height: 1.1rem;
  }
}
.searchCustomBox__btn figure::before, .searchCustomBox__btn figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--colorMain);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .searchCustomBox__btn figure::before, .searchCustomBox__btn figure::after {
    height: 1px;
  }
}
.searchCustomBox__btn figure::after {
  rotate: 90deg;
}
.searchCustomBox__select {
  height: 3.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2.2666666667;
  border-radius: 10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4rem 0 2.4rem;
  gap: 0.6rem;
  border: 0.1rem solid #C3C3C3;
  cursor: pointer;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.533%207.326%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231c1e83%22%20stroke-width%3D%221.5%22%20d%3D%22m.531.53%205.734%205.735L12.001.53%22%2F%3E%3C%2Fsvg%3E") right 2rem center/1.2rem no-repeat;
  margin-left: 1rem;
}
@media (any-hover: hover) {
  .searchCustomBox__select {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .searchCustomBox__select:hover {
    background-color: #EFEFFC;
  }
  .searchCustomBox__select:focus {
    background-color: #fff;
  }
}
@media (max-width: 768px) {
  .searchCustomBox__select {
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 0 3rem 0 1.5rem;
    background-position: right 1.5rem center;
    background-size: 1rem;
  }
}
.searchCustomBox__cornerBtn {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6.6rem;
  background-color: #fff;
  border-radius: 0 0.4rem 0.4rem 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
}
@media (any-hover: hover) {
  .searchCustomBox__cornerBtn:hover::before {
    rotate: 90deg;
  }
  .searchCustomBox__cornerBtn:hover::after {
    rotate: 180deg;
  }
}
@media (max-width: 768px) {
  .searchCustomBox__cornerBtn {
    bottom: auto;
    width: 5rem;
    height: 5rem;
    border-radius: 0 0.4rem 0 100%;
  }
}
.searchCustomBox__cornerBtn::before, .searchCustomBox__cornerBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2px;
  background-color: var(--colorMain);
  margin: auto;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .searchCustomBox__cornerBtn::before, .searchCustomBox__cornerBtn::after {
    left: 1rem;
    bottom: 1rem;
    width: 1.8rem;
  }
}
.searchCustomBox__cornerBtn::after {
  rotate: 90deg;
}
.searchCustomBox__content {
  padding: 5.6rem 6rem 0;
  display: none;
}
@media (max-width: 768px) {
  .searchCustomBox__content {
    padding: 2.5rem 2.5rem 0;
  }
}
.searchCustomBox__content .formBase dl {
  gap: 5rem;
}
@media (max-width: 768px) {
  .searchCustomBox__content .formBase dl {
    gap: 0;
  }
}
@media (min-width: 769px) {
  .searchCustomBox__content .formBase .iconLabel {
    padding: 0 1.5rem;
    gap: 1.5rem;
    height: 7rem;
  }
}
.searchCustomBox__contentFoot {
  height: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  margin: 6rem -6rem 0;
  border-top: 0.1rem solid #c0c0c0;
}
@media (any-hover: hover) {
  .searchCustomBox__contentFoot {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .searchCustomBox__contentFoot:hover {
    background-color: #EFEFFC;
  }
}
@media (max-width: 768px) {
  .searchCustomBox__contentFoot {
    height: 6rem;
    margin: 4rem -2.5rem 0;
    font-size: 1.3rem;
  }
}

.paginationElm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.paginationElm__arrow, .paginationElm__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.paginationElm__arrow > a, .paginationElm__arrow > span, .paginationElm__links > a, .paginationElm__links > span {
  width: 3.8rem;
  height: 3.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.125;
  letter-spacing: 0.025em;
  text-align: center;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #fff;
}
@media (max-width: 768px) {
  .paginationElm__arrow > a, .paginationElm__arrow > span, .paginationElm__links > a, .paginationElm__links > span {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
  }
}
.paginationElm__arrow > a.current, .paginationElm__arrow > span.current, .paginationElm__links > a.current, .paginationElm__links > span.current {
  background-color: #fff;
  color: var(--colorMain);
  pointer-events: none;
}
.paginationElm__arrow > a.dots, .paginationElm__arrow > span.dots, .paginationElm__links > a.dots, .paginationElm__links > span.dots {
  width: auto;
  padding: 0 0.3rem;
}
.paginationElm__arrow > a {
  background-color: #fff;
  opacity: 0.5;
}
@media (any-hover: hover) {
  .paginationElm__arrow > a {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .paginationElm__arrow > a:hover {
    opacity: 1;
  }
}
.paginationElm__arrow > a svg {
  width: 1.4rem;
  height: 0.6rem;
  fill: var(--colorMain);
}
.paginationElm__arrow--prev > a svg {
  scale: -1 1;
}
.paginationElm__links > a {
  color: #fff;
}
@media (any-hover: hover) {
  .paginationElm__links > a {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .paginationElm__links > a:hover {
    background-color: #fff;
    color: var(--colorMain);
  }
}
.paginationElm--arrowL {
  gap: 5rem;
}
@media (max-width: 768px) {
  .paginationElm--arrowL {
    gap: 0.8rem;
  }
}
.paginationElm--arrowL .paginationElm__arrow > a {
  width: 6rem;
  height: 6rem;
  border: 1px solid #C3C3C3;
  background-color: #fff;
  opacity: 1;
}
@media (any-hover: hover) {
  .paginationElm--arrowL .paginationElm__arrow > a:hover {
    background-color: var(--colorMain);
    border-color: var(--colorMain);
  }
  .paginationElm--arrowL .paginationElm__arrow > a:hover svg {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .paginationElm--arrowL .paginationElm__arrow > a {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.paginationElm--arrowL .paginationElm__arrow > a svg {
  width: 1.8rem;
  height: 0.7rem;
  fill: var(--colorMain);
}
@media (max-width: 768px) {
  .paginationElm--arrowL .paginationElm__arrow > a svg {
    width: 1.4rem;
  }
}
.paginationElm--invert .paginationElm__links > span, .paginationElm--invert .paginationElm__links > a {
  color: #8E8E8E;
}
.paginationElm--invert .paginationElm__links > span.current, .paginationElm--invert .paginationElm__links > a.current {
  background-color: var(--colorMain);
  color: #fff;
}
@media (any-hover: hover) {
  .paginationElm--invert .paginationElm__links > a:hover {
    background-color: var(--colorMain);
    color: #fff;
  }
}
.paginationElm--arrowBorder .paginationElm__arrow a {
  border: 1px solid #C3C3C3;
}
.paginationElm--arrowBorder.paginationElm--invert .paginationElm__arrow a {
  opacity: 1;
}
@media (any-hover: hover) {
  .paginationElm--arrowBorder.paginationElm--invert .paginationElm__arrow a:hover {
    background-color: var(--colorMain);
    border-color: var(--colorMain);
  }
  .paginationElm--arrowBorder.paginationElm--invert .paginationElm__arrow a:hover svg {
    fill: #fff;
  }
}

.boxSearchSimple {
  position: relative;
  padding: 5rem 7.2rem;
  margin: 0 -7.2rem;
  background-color: var(--colorMain);
}
@media (max-width: 768px) {
  .boxSearchSimple {
    padding: 2rem 2.5rem;
    margin: 0;
    border-radius: 0.6rem;
  }
}
.boxSearchSimple dl {
  display: grid;
  grid-template-columns: 14rem auto;
  gap: 2rem 0;
}
@media (max-width: 768px) {
  .boxSearchSimple dl {
    grid-template-columns: 100%;
    gap: 0;
  }
}
.boxSearchSimple dl dt {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
}
@media (max-width: 768px) {
  .boxSearchSimple dl dt {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}
.boxSearchSimple dl dd label {
  cursor: pointer;
}
.boxSearchSimple dl dd label input[type=checkbox], .boxSearchSimple dl dd label input[type=radio] {
  display: none;
}
.boxSearchSimple dl dd label input[type=checkbox]:not([value=All]):checked + span, .boxSearchSimple dl dd label input[type=radio]:not([value=All]):checked + span {
  background-color: #EFEFFC;
  color: var(--colorMain);
  pointer-events: none;
  font-weight: 500;
  border-color: #EFEFFC;
}
.boxSearchSimple dl dd label input[type=checkbox][value=All] + span, .boxSearchSimple dl dd label input[type=radio][value=All] + span {
  background-color: #EFEFFC;
  color: var(--colorMain);
  pointer-events: none;
  font-weight: 500;
  border-color: #EFEFFC;
}
.boxSearchSimple dl dd label span {
  display: block;
  border-radius: 10rem;
  background-color: #fff;
  border: 0.1rem solid #C3C3C3;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  padding: 0.7rem 2rem;
  color: var(--colorText);
}
@media (max-width: 768px) {
  .boxSearchSimple dl dd label span {
    display: block;
    font-size: 1.2rem;
    padding: 0.2rem 1rem;
  }
}
.boxSearchSimple dl dd label:has(~ label input:checked) input[value=All] + span {
  background-color: #fff;
  border-color: #C3C3C3;
  font-weight: 400;
  color: var(--colorText);
}
.boxSearchSimple dl dd .unitSearch {
  width: 54rem;
}
@media (max-width: 768px) {
  .boxSearchSimple dl dd .unitSearch {
    width: 100%;
  }
}
.boxSearchSimple dl dd p {
  display: block;
  border-radius: 10rem;
  background-color: #fff;
  border: 0.1rem solid #C3C3C3;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
  padding: 0.7rem 2rem;
}
@media (max-width: 768px) {
  .boxSearchSimple dl dd p {
    display: block;
    font-size: 1.3rem;
    padding: 0.2rem 1.2rem;
  }
}
@media (max-width: 768px) {
  .boxSearchSimple dl dd + dt {
    margin-top: 1.6rem;
  }
}
.boxSearchSimple__checks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.6rem;
}
@media (min-width: 769px) {
  .boxSearchSimple--horizontal dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
  .boxSearchSimple--horizontal dl dd + dt {
    margin-left: 4rem;
  }
}
@media (max-width: 768px) {
  .boxSearchSimple--horizontal dl {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 8rem auto;
    gap: 1.5rem 0;
  }
  .boxSearchSimple--horizontal dl dt {
    margin: 0 !important;
  }
}

.gridCircle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.8rem;
}
@media (max-width: 768px) {
  .gridCircle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.gridCircle li {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 1px solid #C3C3C3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.gridCircle__text {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5714285714;
  text-align: center;
}
.gridCircle__num {
  color: var(--colorMain);
  font-family: var(--fontEN);
  font-size: 6rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.005em;
  line-height: 1;
  text-align: center;
}
.gridCircle__num span {
  font-size: 3rem;
  letter-spacing: 0.005em;
}
.gridCircle__note {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

.sitemap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 5rem;
}
@media (max-width: 768px) {
  .sitemap {
    grid-template-columns: 100%;
    gap: 0;
  }
}
.sitemap__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
  position: relative;
  padding: 3rem 0;
  border-bottom: 1px solid #C3C3C3;
}
@media (max-width: 768px) {
  .sitemap__link a {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 2rem 0;
  }
}
.sitemap__link a svg {
  display: block;
  width: 1.4rem;
  height: 0.6rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
.sitemap__link a svg:has(use[href*=blank]) {
  fill: var(--colorText);
  width: 1rem;
  height: 0.8rem;
}
.sitemap__children {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .sitemap__children {
    margin-top: 1rem;
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 2rem;
  }
}
.sitemap__children a {
  text-decoration: underline;
  color: #7B7B7B;
}
@media (any-hover: hover) {
  .sitemap__children a:hover {
    text-decoration: none;
  }
}

.archiveBase {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .archiveBase {
    margin: 6rem 0;
  }
}
.archiveBase__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .archiveBase__meta {
    display: block;
  }
}
.archiveBase__count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .archiveBase__count {
    margin: 0 0 2rem;
  }
}
.archiveBase__count .all {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .archiveBase__count .all {
    font-size: 1.2rem;
  }
}
.archiveBase__count .all span {
  color: var(--colorMain);
  font-family: var(--fontEN);
  font-size: 2.8rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .archiveBase__count .all span {
    font-size: 2.4rem;
  }
}
.archiveBase__count .counter {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 400;
  padding-left: 0.5em;
}
@media (max-width: 768px) {
  .archiveBase__count .counter {
    font-size: 1.2rem;
  }
}
.archiveBase .unitSearch {
  margin: 6rem auto;
  width: 54rem;
}
@media (max-width: 768px) {
  .archiveBase .unitSearch {
    width: auto;
    margin: 4rem auto 6rem;
  }
}
.archiveBase__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .archiveBase__content {
    grid-template-columns: 100%;
  }
}
.archiveBase__content:has(.itemSearch) {
  grid-template-columns: 100%;
  gap: 0;
}
.archiveBase__content .itemSearch {
  border-bottom: 1px solid #C3C3C3;
}
.archiveBase__content .itemSearch:first-child {
  border-top: 1px solid #C3C3C3;
}
.archiveBase__foot {
  margin: 4rem 0 0;
}

.archiveProduct {
  margin: 10rem 0 2rem;
}
@media (max-width: 768px) {
  .archiveProduct {
    margin: 6rem 0 2rem;
  }
}
.archiveProduct__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 769px) {
  .archiveProduct__content .cardProduct:nth-child(3n-2) {
    margin-right: -1px;
  }
  .archiveProduct__content .cardProduct:nth-child(3n-1) {
    margin-right: -1px;
  }
  .archiveProduct__content .cardProduct:nth-child(n+4) {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .archiveProduct__content {
    grid-template-columns: 100%;
  }
  .archiveProduct__content .cardProduct:nth-child(n+2) {
    margin-top: -1px;
  }
}
.archiveProduct__meta {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .archiveProduct__meta {
    margin-top: 4rem;
  }
}
.archiveProduct .btnStatic {
  margin: 10rem auto 0;
}
@media (max-width: 768px) {
  .archiveProduct .btnStatic {
    margin: 6rem auto 0;
  }
}

.wysiwyg + .accordionFlow {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .wysiwyg + .accordionFlow {
    margin-top: 6rem;
  }
}

.accordionFlow__ttl {
  border-radius: 10rem;
  background: #F7F7F7 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.764%2017.01%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22m0%200%205.026%208.5L0%2017.01h3.238l5.026-8.5L3.238%200Z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22m5.751%200%205.026%208.5-5.026%208.51h3.238l5.026-8.5L8.989%200Z%22%2F%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22m11.501%200%205.026%208.5-5.026%208.51h3.238l5.026-8.5L14.738%200Z%22%2F%3E%3C%2Fsvg%3E") left 2.7rem center/2rem no-repeat;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  height: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 0 0 6.2rem;
  cursor: pointer;
}
@media (any-hover: hover) {
  .accordionFlow__ttl:hover .accordionFlow__ttlCircle::before {
    rotate: 90deg;
  }
  .accordionFlow__ttl:hover .accordionFlow__ttlCircle::after {
    rotate: 180deg;
  }
}
@media (max-width: 768px) {
  .accordionFlow__ttl {
    font-size: 1.6rem;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: auto;
    padding: 2.4rem 2rem 2.4rem 4.6rem;
    border-radius: 0.6rem;
    background-position: 2.2rem 3.1rem;
    background-size: 2rem;
  }
}
.accordionFlow__ttl.isActive .accordionFlow__ttlCircle::before {
  content: none;
}
.accordionFlow__ttl.isActive .accordionFlow__ttlCircle::after {
  rotate: 180deg;
}
.accordionFlow__ttl span {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  padding-left: 1rem;
}
@media (max-width: 768px) {
  .accordionFlow__ttl span {
    font-size: 1.2rem;
    width: calc(100% + 2.6rem);
    display: block;
    padding-left: 0;
    margin: 0.6rem 0 0 -2.6rem;
  }
}
.accordionFlow__ttlCircle {
  width: calc(7rem - 2px);
  height: calc(7rem - 2px);
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  margin: auto 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .accordionFlow__ttlCircle {
    width: 5rem;
    height: 5rem;
    border-radius: 0 0.6rem 0 100%;
    bottom: auto;
    margin: 0;
    top: 2px;
    right: 2px;
  }
}
.accordionFlow__ttlCircle::before, .accordionFlow__ttlCircle::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2px;
  background-color: var(--colorMain);
  margin: auto;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .accordionFlow__ttlCircle::before, .accordionFlow__ttlCircle::after {
    width: 1.8rem;
    left: 1rem;
    bottom: 1rem;
  }
}
.accordionFlow__ttlCircle::after {
  rotate: 90deg;
}
.accordionFlow__content {
  padding: 4rem 0 0;
  display: none;
}
.accordionFlow__content > ol {
  counter-reset: accordionFlow;
}
.accordionFlow__content > ol > li {
  position: relative;
  counter-increment: accordionFlow;
  padding: 1.1rem 0 4rem 17.2rem;
  z-index: 0;
}
@media (max-width: 768px) {
  .accordionFlow__content > ol > li {
    padding: 0.4rem 0 2rem 5rem;
  }
}
.accordionFlow__content > ol > li:last-child::after {
  height: 14.2rem;
  bottom: auto;
}
@media (max-width: 768px) {
  .accordionFlow__content > ol > li:last-child::after {
    height: 10rem;
  }
}
.accordionFlow__content > ol > li:last-child::before {
  content: "";
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  border-right: 1px solid var(--colorMain);
  border-bottom: 1px solid var(--colorMain);
  rotate: 45deg;
  position: absolute;
  top: 11.7rem;
  left: 10.2rem;
}
@media (max-width: 768px) {
  .accordionFlow__content > ol > li:last-child::before {
    width: 1.6rem;
    height: 1.6rem;
    top: 8.1rem;
    left: 1.1rem;
  }
}
.accordionFlow__content > ol > li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 11.2rem;
  bottom: 0;
  width: 1px;
  background-color: var(--colorMain);
  z-index: -1;
}
@media (max-width: 768px) {
  .accordionFlow__content > ol > li::after {
    left: 1.9rem;
  }
}
.accordionFlow__copy {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  color: var(--colorMain);
  margin: 0 0 1.4rem;
}
@media (max-width: 768px) {
  .accordionFlow__copy {
    font-size: 1.6rem;
    margin: 0 0 1.2rem;
  }
}
.accordionFlow__copy::before {
  content: counter(accordionFlow);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 7.2rem;
  font-family: var(--fontEN);
  font-size: 2.6rem;
  font-weight: 400;
  font-style: italic;
  color: var(--colorMain);
  border: 1px solid #C3C3C3;
  background-color: #fff;
}
@media (max-width: 768px) {
  .accordionFlow__copy::before {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    left: 0;
    padding: 0.1rem 0 0;
  }
}
.accordionFlow__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
.accordionFlow__text p:not(:first-child) {
  margin-top: 1em;
}
.accordionFlow__text a {
  color: var(--colorMain);
  text-decoration: underline;
  word-break: break-all;
}
@media (any-hover: hover) {
  .accordionFlow__text a:hover {
    text-decoration: none;
  }
}
.accordionFlow__text ol {
  margin: 1em 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  counter-reset: wysiwygOl;
}
.accordionFlow__text ol li {
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5714285714;
  position: relative;
  padding-left: 1.3em;
}
.accordionFlow__text ol li::before {
  counter-increment: wysiwygOl;
  content: counter(wysiwygOl);
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  font-family: var(--fontEN);
  font-size: 1.6rem;
  color: var(--colorMain);
  font-weight: 700;
  font-style: italic;
  line-height: 1.375;
}
.accordionFlow__text figure {
  width: 24.3rem;
  margin: 1em 0;
}
@media (max-width: 768px) {
  .accordionFlow__text figure {
    width: 100%;
  }
}

.listSimpleGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 5rem;
}
@media (max-width: 768px) {
  .listSimpleGrid {
    grid-template-columns: 100%;
    gap: 3rem;
  }
}
.listSimpleGrid dt {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  position: relative;
  padding-left: 1em;
  color: var(--colorMain);
  margin-bottom: 2.2rem;
}
@media (max-width: 768px) {
  .listSimpleGrid dt {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.listSimpleGrid dt::before {
  content: "";
  display: block;
  width: 0.7rem;
  height: 0.6rem;
  background-color: var(--colorMain);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: 1.5rem;
  left: 0;
}
@media (max-width: 768px) {
  .listSimpleGrid dt::before {
    top: 1.1rem;
  }
}

.boxAttention {
  background-color: #fff;
  border: 8px solid #EFEFFC;
  border-radius: 2px;
  padding: 2.2rem 2.4rem;
  margin: 6rem 0;
}
@media (max-width: 768px) {
  .boxAttention {
    margin: 3rem 0;
    border-width: 4px;
    padding: 1.4rem 1.6rem;
  }
}
.boxAttention__copy {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
}
@media (max-width: 768px) {
  .boxAttention__copy {
    font-size: 1.6rem;
  }
}
.boxAttention__note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}

.listGridWorks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .listGridWorks {
    grid-template-columns: 100%;
  }
}
.listGridWorks > li {
  border: 1px solid #C3C3C3;
  padding: 4rem;
}
@media (min-width: 769px) {
  .listGridWorks > li:nth-child(2n) {
    margin-left: -1px;
  }
  .listGridWorks > li:nth-child(n+3) {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .listGridWorks > li {
    padding: 2rem;
  }
  .listGridWorks > li:nth-child(n+2) {
    margin-top: -1px;
  }
}
.listGridWorks__ttl {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.981%2026.15%22%3E%3Cg%20fill%3D%22%231c1e83%22%3E%3Cpath%20d%3D%22M22.8%2025.91a.933.933%200%200%201-.626.24H.731a.8.8%200%200%201-.727-.852c-.155-4.24%203.227-8.477%207.236-9.589a20.944%2020.944%200%200%201%208.367-.046%2010.235%2010.235%200%200%201%207.325%208.494c.044.413.125%201.451-.131%201.755M10.768.046c9.23-.945%2010.317%2013.055%201.296%2013.747C3.085%2014.48%201.944.945%2010.768.046%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left top 0.5rem/2.3rem no-repeat;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5454545455;
  padding-left: 3.4rem;
}
.listGridWorks__info01, .listGridWorks__info02 {
  margin-top: 2.4rem;
}
@media (max-width: 768px) {
  .listGridWorks__info01, .listGridWorks__info02 {
    margin-top: 1.5rem;
  }
}
.listGridWorks__info01 dt, .listGridWorks__info02 dt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.3rem;
  font-weight: 400;
  padding: 0.4rem 1rem;
  line-height: 1.333;
  margin-bottom: 1rem;
}
.listGridWorks__info01 dd, .listGridWorks__info02 dd {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
@media (max-width: 768px) {
  .listGridWorks__info01 dd, .listGridWorks__info02 dd {
    font-size: 1.3rem;
  }
}
.listGridWorks__info01 dd a, .listGridWorks__info02 dd a {
  color: var(--colorMain);
  text-decoration: underline;
}
@media (any-hover: hover) {
  .listGridWorks__info01 dd a:hover, .listGridWorks__info02 dd a:hover {
    text-decoration: none;
  }
}
.listGridWorks__info01 dt {
  background-color: #F0F0F0;
}
.listGridWorks__info02 dt {
  color: var(--colorMain);
  background-color: #E5E5FF;
}

.modalProduct {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.modalProduct:not(.isActive) {
  opacity: 0;
  pointer-events: none;
}
.modalProduct__close {
  position: absolute;
  top: 2.3rem;
  right: 2.3rem;
  width: 9rem;
  padding: 7.3rem 0 2.8rem;
  font-size: 1.4rem;
  font-family: var(--fontEN);
  letter-spacing: 0.1em;
  line-height: 2.4285714286;
  color: var(--colorMain);
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
@media (any-hover: hover) {
  .modalProduct__close:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .modalProduct__close {
    top: 1.5rem;
    right: 1.5rem;
    width: 6rem;
    font-size: 1.1rem;
    padding: 4.3rem 0 0;
  }
}
.modalProduct__close::before, .modalProduct__close::after {
  content: "";
  display: block;
  width: 5rem;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  top: 4.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modalProduct__close::before, .modalProduct__close::after {
    width: 4rem;
    top: 2.5rem;
  }
}
.modalProduct__close::before {
  rotate: 45deg;
}
.modalProduct__close::after {
  rotate: -45deg;
}
.modalProduct__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(255, 255, 255, 0.95);
}
.modalProduct__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  overflow-y: auto;
  padding: 6rem 0;
}
.modalProduct__slider {
  max-width: calc(100% - 6rem);
  max-height: calc(100svh - 22rem);
  position: relative;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modalProduct__slider {
    max-width: calc(100% - 4rem);
    max-height: calc(100svh - 20rem);
  }
}
.modalProduct__slider img {
  max-width: 100%;
  max-height: calc(100svh - 22rem);
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modalProduct__slider img {
    max-height: calc(100svh - 20rem);
  }
}
.modalProduct__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 4rem;
  overflow: hidden;
  overflow-x: auto;
  max-width: calc(100% - 6rem);
}
@media (max-width: 768px) {
  .modalProduct__nav {
    max-width: calc(100% - 4rem);
  }
}
.modalProduct__nav li {
  overflow: hidden;
  border-radius: 0.2rem;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.modalProduct__nav li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E2E2E2;
  border-radius: 0.2rem;
  z-index: 0;
}
.modalProduct__nav li.isActive::before {
  border: 2px solid var(--colorMain);
  border-radius: 0.3rem;
}
.modalProduct__nav li img {
  aspect-ratio: 137/77;
  -o-object-fit: contain;
     object-fit: contain;
  height: 6rem;
}
.modalProduct__arrow {
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border: 1px solid #C3C3C3;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
}
@media (any-hover: hover) {
  .modalProduct__arrow:hover {
    background-color: var(--colorMain);
    border-color: var(--colorMain);
  }
  .modalProduct__arrow:hover svg {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .modalProduct__arrow {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
  }
}
.modalProduct__arrow--prev {
  left: -10rem;
}
@media (max-width: 768px) {
  .modalProduct__arrow--prev {
    left: -5.5rem;
  }
}
.modalProduct__arrow--prev svg {
  scale: -1 1;
}
.modalProduct__arrow--next {
  right: -10rem;
}
@media (max-width: 768px) {
  .modalProduct__arrow--next {
    right: -5.5rem;
  }
}
.modalProduct__arrow svg {
  width: 1.8rem;
  height: 0.7rem;
  fill: var(--colorMain);
}
@media (max-width: 768px) {
  .modalProduct__arrow svg {
    width: 1.4rem;
  }
}

.leadProduct__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.leadProduct__tabs li {
  background-color: #F0F1F5;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.3125;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 49.9rem;
  height: 6rem;
  padding: 1rem 1rem 0.5rem;
  color: var(--colorMain);
  border-radius: 0.6rem 0.6rem 0 0;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .leadProduct__tabs li {
    font-size: 1.4rem;
    width: 15.8rem;
    height: 5rem;
  }
}
.leadProduct__tabs li.isActive {
  background-color: var(--colorMain);
  color: #fff;
  font-weight: 700;
  pointer-events: none;
}
.leadProduct__contents {
  position: relative;
  z-index: 0;
}
.leadProduct__contents > li {
  margin: 0 -7.2rem;
  padding: 6rem 7.2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  background-color: var(--colorMain);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .leadProduct__contents > li {
    margin: 0 -2.5rem;
    padding: 2.5rem;
  }
}
.leadProduct__contents > li.isActive {
  display: block;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.leadCol {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .leadCol {
    padding: 5.6rem 0;
  }
}
.leadCol__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.2rem;
}
@media (max-width: 768px) {
  .leadCol__grid {
    grid-template-columns: 100%;
    gap: 4rem;
  }
}
.leadCol__keyword .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  margin: 2.4rem 0 0;
}
.leadCol__keyword .tags li a {
  display: block;
  background-color: #EFEFFC;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  border-radius: 10rem;
  color: var(--colorMain);
  padding: 1rem 2.4rem;
}
@media (any-hover: hover) {
  .leadCol__keyword .tags li a:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .leadCol__keyword .tags li a {
    padding: 0.2rem 1.6rem;
  }
}
.leadCol__cross .text {
  margin: 2rem 0 0;
}
.leadCol .inner .btnStatic {
  margin: 6rem auto 0;
}
@media (max-width: 768px) {
  .leadCol .inner .btnStatic {
    margin-top: 3rem;
  }
}

.leadService {
  padding: 0 0 8rem;
}
@media (max-width: 768px) {
  .leadService {
    padding: 0 0 5.6rem;
  }
}
.leadService__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
@media (max-width: 768px) {
  .leadService__grid {
    grid-template-columns: 100%;
    gap: 2.5rem;
  }
}
.leadService .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadService .btnStatic {
    margin: 3rem auto 0;
  }
}

.leadStrength__content {
  position: relative;
  z-index: 0;
  padding: 9.6rem 0;
}
@media (max-width: 768px) {
  .leadStrength__content {
    padding: 0;
  }
}
.leadStrength__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 25.2rem);
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  z-index: -1;
}
.leadStrength__imgs {
  width: 50.4rem;
  height: 50.4rem;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: calc(50% + 7.2rem);
  bottom: 0;
  margin: auto 0;
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .leadStrength__imgs {
    display: none;
  }
}
.leadStrength__imgs li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  z-index: 0;
}
.leadStrength__imgs li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.leadStrength__imgs li.isActive {
  position: relative;
  opacity: 1;
  z-index: 1;
}
.leadStrength__items {
  padding: 0 0 0 60.6rem;
  margin-top: -3.6rem;
}
@media (max-width: 768px) {
  .leadStrength__items {
    padding: 0;
    margin-top: 0;
  }
}
.leadStrength__items li a {
  display: block;
  position: relative;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.4);
  padding: 3.6rem 0;
}
@media (max-width: 768px) {
  .leadStrength__items li a {
    padding: 2.5rem 2.5rem 4.5rem;
    margin: 0 -2.5rem;
  }
}
.leadStrength__items li a > img {
  width: 100%;
  aspect-ratio: 325/120;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 0 1.5rem;
}
@media (min-width: 769px) {
  .leadStrength__items li a > img {
    display: none;
  }
}
@media (min-width: 769px) {
  .leadStrength__items li.isActive {
    border-bottom: 0.1rem solid white;
  }
  .leadStrength__items li.isActive .leadStrength__text {
    translate: 0;
    opacity: 1;
    margin-top: 1.6rem;
  }
  .leadStrength__items li.isActive .leadStrength__arrow::before {
    scale: 1 1;
    opacity: 1;
  }
  .leadStrength__items li.isActive .leadStrength__arrow svg:nth-child(1) {
    translate: 0 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .leadStrength__items li.isActive .leadStrength__arrow svg:nth-child(2) {
    translate: 5.4rem 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
}
.leadStrength__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4545454545;
  color: #fff;
  gap: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .leadStrength__ttl {
    font-size: 1.6rem;
    gap: 1rem;
  }
}
.leadStrength__ttl span {
  font-family: var(--fontEN);
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 400;
}
.leadStrength__text {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5333333333;
  color: #fff;
  padding: 0 0 0 4.5rem;
}
@media (min-width: 769px) {
  .leadStrength__text {
    translate: 0 1rem;
    opacity: 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    margin-top: -2.3rem;
  }
}
@media (max-width: 768px) {
  .leadStrength__text {
    display: block;
    font-size: 1.4rem;
    padding: 0 0 0 2.5rem;
    margin: 1.2rem 0 0;
  }
}
.leadStrength__arrow {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}
@media (max-width: 768px) {
  .leadStrength__arrow {
    width: 3rem;
    height: 3rem;
    top: auto;
    right: 2.5rem;
    bottom: 1.5rem;
    margin: 0;
  }
}
.leadStrength__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #fff;
  margin: auto;
  scale: 0.18;
  opacity: 0.4;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .leadStrength__arrow::before {
    scale: 1;
    opacity: 1;
  }
}
.leadStrength__arrow svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: var(--colorMain);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .leadStrength__arrow svg {
    width: 1.3rem;
    height: 0.5rem;
  }
}
.leadStrength__arrow svg:nth-child(1) {
  translate: -5.4rem 0;
  -webkit-transition: none;
  transition: none;
}
.leadStrength__arrow svg:nth-child(2) {
  opacity: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .leadStrength__arrow svg:nth-child(2) {
    opacity: 1;
  }
}
.leadStrength .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadStrength .btnStatic {
    margin: 2.5rem auto 0;
  }
}

.leadCase {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .leadCase {
    padding: 5.6rem 0;
  }
}
.leadCase__grp + .leadCase__grp {
  margin-top: 4rem;
}
.leadCase__grp .copy {
  margin: 0 0 3rem;
}
.leadCase__grp .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadCase__grp .btnStatic {
    margin: 2.5rem auto 0;
  }
}

.leadNews {
  padding: 0 0 8rem;
}
@media (max-width: 768px) {
  .leadNews {
    padding: 0 0 5.6rem;
  }
}
.leadNews .sortNews__tags {
  margin: 0 0 2.4rem;
}
@media (max-width: 768px) {
  .leadNews .sortNews__tags {
    overflow-x: scroll;
    margin: 0 -2.5rem;
  }
}
.leadNews .sortNews__tags ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  .leadNews .sortNews__tags ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 0 2.5rem;
  }
}
@media (max-width: 768px) {
  .leadNews .sortNews__tags li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.leadNews .sortNews__tags li.isActive {
  pointer-events: none;
}
.leadNews .sortNews__tags li.isActive a, .leadNews .sortNews__tags li.isActive button {
  color: var(--colorMain);
  background-color: #EFEFFC;
  border-color: #EFEFFC;
}
.leadNews .sortNews__tags li a, .leadNews .sortNews__tags li button {
  display: block;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  border-radius: 10rem;
  color: #C3C3C3;
  border: 0.1rem solid #C3C3C3;
  padding: 1.2rem 2.4rem;
}
@media (max-width: 768px) {
  .leadNews .sortNews__tags li a, .leadNews .sortNews__tags li button {
    padding: 0.4rem 1.2rem;
    font-size: 1.2rem;
  }
}
.leadNews .sortNews__content {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.leadNews .sortNews__content > li {
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  translate: 0 1rem;
  -webkit-transition: opacity 0.3s ease 0s, translate 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, translate 0.3s ease 0s;
}
.leadNews .sortNews__content > li.isActive {
  display: block;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  opacity: 1;
  translate: 0 0;
  -webkit-transition: opacity 0.3s ease 0.3s, translate 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s, translate 0.3s ease 0.3s;
}
.leadNews .sortNews__content .itemNews a {
  border-bottom: 1px solid #C3C3C3;
  position: relative;
}
@media (any-hover: hover) {
  .leadNews .sortNews__content .itemNews a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}
@media (min-width: 769px) {
  .leadNews .sortNews__content .itemNews a {
    padding: 3rem 11rem 3rem 0;
  }
}
@media (max-width: 768px) {
  .leadNews .sortNews__content .itemNews a {
    padding: 2.5rem 0;
  }
}
.leadNews .sortNews__content .itemNews a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -1px;
  background-color: var(--colorMain);
  height: 1px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .leadNews .sortNews__content .itemNews__arrow {
    display: none;
  }
}
.leadNews .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadNews .btnStatic {
    margin: 2.5rem auto 0;
  }
}

.leadContact {
  background: var(--coloMain);
  padding: 6rem 0 !important;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .leadContact {
    padding: 0 0 2.5rem !important;
    background-size: 130%;
    background-position: left 5rem bottom;
  }
}
.leadContact.isAnimated::after {
  -webkit-transition: 1s ease;
  transition: 1s ease;
  background-position: 0 0;
}
.leadContact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201105.645%20516.367%22%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%22.08%22%3E%3Cpath%20d%3D%22M0%20516.367h472.053L552.6%200ZM552.603%200l76.462%20516.367h476.58ZM552.603%200l-26.715%20516.367h49.366Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right 5% bottom/110rem no-repeat;
}
.leadContact::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gradientContact) top left no-repeat;
  background-size: 500% 100%;
  background-position: 100% 0;
  z-index: -2;
}
.leadContact .inner {
  display: grid;
  grid-template-columns: 67.2rem auto;
}
@media (max-width: 768px) {
  .leadContact .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.5rem;
  }
}
.leadContact__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #fff;
  margin: 0 0 2.8rem;
}
@media (max-width: 768px) {
  .leadContact__ttl {
    font-size: 1.6rem;
    letter-spacing: 0;
    margin: 0 0 1.6rem;
    line-height: 1.75;
    text-align: center;
  }
}
.leadContact__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .leadContact__tel {
    display: block;
    text-align: center;
  }
}
.leadContact__tel a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6rem;
  font-family: var(--fontEN);
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.3333333333;
  color: #fff;
  gap: 1.6rem;
}
@media (max-width: 768px) {
  .leadContact__tel a {
    font-size: 2.8rem;
    gap: 1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leadContact__telIcon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .leadContact__telIcon {
    width: 2.7rem;
    height: 2.7rem;
  }
}
.leadContact__telIcon svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--colorMain);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .leadContact__telIcon svg {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.leadContact__tel > span {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.073em;
  line-height: 1.4615384615;
  color: #fff;
  display: inline-block;
  padding-left: 1.66em;
}
@media (max-width: 768px) {
  .leadContact__tel > span {
    font-size: 1.2rem;
    padding-left: 0;
  }
}
.leadContact__tel > span > span {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 400;
  display: inline-block;
  padding-left: 0.66em;
  translate: 0 0.04em;
}
@media (max-width: 768px) {
  .leadContact__tel > span > span {
    font-size: 1.4rem;
  }
}
.leadContact__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  margin: 3rem 0 0;
}
@media (max-width: 768px) {
  .leadContact__link {
    display: block;
    text-align: center;
    margin: 2.5rem 0 0;
  }
}
@media (max-width: 768px) {
  .leadContact .btnStatic {
    margin: 0 auto;
  }
}
@media (any-hover: hover) {
  .leadContact .btnStatic a:hover {
    color: var(--colorMain);
  }
}
.leadContact .btnStatic a::before {
  content: none;
}
@media (max-width: 768px) {
  .leadContact .linkText {
    margin: 2.5rem auto 0;
  }
}
.leadContact .linkText a {
  color: #fff;
}
@media (max-width: 768px) {
  .leadContact__right {
    margin: 0 -2.5rem;
  }
  .leadContact__right img {
    aspect-ratio: 375/130;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.leadTopics .ttl {
  margin-bottom: 4.2rem;
}
@media (max-width: 768px) {
  .leadTopics .ttl {
    margin-bottom: 3rem;
  }
}
.leadTopics .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadTopics .btnStatic {
    margin: 4rem auto 0;
  }
}

.leadMaker {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .leadMaker {
    padding: 5.6rem 0;
  }
}
.leadMaker .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.leadMaker .slick-slide {
  height: auto !important;
}
.leadMaker .cardMaker__tag {
  margin: 2.4rem 0 0;
}
.leadMaker .cardMaker__tag span {
  background: #F0F1F5;
  border: none;
  padding: 1rem 2rem;
}
.leadMaker .btnStatic {
  margin: 4rem 0 0 auto;
}
@media (max-width: 768px) {
  .leadMaker .btnStatic {
    margin: 4rem auto 0;
  }
}

.introLower {
  padding: 8rem 0 2rem;
}
@media (max-width: 768px) {
  .introLower {
    padding: 6rem 0 2rem;
  }
}
.introLower--pb {
  padding-bottom: 10rem;
}
@media (max-width: 768px) {
  .introLower--pb {
    padding-bottom: 6rem;
  }
}
.introLower__img {
  margin: 12.6rem 0 4rem;
}
@media (max-width: 768px) {
  .introLower__img {
    margin: 6rem 0 3rem;
  }
}
.introLower__img img {
  width: 100%;
}

.boxCaptionCol + .boxCaptionCol {
  margin-top: 7.5rem;
}
@media (max-width: 768px) {
  .boxCaptionCol + .boxCaptionCol {
    margin-top: 5rem;
  }
}
.boxCaptionCol__ttl {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3076923077;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .boxCaptionCol__ttl {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    font-size: 2rem;
    gap: 1.8rem;
    margin-bottom: 2rem;
  }
}
.boxCaptionCol__ttl span {
  font-size: 4.2rem;
  font-weight: 400;
  font-style: italic;
  color: var(--colorMain);
  letter-spacing: 0.075em;
  font-family: var(--fontEN);
}
@media (max-width: 768px) {
  .boxCaptionCol__ttl span {
    font-size: 3rem;
    translate: 0 -0.6rem;
  }
}
.boxCaptionCol__grid {
  display: grid;
  grid-template-columns: 48rem auto;
  gap: 5rem;
}
@media (max-width: 768px) {
  .boxCaptionCol__grid {
    grid-template-columns: 100%;
    gap: 2rem;
  }
}
.boxCaptionCol__img img {
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  background-color: #fff;
}
.boxCaptionCol__textarea {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .boxCaptionCol__textarea {
    padding-top: 0;
  }
}
.boxCaptionCol__copy {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  color: var(--colorMain);
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .boxCaptionCol__copy {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
}
.boxCaptionCol .btnStatic {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .boxCaptionCol .btnStatic {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.boxCaptionCol2 {
  display: grid;
  grid-template-columns: auto 48rem;
  gap: 5rem;
}
@media (max-width: 768px) {
  .boxCaptionCol2 {
    grid-template-columns: 100%;
    gap: 2rem;
  }
}
.boxCaptionCol2 + .boxCaptionCol2 {
  margin-top: 4rem;
}
.boxCaptionCol2__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5454545455;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.8rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  .boxCaptionCol2__ttl {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    font-size: 2rem;
    gap: 1.8rem;
    margin-bottom: 1.5rem;
  }
}
.boxCaptionCol2__ttl span {
  font-size: 3rem;
  font-weight: 400;
  font-style: italic;
  color: var(--colorMain);
  letter-spacing: 0.075em;
  font-family: var(--fontEN);
}
@media (max-width: 768px) {
  .boxCaptionCol2__ttl span {
    translate: 0 0.1rem;
    line-height: 1;
  }
}
.boxCaptionCol2__img img {
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
}
.linksPage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
  margin: 10rem 0 0;
}
@media (max-width: 768px) {
  .linksPage {
    grid-template-columns: 100%;
    gap: 3rem;
    margin: 6rem 0 0;
  }
}
.linksPage__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.075;
  line-height: 1.4444444444;
  position: relative;
  z-index: 0;
  aspect-ratio: 550/140;
  padding: 0 5rem;
  color: #fff;
}
@media (any-hover: hover) {
  .linksPage__item a:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .linksPage__item a {
    aspect-ratio: 325/80;
  }
}
.linksPage__item a p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.linksPage__item a p svg {
  display: block;
  width: 1.6rem;
  height: 0.6rem;
  fill: currentColor;
}
.linksPage__item img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.secProduct {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .secProduct {
    padding: 6rem 0;
  }
}
.secProduct .ttlSimple {
  margin: 0 0 10rem;
}
@media (max-width: 768px) {
  .secProduct .ttlSimple {
    margin: 0 0 6rem;
  }
}
.secProduct .ttlSmall {
  margin: 0 0 3rem;
}
.secProduct .anchorBar {
  margin: 8rem 0 10rem;
}
@media (max-width: 768px) {
  .secProduct .anchorBar {
    margin: 6rem -2rem;
    padding: 0 2rem;
  }
}
.secProduct__grp {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secProduct__grp {
    margin: 6rem 0;
  }
  .secProduct__grp:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .secProduct__grp .categoryMaker__makers {
    gap: 0;
  }
  .secProduct__grp .categoryMaker__makers > li:first-child a {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .secProduct__grp .categoryMaker__makers > li:not(:first-child, :last-child) a {
    border-radius: 0;
  }
  .secProduct__grp .categoryMaker__makers > li:last-child a {
    border-radius: 0 0 0.6rem 0.6rem;
  }
  .secProduct__grp .categoryMaker__makers > li:nth-child(n+2) {
    margin-top: -1px;
  }
}
.secProduct .gridProductLinks {
  padding: 3rem 0 0;
}
@media (max-width: 768px) {
  .secProduct .gridProductLinks {
    padding: 0;
    gap: 0;
  }
}
@media (max-width: 768px) {
  .secProduct .gridProductLinks__item:nth-child(n+2) {
    margin-top: -1px;
  }
}
.secProduct .gridProductLinks__item a {
  border: 1px solid #C3C3C3;
}
.secProduct .gridProductLinks__text {
  color: var(--colorText);
}

.secProductSearch {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  .secProductSearch {
    padding: 6rem 0;
  }
}
.secProductSearch .inner {
  position: relative;
}
.secProductSearch .ttlSimple + .searchCustomBox {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secProductSearch .ttlSimple + .searchCustomBox {
    margin-top: 6rem;
  }
}
.secProductSearch .ttlSmall {
  margin: 0 0 3rem;
}
.secProductSearch .copy {
  margin: 0 0 1.5rem;
}
.secProductSearch .text + .searchCustomBox {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secProductSearch .text + .searchCustomBox {
    margin-top: 6rem;
  }
}
.secProductSearch .formBase + .formBase {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secProductSearch .formBase + .formBase {
    margin-top: 6rem;
  }
}
.secProductSearch .formBase__grid + .copy {
  margin-top: 3rem;
}
.secProductSearch .anchorBar {
  margin: 8rem 0 10rem;
}
@media (max-width: 768px) {
  .secProductSearch .anchorBar {
    margin: 6rem -2rem;
    padding: 0 2rem;
  }
}
.secProductSearch .searchCustomBox .anchorBar {
  margin: 0 0 6rem;
}
@media (max-width: 768px) {
  .secProductSearch .searchCustomBox .anchorBar {
    margin: 0 -2.5rem 4rem;
  }
}
.secProductSearch .secProductSearch__tabs {
  margin: 8rem 0 6.6rem;
}
@media (max-width: 768px) {
  .secProductSearch .secProductSearch__tabs {
    margin: 6rem -2rem;
    padding: 0 2rem;
  }
}
.secProductSearch__contents {
  position: relative;
  z-index: 0;
}
.secProductSearch__contents > li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  translate: 0 1rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 0;
}
.secProductSearch__contents > li.isActive {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  translate: 0 0;
  z-index: 1;
}
.secProductSearch .secSearchCol2 {
  margin: 10rem 0 0;
}
@media (max-width: 768px) {
  .secProductSearch .secSearchCol2 {
    margin: 6rem 0 0;
  }
}
.secProductSearch__grp {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secProductSearch__grp {
    margin: 6rem 0;
  }
}
.secProductSearch__btnRow {
  margin: 10rem 0 0;
}
@media (max-width: 768px) {
  .secProductSearch__btnRow {
    margin: 6rem 0 0;
  }
}
.secProductSearch__btnRow .btnStatic {
  margin: 0 auto;
}

.secSearchCol2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.2rem;
}
@media (max-width: 768px) {
  .secSearchCol2 {
    grid-template-columns: 100%;
    gap: 4rem;
  }
}
.secSearchCol2__keyword .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  margin: 2.4rem 0 0;
}
.secSearchCol2__keyword .tags li a {
  display: block;
  background-color: #EFEFFC;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  border-radius: 10rem;
  color: var(--colorMain);
  padding: 1rem 2.4rem;
}
@media (any-hover: hover) {
  .secSearchCol2__keyword .tags li a:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .secSearchCol2__keyword .tags li a {
    padding: 0.2rem 1.6rem;
  }
}
.secSearchCol2__cross .text {
  margin: 2rem 0 0;
}

.singleProduct {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleProduct {
    margin: 6rem 0;
  }
}
.singleProduct__main {
  display: grid;
  grid-template-columns: 57.6rem auto;
  gap: 7.2rem;
}
@media (max-width: 768px) {
  .singleProduct__main {
    grid-template-columns: 100%;
    gap: 4rem;
  }
}
.singleProduct__slider {
  width: 38rem;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .singleProduct__slider {
    width: 21.4rem;
  }
}
.singleProduct__arrow {
  width: 3.8rem;
  height: 3.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border: 1px solid #C3C3C3;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
}
@media (any-hover: hover) {
  .singleProduct__arrow:hover {
    background-color: var(--colorMain);
    border-color: var(--colorMain);
  }
  .singleProduct__arrow:hover svg {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .singleProduct__arrow {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.4rem;
  }
}
.singleProduct__arrow--prev {
  left: -10rem;
}
@media (max-width: 768px) {
  .singleProduct__arrow--prev {
    left: -5.5rem;
  }
}
.singleProduct__arrow--prev svg {
  scale: -1 1;
}
.singleProduct__arrow--next {
  right: -10rem;
}
@media (max-width: 768px) {
  .singleProduct__arrow--next {
    right: -5.5rem;
  }
}
.singleProduct__arrow svg {
  width: 1.8rem;
  height: 0.7rem;
  fill: var(--colorMain);
}
@media (max-width: 768px) {
  .singleProduct__arrow svg {
    width: 1.4rem;
  }
}
.singleProduct__nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .singleProduct__nav {
    grid-template-columns: repeat(3, 1fr);
  }
}
.singleProduct__nav li {
  overflow: hidden;
  border-radius: 0.2rem;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.singleProduct__nav li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E2E2E2;
  border-radius: 0.2rem;
  z-index: 0;
}
.singleProduct__nav li.isActive::before {
  border: 2px solid var(--colorMain);
  border-radius: 0.3rem;
}
.singleProduct__nav li img {
  aspect-ratio: 137/77;
  -o-object-fit: contain;
     object-fit: contain;
}
.singleProduct .btnPlus {
  margin: 3rem 0 3rem auto;
}
.singleProduct__info {
  position: relative;
  z-index: 0;
}
.singleProduct__logo {
  position: absolute;
  top: -2rem;
  right: 0;
  width: 15rem;
}
@media (max-width: 768px) {
  .singleProduct__logo {
    position: relative;
    top: 0;
  }
}
.singleProduct__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
}
.singleProduct__tag span {
  padding: 0.4rem 1.2rem;
  line-height: 2.6rem;
}
@media (max-width: 768px) {
  .singleProduct__tag span {
    padding: 0.2rem 0.8rem;
  }
}
.singleProduct__tag span.border {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  border: 0.1rem solid #C3C3C3;
  padding: 0.3rem 1.2rem;
}
@media (max-width: 768px) {
  .singleProduct__tag span.border {
    padding: 0.1rem 0.8rem;
  }
}
.singleProduct__tag span.new {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #FF8558;
}
.singleProduct__tag span.comingsoon {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #5960BE;
}
.singleProduct__tag span.discontinued {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #8E8E8E;
  background-color: #F0F0F0;
}
.singleProduct__ttl {
  font-family: var(--fontEN);
  font-size: 3rem;
  line-height: 1.1333333333;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin: 3.6rem 0 1.8rem;
}
@media (max-width: 768px) {
  .singleProduct__ttl {
    font-size: 2.2rem;
    margin: 2.4rem 0 1.5rem;
  }
}
.singleProduct__text {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
}
@media (max-width: 768px) {
  .singleProduct__text {
    font-size: 1.6rem;
  }
}
.singleProduct__category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.6rem;
  margin: 3rem 0;
}
.singleProduct__category span {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 2.4285714286;
  border: 1px solid #C3C3C3;
  border-radius: 0.6rem;
  padding: 0.2rem 1.2rem;
}
@media (max-width: 768px) {
  .singleProduct__category span {
    font-size: 1.2rem;
    padding: 0 1.2rem;
  }
}
.singleProduct__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin: 4rem 0;
}
@media (max-width: 768px) {
  .singleProduct__btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 3rem 0;
  }
  .singleProduct__btns .btnStatic {
    width: 100%;
    min-width: 0;
  }
}
.singleProduct__grp {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleProduct__grp {
    margin: 6rem 0;
  }
}
.singleProduct__grp--col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .singleProduct__grp--col2 {
    grid-template-columns: 100%;
    gap: 4rem;
  }
}
.singleProduct__grp .figure {
  width: 100%;
  margin-bottom: 2rem;
}
.singleProduct__grp .figure img {
  width: 100%;
}
.singleProduct__grp .copy {
  margin-bottom: 2rem;
}
.singleProduct__grp .copy:not(:first-child) {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .singleProduct__grp .copy:not(:first-child) {
    margin-top: 4rem;
  }
}
.singleProduct__grp .ttlMedium {
  margin: 0 0 4rem;
}
.singleProduct__grp .ttlSmall {
  margin: 0 0 4rem;
}
.singleProduct__grp .tableBase {
  margin: 0 0 6rem;
}
@media (max-width: 768px) {
  .singleProduct__grp .tableBase {
    margin: 0 0 4rem;
  }
}
.singleProduct__grp .listCase {
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .singleProduct__grp .listCase + .btnStatic {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .singleProduct__grp .listCase + .btnStatic {
    margin-left: auto;
    margin-right: auto;
  }
}
.singleProduct .leadStrength {
  margin: 6rem 0 0;
}
.singleProduct .secSearchCol2 {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleProduct .secSearchCol2 {
    margin: 6rem 0;
  }
}
.singleProduct .secSearchCol2 .ttlSmall {
  margin-bottom: 3rem;
}

.secCase {
  margin: 8rem 0;
}
@media (max-width: 768px) {
  .secCase {
    margin: 6rem 0;
  }
}
.secCase .ttlSimple {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .secCase .ttlSimple {
    margin: 0 0 3rem;
  }
}
.secCase .ttlSimple + .boxSearchSimple {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secCase .ttlSimple + .boxSearchSimple {
    margin-top: 6rem;
  }
}
.secCase .ttlSmall + .boxSearchSimple {
  margin-top: 3rem;
}
.secCase .text + .boxSearchSimple {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secCase .text + .boxSearchSimple {
    margin-top: 6rem;
  }
}

.singleCase {
  margin: 8rem 0 10rem;
}
@media (max-width: 768px) {
  .singleCase {
    margin: 6rem 0;
  }
}
.singleCase .inner > .btnStatic {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .singleCase .inner > .btnStatic {
    margin-top: 6rem;
  }
}
.singleCase .ttlSimple {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .singleCase .ttlSimple {
    margin: 0 0 3rem;
  }
}
.singleCase .ttlSimple + .boxSearchSimple {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .singleCase .ttlSimple + .boxSearchSimple {
    margin-top: 6rem;
  }
}
.singleCase .ttlSimple + .boxSearchSimple label {
  pointer-events: none;
}
.singleCase .boxSearchSimple + .singleCase__head {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .singleCase .boxSearchSimple + .singleCase__head {
    margin-top: 6rem;
  }
}
.singleCase__headCol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .singleCase__headCol {
    grid-template-columns: 100%;
    gap: 3rem;
  }
}
.singleCase__head:not(:has(.boxIndex)) {
  margin-bottom: 10rem;
}
@media (max-width: 768px) {
  .singleCase__head:not(:has(.boxIndex)) {
    margin-bottom: 6rem;
  }
}
.singleCase__head .boxIndex {
  width: 72rem;
  margin: 10rem auto;
}
@media (max-width: 768px) {
  .singleCase__head .boxIndex {
    width: 100%;
    margin: 6rem auto;
  }
}
.singleCase__mv {
  width: 72rem;
  margin: 10rem auto;
}
@media (max-width: 768px) {
  .singleCase__mv {
    width: 100%;
    margin: 6rem auto;
  }
}
.singleCase__product {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleCase__product {
    margin: 6rem 0;
  }
}
.singleCase__product .ttlSmall {
  margin-bottom: 3rem;
}
.singleCase__productGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 769px) {
  .singleCase__productGrid .cardProduct:nth-child(3n-2) {
    margin-right: -1px;
  }
  .singleCase__productGrid .cardProduct:nth-child(3n-1) {
    margin-right: -1px;
  }
  .singleCase__productGrid .cardProduct:nth-child(n+4) {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .singleCase__productGrid {
    grid-template-columns: 100%;
  }
  .singleCase__productGrid .cardProduct:nth-child(n+2) {
    margin-top: -1px;
  }
}
.singleCase__relation {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleCase__relation {
    margin: 6rem 0;
  }
}
.singleCase__relation .ttlSmall {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .singleCase__relationInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    margin: 0 -2.5rem;
    padding: 0 2.5rem;
  }
}
.singleCase__relationGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .singleCase__relationGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
}

.secFaq .ttlSimple {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secFaq .ttlSimple {
    margin: 6rem 0;
  }
}
.secFaq .anchorBar {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secFaq .anchorBar {
    margin: 6rem 0;
  }
}
.secFaq .unitLeadCv {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secFaq .unitLeadCv {
    margin: 6rem 0;
  }
}
.secFaq__grp {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secFaq__grp {
    margin: 6rem 0;
  }
}
.secFaq__grp .ttlSmall {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .secFaq__grp .ttlSmall {
    margin-bottom: 2.5rem;
  }
}
.secFaq__grp .itemFaq {
  border-bottom: 1px solid #C3C3C3;
}
.secFaq__grp .itemFaq:first-child {
  border-top: 1px solid #C3C3C3;
}
.secFaq__grp .btnStatic {
  margin: 10rem auto 0;
}
@media (max-width: 768px) {
  .secFaq__grp .btnStatic {
    margin: 6rem auto 0;
  }
}

.archiveTopics {
  padding: 10rem 0;
}
@media (max-width: 768px) {
  .archiveTopics {
    padding: 6rem 0;
  }
}
.archiveTopics .ttlSimple + .text {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .archiveTopics .ttlSimple + .text {
    margin-top: 3rem;
  }
}
.archiveTopics .listSpecial {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .archiveTopics .listSpecial {
    margin: 6rem 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .archiveTopics .listSpecial__inner {
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .archiveTopics .listSpecial__item {
    width: 100%;
  }
}
.archiveTopics .paginationElm {
  margin: 10rem auto 0;
}
@media (max-width: 768px) {
  .archiveTopics .paginationElm {
    margin: 6rem auto 0;
  }
}

.singleTopics__main {
  padding: 17rem 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .singleTopics__main {
    padding: 6rem 0;
  }
}
.singleTopics__main .inner {
  position: relative;
  z-index: 0;
}
.singleTopics__mainText {
  width: 72rem;
  color: #fff;
  padding: 0 0 0 20rem;
}
@media (max-width: 768px) {
  .singleTopics__mainText {
    width: 100%;
    position: relative;
    padding: 0 0 0 7rem;
  }
}
.singleTopics__mainLogo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 16rem;
}
@media (max-width: 768px) {
  .singleTopics__mainLogo {
    width: 5.7rem;
  }
}
.singleTopics__mainImg {
  width: 43.2rem;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
}
@media (max-width: 768px) {
  .singleTopics__mainImg {
    width: 20rem;
    position: relative;
    top: 0;
    translate: 0;
    margin: 0 auto 5.6rem;
  }
}
.singleTopics__mainBtns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin: 4rem 0 0;
}
@media (max-width: 768px) {
  .singleTopics__mainBtns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .singleTopics__mainBtns .btnStatic {
    width: 100%;
    min-width: 0;
  }
}
.singleTopics__bg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.singleTopics__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.singleTopics__ttl {
  font-family: var(--fontEN);
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5714285714;
  margin: 0 0 1.6rem;
}
@media (max-width: 768px) {
  .singleTopics__ttl {
    font-size: 2.2rem;
    line-height: 1.5454545455;
  }
}
.singleTopics__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
@media (max-width: 768px) {
  .singleTopics__text {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0 0 0 -7rem;
  }
}
.singleTopics__content {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleTopics__content {
    margin: 6rem 0;
  }
}
.singleTopics__grp:nth-child(n+2) {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleTopics__grp:nth-child(n+2) {
    margin: 6rem 0;
  }
}
.singleTopics__grp--col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .singleTopics__grp--col2 {
    grid-template-columns: 100%;
    gap: 4rem;
  }
}
.singleTopics__grp .figure {
  width: 100%;
  margin-bottom: 2rem;
}
.singleTopics__grp .figure img {
  width: 100%;
}
.singleTopics__grp .copy {
  margin-bottom: 2rem;
}
.singleTopics__grp .copy:not(:first-child) {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .singleTopics__grp .copy:not(:first-child) {
    margin-top: 4rem;
  }
}
.singleTopics__grp .ttlMedium {
  margin: 0 0 4rem;
}
.singleTopics__grp .ttlSmall {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .singleTopics__grp .ttlSmall {
    margin: 0 0 2rem;
  }
}
.singleTopics__grp .itemFaq {
  border-bottom: 1px solid #C3C3C3;
}
.singleTopics__grp .itemFaq:first-child {
  border-top: 1px solid #C3C3C3;
}
@media (max-width: 768px) {
  .singleTopics__grp .tableData.tableData--spScroll {
    overflow-x: scroll;
    padding: 0 2.5rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .singleTopics__grp .tableData.tableData--spScroll table {
    width: 100rem;
  }
}
.singleTopics__product {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .singleTopics__product {
    margin: 6rem 0;
  }
}
.singleTopics__productGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 769px) {
  .singleTopics__productGrid .cardProduct:nth-child(3n-2) {
    margin-right: -1px;
  }
  .singleTopics__productGrid .cardProduct:nth-child(3n-1) {
    margin-right: -1px;
  }
  .singleTopics__productGrid .cardProduct:nth-child(n+4) {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .singleTopics__productGrid {
    grid-template-columns: 100%;
  }
  .singleTopics__productGrid .cardProduct:nth-child(n+2) {
    margin-top: -1px;
  }
}
.singleTopics__product .cardProduct--large {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .singleTopics__product .cardProduct--large {
    margin-top: -1px;
  }
}

.secContact {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .secContact {
    margin: 6rem 0;
  }
}
.secContact .text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
.secContact .text + .text {
  margin-top: 1em;
}
.secContact .text + .formContact {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .secContact .text + .formContact {
    margin-top: 6rem;
  }
}
.secContact .unitTel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  margin: 4rem 0 10rem;
}
@media (max-width: 768px) {
  .secContact .unitTel {
    margin: 3rem 0 6rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.secContact .unitTel__number {
  font-size: 3.4rem;
  gap: 0.6rem;
}
@media (max-width: 768px) {
  .secContact .unitTel__number {
    font-size: 2.8rem;
    gap: 1rem;
    letter-spacing: 0.01em;
  }
}
.secContact .unitTel__icon {
  width: 3.4rem;
  height: 3.4rem;
}
@media (max-width: 768px) {
  .secContact .unitTel__icon {
    width: 2.7rem;
    height: 2.7rem;
  }
}
.secContact .unitTel__icon svg {
  width: 1.7rem;
  height: 1.7rem;
}
@media (max-width: 768px) {
  .secContact .unitTel__icon svg {
    width: 1.3rem;
    height: 1.3rem;
  }
}
@media (max-width: 768px) {
  .secContact .unitTel__note {
    font-size: 1.2rem;
    margin-top: 0;
    line-height: 1.2;
    letter-spacing: 0.07em;
  }
}

.archiveNews {
  padding: 10rem 0;
}
@media (max-width: 768px) {
  .archiveNews {
    padding: 6rem 0;
  }
}
.archiveNews .ttlSimple + .text {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .archiveNews .ttlSimple + .text {
    margin-top: 3rem;
  }
}
.archiveNews .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  margin: 10rem 0 0;
}
@media (max-width: 768px) {
  .archiveNews .tags {
    margin: 4rem 0 0;
  }
}
.archiveNews .tags li a {
  display: block;
  background-color: #EFEFFC;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2;
  border-radius: 10rem;
  color: var(--colorMain);
  padding: 1rem 2.4rem;
}
@media (any-hover: hover) {
  .archiveNews .tags li a:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .archiveNews .tags li a {
    padding: 0.2rem 1.6rem;
  }
}
.archiveNews .tags li.isActive a {
  background-color: var(--colorMain);
  color: #fff;
  pointer-events: none;
}
.archiveNews__content {
  margin: 4rem 0 0;
}
.archiveNews__content .itemNews:first-child a {
  border-top: 1px solid #C3C3C3;
}
.archiveNews__content .itemNews a {
  border-bottom: 1px solid #C3C3C3;
  position: relative;
  padding: 2.5rem 0;
}
@media (any-hover: hover) {
  .archiveNews__content .itemNews a[href]:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}
.archiveNews__content .itemNews a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -1px;
  background-color: var(--colorMain);
  height: 1px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .archiveNews__content .itemNews__arrow {
    display: none;
  }
}
.archiveNews .paginationElm {
  margin: 10rem auto 0;
}
@media (max-width: 768px) {
  .archiveNews .paginationElm {
    margin: 6rem auto 0;
  }
}

.singleNews {
  padding: 8rem 0 10rem;
}
@media (max-width: 768px) {
  .singleNews {
    padding: 6rem 0;
  }
}
.singleNews__meta, .singleNews__main, .singleNews__content {
  padding-left: 14.4rem;
  padding-right: 14.4rem;
}
@media (max-width: 768px) {
  .singleNews__meta, .singleNews__main, .singleNews__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.singleNews__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  margin: 0 0 1.6rem;
}
@media (max-width: 768px) {
  .singleNews__meta {
    gap: 1.5rem;
  }
}
.singleNews__time {
  font-family: var(--fontEN);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.1428571429;
}
.singleNews__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.singleNews__tag span {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 1.2rem 2.4rem;
  border-radius: 10rem;
  background-color: #EFEFFC;
  color: var(--colorMain);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
}
@media (min-width: 769px) {
  .singleNews__tag span {
    min-width: 12rem;
  }
}
@media (max-width: 768px) {
  .singleNews__tag span {
    min-width: 9.4rem;
    padding: 0.4rem 1rem;
  }
}
.singleNews__mainImg {
  width: 72rem;
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 768px) {
  .singleNews__mainImg {
    width: 100%;
  }
}
.singleNews__mainImg img {
  width: 100%;
}
.singleNews__ttl {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .singleNews__ttl {
    font-size: 2.2rem;
  }
}
.singleNews__content {
  margin: 2rem 0 10rem;
}
@media (max-width: 768px) {
  .singleNews__content {
    margin: 2rem 0 6rem;
  }
}
.singleNews__content .wysiwyg iframe, .singleNews__content .wysiwyg video {
  display: block;
}
@media (min-width: 769px) {
  .singleNews__content .wysiwyg iframe, .singleNews__content .wysiwyg video {
    width: 72rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.singleNews__others {
  margin: 8rem 0 0;
}
@media (max-width: 768px) {
  .singleNews__others {
    margin: 6rem 0 0;
  }
}
.singleNews__othersTtl {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5454545455;
  margin: 0 0 3rem;
}
@media (max-width: 768px) {
  .singleNews__othersTtl {
    font-size: 1.8rem;
    margin: 0 0 2rem;
  }
}
.singleNews__others .itemNews:first-child a {
  border-top: 1px solid #C3C3C3;
}
.singleNews__others .itemNews a {
  border-bottom: 1px solid #C3C3C3;
  position: relative;
  padding: 2.5rem 0;
}
@media (any-hover: hover) {
  .singleNews__others .itemNews a[href]:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}
.singleNews__others .itemNews a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: -1px;
  background-color: var(--colorMain);
  height: 1px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 768px) {
  .singleNews__others .itemNews__arrow {
    display: none;
  }
}
.singleNews__others .btnStatic {
  margin: 8rem auto 0;
}
@media (max-width: 768px) {
  .singleNews__others .btnStatic {
    margin: 4rem auto 0;
  }
}

.secLower {
  padding: 0 0 10rem;
}
.secLower .ttlBorder {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .secLower .ttlBorder {
    margin-bottom: 3rem;
  }
}

.secPrivacy__name {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #1C1E83;
  padding-top: 4rem;
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .secPrivacy .wysiwyg > ol, .secPrivacy .wysiwyg > ul {
    margin: 4rem 0;
  }
}
.secPrivacy .wysiwyg > ol {
  gap: 4rem;
}
@media (max-width: 768px) {
  .secPrivacy .wysiwyg > ol {
    gap: 3rem;
  }
}

.boxMakerList {
  background-color: #fff;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  padding: 6rem;
}
@media (max-width: 768px) {
  .boxMakerList {
    padding: 3rem 2.5rem;
  }
}
.boxMakerList dt {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
}
.boxMakerList dt:not(:first-child) {
  margin-top: 3rem;
}
.boxMakerList dd {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.8rem;
  width: 100%;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .boxMakerList dd {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.boxMakerList dd a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 190/143;
  border: 1px solid #C3C3C3;
  border-radius: 0.2rem;
}
@media (any-hover: hover) {
  .boxMakerList dd a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .boxMakerList dd a:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .boxMakerList dd a {
    margin-bottom: -1px;
    padding: 1.5rem;
  }
  .boxMakerList dd a:nth-child(2n) {
    margin-left: -1px;
  }
}
.boxMakerList dd a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 80%;
}
.boxMakerList dd a.sizeA img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 11rem;
  height: 8.3rem;
}
@media (max-width: 768px) {
  .boxMakerList dd a.sizeA img {
    aspect-ratio: 110/83;
    width: 9.6rem;
    height: auto;
  }
}
.boxMakerList dd a.sizeB img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 14rem;
  height: 6.3rem;
}
@media (max-width: 768px) {
  .boxMakerList dd a.sizeB img {
    aspect-ratio: 140/63;
    width: 11.6rem;
    height: auto;
  }
}

.makerGrp {
  margin: 10rem 0;
}
@media (max-width: 768px) {
  .makerGrp {
    margin: 6rem 0;
  }
}
.makerGrp .ttlBorder {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .makerGrp .ttlBorder {
    margin-bottom: 2.4rem;
  }
}
.makerGrp .ttlBorder:not(:first-child) {
  margin-top: 6rem;
}
.makerGrp__copy {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin: 6rem 0 4rem;
}
@media (max-width: 768px) {
  .makerGrp__copy {
    margin: 6rem 0 2.4rem;
  }
}
.makerGrp__products {
  margin: 4rem 0 6rem;
}
@media (max-width: 768px) {
  .makerGrp__products {
    width: 100%;
    overflow-y: scroll;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 0 2rem;
  }
}
.makerGrp__products ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .makerGrp__products ul {
    width: 100rem;
  }
}
.makerGrp__products li {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.6428571429;
}
.makerGrp__products li img {
  width: 100%;
  margin-bottom: 1rem;
}
.makerGrp__products li a {
  display: block;
}
@media (any-hover: hover) {
  .makerGrp__products li a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .makerGrp__products li a:hover {
    opacity: 0.6;
  }
}

.unitMaker {
  display: grid;
  grid-template-columns: 35rem auto;
  gap: 4rem;
}
@media (max-width: 768px) {
  .unitMaker {
    grid-template-columns: 100%;
    gap: 1.2rem;
  }
}
.unitMaker + .unitMaker {
  margin-top: 4rem;
}
.unitMaker__logo {
  aspect-ratio: 350/263;
  padding: 6rem 3.2rem;
  border: 1px solid #C3C3C3;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.unitMaker__logo span {
  position: absolute;
  z-index: 0;
  top: 1rem;
  left: 1rem;
  border-radius: 10rem;
  background-color: #F0F1F5;
  padding: 0.8rem 1.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5333333333;
}
.unitMaker__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.unitMaker__logo.sizeA img {
  width: 20rem;
  height: 15rem;
}
.unitMaker__logo.sizeB img {
  width: 24rem;
  height: 10.8rem;
}
.unitMaker__ttl {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3076923077;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .unitMaker__ttl {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.unitMaker__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 2rem;
}
.unitMaker__tags a, .unitMaker__tags span {
  border: 1px solid #C3C3C3;
  background-color: #fff;
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 1rem;
  color: #1C1E83;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  pointer-events: none;
}
@media (any-hover: hover) {
  .unitMaker__tags a:hover, .unitMaker__tags span:hover {
    background-color: #F7F7F7;
  }
}
.unitMaker .btnStatic {
  min-width: 0;
  margin-left: auto;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .unitMaker .btnStatic {
    margin-right: auto;
    margin-top: 2rem;
    width: 24rem;
  }
}
@media (min-width: 769px) {
  .unitMaker .btnStatic a, .unitMaker .btnStatic button {
    padding-left: 3rem;
    padding-right: 6rem;
  }
}
.unitMaker .btnStatic a svg:has(use[href*=icon_blank]), .unitMaker .btnStatic button svg:has(use[href*=icon_blank]) {
  height: 1.2rem;
}
@media (max-width: 768px) {
  .unitMaker .btnStatic a svg:has(use[href*=icon_blank]), .unitMaker .btnStatic button svg:has(use[href*=icon_blank]) {
    height: 1rem;
  }
}

.supportLinks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem 5rem;
}
@media (max-width: 768px) {
  .supportLinks {
    grid-template-columns: 100%;
    gap: 3rem;
  }
}
.supportLinks:first-child {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .supportLinks:first-child {
    margin-top: 6rem;
  }
}
.supportLinks a {
  display: block;
}
@media (any-hover: hover) {
  .supportLinks a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .supportLinks a:hover {
    opacity: 0.6;
  }
}
.supportLinks img {
  aspect-ratio: 550/140;
  -o-object-fit: cover;
     object-fit: cover;
}
.supportLinks__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4444444444;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 2rem 0 2.2rem;
}
@media (max-width: 768px) {
  .supportLinks__ttl {
    font-size: 1.6rem;
    margin: 1.5rem 0 0.9rem;
  }
}
.supportLinks__ttl svg {
  width: 1.9rem;
  height: 0.7rem;
  fill: var(--colorMain);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .supportLinks__ttl svg {
    width: 1.4rem;
    height: 0.5rem;
  }
}

.templateLower .anchorBar {
  margin: 4rem 0 10rem;
}
@media (max-width: 768px) {
  .templateLower .anchorBar {
    margin: 0 0 4rem;
  }
}
.templateLower .anchorBar--mt0 {
  margin-top: 0;
}
.templateLower__grp {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .templateLower__grp {
    margin-top: 6rem;
  }
}
.templateLower__grp:not(:last-child) {
  margin-bottom: 10rem;
}
@media (max-width: 768px) {
  .templateLower__grp:not(:last-child) {
    margin-bottom: 6rem;
  }
}
.templateLower__grp .ttlSmall {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .templateLower__grp .ttlSmall {
    margin-bottom: 2.5rem;
  }
}
.templateLower__subgrp {
  margin: 6rem 0;
}
.templateLower__subgrp .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.templateLower__subgrp .slick-slide {
  height: auto !important;
}
.templateLower__subgrp .copy {
  margin-bottom: 3rem;
}
.templateLower__subgrp .btnStatic {
  margin: 4rem 0 0 auto;
}
.templateLower__col {
  display: grid;
  gap: 4rem;
  grid-template-columns: 100%;
}
@media (max-width: 768px) {
  .templateLower__col {
    gap: 2rem;
  }
}
@media (min-width: 769px) {
  .templateLower__col:has(.templateLower__col__img) {
    grid-template-columns: auto 48rem;
  }
}
.templateLower__col__copy {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--colorMain);
  letter-spacing: 0.05em;
  line-height: 1.6363636364;
  margin: 0 0 2rem;
}
@media (max-width: 768px) {
  .templateLower__col__copy {
    font-size: 1.8rem;
    margin: 0 0 1.5rem;
  }
}
@media (min-width: 769px) {
  .templateLower__col__textarea {
    padding-top: 4rem;
  }
}
@media (max-width: 768px) {
  .templateLower__col__textarea {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 768px) {
  .templateLower__col__img {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
.templateLower__col .text {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .templateLower__col .text {
    margin-bottom: 2rem;
  }
}
.templateLower__col .btnStatic {
  min-width: 0;
}
@media (max-width: 768px) {
  .templateLower__col .btnStatic {
    margin-left: auto;
    margin-right: auto;
    width: 24rem;
  }
}
@media (min-width: 769px) {
  .templateLower__col .btnStatic a, .templateLower__col .btnStatic button {
    padding-left: 3rem;
    padding-right: 6rem;
  }
}
.templateLower__col .btnStatic a svg:has(use[href*=icon_blank]), .templateLower__col .btnStatic button svg:has(use[href*=icon_blank]) {
  height: 1.2rem;
}
@media (max-width: 768px) {
  .templateLower__col .btnStatic a svg:has(use[href*=icon_blank]), .templateLower__col .btnStatic button svg:has(use[href*=icon_blank]) {
    height: 1rem;
  }
}
.templateLower__col + .templateLower__chart {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .templateLower__col + .templateLower__chart {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}
.templateLower__chart {
  width: 86.4rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .templateLower__chart {
    width: 100%;
  }
}
.templateLower__chart img {
  width: 100%;
}
.templateLower__flow > ol {
  counter-reset: accordionFlow;
}
.templateLower__flow > ol > li {
  position: relative;
  counter-increment: accordionFlow;
  padding: 1.1rem 0 4rem 17.2rem;
  z-index: 0;
}
@media (max-width: 768px) {
  .templateLower__flow > ol > li {
    padding: 0.4rem 0 2rem 5rem;
  }
}
.templateLower__flow > ol > li:last-child::after {
  height: 14.2rem;
  bottom: auto;
}
@media (max-width: 768px) {
  .templateLower__flow > ol > li:last-child::after {
    height: 10rem;
  }
}
.templateLower__flow > ol > li:last-child::before {
  content: "";
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  border-right: 1px solid var(--colorMain);
  border-bottom: 1px solid var(--colorMain);
  rotate: 45deg;
  position: absolute;
  top: 11.7rem;
  left: 10.2rem;
}
@media (max-width: 768px) {
  .templateLower__flow > ol > li:last-child::before {
    width: 1.6rem;
    height: 1.6rem;
    top: 8.1rem;
    left: 1.1rem;
  }
}
.templateLower__flow > ol > li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 11.2rem;
  bottom: 0;
  width: 1px;
  background-color: var(--colorMain);
  z-index: -1;
}
@media (max-width: 768px) {
  .templateLower__flow > ol > li::after {
    left: 1.9rem;
  }
}
.templateLower__copy {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  color: var(--colorMain);
  margin: 0 0 1.4rem;
}
@media (max-width: 768px) {
  .templateLower__copy {
    font-size: 1.6rem;
    margin: 0 0 1.2rem;
  }
}
.templateLower__copy::before {
  content: counter(accordionFlow);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 7.2rem;
  font-family: var(--fontEN);
  font-size: 2.6rem;
  font-weight: 400;
  font-style: italic;
  color: var(--colorMain);
  border: 1px solid #C3C3C3;
  background-color: #fff;
}
@media (max-width: 768px) {
  .templateLower__copy::before {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    left: 0;
    padding: 0.1rem 0 0;
  }
}
.templateLower__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
}
.templateLower__text p:not(:first-child) {
  margin-top: 1em;
}
.templateLower__text a {
  color: var(--colorMain);
  text-decoration: underline;
  word-break: break-all;
}
@media (any-hover: hover) {
  .templateLower__text a:hover {
    text-decoration: none;
  }
}
.templateLower__text ol {
  margin: 1em 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  counter-reset: wysiwygOl;
}
.templateLower__text ol li {
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.5714285714;
  position: relative;
  padding-left: 1.3em;
}
.templateLower__text ol li::before {
  counter-increment: wysiwygOl;
  content: counter(wysiwygOl);
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  font-family: var(--fontEN);
  font-size: 1.6rem;
  color: var(--colorMain);
  font-weight: 700;
  font-style: italic;
  line-height: 1.375;
}
.templateLower__text figure {
  width: 24.3rem;
  margin: 1em 0;
}
@media (max-width: 768px) {
  .templateLower__text figure {
    width: 100%;
  }
}
.templateLower__col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
@media (max-width: 768px) {
  .templateLower__col3 {
    grid-template-columns: 100%;
    gap: 3rem;
  }
}
.templateLower__col3 img {
  aspect-ratio: 350/175;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .templateLower__col3 img {
    aspect-ratio: 325/100;
  }
}
.templateLower__col3 p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .templateLower__col3 p {
    margin-top: 1.5rem;
  }
}
.templateLower__servicelinks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
@media (max-width: 768px) {
  .templateLower__servicelinks {
    grid-template-columns: 100%;
    gap: 3rem;
  }
}
.templateLower .tabsRecruit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .templateLower .tabsRecruit {
    grid-template-columns: 100%;
  }
}
.templateLower .tabsRecruit a, .templateLower .tabsRecruit button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 6.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.3125;
  border-radius: 0.6rem;
  background-color: #5960BE;
  color: #fff;
}
.templateLower .tabsRecruit a:disabled, .templateLower .tabsRecruit button:disabled {
  pointer-events: none;
  background-color: #F0F0F0;
  color: #8E8E8E;
}
@media (max-width: 768px) {
  .templateLower .tabsRecruit a, .templateLower .tabsRecruit button {
    height: 5rem;
  }
}
.templateLower .tabsRecruit__note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  line-height: 1.8571428571;
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .templateLower .tabsRecruit__note {
    font-size: 1.3rem;
  }
}
.templateLower [data-tab-content]:not(.isActive) {
  display: none;
}
@media (min-width: 769px) {
  .templateLower .tableBase th {
    width: 36rem;
  }
}
@media (max-width: 768px) {
  .templateLower .tableBase th {
    width: 11rem;
  }
}
.templateLower .tableBase td {
  padding-top: 1em;
  padding-bottom: 1em;
}
.templateLower .tableBase .wysiwyg {
  font-size: inherit;
}
.templateLower .tableBase .wysiwyg ol {
  margin: 1em 0;
  gap: 0.5rem;
}
.templateLower .tableBase .wysiwyg ul {
  margin: 1em 0;
  gap: 0.5rem;
}
@media (min-width: 769px) {
  .templateLower .tableBase .wysiwyg ul > li::before {
    top: 1rem;
  }
}
.templateLower__faq .itemFaq {
  border-bottom: 1px solid #C3C3C3;
}
.templateLower__faq .itemFaq:first-child {
  border-top: 1px solid #C3C3C3;
}
.templateLower__access__map iframe {
  display: block;
  width: 100%;
  aspect-ratio: 1152/300;
  margin-bottom: 3rem;
}
.templateLower__access__way {
  margin: 3rem 0 0;
}
.templateLower__access__copy {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.625;
  padding-left: 3rem;
  color: var(--colorMain);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.909%2023.581%22%3E%3Cpath%20fill%3D%22%231c1e83%22%20d%3D%22m5.814%2019.913%208.086-.023.3.107%202.1%203.583h2.8l-2.076-3.68h2.409c.124%200%20.539-.357.467-.559V2.11A2.476%202.476%200%200%200%2017.8%200H2.106A2.443%202.443%200%200%200%200%202.205l.1%2017.442a1.947%201.947%200%200%200%20.366.249h2.409L.748%2023.581h2.87Zm9.822-2.474a1.9%201.9%200%200%201-.381-3.772c2.637-.428%202.971%203.659.381%203.772M2.461%204.974a1.472%201.472%200%200%201%20.3-.831%201.212%201.212%200%200%201%20.943-.424l12.478.023a1.255%201.255%200%200%201%201.062.561%201.194%201.194%200%200%201%20.177.48%2027.586%2027.586%200%200%201%20.013%204.2c-.091.974-.576%201.117-1.4%201.372a23.323%2023.323%200%200%201-11.117.266c-.9-.2-2.3-.36-2.45-1.446a27.6%2027.6%200%200%201-.013-4.2m1.515%208.693c2.6-.437%203.075%203.5.579%203.763a1.907%201.907%200%200%201-.579-3.763%22%2F%3E%3C%2Fsvg%3E") left top 0.2rem/2rem no-repeat;
  margin-bottom: 1.5rem;
}

.u-mt1em {
  margin-top: 1em;
}

.u-mb1em {
  margin-bottom: 1em;
}

.u-pt1em {
  padding-top: 1em;
}

.u-pb1em {
  padding-bottom: 1em;
}

.u-mt2em {
  margin-top: 2em;
}

.u-mb2em {
  margin-bottom: 2em;
}

.u-pt2em {
  padding-top: 2em;
}

.u-pb2em {
  padding-bottom: 2em;
}

.u-mt3em {
  margin-top: 3em;
}

.u-mb3em {
  margin-bottom: 3em;
}

.u-pt3em {
  padding-top: 3em;
}

.u-pb3em {
  padding-bottom: 3em;
}

.u-mt4em {
  margin-top: 4em;
}

.u-mb4em {
  margin-bottom: 4em;
}

.u-pt4em {
  padding-top: 4em;
}

.u-pb4em {
  padding-bottom: 4em;
}

.u-mt5em {
  margin-top: 5em;
}

.u-mb5em {
  margin-bottom: 5em;
}

.u-pt5em {
  padding-top: 5em;
}

.u-pb5em {
  padding-bottom: 5em;
}

.u-mt6em {
  margin-top: 6em;
}

.u-mb6em {
  margin-bottom: 6em;
}

.u-pt6em {
  padding-top: 6em;
}

.u-pb6em {
  padding-bottom: 6em;
}

.u-mt7em {
  margin-top: 7em;
}

.u-mb7em {
  margin-bottom: 7em;
}

.u-pt7em {
  padding-top: 7em;
}

.u-pb7em {
  padding-bottom: 7em;
}

.u-mt8em {
  margin-top: 8em;
}

.u-mb8em {
  margin-bottom: 8em;
}

.u-pt8em {
  padding-top: 8em;
}

.u-pb8em {
  padding-bottom: 8em;
}

.u-mt9em {
  margin-top: 9em;
}

.u-mb9em {
  margin-bottom: 9em;
}

.u-pt9em {
  padding-top: 9em;
}

.u-pb9em {
  padding-bottom: 9em;
}

.u-mt10em {
  margin-top: 10em;
}

.u-mb10em {
  margin-bottom: 10em;
}

.u-pt10em {
  padding-top: 10em;
}

.u-pb10em {
  padding-bottom: 10em;
}

.u-white {
  color: #fff;
  fill: #fff;
}
.u-white * {
  color: #fff;
  fill: #fff;
}

.u-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.u-right {
  text-align: right;
  margin-left: auto;
}

.u-left {
  text-align: left;
  margin-right: auto;
}

@media (min-width: 769px) {
  .u-sp {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-pc {
    display: none !important;
  }
}