@charset "UTF-8";
/* ==========================================================================
 Foundation
============================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

caption {
  text-align: left;
}

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

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

html {
  font-size: 62.5%;
  scroll-padding-top: 80px;
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 1.6;
  letter-spacing: 0.11em;
  color: #262729;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body:has(.is-ham-open) {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

a {
  color: #000000;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

.wf-archivo {
  font-family: "Archivo", sans-serif;
}

/* ==========================================================================
 layout
============================================================================*/
.l-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: transparent;
  padding-right: 15px;
  padding-left: 55px;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 767px) {
  .l-header {
    background-color: #262729;
    padding: 0 4.5px 0 25px;
  }
}
.l-header.--scrolled {
  background-color: #262729;
}
body:not(.home) .l-header {
  background-color: #262729;
}
.l-header__container {
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-header__container {
    height: 62px;
  }
}
.l-header__logo {
  padding-top: 34px;
  width: 73px;
  transform-origin: top left;
}
body:not(.home) .l-header__logo {
  transform: scale(0.8);
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    padding-top: 0;
    width: 40px;
    transform: scale(1) !important;
  }
}

@media screen and (max-width: 767px) {
  .l-header-nav {
    position: fixed;
    top: 61px;
    left: 0;
    width: 100%;
    height: calc(100% - 61px);
    z-index: 999;
    clip-path: inset(0 0 0 100%);
    transition: clip-path 0.45s;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #262729;
    padding: 0 25px;
  }
  .is-ham-open .l-header-nav {
    clip-path: inset(0 0 0 0);
  }
}
.l-header-nav__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .l-header-nav__overlay {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__inner {
    max-width: 450px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header-nav__inner {
    pointer-events: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) and (max-height: 630px) {
  .l-header-nav__inner {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__inner a {
    pointer-events: auto;
  }
}
@media screen and (min-width: 768px) {
  .l-header-nav__logo {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__logo {
    width: 80%;
    max-width: 205px;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
  }
}
.l-header-nav__list {
  display: flex;
  align-items: center;
  gap: 3em;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1099px) {
  .l-header-nav__list {
    gap: 2em;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) and (max-height: 630px) {
  .l-header-nav__list {
    gap: 20px;
  }
}
.l-header-nav__item a {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .l-header-nav__item a .--ja,
  .l-header-nav__item a .--en {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__item a .--ja {
    font-size: 0.6470588235em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .l-header-nav__item a .--en {
    position: relative;
  }
  .l-header-nav__item a .--en::after {
    content: "";
    display: block;
    width: 0px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__item a .--en {
    font-weight: 700;
  }
}
.l-header-nav__item a:hover .--en::after, .l-header-nav__item a:focus .--en::after {
  width: 30px;
}
.l-header-nav__item.--disabled a {
  opacity: 0.2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-header-nav__item.--contact {
    width: 100%;
    margin-top: 20px;
  }
}
.l-header-nav__item.--contact a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background-color: #000000;
  padding: 14px 22px 11px;
  color: #ffffff;
  transition: background 0.3s, color 0.3s;
}
@media screen and (max-width: 767px) {
  .l-header-nav__item.--contact a {
    justify-content: center;
    background-color: #ffffff;
    color: #000000;
    width: 100%;
  }
}
.l-header-nav__item.--contact a::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url("../img/common/arrow-right.webp") no-repeat center center;
  background-size: contain;
  mix-blend-mode: difference;
  transform: translateY(-1px);
}
.l-header-nav__item.--contact a:hover, .l-header-nav__item.--contact a:focus {
  background-color: #ffffff;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .l-header-nav__item.--contact a:hover, .l-header-nav__item.--contact a:focus {
    background-color: #000000;
    color: #ffffff;
  }
}

.l-footer {
  padding: clamp(210px * 1, 100vw * 210 / 1280, 273px) 0 clamp(90px * 1, 100vw * 90 / 1280, 117px);
  background-color: #262729;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding-top: clamp(30px * 1, 100vw * 30 / 375, 39px);
    padding-bottom: clamp(40px * 1, 100vw * 40 / 375, 52px);
  }
}
body:not(.home) .l-footer {
  margin-top: clamp(88px * 1, 100vw * 88 / 1280, 114.4px);
  padding-top: clamp(64px * 1, 100vw * 64 / 1280, 83.2px);
}
@media screen and (max-width: 767px) {
  body:not(.home) .l-footer {
    padding-top: clamp(30px * 1, 100vw * 30 / 375, 39px);
  }
}
.l-footer a {
  color: #ffffff;
}
.l-footer__marquee {
  width: 100%;
  height: clamp(120.87px * 0.75, 100vw * 120.87 / 1280, 157.131px);
  background-image: url(../img/common/footer-text.webp);
  background-size: clamp(1867.67px * 0.75, 100vw * 1867.67 / 1280, 2427.971px) auto;
  background-repeat: repeat-x;
  background-position: 0px top;
  animation: footer-marquee 50s linear infinite;
}
@keyframes footer-marquee {
  0% {
    background-position: 0px top;
  }
  100% {
    background-position: clamp(-2427.971px, 100vw * -1867.67 / 1280, -1867.67px * 0.75) top;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__marquee {
    height: clamp(69.50025px * 1, 100vw * 69.50025 / 375, 90.350325px);
    background-image: url(../img/common/footer-text.webp);
    background-size: clamp(1073.91025px * 1, 100vw * 1073.91025 / 375, 1396.083325px) auto;
    background-repeat: repeat-x;
    background-position: 0px top;
    animation: footer-marquee-sp 50s linear infinite;
  }
  @keyframes footer-marquee-sp {
    0% {
      background-position: 0px top;
    }
    100% {
      background-position: clamp(-1396.083325px, 100vw * -1073.91025 / 375, -1073.91025px * 1) top;
    }
  }
}
.l-footer__inner {
  margin-top: clamp(80px * 1, 100vw * 80 / 1280, 104px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(60px * 1, 100vw * 60 / 375, 78px) clamp(30px * 1, 100vw * 30 / 1280, 39px);
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    margin-top: clamp(47px * 1, 100vw * 47 / 375, 61.1px);
  }
}
@media screen and (max-width: 767px) {
  .l-footer__right {
    width: 100%;
  }
}
.l-footer__logo {
  width: clamp(73px * 1, 100vw * 73 / 1280, 94.9px);
}
@media screen and (max-width: 767px) {
  .l-footer__logo {
    width: clamp(40px * 1, 100vw * 40 / 375, 52px);
  }
}
.l-footer__logo-link {
  display: block;
  width: 100%;
}
.l-footer__company-name {
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  letter-spacing: 0.06em;
  margin-top: clamp(24px * 1, 100vw * 24 / 1280, 31.2px);
}
@media screen and (max-width: 767px) {
  .l-footer__company-name {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
    margin-top: clamp(20px * 1, 100vw * 20 / 375, 26px);
  }
}
.l-footer__address {
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  letter-spacing: 0.06em;
  margin-top: clamp(2px * 1, 100vw * 2 / 1280, 2.6px);
}
@media screen and (max-width: 767px) {
  .l-footer__address {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
  }
}
.l-footer__bottom {
  font-size: clamp(11px * 1, 100vw * 11 / 1280, 14.3px);
  margin-top: clamp(30px * 1, 100vw * 30 / 1280, 39px);
}
@media screen and (max-width: 767px) {
  .l-footer__bottom {
    font-size: clamp(10px * 1, 100vw * 10 / 375, 13px);
    margin-top: clamp(30px * 1, 100vw * 30 / 375, 39px);
    display: block;
    text-align: center;
  }
}
.l-footer__bottom small {
  font-size: 1em;
}

.l-footer-nav__list {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: clamp(47px * 1, 100vw * 47 / 1280, 61.1px) clamp(80px * 0.5, 100vw * 80 / 1280, 104px);
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .l-footer-nav__list {
    grid-template-columns: 160fr 126fr;
    gap: clamp(20px * 1, 100vw * 20 / 375, 26px) clamp(30px * 1, 100vw * 30 / 375, 39px);
  }
}
.l-footer-nav__item.--disabled {
  pointer-events: none;
}
.l-footer-nav__item a {
  display: block;
  text-shadow: 0px 0px 0px rgba(114, 113, 113, 0);
  transition: text-shadow 0.05s, transform 0.25s;
}
.l-footer-nav__item a span {
  transition: transform 0.3s;
}
.l-footer-nav__item:not(:has(.--contact)):hover, .l-footer-nav__item:not(:has(.--contact)):focus {
  transition: text-shadow 0.05s;
}
.l-footer-nav__item:not(:has(.--contact)):hover span, .l-footer-nav__item:not(:has(.--contact)):focus span {
  transform: translate(0px, -3px);
}
@media screen and (max-width: 767px) {
  .l-footer-nav__item:has(.--contact), .l-footer-nav__item:has(a[href*=privacy]) {
    grid-column: 1/3;
  }
}
.l-footer-nav__name-ja {
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  display: block;
}
.l-footer-nav__name-en {
  font-size: clamp(20px * 1, 100vw * 20 / 1280, 26px);
  font-weight: 700;
  display: block;
}
a:hover .l-footer-nav__name-en::after, a:focus .l-footer-nav__name-en::after {
  width: 30px;
}
.--disabled .l-footer-nav__link {
  opacity: 0.2;
  pointer-events: none;
}
.l-footer-nav__link.--contact {
  display: inline-flex;
  align-items: center;
  font-size: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  font-weight: 700;
  letter-spacing: 0.06em;
  gap: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  background-color: #ffffff;
  color: #262729;
  padding: clamp(10px * 1, 100vw * 10 / 1280, 13px) clamp(22px * 1, 100vw * 22 / 1280, 28.6px);
  align-self: flex-end;
  transition: background 0.3s, color 0.3s;
}
.l-footer-nav__link.--contact:hover, .l-footer-nav__link.--contact:focus {
  background-color: #000000;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .l-footer-nav__link.--contact {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: clamp(10px * 1, 100vw * 10 / 375, 13px);
    font-size: clamp(13px * 1, 100vw * 13 / 375, 16.9px);
  }
}
.l-footer-nav__link.--contact::after {
  content: "";
  display: inline-block;
  width: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  height: clamp(10px * 1, 100vw * 10 / 1280, 13px);
  background: url(../img/common/arrow-right.webp) no-repeat center center;
  background-size: contain;
  mix-blend-mode: difference;
  transform: translateY(clamp(-1.3px, 100vw * -1 / 1280, -1px * 1));
}

body:not(.home) .l-main {
  padding-top: 82px;
}
@media screen and (max-width: 767px) {
  body:not(.home) .l-main {
    padding-top: 62px;
  }
}

.l-inner {
  margin: auto;
  max-width: clamp(1012px * 1, 100vw * 1012 / 1280, 1315.6px);
  width: 90%;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 100%;
    width: 100%;
    padding: 0 25px;
  }
}
.l-inner.--small {
  max-width: clamp(815px * 1, 100vw * 815 / 1280, 1059.5px);
}
.l-inner.--privacy {
  max-width: clamp(792px * 1, 100vw * 792 / 1280, 1029.6px);
  padding-top: clamp(99px * 1, 100vw * 99 / 1280, 128.7px);
}
@media screen and (max-width: 767px) {
  .l-inner.--privacy {
    width: 100%;
    padding: clamp(68px * 1, 100vw * 68 / 1280, 88.4px) 25px 0;
  }
}
.l-inner.--privacy-policy-contact {
  max-width: clamp(1012px * 1, 100vw * 1012 / 1280, 1315.6px);
}
@media screen and (max-width: 767px) {
  .l-inner.--privacy-policy-contact {
    width: 100%;
    padding: 0 25px;
  }
}

/* ==========================================================================
 object
============================================================================*/
.c-ttl-sec {
  display: flex;
  align-items: baseline;
  font-weight: 700;
  line-height: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 767px) {
  .c-ttl-sec {
    line-height: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
  }
}
.c-ttl-sec.--white {
  color: #ffffff;
}
.c-ttl-sec__sub {
  display: flex;
  align-items: baseline;
  min-width: clamp(95px * 1, 100vw * 95 / 1280, 123.5px);
  margin-right: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  border-right: 2px solid #262729;
  padding-right: 0.6em;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec__sub {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
    margin-right: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
    min-width: clamp(58px * 1, 100vw * 58 / 375, 75.4px);
  }
}
.--white .c-ttl-sec__sub {
  border-color: #ffffff;
}
.c-ttl-sec__sub .--no {
  padding-right: clamp(10px * 1, 100vw * 10 / 1280, 13px);
  font-size: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  letter-spacing: 0.11em;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec__sub .--no {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
    padding-right: 0;
  }
}
.c-ttl-sec__sub .--num {
  font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  letter-spacing: 0.22em;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec__sub .--num {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
  }
}
.c-ttl-sec__sub .--main {
  font-size: clamp(17px * 1, 100vw * 17 / 1280, 22.1px);
}
@media screen and (max-width: 767px) {
  .c-ttl-sec__sub .--main {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
  }
}

.c-ttl-header {
  background-position: center;
  background-size: cover;
  width: 100%;
  color: #ffffff;
}
.p-contact .c-ttl-header {
  background-image: url(../img/contact/contact-hader.webp);
}
@media screen and (max-width: 767px) {
  .p-contact .c-ttl-header {
    background-image: url(../img/contact/contact-hader-sp.webp);
  }
}
.p-privacy-policy .c-ttl-header {
  background-image: url(../img/privacy-policy/privacy-policy-header.webp);
}
@media screen and (max-width: 767px) {
  .p-privacy-policy .c-ttl-header {
    background-image: url(../img/privacy-policy/privacy-policy-header-sp.webp);
  }
}
.c-ttl-header.--btm {
  background-position: bottom center;
}
.c-ttl-header__h1 {
  height: clamp(427px * 0.5, 100vw * 427 / 1280, 427px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: clamp(30px * 0.5, 100vw * 30 / 1280, 30px);
}
@media screen and (max-width: 767px) {
  .c-ttl-header__h1 {
    height: 378px;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 55px;
  }
}
.c-ttl-header__en {
  font-size: clamp(108px * 0.5, 100vw * 108 / 1280, 108px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .c-ttl-header__en {
    font-size: clamp(56px * 1, 100vw * 56 / 1280, 72.8px);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.03em;
  }
}
.c-ttl-header__ja {
  margin-top: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .c-ttl-header__ja {
    margin-top: clamp(4px * 1, 100vw * 4 / 1280, 5.2px);
    font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  }
}

.c-ttl-simple {
  font-size: 2.7777777778em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-ttl-simple {
    font-size: 1.6666666667em;
  }
}

.c-ttl-image {
  display: flex;
  justify-content: center;
}
.c-ttl-image span {
  display: block;
}
.c-ttl-image .--text {
  position: relative;
}
.c-ttl-image .--text > img {
  position: relative;
  z-index: 10;
}
.c-ttl-image .--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.c-ttl-round {
  max-width: clamp(555px * 1, 100vw * 555 / 1280, 888px);
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  font-size: clamp(15px * 1, 100vw * 15 / 1280, 24px);
  font-weight: 600;
  margin: auto;
  padding: clamp(9px * 1, 100vw * 9 / 1280, 14.4px) clamp(20px * 1, 100vw * 20 / 1280, 32px);
}

.c-ttl-sec + .c-txt-sec {
  margin-top: 0.8888888889em;
}

.c-btn-soft {
  display: block;
  border-radius: 10px;
  width: 160px;
  font-size: 13px;
  color: #ffffff;
  line-height: 1;
  padding: 1em 0;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  transition: transform 0.5s cubic-bezier(0.42, 2.5, 0.45, 1.005);
}
.c-btn-soft:hover, .c-btn-soft:focus {
  transform: scale(1.1);
}
.c-btn-soft.--disabled {
  background: #b3b3b3 !important;
  pointer-events: none;
}
.c-btn-soft.--smaller {
  font-size: 11px;
  padding: 1.1818181818em 0;
}
.c-btn-soft.--smallest {
  font-size: 10px;
  padding: 1.3em 0;
}

.c-btn-round {
  display: flex;
  justify-content: center;
}
.c-btn-round a {
  display: grid;
  place-items: center;
  background-color: #68524b;
  color: #ffffff;
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 19.2px);
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0.5em 1.5em;
  border-radius: 100vh;
  min-width: sizeX(160);
}
.c-btn-round.--large a {
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 19.2px);
  min-width: sizeX(200);
  letter-spacing: 0.01em;
  padding: 0.8em 1.5em;
}

.c-accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.7s;
}
.--open > .c-accordion__body {
  grid-template-rows: 1fr;
}
.c-accordion__inner {
  overflow: hidden;
}
.c-accordion__btn.--plus {
  display: flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
}
.c-accordion__plus {
  display: block;
  width: 2em;
  height: 2em;
  border: 1px solid #efefef;
  border-radius: 50%;
  position: relative;
}
.c-accordion__plus::before, .c-accordion__plus::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 0.3em);
  width: 0.6em;
  height: 2px;
  background-color: #efefef;
  transition: transform 0.3s;
}
.c-accordion__plus::after {
  transform: rotate(-90deg);
}
.--open .c-accordion__plus::after {
  transform: rotate(0deg);
}

.c-anim-pos {
  position: relative;
}

.c-anim-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-inner:has(.c-anim-cont) {
  position: relative;
}

.c-breadcrumbs {
  padding-bottom: 10px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs {
    font-size: 12px;
    padding-bottom: 5px;
  }
}
.c-breadcrumbs > span {
  display: flex;
}
.c-breadcrumbs > span > span {
  display: flex;
}
.c-breadcrumbs > span > span:first-child {
  width: 70px;
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs > span > span:first-child {
    width: 50px;
  }
}
.c-breadcrumbs > span > span:first-child a {
  display: block;
  transform: translateY(15%);
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs > span > span:first-child a {
    transform: translateY(17%);
  }
}
.c-breadcrumbs > span > span:not(:last-child)::after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  padding: 0 0.5em;
  color: #c0c0c0;
}

.c-ham {
  position: relative;
  z-index: 9999;
  width: 60px;
  height: 60px;
  display: block;
}
@media screen and (min-width: 768px) {
  .c-ham__container {
    display: none;
  }
}
.c-ham__line {
  position: absolute;
  top: 29.5px;
  left: 20.5px;
  width: 19px;
  height: 1px;
  display: block;
  background-color: #ffffff;
  transition: transform 0.3s;
}
.c-ham__line:nth-of-type(1) {
  transform: translateY(-3px);
}
.is-ham-open .c-ham__line:nth-of-type(1) {
  transform: translateY(0px) rotate(45deg);
}
.c-ham:not(.--two-line) .c-ham__line:nth-of-type(2) {
  transition: opacity 0.3s;
}
.is-ham-open .c-ham:not(.--two-line) .c-ham__line:nth-of-type(2) {
  opacity: 0;
}
.c-ham__line:last-of-type {
  transform: translateY(3px);
}
.is-ham-open .c-ham__line:last-of-type {
  transform: translateY(0px) rotate(-45deg);
}

.c-list-cat .c-accordion__body {
  padding-left: 7em;
}
@media screen and (max-width: 767px) {
  .c-list-cat .c-accordion__body {
    padding-left: 0;
  }
}
.c-list-cat__row {
  display: grid;
  grid-template-columns: 7em 1fr;
  gap: 1em;
}
.c-list-cat__row.--followed {
  margin-top: 1.2777777778em;
}
@media screen and (max-width: 767px) {
  .c-list-cat__row {
    grid-template-columns: 1fr;
  }
}
.c-list-cat__ttl {
  font-size: 1em;
  font-weight: 700;
  align-self: center;
}
.c-list-cat__header {
  padding-bottom: 1.2777777778em;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.c-list-cat__header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7em;
  height: 1px;
}
.c-list-cat__top {
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat__inner {
  display: flex;
  gap: 1em;
  white-space: nowrap;
  flex-wrap: wrap;
}
.c-list-cat__inner.--tag {
  padding-top: 1em;
  font-size: 0.9em;
}
.c-list-cat__link {
  padding: 0.6em 1em;
  border-radius: 10px;
  transition: background-color 0.3s, border-color 0.3s;
  border: 1px solid #efefef;
}
.c-list-cat__link.--active {
  color: #ffffff;
}
.c-list-cat__divider {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5em;
}
.c-list-cat__matched {
  padding-left: 1.5em;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat__matched::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  width: 1px;
  height: 110%;
  background-color: #efefef;
}
@media screen and (max-width: 767px) {
  .c-list-cat__matched.--pc {
    display: none;
  }
}
.c-list-cat__matched.--sp {
  padding-left: 0;
  margin-top: 1em;
}
.c-list-cat__matched.--sp::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-list-cat__matched.--sp {
    display: none;
  }
}

.c-list-cat-sort {
  margin-top: 0.7em;
}
.c-list-cat-sort__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
}
.c-list-cat-sort__item {
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat-sort__list {
  display: flex;
  align-items: center;
  gap: 0.7em;
}
.c-list-cat-sort__btn {
  opacity: 0.5;
}
.c-list-cat-sort__btn.--active {
  opacity: 1;
}
.c-list-cat-sort__icon {
  display: inline-block;
  margin-left: 0.2em;
  width: 0.8em;
  height: 1em;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transform: translateY(0.1em);
}
.c-list-cat-sort__icon.--up {
  transform: translateY(0.1em) rotate(180deg);
}

@media screen and (max-width: 767px) {
  .c-marquee {
    font-size: 13px;
  }
}
.c-marquee .swiper {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.c-marquee .swiper.swiper-initialized {
  opacity: 1;
}
.c-marquee .swiper-wrapper {
  transition-timing-function: linear;
}
.p-branding .c-marquee .swiper-slide {
  width: 86.7777777778em;
}
.p-mvv .c-marquee .swiper-slide {
  width: 189.0555555556em;
}
.p-story .c-marquee .swiper-slide {
  width: 92.7777777778em;
}
.c-marquee__item {
  display: flex;
}
.c-marquee__img:nth-child(1) {
  width: 94px;
}
.c-marquee__img:nth-child(2) {
  width: 55px;
}
.c-marquee__img:nth-child(3) {
  width: 108px;
}
.c-marquee__img:nth-child(4) {
  width: 58px;
}
.c-marquee__img:nth-child(5) {
  width: 93px;
}
.c-marquee__img:nth-child(6) {
  width: 66px;
}
.c-marquee__img:nth-child(7) {
  width: 105px;
}
.c-marquee__img:nth-child(8) {
  width: 147px;
}
.c-marquee__img:nth-child(9) {
  width: 81px;
}
.c-marquee__img:nth-child(10) {
  width: 61px;
}
.c-marquee__img:nth-child(11) {
  width: 29px;
}
.c-marquee__img:nth-child(12) {
  width: 72px;
}
.c-marquee__img:nth-child(13) {
  width: 95px;
}
.c-marquee__img:nth-child(14) {
  width: 70px;
}
.c-marquee__img:nth-child(15) {
  width: 97px;
}
.c-marquee__img:nth-child(16) {
  width: 58px;
}
.c-marquee__img:nth-child(17) {
  width: 94px;
}
.c-marquee__img:nth-child(18) {
  width: 179px;
}

/* Modal */
.modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.modal__container {
  max-width: 90%;
  max-height: 90vh;
  padding: 30px;
  overflow-y: auto;
}

.modal__title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
}

.modal__footer {
  display: flex;
  justify-content: flex-end;
}

.modal__content img {
  width: 100%;
  height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* Animation */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  transition: visibility 0.5s ease-in-out;
  visibility: hidden;
}

.micromodal-slide.is-open {
  visibility: visible;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  font-size: clamp(26px * 1, 100vw * 26 / 1280, 41.6px);
  gap: 1.2em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-pagination {
    padding: 0 20px;
    margin-top: 56px;
    font-size: clamp(16px * 0.8, 100vw * 16 / 375, 19.2px);
  }
  .c-pagination .c-btn-round a {
    padding: 20px 35px;
    min-width: 170px;
  }
}
.c-pagination a {
  text-decoration: none;
}
.c-pagination a:hover {
  opacity: 0.65;
}
.c-pagination__page.--current {
  border: none;
  pointer-events: none;
  color: #000000;
  font-weight: 500;
}
.c-pagination__page.--dots {
  border: none;
  pointer-events: none;
  transform: translateY(0.5em);
}

.c-para-bg {
  position: relative;
  overflow: hidden;
}
.c-para-bg__bg {
  position: absolute;
  top: -25%;
  left: 0;
  width: 100%;
  height: 125%;
}
@media screen and (max-width: 767px) {
  .c-para-bg__bg {
    top: -35%;
    height: 135%;
  }
  .--no-sp .c-para-bg__bg {
    top: 0%;
    height: 100%;
  }
}

[data-effect^=fade-in] {
  opacity: 0;
}

[data-effect=fade-in-up] {
  transform: translateY(20px);
}

[data-zoom=in-out],
[data-zoom=in] {
  transform: scale(0.5);
  opacity: 0;
  transform-origin: left bottom;
}
@media (prefers-reduced-motion: reduce) {
  [data-zoom=in-out],
  [data-zoom=in] {
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-zoom=out] {
    transform: none !important;
    opacity: 1 !important;
  }
}

[data-zoom-orig=center-bottom] {
  transform-origin: center bottom;
}

[data-fade=in] {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  [data-fade=in] {
    opacity: 1 !important;
  }
}

[data-card=in-out] [data-card-item],
[data-card=in] [data-card-item] {
  transform: scale(0.7) translateY(20px);
  opacity: 0;
  transform-origin: left bottom;
}
@media (prefers-reduced-motion: reduce) {
  [data-card=in-out] [data-card-item],
  [data-card=in] [data-card-item] {
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-card=out] [data-card-item] {
    transform: none !important;
    opacity: 1 !important;
  }
}

[data-type-in] {
  max-width: 90vw;
}
[data-type-in] > span,
[data-type-in] > span > span {
  display: inline !important;
}

.path-pc__base {
  fill: #fff;
  -webkit-mask: url(#path-pc-mask);
          mask: url(#path-pc-mask);
}
.path-pc__mask {
  stroke-miterlimit: 500;
  stroke: #fff;
  stroke-dashoffset: 0 !important;
}
.path-pc__mask.--mask-pc-1 {
  stroke-dasharray: 990 990;
  stroke-dashoffset: 990;
}
.path-pc__mask.--mask-pc-2 {
  stroke-dasharray: 1180 1180;
  stroke-dashoffset: 1180;
}
.path-pc__mask.--mask-pc-3 {
  stroke-dasharray: 1240 1240;
  stroke-dashoffset: 1240;
}
.path-pc__mask.--mask-pc-4 {
  stroke-dasharray: 1300 1300;
  stroke-dashoffset: 1300;
}
.path-pc__mask.--mask-pc-5 {
  stroke-dasharray: 1320 1320;
  stroke-dashoffset: 1320;
}
.path-pc__mask.--mask-pc-6 {
  stroke-dasharray: 1410 1410;
  stroke-dashoffset: 1410;
}
.path-pc__mask.--mask-pc-7 {
  stroke-dasharray: 1320 1320;
  stroke-dashoffset: 1320;
}
.path-pc__mask.--mask-pc-8 {
  stroke-dasharray: 1820 1820;
  stroke-dashoffset: 1820;
}

.c-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f1f0e8;
  overflow: hidden;
}
.c-bg #path-pc {
  width: 1365px;
  height: 4797px;
  display: block;
  margin: auto;
  transform-origin: center top;
  transform: scaleX(1);
}
@media screen and (max-width: 1364px) {
  .c-bg #path-pc {
    transform-origin: left top;
  }
}

.c-card-service {
  font-weight: 600;
}
.c-card-service__ttl {
  display: flex;
  align-items: baseline;
  margin-top: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 1069px) {
  .c-card-service__ttl {
    flex-direction: column;
    gap: clamp(8px * 1, 100vw * 8 / 1280, 10.4px);
  }
}
@media screen and (max-width: 767px) {
  .c-card-service__ttl {
    flex-direction: row;
    gap: 0;
  }
}
.c-card-service__ttl-ja {
  display: block;
  padding-right: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 767px) {
  .c-card-service__ttl-ja {
    font-size: clamp(14px * 1, 100vw * 14 / 375, 18.2px);
  }
}
.c-card-service__ttl-en {
  display: block;
  color: #cecece;
  font-size: clamp(11px * 1, 100vw * 11 / 1280, 14.3px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 767px) {
  .c-card-service__ttl-en {
    font-size: clamp(11px * 1, 100vw * 11 / 375, 14.3px);
  }
}
.c-card-service__text {
  margin-top: clamp(20px * 1, 100vw * 20 / 1280, 26px);
  font-size: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  line-height: 1.9;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 767px) {
  .c-card-service__text {
    font-size: clamp(11px * 1, 100vw * 11 / 375, 14.3px);
    margin-top: clamp(11px * 1, 100vw * 11 / 375, 14.3px);
  }
}

.c-card-projects {
  padding-top: clamp(108px * 0.5, 100vw * 108 / 1280, 140.4px);
}
@media screen and (max-width: 767px) {
  .c-card-projects {
    padding-top: clamp(40px * 1, 100vw * 40 / 375, 52px);
  }
}
.c-card-projects__img {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.swiper-slide-active .c-card-projects__img {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .c-card-projects__img img {
    aspect-ratio: 325/230;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.c-card-projects__body {
  margin: clamp(20px * 1, 100vw * 20 / 1280, 26px) auto 0;
  padding-bottom: 5px;
  max-width: clamp(1012px * 1, 100vw * 1012 / 1280, 1315.6px);
  width: 90%;
  background-color: #262729;
  font-weight: 500;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.8s ease-in-out, transform 0.01s 0.8s ease-in-out;
}
.swiper-slide-active .c-card-projects__body {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.8s 0.6s ease-in-out, transform 0.8s 0.6s ease-in-out;
}
@media screen and (max-width: 767px) {
  .c-card-projects__body {
    background-color: transparent;
    width: 100%;
    margin-top: clamp(20px * 1, 100vw * 20 / 375, 26px);
  }
}
.c-card-projects__shop {
  font-size: clamp(18px * 1, 100vw * 18 / 1280, 23.4px);
  line-height: 1;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 767px) {
  .c-card-projects__shop {
    font-size: clamp(14px * 1, 100vw * 14 / 375, 18.2px);
  }
}
.c-card-projects__name {
  font-weight: 600;
}
.c-card-projects__meta {
  display: flex;
  margin-top: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  color: #a2a2a2;
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
}
@media screen and (max-width: 767px) {
  .c-card-projects__meta {
    margin-top: clamp(10px * 1, 100vw * 10 / 375, 13px);
    font-size: clamp(10px * 1, 100vw * 10 / 375, 13px);
  }
}
.c-card-projects__date {
  padding-right: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
.c-card-projects__credits {
  margin-top: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 767px) {
  .c-card-projects__credits {
    margin-top: clamp(15px * 1, 100vw * 15 / 375, 19.5px);
  }
}
.c-card-projects__credit {
  display: grid;
  grid-template-columns: 4em 1fr;
  align-items: baseline;
  -moz-column-gap: 1.1666666667em;
       column-gap: 1.1666666667em;
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  letter-spacing: 0.06em;
  line-height: 1.2;
}
.c-card-projects__credit + .c-card-projects__credit {
  margin-top: clamp(8px * 1, 100vw * 8 / 1280, 10.4px);
}
.c-card-projects__credit-key {
  position: relative;
  white-space: nowrap;
  border-right: 1px solid #ffffff;
}
.c-card-projects__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 767px) {
  .c-card-projects__tags {
    margin-top: clamp(16px * 1, 100vw * 16 / 375, 20.8px);
  }
}
.c-card-projects__tags li a {
  display: block;
  padding: clamp(5px * 1, 100vw * 5 / 1280, 6.5px) clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  color: #ffffff;
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  border: solid 1px;
}
@media screen and (max-width: 767px) {
  .c-card-projects__tags li a {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 15.6px);
    padding: clamp(5px * 1, 100vw * 5 / 375, 6.5px) clamp(12px * 1, 100vw * 12 / 375, 15.6px);
  }
}

.c-contact-flow {
  padding-top: clamp(100px * 1, 100vw * 100 / 1280, 130px);
  padding-bottom: clamp(80px * 1, 100vw * 80 / 1280, 104px);
}
@media screen and (max-width: 767px) {
  .c-contact-flow {
    padding-top: clamp(50px * 1, 100vw * 50 / 1280, 65px);
    padding-bottom: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  }
}
.c-contact-flow__steps {
  max-width: clamp(342px * 1, 100vw * 342 / 1280, 444.6px);
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-contact-flow__steps {
    max-width: clamp(256px * 1, 100vw * 256 / 1280, 332.8px);
  }
}
.c-contact-flow__box {
  margin-top: clamp(60px * 1, 100vw * 60 / 1280, 78px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-contact-flow__box {
    margin-top: clamp(30px * 1, 100vw * 30 / 1280, 39px);
  }
}
.c-contact-flow__txt {
  margin-bottom: clamp(30px * 1, 100vw * 30 / 1280, 39px);
  font-size: clamp(24px * 1, 100vw * 24 / 1280, 31.2px);
  line-height: 2;
  letter-spacing: 0.14em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-contact-flow__txt {
    font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
    line-height: 1.7em;
    letter-spacing: 0.07em;
    text-align: left;
  }
}
.c-contact-flow__note {
  font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  line-height: 2;
  letter-spacing: 0.14em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-contact-flow__note {
    font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
    text-align: left;
  }
}
.c-contact-flow__divider {
  width: 100%;
  height: clamp(1px * 1, 100vw * 1 / 1280, 1.3px);
  background: #000000;
  margin-top: clamp(80px * 1, 100vw * 80 / 1280, 104px);
}
@media screen and (max-width: 767px) {
  .c-contact-flow__divider {
    margin-top: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  }
}

/* ===== Contact block ===== */
.c-form {
  /* 行レイアウト */
  /* CF7ラッパの幅制御（必須） */
  /* CF7のエラーメッセージ */
}
.c-form__label {
  color: #222;
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-form__label {
    margin-top: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
    white-space: normal;
  }
}
.c-form__input {
  width: 100%;
  box-sizing: border-box;
  background: #f4f4f4;
  padding: clamp(17.4px * 1, 100vw * 17.4 / 1280, 22.62px) clamp(27px * 1, 100vw * 27 / 1280, 35.1px);
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  font-weight: 500;
  line-height: 1.8;
  color: #111;
}
.c-form__input::-moz-placeholder {
  color: #b7b7b7;
}
.c-form__input::placeholder {
  color: #b7b7b7;
}
@media screen and (max-width: 767px) {
  .c-form__input {
    padding: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  }
}
.c-form__textarea {
  width: 100%;
  line-height: 1.8;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
  background: #f4f4f4;
  padding: clamp(17.4px * 1, 100vw * 17.4 / 1280, 22.62px) clamp(27px * 1, 100vw * 27 / 1280, 35.1px);
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  font-weight: 500;
  line-height: 1.8;
  color: #111;
}
.c-form__textarea::-moz-placeholder {
  color: #b7b7b7;
}
.c-form__textarea::placeholder {
  color: #b7b7b7;
}
@media screen and (max-width: 767px) {
  .c-form__textarea {
    padding: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  }
}
.c-form__policy {
  margin: clamp(40px * 1, 100vw * 40 / 1280, 52px) 0 0;
  text-align: center;
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  font-weight: 500;
  color: #262729;
  line-height: 1.6;
  letter-spacing: 0.11em;
}
.c-form__policy a {
  text-decoration: underline;
  color: #347eb6;
}
@media screen and (max-width: 767px) {
  .c-form__policy {
    font-size: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
    margin: clamp(60px * 1, 100vw * 60 / 1280, 78px) 0 0;
  }
}
.c-form .c-form-contents {
  padding: 0 clamp(29px * 1, 100vw * 29 / 1280, 37.7px);
}
.c-form .c-form-box {
  display: flex;
  gap: clamp(80px * 1, 100vw * 80 / 1280, 104px);
  align-items: flex-start;
}
.--confirm .c-form .c-form-box {
  align-items: baseline;
}
.c-form .c-form-box:not(:first-child) {
  margin-top: clamp(50px * 1, 100vw * 50 / 1280, 65px);
}
@media screen and (max-width: 767px) {
  .c-form .c-form-box:not(:first-child) {
    margin-top: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  }
}
@media screen and (max-width: 767px) {
  .c-form .c-form-box {
    display: block;
    align-items: stretch;
    gap: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  }
}
.c-form .c-form-ttl {
  width: clamp(123px * 1, 100vw * 123 / 1280, 159.9px);
  flex: 0 0 clamp(123px * 1, 100vw * 123 / 1280, 159.9px);
  padding-top: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
}
@media screen and (max-width: 767px) {
  .c-form .c-form-ttl {
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-form .c-form-ttl.--textarea {
    margin-top: 0;
  }
}
.c-form .c-form-txt {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.--confirm .c-form .c-form-txt {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form .c-form-txt {
    margin-top: clamp(12px * 1, 100vw * 12 / 1280, 15.6px);
  }
}
.c-form .c-form-txt > .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.c-form .c-form-txt .wpcf7-form-control {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.c-form .wpcf7-not-valid-tip {
  color: #d33;
  font-size: 13px;
  margin-top: 6px;
  display: block;
}

/* 追加・調整用の変数 */
/* ラッパー */
.c-form__btn {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(30px * 1, 100vw * 30 / 1280, 39px) auto 0;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form__btn {
    width: 100%;
    margin: clamp(40px * 1, 100vw * 40 / 1280, 52px) auto 0;
  }
}
.--confirm .c-form__btn {
  margin-top: clamp(63px * 1, 100vw * 63 / 1280, 81.9px);
}
.c-form__btn::after {
  content: "";
  position: absolute;
  top: clamp(21px * 1, 100vw * 21 / 1280, 27.3px);
  width: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  height: clamp(10px * 1, 100vw * 10 / 1280, 13px);
  left: calc(50% + 5.5em);
  transform: translateX(0);
  background-color: currentColor;
  -webkit-mask: url("../img/common/arrow-right.svg") no-repeat center/contain;
  mask: url("../img/common/arrow-right.svg") no-repeat center/contain;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0.95;
}
.c-form__btn:hover::after {
  transform: translateX(clamp(5px * 1, 100vw * 5 / 1280, 6.5px));
  opacity: 1;
}

.c-form__prev {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width: 100%;
}
.c-form__prev .wpcf7-previous {
  position: relative;
  font-weight: 900;
}
.c-form__prev::before {
  content: "";
  display: block;
  top: clamp(21px * 1, 100vw * 21 / 1280, 27.3px);
  width: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  height: clamp(10px * 1, 100vw * 10 / 1280, 13px);
  transform: translateX(0);
  background-color: currentColor;
  -webkit-mask: url("../img/common/arrow-left-black.webp") no-repeat center/contain;
  mask: url("../img/common/arrow-left-black.webp") no-repeat center/contain;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.c-form__prev:hover::after {
  transform: translateX(clamp(5px * 1, 100vw * 5 / 1280, 6.5px));
}

.c-form__submit {
  display: block;
  width: clamp(281px * 1, 100vw * 281 / 1280, 365.3px);
  max-width: 100%;
  margin: 0;
  background: #262729;
  color: #fff;
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease;
  text-align: center;
  padding: clamp(19px * 1, 100vw * 19 / 1280, 24.7px) clamp(10px * 1, 100vw * 10 / 1280, 13px);
}
.c-form__submit:hover {
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .c-form__submit {
    width: 100%;
  }
}

.c-mv-sub {
  position: relative;
  overflow: hidden;
}
.c-mv-sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.c-mv-sub.--issue::before {
  content: "";
  background: linear-gradient(-60deg, #f000c6 0%, #00cab2 80%);
}
.c-mv-sub.--prop::before {
  content: "";
  background: linear-gradient(120deg, #5c86ff 0%, #5c29ff 26%, #00cab2 80%);
}
.c-mv-sub__inner {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .c-mv-sub__inner {
    max-height: 140vw;
  }
}
.c-mv-sub__move {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 95vh) {
  .c-mv-sub__move {
    top: 42%;
  }
}
.c-mv-sub__move video {
  display: block;
  width: 100%;
  height: auto;
  animation: rotateInside 60s linear infinite;
}
@keyframes rotateInside {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-mv-sub__move-inner {
  width: 150vmin;
  height: 129.9038105677vmin;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #fff;
  position: relative;
  animation: rotateTriangle 60s linear infinite;
  transform-origin: 50% 66.666666%;
}
@keyframes rotateTriangle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.c-mv-sub__move-inner-inner {
  position: absolute;
  width: 80%;
  top: 66.666666%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-mv-sub__inner {
  position: relative;
}
.c-mv-sub__btn {
  position: absolute;
  width: 9.2222222222em;
  bottom: 2.2222222222em;
  right: 2.2222222222em;
  z-index: 50;
}
@media screen and (max-width: 759px) {
  .c-mv-sub__btn {
    width: 45%;
    bottom: 0;
    right: 0;
  }
}
.c-mv-sub__info {
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}
@media (max-width: 140vh) {
  .c-mv-sub__info {
    align-items: flex-start;
    padding-top: 10vh;
  }
}
@media (max-width: 95vh) {
  .c-mv-sub__info {
    align-items: flex-start;
    padding-top: 15vh;
  }
}
.c-mv-sub__info-inner {
  width: 25%;
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 140vh) {
  .c-mv-sub__info-inner {
    flex-direction: row;
    width: 100%;
    height: 15vmin;
  }
  .c-mv-sub__info-inner img {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 95vh) {
  .c-mv-sub__info-inner {
    flex-direction: column;
    width: 40%;
    height: 90%;
  }
  .c-mv-sub__info-inner img {
    width: 100%;
    height: auto;
  }
}

.c-people-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.c-people-top__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-top__item.--people-1 {
  display: block;
  top: clamp(131.25px, 12.8205128205vw, 262.5px);
  left: max(9.5238095238vw, 65px);
  width: max(6.2271062271vw, 42.5px);
}
.c-people-top__item.--people-2 {
  display: block;
  top: clamp(97.5px, 9.5238095238vw, 195px);
  left: max(19.4139194139vw, 132.5px);
  width: max(14.5054945055vw, 99px);
}
.c-people-top__item.--people-3 {
  display: block;
  top: clamp(60px, 5.8608058608vw, 120px);
  left: max(33.6996336996vw, 230px);
  width: max(15.2380952381vw, 104px);
}
.c-people-top__item.--people-4 {
  display: block;
  top: clamp(72px, 7.032967033vw, 144px);
  left: max(60.8058608059vw, 415px);
  width: max(3.36996337vw, 23px);
}
.c-people-top__item.--people-5 {
  display: block;
  top: clamp(67.5px, 6.5934065934vw, 135px);
  left: max(71.7948717949vw, 490px);
  width: max(18.1684981685vw, 124px);
}
.c-people-top__item.--people-6 {
  display: block;
  top: clamp(251.25px, 24.5421245421vw, 502.5px);
  left: max(-5.8608058608vw, -40px);
  width: max(16.1172161172vw, 110px);
}
.c-people-top__item.--people-7 {
  display: block;
  top: clamp(213.75px, 20.8791208791vw, 427.5px);
  left: max(17.5824175824vw, 120px);
  width: max(10.1098901099vw, 69px);
}
.c-people-top__item.--people-8 {
  display: block;
  top: clamp(435px, 42.4908424908vw, 870px);
  left: max(2.1978021978vw, 15px);
  width: max(16.9230769231vw, 115.5px);
}
.c-people-top__item.--people-9 {
  display: block;
  top: clamp(506.25px, 49.4505494505vw, 1012.5px);
  left: max(42.1245421245vw, 287.5px);
  width: max(13.4065934066vw, 91.5px);
}
.c-people-top__item.--people-10 {
  display: block;
  top: clamp(487.5px, 47.619047619vw, 975px);
  left: max(60.4395604396vw, 412.5px);
  width: max(16.8498168498vw, 115px);
}
.c-people-top__item.--people-11 {
  display: block;
  top: clamp(228.75px, 22.3443223443vw, 457.5px);
  left: max(91.9413919414vw, 627.5px);
  width: max(5.4212454212vw, 37px);
}
.c-people-top__item.--people-12 {
  display: block;
  top: clamp(315px, 30.7692307692vw, 630px);
  left: max(77.6556776557vw, 530px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-top__item.--people-13 {
  display: block;
  top: clamp(442.5px, 43.2234432234vw, 885px);
  left: max(85.7142857143vw, 585px);
  width: max(12.6007326007vw, 86px);
}
.c-people-top__item.--people-14 {
  display: block;
  top: clamp(791.25px, 77.2893772894vw, 1582.5px);
  left: max(1.0989010989vw, 7.5px);
  width: max(12.2344322344vw, 83.5px);
}
.c-people-top__item.--people-15 {
  display: block;
  top: clamp(723.75px, 70.695970696vw, 1447.5px);
  left: max(38.0952380952vw, 260px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-top__item.--people-16 {
  display: block;
  top: clamp(1050px, 102.5641025641vw, 2100px);
  left: max(9.5238095238vw, 65px);
  width: max(17.8754578755vw, 122px);
}
.c-people-top__item.--people-17 {
  display: block;
  top: clamp(1068.75px, 104.3956043956vw, 2137.5px);
  left: max(34.7985347985vw, 237.5px);
  width: max(15.6776556777vw, 107px);
}
.c-people-top__item.--people-18 {
  display: block;
  top: clamp(1121.25px, 109.5238095238vw, 2242.5px);
  left: max(67.7655677656vw, 462.5px);
  width: max(12.967032967vw, 88.5px);
}
.c-people-top__item.--people-19 {
  display: block;
  top: clamp(585px, 57.1428571429vw, 1170px);
  left: max(80.2197802198vw, 547.5px);
  width: max(12.8205128205vw, 87.5px);
}
.c-people-top__item.--people-20 {
  display: block;
  top: clamp(1263.75px, 123.4432234432vw, 2527.5px);
  left: max(5.8608058608vw, 40px);
  width: max(8.7179487179vw, 59.5px);
}
.c-people-top__item.--people-22 {
  display: block;
  top: clamp(1267.5px, 123.8095238095vw, 2535px);
  left: max(87.5457875458vw, 597.5px);
  width: max(4.7619047619vw, 32.5px);
}
.c-people-top__item.--people-23 {
  display: block;
  top: clamp(1702.5px, 166.3003663004vw, 3405px);
  left: max(12.0879120879vw, 82.5px);
  width: max(4.6153846154vw, 31.5px);
}
.c-people-top__item.--people-24 {
  display: block;
  top: clamp(1706.25px, 166.6666666667vw, 3412.5px);
  left: max(80.2197802198vw, 547.5px);
  width: max(12.2344322344vw, 83.5px);
}
.c-people-top__item.--people-26 {
  display: block;
  top: clamp(1905px, 186.0805860806vw, 3810px);
  left: max(38.0952380952vw, 260px);
  width: max(8.9377289377vw, 61px);
}
.c-people-top__item.--people-27 {
  display: block;
  top: clamp(1905px, 186.0805860806vw, 3810px);
  left: max(85.7142857143vw, 585px);
  width: max(10.1098901099vw, 69px);
}
.c-people-top__item.--people-28 {
  display: block;
  top: clamp(1968.75px, 192.3076923077vw, 3937.5px);
  left: max(3.2967032967vw, 22.5px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-top__item.--people-30 {
  display: block;
  top: clamp(2025px, 197.8021978022vw, 4050px);
  left: max(76.9230769231vw, 525px);
  width: max(5.4945054945vw, 37.5px);
}
.c-people-top__item.--people-31 {
  display: block;
  top: clamp(2392.5px, 233.6996336996vw, 4785px);
  left: max(65.9340659341vw, 450px);
  width: max(5.2014652015vw, 35.5px);
}
.c-people-top__item.--people-32 {
  display: block;
  top: clamp(2291.25px, 223.8095238095vw, 4582.5px);
  left: max(75.0915750916vw, 512.5px);
  width: max(16.9230769231vw, 115.5px);
}
.c-people-top__item.--people-33 {
  display: block;
  top: clamp(2388.75px, 233.3333333333vw, 4777.5px);
  left: max(7.326007326vw, 50px);
  width: max(14.8717948718vw, 101.5px);
}
.c-people-top__item.--people-34 {
  display: block;
  top: clamp(2452.5px, 239.5604395604vw, 4905px);
  left: max(28.5714285714vw, 195px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-top__item.--people-35 {
  display: block;
  top: clamp(2565px, 250.5494505495vw, 5130px);
  left: max(54.9450549451vw, 375px);
  width: max(9.8168498168vw, 67px);
}
.c-people-top__item.--people-36 {
  display: block;
  top: clamp(2486.25px, 242.8571428571vw, 4972.5px);
  left: max(79.8534798535vw, 545px);
  width: max(9.3772893773vw, 64px);
}
.c-people-top__item.--people-37 {
  display: block;
  top: clamp(2865px, 279.8534798535vw, 5730px);
  left: max(6.2271062271vw, 42.5px);
  width: max(5.2747252747vw, 36px);
}
.c-people-top__item.--people-38 {
  display: block;
  top: clamp(2928.75px, 286.0805860806vw, 5857.5px);
  left: max(24.1758241758vw, 165px);
  width: max(13.4798534799vw, 92px);
}
.c-people-top__item.--people-39 {
  display: block;
  top: clamp(2947.5px, 287.9120879121vw, 5895px);
  left: max(59.706959707vw, 407.5px);
  width: max(9.0842490842vw, 62px);
}
.c-people-top__item.--people-40 {
  display: block;
  top: clamp(2876.25px, 280.9523809524vw, 5752.5px);
  left: max(87.5457875458vw, 597.5px);
  width: max(5.347985348vw, 36.5px);
}
.c-people-top__item.--people-41 {
  display: block;
  top: clamp(3161.25px, 308.7912087912vw, 6322.5px);
  left: max(20.1465201465vw, 137.5px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-top__item.--people-42 {
  display: block;
  top: clamp(3120px, 304.7619047619vw, 6240px);
  left: max(60.0732600733vw, 410px);
  width: max(10.7692307692vw, 73.5px);
}
.c-people-top__item.--people-43 {
  display: block;
  top: clamp(3135px, 306.2271062271vw, 6270px);
  left: max(76.1904761905vw, 520px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-top__item.--people-44 {
  display: block;
  top: clamp(901.5px, 88.0586080586vw, 1803px);
  left: max(82.0512820513vw, 560px);
  width: max(13.3333333333vw, 91px);
}
@media screen and (max-width: 767px) {
  .c-people-top__item {
    display: none !important;
  }
  .c-people-top__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-top__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-sub {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-people-sub__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-sub__item.--people-6 {
  display: block;
  top: clamp(82.5px, 8.0586080586vw, 165px);
  left: max(21.978021978vw, 150px);
  width: max(10.1098901099vw, 69px);
}
.c-people-sub__item.--people-38 {
  display: block;
  top: clamp(135px, 13.1868131868vw, 270px);
  left: max(73.2600732601vw, 500px);
  width: max(13.4798534799vw, 92px);
}
.c-people-sub__item.--people-14 {
  display: block;
  top: clamp(356.25px, 34.7985347985vw, 712.5px);
  left: max(4.0293040293vw, 27.5px);
  width: max(11.9413919414vw, 81.5px);
}
.c-people-sub__item.--people-19 {
  display: block;
  top: clamp(311.25px, 30.4029304029vw, 622.5px);
  left: max(81.684981685vw, 557.5px);
  width: max(9.7435897436vw, 66.5px);
}
.c-people-sub__item.--people-16 {
  display: block;
  top: clamp(528.75px, 51.6483516484vw, 1057.5px);
  left: max(9.1575091575vw, 62.5px);
  width: max(17.4358974359vw, 119px);
}
.c-people-sub__item.--people-18 {
  display: block;
  top: clamp(705px, 68.8644688645vw, 1410px);
  left: max(79.8534798535vw, 545px);
  width: max(12.673992674vw, 86.5px);
}
.c-people-sub__item.--people-28 {
  display: block;
  top: clamp(862.5px, 84.2490842491vw, 1725px);
  left: max(78.021978022vw, 532.5px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-sub__item.--people-22 {
  display: block;
  top: clamp(847.5px, 82.7838827839vw, 1695px);
  left: max(87.1794871795vw, 595px);
  width: max(4.7619047619vw, 32.5px);
}
.c-people-sub__item.--people-24 {
  display: block;
  top: clamp(1042.5px, 101.8315018315vw, 2085px);
  left: max(13.5531135531vw, 92.5px);
  width: max(11.9413919414vw, 81.5px);
}
.c-people-sub__item.--people-20 {
  display: block;
  top: clamp(1083.75px, 105.8608058608vw, 2167.5px);
  left: max(84.9816849817vw, 580px);
  width: max(8.5714285714vw, 58.5px);
}
.c-people-sub__item.--people-44 {
  display: block;
  top: clamp(1113.75px, 108.7912087912vw, 2227.5px);
  left: max(3.663003663vw, 25px);
  width: max(13.0402930403vw, 89px);
}
.c-people-sub__item.--people-23 {
  display: block;
  top: clamp(1327.5px, 129.6703296703vw, 2655px);
  left: max(17.2161172161vw, 117.5px);
  width: max(4.5421245421vw, 31px);
}
.c-people-sub__item.--people-27 {
  display: block;
  top: clamp(1402.5px, 136.9963369963vw, 2805px);
  left: max(74.7252747253vw, 510px);
  width: max(10.0366300366vw, 68.5px);
}
.c-people-sub__item.--people-42 {
  display: block;
  top: clamp(1556.25px, 152.0146520147vw, 3112.5px);
  left: max(10.6227106227vw, 72.5px);
  width: max(10.695970696vw, 73px);
}
.c-people-sub__item.--people-37 {
  display: block;
  top: clamp(1642.5px, 160.4395604396vw, 3285px);
  left: max(80.5860805861vw, 550px);
  width: max(5.1282051282vw, 35px);
}
.c-people-sub__item.--people-33 {
  display: block;
  top: clamp(2006.25px, 195.9706959707vw, 4012.5px);
  left: max(7.326007326vw, 50px);
  width: max(10.6227106227vw, 72.5px);
}
.c-people-sub__item.--people-32 {
  display: block;
  top: clamp(1815px, 177.2893772894vw, 3630px);
  left: max(78.7545787546vw, 537.5px);
  width: max(15.6776556777vw, 107px);
}
.c-people-sub__item.--people-40 {
  display: block;
  top: clamp(2148.75px, 209.8901098901vw, 4297.5px);
  left: max(16.8498168498vw, 115px);
  width: max(5.2747252747vw, 36px);
}
.c-people-sub__item.--people-43 {
  display: block;
  top: clamp(2085px, 203.663003663vw, 4170px);
  left: max(75.4578754579vw, 515px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-sub__item.--people-39 {
  display: block;
  top: clamp(2460px, 240.293040293vw, 4920px);
  left: max(86.8131868132vw, 592.5px);
  width: max(9.010989011vw, 61.5px);
}
.c-people-sub__item.--people-46 {
  display: block;
  top: clamp(2688.75px, 262.6373626374vw, 5377.5px);
  left: max(15.7509157509vw, 107.5px);
  width: max(3.5897435897vw, 24.5px);
}
.c-people-sub__item.--people-41 {
  display: block;
  top: clamp(2685px, 262.2710622711vw, 5370px);
  left: max(85.347985348vw, 582.5px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-sub__item.--people-47 {
  display: block;
  top: clamp(2846.25px, 278.021978022vw, 5692.5px);
  left: max(7.6923076923vw, 52.5px);
  width: max(5.4212454212vw, 37px);
}
.c-people-sub__item.--people-11 {
  display: block;
  top: clamp(2994px, 292.4542124542vw, 5988px);
  left: max(75.0915750916vw, 512.5px);
  width: max(6.8131868132vw, 46.5px);
}
@media screen and (max-width: 767px) {
  .c-people-sub__item {
    display: none !important;
  }
  .c-people-sub__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-sub__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-about {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-people-about__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-about__item.--people-19 {
  display: block;
  top: clamp(570px * 1, 100vw * 570 / 1280, 912px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1045px), -50% - 100vw * (683 - 1045) / 1366, -50% - 2 * (683px - 1045 px)));
  width: clamp(145px * 1, 100vw * 145 / 1280, 232px);
  transform: translateX(clamp(-1 * -362px, -100vw * -362 / 1365, -2 * -362px));
  z-index: 10;
}
.c-people-about__item.--people-14 {
  display: block;
  top: clamp(855px * 1, 100vw * 855 / 1280, 1368px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 160px), -50% - 100vw * (683 - 160) / 1366, -50% - 2 * (683px - 160 px)));
  width: clamp(162px * 1, 100vw * 162 / 1280, 259.2px);
  transform: translateX(clamp(-2 * 523px, -100vw * 523 / 1365, -1 * 523px));
}
.c-people-about__item.--people-15 {
  display: block;
  top: clamp(1175px * 1, 100vw * 1175 / 1280, 1880px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 115px), -50% - 100vw * (683 - 115) / 1366, -50% - 2 * (683px - 115 px)));
  width: clamp(87px * 1, 100vw * 87 / 1280, 139.2px);
  transform: translateX(clamp(-2 * 568px, -100vw * 568 / 1365, -1 * 568px));
}
.c-people-about__item.--people-17 {
  display: block;
  top: clamp(1580px * 1, 100vw * 1580 / 1280, 2528px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 185px), -50% - 100vw * (683 - 185) / 1366, -50% - 2 * (683px - 185 px)));
  width: clamp(185px * 1, 100vw * 185 / 1280, 296px);
  transform: translateX(clamp(-2 * 498px, -100vw * 498 / 1365, -1 * 498px));
}
.c-people-about__item.--people-44 {
  display: block;
  top: clamp(1460px * 1, 100vw * 1460 / 1280, 2336px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1105px), -50% - 100vw * (683 - 1105) / 1366, -50% - 2 * (683px - 1105 px)));
  width: clamp(136px * 1, 100vw * 136 / 1280, 217.6px);
  transform: translateX(clamp(-1 * -422px, -100vw * -422 / 1365, -2 * -422px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-44 {
    transform: translateX(calc(-0.8 * -422px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-44 {
    transform: translateX(calc(-0.7 * -422px));
  }
}
.c-people-about__item.--people-18 {
  display: block;
  top: clamp(1885px * 1, 100vw * 1885 / 1280, 3016px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1036px), -50% - 100vw * (683 - 1036) / 1366, -50% - 2 * (683px - 1036 px)));
  width: clamp(174px * 1, 100vw * 174 / 1280, 278.4px);
  transform: translateX(clamp(-1 * -353px, -100vw * -353 / 1365, -2 * -353px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-18 {
    transform: translateX(calc(-0.8 * -353px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-18 {
    transform: translateX(calc(-0.7 * -353px));
  }
}
.c-people-about__item.--people-16 {
  display: block;
  top: clamp(1950px * 1, 100vw * 1950 / 1280, 3120px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 90px), -50% - 100vw * (683 - 90) / 1366, -50% - 2 * (683px - 90 px)));
  width: clamp(239px * 1, 100vw * 239 / 1280, 382.4px);
  transform: translateX(clamp(-2 * 593px, -100vw * 593 / 1365, -1 * 593px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-16 {
    transform: translateX(calc(-0.8 * 593px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-16 {
    transform: translateX(calc(-0.7 * 593px));
  }
}
.c-people-about__item.--people-22 {
  display: block;
  top: clamp(2185px * 1, 100vw * 2185 / 1280, 3496px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1180px), -50% - 100vw * (683 - 1180) / 1366, -50% - 2 * (683px - 1180 px)));
  width: clamp(63px * 1, 100vw * 63 / 1280, 100.8px);
  transform: translateX(clamp(-1 * -497px, -100vw * -497 / 1365, -2 * -497px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-22 {
    transform: translateX(calc(-0.8 * -497px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-22 {
    transform: translateX(calc(-0.7 * -497px));
  }
}
.c-people-about__item.--people-20 {
  display: block;
  top: clamp(2340px * 1, 100vw * 2340 / 1280, 3744px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 260px), -50% - 100vw * (683 - 260) / 1366, -50% - 2 * (683px - 260 px)));
  width: clamp(122px * 1, 100vw * 122 / 1280, 195.2px);
  transform: translateX(clamp(-2 * 423px, -100vw * 423 / 1365, -1 * 423px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-20 {
    transform: translateX(calc(-0.8 * 423px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-20 {
    transform: translateX(calc(-0.7 * 423px));
  }
}
.c-people-about__item.--people-24 {
  display: block;
  top: clamp(2380px * 1, 100vw * 2380 / 1280, 3808px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 930px), -50% - 100vw * (683 - 930) / 1366, -50% - 2 * (683px - 930 px)));
  width: clamp(147px * 1, 100vw * 147 / 1280, 235.2px);
  transform: translateX(clamp(-1 * -247px, -100vw * -247 / 1365, -2 * -247px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-24 {
    transform: translateX(calc(-0.8 * -247px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-24 {
    transform: translateX(calc(-0.7 * -247px));
  }
}
@media screen and (max-width: 767px) {
  .c-people-about__item {
    display: none !important;
  }
  .c-people-about__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-about__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-sample {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
  opacity: 0.3;
}

.p-top-mv {
  position: relative;
}
.p-top-mv__swiper {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100vh;
  height: 100svh;
}
.p-top-mv__swiper img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100vh;
  height: 100svh;
}
.p-top-mv__triangle {
  transition: opacity 0.4s ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background-color: #262729;
  width: clamp(498px * 0.75, 100vw * 498 / 1280, 498px);
  height: clamp(213px * 0.75, 100vw * 213 / 1280, 213px);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (max-width: 767px) {
  .p-top-mv__triangle {
    display: none;
  }
}
.p-top-mv__content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
  color: #ffffff;
  font-size: clamp(56px * 1, 100vw * 56 / 1280, 72.8px);
  line-height: 1.12;
  font-weight: bold;
  letter-spacing: 0.07em;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 1279px) {
  .p-top-mv__content {
    font-size: clamp(56px * 0.5, 100vw * 56 / 900, 56px);
  }
}
@media screen and (max-width: 767px) {
  .p-top-mv__content {
    font-size: clamp(32px * 1, 100vw * 32 / 375, 41.6px);
  }
}
.p-top-mv__ttl {
  line-height: 0.75;
  display: grid;
  gap: 0.37em;
}
.p-top-mv__ttl .--line {
  display: flex;
  gap: 0.37em;
  flex-wrap: wrap;
}
.p-top-mv__ttl .--line > span > span {
  overflow: hidden;
  display: inline-block;
}
.p-top-mv__ttl .--line > span > span > span {
  display: inline-block;
  transform: translateY(105%);
}

.p-top-mv-slider-page {
  position: absolute;
  bottom: clamp(80px * 1, 100vw * 80 / 1280, 104px);
  right: clamp(80px * 1, 100vw * 80 / 1280, 104px);
  z-index: 10;
  width: clamp(100px * 1, 100vw * 100 / 1280, 130px);
  height: clamp(100px * 1, 100vw * 100 / 1280, 130px);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-top-mv-slider-page {
    bottom: clamp(25px * 1, 100vw * 25 / 375, 32.5px);
    right: clamp(25px * 1, 100vw * 25 / 375, 32.5px);
    width: clamp(65px * 1, 100vw * 65 / 375, 84.5px);
    height: clamp(65px * 1, 100vw * 65 / 375, 84.5px);
  }
}
.p-top-mv-slider-page__circle {
  transform: rotate(-90deg);
  position: absolute;
  width: 100%;
  height: 100%;
}
.p-top-mv-slider-page__circle circle {
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 2;
}
.p-top-mv-slider-page__circle.--base circle {
  stroke: #a7a7a7;
}
.p-top-mv-slider-page__circle.--anim {
  opacity: 0;
}
.p-top-mv-slider-page__circle.--anim circle {
  stroke-dasharray: 0 377;
}
.p-top-mv-slider-page__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-mv-slider-page__inner {
    font-size: clamp(11px * 1, 100vw * 11 / 375, 14.3px);
  }
}
.p-top-mv-slider-page .p-top-mv-slider-page__num {
  width: auto;
  padding-left: clamp(3px * 1, 100vw * 3 / 1280, 3.9px);
}
@media screen and (max-width: 767px) {
  .p-top-mv-slider-page .p-top-mv-slider-page__num {
    letter-spacing: -0.03em;
  }
}

.p-top-about {
  position: relative;
  padding-top: clamp(88px * 1, 100vw * 88 / 1280, 114.4px);
}
@media screen and (max-width: 767px) {
  .p-top-about {
    padding-top: clamp(112px * 1, 100vw * 112 / 375, 145.6px);
  }
}
.p-top-about__en-ttl {
  margin-left: auto;
  max-width: clamp(586px * 1, 100vw * 586 / 1280, 761.8px);
}
@media screen and (max-width: 767px) {
  .p-top-about__en-ttl {
    position: absolute;
    top: clamp(44px * 1, 100vw * 44 / 375, 57.2px);
    right: 0;
    width: clamp(47px * 1, 100vw * 47 / 375, 61.1px);
  }
  .p-top-about__en-ttl + .l-inner {
    position: relative;
    z-index: 10;
  }
}
.p-top-about__bg {
  margin-top: clamp(240px * 0.5, 100vw * 240 / 1280, 312px);
  height: clamp(640px * 0.75, 100vw * 640 / 1280, 832px);
}
@media screen and (max-width: 767px) {
  .p-top-about__bg {
    margin-top: clamp(55px * 1, 100vw * 55 / 375, 71.5px);
    height: clamp(276px * 1, 100vw * 276 / 375, 358.8px);
  }
}
.p-top-about__bg .c-para-bg__bg {
  background-image: url(../img/top/scene-bg.webp);
  background-size: cover;
  background-position: center;
}

.p-top-about-main {
  display: flex;
  justify-content: space-between;
  margin-top: clamp(68px * 1, 100vw * 68 / 1280, 88.4px);
}
@media screen and (max-width: 767px) {
  .p-top-about-main {
    flex-direction: column;
    align-items: flex-start;
    margin-top: clamp(50px * 1, 100vw * 50 / 375, 65px);
    gap: clamp(40px * 1, 100vw * 40 / 375, 52px);
  }
}
.p-top-about-main__left {
  max-width: clamp(507px * 1, 100vw * 507 / 1280, 659.1px);
  font-size: clamp(53px * 1, 100vw * 53 / 1280, 68.9px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1279px) {
  .p-top-about-main__left {
    font-size: clamp(53px * 0.1, 100vw * 53 / 1280, 53px);
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .p-top-about-main__left {
    font-size: clamp(26px * 1, 100vw * 26 / 375, 33.8px);
  }
}
.p-top-about-main__ttl .--line {
  display: flex;
  gap: 0.37em;
  flex-wrap: wrap;
}
.p-top-about-main__ttl .--line > span > span {
  overflow: hidden;
  display: inline-block;
}
.p-top-about-main__ttl .--line > span > span > span {
  display: inline-block;
  transform: translateY(105%);
}
.p-top-about-main__right {
  max-width: clamp(403px * 1, 100vw * 403 / 1280, 523.9px);
  font-size: clamp(13px * 1, 100vw * 13 / 1280, 16.9px);
  font-weight: 600;
  line-height: 2.12;
  letter-spacing: 0.29em;
}
@media screen and (max-width: 849px) {
  .p-top-about-main__right {
    max-width: clamp(360px * 1, 100vw * 360 / 1280, 468px);
  }
}
@media screen and (max-width: 767px) {
  .p-top-about-main__right {
    font-size: clamp(14px * 1, 100vw * 14 / 375, 18.2px);
    max-width: unset;
  }
}

.p-top-service {
  padding: clamp(80px * 1, 100vw * 80 / 1280, 104px) 0 11vw;
}
@media screen and (max-width: 767px) {
  .p-top-service {
    padding-top: clamp(52px * 1, 100vw * 52 / 375, 67.6px);
    padding-bottom: clamp(50px * 1, 100vw * 50 / 375, 65px);
  }
}
@media screen and (max-width: 767px) {
  .p-top-service__header {
    display: flex;
    flex-direction: column-reverse;
    gap: clamp(20px * 1, 100vw * 20 / 375, 26px);
  }
}
.p-top-service__en-ttl {
  max-width: clamp(860px * 1, 100vw * 860 / 1280, 1118px);
  margin-top: clamp(45px * 1, 100vw * 45 / 1280, 58.5px);
}
@media screen and (max-width: 767px) {
  .p-top-service__en-ttl {
    margin-top: 0;
  }
}
.p-top-service__slider {
  display: flex;
  gap: clamp(80px * 0.2, 100vw * 80 / 1280, 104px);
  margin: clamp(24px * 1, 100vw * 24 / 1280, 31.2px) auto 0;
  max-width: clamp(1088px * 1, 100vw * 1088 / 1280, 1414.4px);
  width: 90%;
}
@media screen and (max-width: 767px) {
  .p-top-service__slider {
    display: block;
    margin: 0;
    overflow: hidden;
    padding-left: 25px;
    width: 100%;
  }
  .p-top-service__slider .swiper {
    overflow: visible;
  }
}
.p-top-service__slider-inner {
  max-width: clamp(960px * 1, 100vw * 960 / 1280, 1248px);
  padding-top: clamp(61px * 1, 100vw * 61 / 1280, 79.3px);
}
.p-top-service__slider-controls {
  width: clamp(80px * 1, 100vw * 80 / 1280, 104px);
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top-service__slider-controls {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 25px;
    gap: clamp(16px * 1, 100vw * 16 / 375, 20.8px);
    margin-top: clamp(20px * 1, 100vw * 20 / 375, 26px);
  }
}
.p-top-service__pagination {
  padding-left: clamp(3px * 1, 100vw * 3 / 1280, 3.9px);
}
.p-top-service__slider-button-prev, .p-top-service__slider-button-next {
  width: clamp(60px * 0.5, 100vw * 60 / 1280, 78px);
  margin-top: clamp(110px * 0.5, 100vw * 110 / 1280, 143px);
  border-radius: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-service__slider-button-prev, .p-top-service__slider-button-next {
    width: clamp(40px * 1, 100vw * 40 / 375, 52px);
    margin-top: 0;
  }
}
.p-top-service__slider-button-prev img {
  transform: rotate(180deg);
}

.p-top-projects {
  position: relative;
  padding-top: clamp(88px * 1, 100vw * 88 / 1280, 114.4px);
  padding-bottom: clamp(148px * 1, 100vw * 148 / 1280, 192.4px);
  position: relative;
}
.p-top-projects::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #262729;
  transform: skewY(-7deg);
}
@media screen and (max-width: 767px) {
  .p-top-projects {
    position: relative;
    padding-top: clamp(80px * 1, 100vw * 80 / 375, 104px);
  }
  .p-top-projects::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #262729;
    transform: skewY(-4deg);
  }
}
.p-top-projects .l-inner {
  position: relative;
  color: #ffffff;
}
.p-top-projects__en-ttl {
  position: relative;
  margin-left: auto;
  margin-bottom: clamp(-29.9px, 100vw * -23 / 1280, -23px * 1);
  max-width: clamp(586px * 1, 100vw * 586 / 1280, 761.8px);
}
@media screen and (max-width: 864px) {
  .p-top-projects__en-ttl {
    margin-bottom: clamp(15px * 1, 100vw * 15 / 1280, 19.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-top-projects__en-ttl {
    position: absolute;
    top: clamp(41px * 1, 100vw * 41 / 375, 53.3px);
    right: 0;
    width: clamp(46px * 1, 100vw * 46 / 375, 59.8px);
  }
}
.p-top-projects .c-ttl-sec__sub {
  border-color: #ffffff;
}
.p-top-projects__slider {
  color: #ffffff;
  position: relative;
}
.p-top-projects__slider .swiper:has(.swiper-slide-active) .swiper-slide {
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .p-top-projects__slider {
    padding: 0 25px;
  }
}
.p-top-projects__slider-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: clamp(24px * 1, 100vw * 24 / 1280, 31.2px);
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  gap: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 767px) {
  .p-top-projects__slider-controls {
    position: static;
    justify-content: center;
    transform: none;
    margin-top: clamp(60px * 1, 100vw * 60 / 375, 78px);
  }
}
.p-top-projects__pagination {
  padding-left: clamp(3px * 1, 100vw * 3 / 1280, 3.9px);
}
.p-top-projects__slider-button-next {
  transform: translateY(clamp(2px * 1, 100vw * 2 / 1280, 2.6px));
}
.p-top-projects__slider-button-prev {
  transform: translateY(clamp(2px * 1, 100vw * 2 / 1280, 2.6px)) rotate(180deg);
}

.p-top-recruit {
  padding-top: 8vw;
  margin-bottom: clamp(-198.9px, 100vw * -153 / 1280, -153px * 1);
}
@media screen and (max-width: 767px) {
  .p-top-recruit {
    margin-top: clamp(-143px, 100vw * -110 / 375, -110px * 1);
    margin-bottom: 0;
  }
}
.p-top-recruit__link {
  position: relative;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top-recruit__link {
    margin: 0 -25px 0;
  }
}
.p-top-recruit__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: clamp(400px * 1, 100vw * 400 / 1280, 520px);
  padding: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  background-color: rgba(42, 42, 42, 0.31);
  transition: background-color 1.2s ease;
}
a:hover .p-top-recruit__inner {
  background-color: rgba(42, 42, 42, 0);
}
@media screen and (max-width: 767px) {
  .p-top-recruit__inner {
    height: clamp(220px * 1, 100vw * 220 / 375, 286px);
    padding: clamp(25px * 1, 100vw * 25 / 375, 32.5px);
  }
}
.p-top-recruit__en-ttl {
  max-width: clamp(410px * 1, 100vw * 410 / 1280, 533px);
}
@media screen and (max-width: 767px) {
  .p-top-recruit__en-ttl {
    max-width: clamp(183px * 1, 100vw * 183 / 375, 237.9px);
  }
}
.p-top-recruit__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-top-recruit__bg .c-para-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-top-recruit__bg .c-para-bg__bg {
  background-image: url(../img/top/recruit-bg.webp);
  background-size: cover;
  background-position: center;
}
.p-top-recruit__arrow {
  position: absolute;
  bottom: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  right: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  width: clamp(60px * 1, 100vw * 60 / 1280, 78px);
}
@media screen and (max-width: 767px) {
  .p-top-recruit__arrow {
    bottom: clamp(25px * 1, 100vw * 25 / 375, 32.5px);
    right: clamp(25px * 1, 100vw * 25 / 375, 32.5px);
    width: clamp(40px * 1, 100vw * 40 / 375, 52px);
  }
}

.p-privacy-policy {
  font-weight: 500;
}
.p-privacy-policy__read {
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 2.3;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__read {
    line-height: 1.8;
  }
}
.p-privacy-policy__container {
  margin-top: clamp(80px * 1, 100vw * 80 / 1280, 104px);
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__container {
    margin-top: clamp(68px * 1, 100vw * 68 / 1280, 88.4px);
  }
}
.p-privacy-policy__box:not(:first-child) {
  margin-top: clamp(80px * 1, 100vw * 80 / 1280, 104px);
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__box:not(:first-child) {
    margin-top: clamp(40px * 1, 100vw * 40 / 1280, 52px);
  }
}
.p-privacy-policy__ttl {
  padding-left: clamp(27px * 1, 100vw * 27 / 1280, 35.1px);
  padding-bottom: 0.1em;
  font-size: clamp(18px * 1, 100vw * 18 / 1280, 23.4px);
  line-height: 1.6;
  letter-spacing: 0.14em;
  border-left: solid 2px #262729;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__ttl {
    font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
    padding-left: clamp(20px * 1, 100vw * 20 / 1280, 26px);
  }
}
.p-privacy-policy__txt {
  margin-top: clamp(28px * 1, 100vw * 28 / 1280, 36.4px);
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 2.3;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__txt {
    margin-top: clamp(8px * 1, 100vw * 8 / 1280, 10.4px);
    line-height: 1.8;
  }
}
.p-privacy-policy__list {
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 2.3;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__list {
    line-height: 1.8;
  }
}
.p-privacy-policy__list :before {
  content: "・";
}
.p-privacy-policy__note {
  display: block;
  font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  line-height: 2.3;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy__note {
    line-height: 1.8;
  }
}
.p-privacy-policy__note::before {
  content: "※";
}

.p-privacy-policy-contact__box {
  margin-top: clamp(100px * 1, 100vw * 100 / 1280, 130px);
  background-color: #262729;
  padding: clamp(32px * 1, 100vw * 32 / 1280, 41.6px) clamp(30px * 1, 100vw * 30 / 1280, 39px);
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy-contact__box {
    margin-top: clamp(60px * 1, 100vw * 60 / 1280, 78px);
    background-color: transparent;
    color: #262729;
    text-align: left;
    padding: 0;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-privacy-policy-contact__ttl {
  font-size: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy-contact__ttl {
    line-height: 1.4;
  }
}
.p-privacy-policy-contact__txt {
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(11px * 1, 100vw * 11 / 1280, 14.3px) auto 0;
  padding-bottom: clamp(20px * 1, 100vw * 20 / 1280, 26px);
  border-bottom: solid 1px #ffffff;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy-contact__txt {
    margin: clamp(15px * 1, 100vw * 15 / 1280, 19.5px) 0 0;
    padding-bottom: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
    border-bottom: solid 1px #262729;
    line-height: 1.6;
    font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  }
}
.p-privacy-policy-contact__addr {
  margin-top: clamp(20px * 1, 100vw * 20 / 1280, 26px);
}
@media screen and (max-width: 767px) {
  .p-privacy-policy-contact__addr {
    margin-top: clamp(16px * 1, 100vw * 16 / 1280, 20.8px);
    line-height: 1.8;
    font-size: clamp(14px * 1, 100vw * 14 / 1280, 18.2px);
  }
}
.p-privacy-policy-contact__addr a {
  color: #ffffff;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-privacy-policy-contact__addr a {
    color: #262729;
  }
}
.p-privacy-policy-contact__addr a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

.pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-only {
    display: block !important;
  }
}

.sp-only-inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-inline {
    display: inline;
  }
}

.pc-only-inline {
  display: inline;
}
@media screen and (max-width: 767px) {
  .pc-only-inline {
    display: none !important;
  }
}

.sp-only-flex {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-flex {
    display: flex;
  }
}

.pc-only-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pc-only-flex {
    display: none !important;
  }
}

@media screen and (min-width: 10px) {
  .u-hide-10-up {
    display: none;
  }
}

@media screen and (max-width: 9px) {
  .u-hide-10-down {
    display: none;
  }
}

@media screen and (min-width: 20px) {
  .u-hide-20-up {
    display: none;
  }
}

@media screen and (max-width: 19px) {
  .u-hide-20-down {
    display: none;
  }
}

@media screen and (min-width: 30px) {
  .u-hide-30-up {
    display: none;
  }
}

@media screen and (max-width: 29px) {
  .u-hide-30-down {
    display: none;
  }
}

@media screen and (min-width: 40px) {
  .u-hide-40-up {
    display: none;
  }
}

@media screen and (max-width: 39px) {
  .u-hide-40-down {
    display: none;
  }
}

@media screen and (min-width: 50px) {
  .u-hide-50-up {
    display: none;
  }
}

@media screen and (max-width: 49px) {
  .u-hide-50-down {
    display: none;
  }
}

@media screen and (min-width: 60px) {
  .u-hide-60-up {
    display: none;
  }
}

@media screen and (max-width: 59px) {
  .u-hide-60-down {
    display: none;
  }
}

@media screen and (min-width: 70px) {
  .u-hide-70-up {
    display: none;
  }
}

@media screen and (max-width: 69px) {
  .u-hide-70-down {
    display: none;
  }
}

@media screen and (min-width: 80px) {
  .u-hide-80-up {
    display: none;
  }
}

@media screen and (max-width: 79px) {
  .u-hide-80-down {
    display: none;
  }
}

@media screen and (min-width: 90px) {
  .u-hide-90-up {
    display: none;
  }
}

@media screen and (max-width: 89px) {
  .u-hide-90-down {
    display: none;
  }
}

@media screen and (min-width: 100px) {
  .u-hide-100-up {
    display: none;
  }
}

@media screen and (max-width: 99px) {
  .u-hide-100-down {
    display: none;
  }
}

@media screen and (min-width: 110px) {
  .u-hide-110-up {
    display: none;
  }
}

@media screen and (max-width: 109px) {
  .u-hide-110-down {
    display: none;
  }
}

@media screen and (min-width: 120px) {
  .u-hide-120-up {
    display: none;
  }
}

@media screen and (max-width: 119px) {
  .u-hide-120-down {
    display: none;
  }
}

@media screen and (min-width: 130px) {
  .u-hide-130-up {
    display: none;
  }
}

@media screen and (max-width: 129px) {
  .u-hide-130-down {
    display: none;
  }
}

@media screen and (min-width: 140px) {
  .u-hide-140-up {
    display: none;
  }
}

@media screen and (max-width: 139px) {
  .u-hide-140-down {
    display: none;
  }
}

@media screen and (min-width: 150px) {
  .u-hide-150-up {
    display: none;
  }
}

@media screen and (max-width: 149px) {
  .u-hide-150-down {
    display: none;
  }
}

@media screen and (min-width: 160px) {
  .u-hide-160-up {
    display: none;
  }
}

@media screen and (max-width: 159px) {
  .u-hide-160-down {
    display: none;
  }
}

@media screen and (min-width: 170px) {
  .u-hide-170-up {
    display: none;
  }
}

@media screen and (max-width: 169px) {
  .u-hide-170-down {
    display: none;
  }
}

@media screen and (min-width: 180px) {
  .u-hide-180-up {
    display: none;
  }
}

@media screen and (max-width: 179px) {
  .u-hide-180-down {
    display: none;
  }
}

@media screen and (min-width: 190px) {
  .u-hide-190-up {
    display: none;
  }
}

@media screen and (max-width: 189px) {
  .u-hide-190-down {
    display: none;
  }
}

@media screen and (min-width: 200px) {
  .u-hide-200-up {
    display: none;
  }
}

@media screen and (max-width: 199px) {
  .u-hide-200-down {
    display: none;
  }
}

@media screen and (min-width: 210px) {
  .u-hide-210-up {
    display: none;
  }
}

@media screen and (max-width: 209px) {
  .u-hide-210-down {
    display: none;
  }
}

@media screen and (min-width: 220px) {
  .u-hide-220-up {
    display: none;
  }
}

@media screen and (max-width: 219px) {
  .u-hide-220-down {
    display: none;
  }
}

@media screen and (min-width: 230px) {
  .u-hide-230-up {
    display: none;
  }
}

@media screen and (max-width: 229px) {
  .u-hide-230-down {
    display: none;
  }
}

@media screen and (min-width: 240px) {
  .u-hide-240-up {
    display: none;
  }
}

@media screen and (max-width: 239px) {
  .u-hide-240-down {
    display: none;
  }
}

@media screen and (min-width: 250px) {
  .u-hide-250-up {
    display: none;
  }
}

@media screen and (max-width: 249px) {
  .u-hide-250-down {
    display: none;
  }
}

@media screen and (min-width: 260px) {
  .u-hide-260-up {
    display: none;
  }
}

@media screen and (max-width: 259px) {
  .u-hide-260-down {
    display: none;
  }
}

@media screen and (min-width: 270px) {
  .u-hide-270-up {
    display: none;
  }
}

@media screen and (max-width: 269px) {
  .u-hide-270-down {
    display: none;
  }
}

@media screen and (min-width: 280px) {
  .u-hide-280-up {
    display: none;
  }
}

@media screen and (max-width: 279px) {
  .u-hide-280-down {
    display: none;
  }
}

@media screen and (min-width: 290px) {
  .u-hide-290-up {
    display: none;
  }
}

@media screen and (max-width: 289px) {
  .u-hide-290-down {
    display: none;
  }
}

@media screen and (min-width: 300px) {
  .u-hide-300-up {
    display: none;
  }
}

@media screen and (max-width: 299px) {
  .u-hide-300-down {
    display: none;
  }
}

@media screen and (min-width: 310px) {
  .u-hide-310-up {
    display: none;
  }
}

@media screen and (max-width: 309px) {
  .u-hide-310-down {
    display: none;
  }
}

@media screen and (min-width: 320px) {
  .u-hide-320-up {
    display: none;
  }
}

@media screen and (max-width: 319px) {
  .u-hide-320-down {
    display: none;
  }
}

@media screen and (min-width: 330px) {
  .u-hide-330-up {
    display: none;
  }
}

@media screen and (max-width: 329px) {
  .u-hide-330-down {
    display: none;
  }
}

@media screen and (min-width: 340px) {
  .u-hide-340-up {
    display: none;
  }
}

@media screen and (max-width: 339px) {
  .u-hide-340-down {
    display: none;
  }
}

@media screen and (min-width: 350px) {
  .u-hide-350-up {
    display: none;
  }
}

@media screen and (max-width: 349px) {
  .u-hide-350-down {
    display: none;
  }
}

@media screen and (min-width: 360px) {
  .u-hide-360-up {
    display: none;
  }
}

@media screen and (max-width: 359px) {
  .u-hide-360-down {
    display: none;
  }
}

@media screen and (min-width: 370px) {
  .u-hide-370-up {
    display: none;
  }
}

@media screen and (max-width: 369px) {
  .u-hide-370-down {
    display: none;
  }
}

@media screen and (min-width: 380px) {
  .u-hide-380-up {
    display: none;
  }
}

@media screen and (max-width: 379px) {
  .u-hide-380-down {
    display: none;
  }
}

@media screen and (min-width: 390px) {
  .u-hide-390-up {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  .u-hide-390-down {
    display: none;
  }
}

@media screen and (min-width: 400px) {
  .u-hide-400-up {
    display: none;
  }
}

@media screen and (max-width: 399px) {
  .u-hide-400-down {
    display: none;
  }
}

@media screen and (min-width: 410px) {
  .u-hide-410-up {
    display: none;
  }
}

@media screen and (max-width: 409px) {
  .u-hide-410-down {
    display: none;
  }
}

@media screen and (min-width: 420px) {
  .u-hide-420-up {
    display: none;
  }
}

@media screen and (max-width: 419px) {
  .u-hide-420-down {
    display: none;
  }
}

@media screen and (min-width: 430px) {
  .u-hide-430-up {
    display: none;
  }
}

@media screen and (max-width: 429px) {
  .u-hide-430-down {
    display: none;
  }
}

@media screen and (min-width: 440px) {
  .u-hide-440-up {
    display: none;
  }
}

@media screen and (max-width: 439px) {
  .u-hide-440-down {
    display: none;
  }
}

@media screen and (min-width: 450px) {
  .u-hide-450-up {
    display: none;
  }
}

@media screen and (max-width: 449px) {
  .u-hide-450-down {
    display: none;
  }
}

@media screen and (min-width: 460px) {
  .u-hide-460-up {
    display: none;
  }
}

@media screen and (max-width: 459px) {
  .u-hide-460-down {
    display: none;
  }
}

@media screen and (min-width: 470px) {
  .u-hide-470-up {
    display: none;
  }
}

@media screen and (max-width: 469px) {
  .u-hide-470-down {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .u-hide-480-up {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .u-hide-480-down {
    display: none;
  }
}

@media screen and (min-width: 490px) {
  .u-hide-490-up {
    display: none;
  }
}

@media screen and (max-width: 489px) {
  .u-hide-490-down {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .u-hide-500-up {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  .u-hide-500-down {
    display: none;
  }
}

@media screen and (min-width: 510px) {
  .u-hide-510-up {
    display: none;
  }
}

@media screen and (max-width: 509px) {
  .u-hide-510-down {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  .u-hide-520-up {
    display: none;
  }
}

@media screen and (max-width: 519px) {
  .u-hide-520-down {
    display: none;
  }
}

@media screen and (min-width: 530px) {
  .u-hide-530-up {
    display: none;
  }
}

@media screen and (max-width: 529px) {
  .u-hide-530-down {
    display: none;
  }
}

@media screen and (min-width: 540px) {
  .u-hide-540-up {
    display: none;
  }
}

@media screen and (max-width: 539px) {
  .u-hide-540-down {
    display: none;
  }
}

@media screen and (min-width: 550px) {
  .u-hide-550-up {
    display: none;
  }
}

@media screen and (max-width: 549px) {
  .u-hide-550-down {
    display: none;
  }
}

@media screen and (min-width: 560px) {
  .u-hide-560-up {
    display: none;
  }
}

@media screen and (max-width: 559px) {
  .u-hide-560-down {
    display: none;
  }
}

@media screen and (min-width: 570px) {
  .u-hide-570-up {
    display: none;
  }
}

@media screen and (max-width: 569px) {
  .u-hide-570-down {
    display: none;
  }
}

@media screen and (min-width: 580px) {
  .u-hide-580-up {
    display: none;
  }
}

@media screen and (max-width: 579px) {
  .u-hide-580-down {
    display: none;
  }
}

@media screen and (min-width: 590px) {
  .u-hide-590-up {
    display: none;
  }
}

@media screen and (max-width: 589px) {
  .u-hide-590-down {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-hide-600-up {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .u-hide-600-down {
    display: none;
  }
}

@media screen and (min-width: 610px) {
  .u-hide-610-up {
    display: none;
  }
}

@media screen and (max-width: 609px) {
  .u-hide-610-down {
    display: none;
  }
}

@media screen and (min-width: 620px) {
  .u-hide-620-up {
    display: none;
  }
}

@media screen and (max-width: 619px) {
  .u-hide-620-down {
    display: none;
  }
}

@media screen and (min-width: 630px) {
  .u-hide-630-up {
    display: none;
  }
}

@media screen and (max-width: 629px) {
  .u-hide-630-down {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .u-hide-640-up {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .u-hide-640-down {
    display: none;
  }
}

@media screen and (min-width: 650px) {
  .u-hide-650-up {
    display: none;
  }
}

@media screen and (max-width: 649px) {
  .u-hide-650-down {
    display: none;
  }
}

@media screen and (min-width: 660px) {
  .u-hide-660-up {
    display: none;
  }
}

@media screen and (max-width: 659px) {
  .u-hide-660-down {
    display: none;
  }
}

@media screen and (min-width: 670px) {
  .u-hide-670-up {
    display: none;
  }
}

@media screen and (max-width: 669px) {
  .u-hide-670-down {
    display: none;
  }
}

@media screen and (min-width: 680px) {
  .u-hide-680-up {
    display: none;
  }
}

@media screen and (max-width: 679px) {
  .u-hide-680-down {
    display: none;
  }
}

@media screen and (min-width: 690px) {
  .u-hide-690-up {
    display: none;
  }
}

@media screen and (max-width: 689px) {
  .u-hide-690-down {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .u-hide-700-up {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .u-hide-700-down {
    display: none;
  }
}

@media screen and (min-width: 710px) {
  .u-hide-710-up {
    display: none;
  }
}

@media screen and (max-width: 709px) {
  .u-hide-710-down {
    display: none;
  }
}

@media screen and (min-width: 720px) {
  .u-hide-720-up {
    display: none;
  }
}

@media screen and (max-width: 719px) {
  .u-hide-720-down {
    display: none;
  }
}

@media screen and (min-width: 730px) {
  .u-hide-730-up {
    display: none;
  }
}

@media screen and (max-width: 729px) {
  .u-hide-730-down {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .u-hide-740-up {
    display: none;
  }
}

@media screen and (max-width: 739px) {
  .u-hide-740-down {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .u-hide-750-up {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .u-hide-750-down {
    display: none;
  }
}

@media screen and (min-width: 760px) {
  .u-hide-760-up {
    display: none;
  }
}

@media screen and (max-width: 759px) {
  .u-hide-760-down {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .u-hide-770-up {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  .u-hide-770-down {
    display: none;
  }
}

@media screen and (min-width: 780px) {
  .u-hide-780-up {
    display: none;
  }
}

@media screen and (max-width: 779px) {
  .u-hide-780-down {
    display: none;
  }
}

@media screen and (min-width: 790px) {
  .u-hide-790-up {
    display: none;
  }
}

@media screen and (max-width: 789px) {
  .u-hide-790-down {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .u-hide-800-up {
    display: none;
  }
}

@media screen and (max-width: 799px) {
  .u-hide-800-down {
    display: none;
  }
}

@media screen and (min-width: 810px) {
  .u-hide-810-up {
    display: none;
  }
}

@media screen and (max-width: 809px) {
  .u-hide-810-down {
    display: none;
  }
}

@media screen and (min-width: 820px) {
  .u-hide-820-up {
    display: none;
  }
}

@media screen and (max-width: 819px) {
  .u-hide-820-down {
    display: none;
  }
}

@media screen and (min-width: 830px) {
  .u-hide-830-up {
    display: none;
  }
}

@media screen and (max-width: 829px) {
  .u-hide-830-down {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .u-hide-840-up {
    display: none;
  }
}

@media screen and (max-width: 839px) {
  .u-hide-840-down {
    display: none;
  }
}

@media screen and (min-width: 850px) {
  .u-hide-850-up {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  .u-hide-850-down {
    display: none;
  }
}

@media screen and (min-width: 860px) {
  .u-hide-860-up {
    display: none;
  }
}

@media screen and (max-width: 859px) {
  .u-hide-860-down {
    display: none;
  }
}

@media screen and (min-width: 870px) {
  .u-hide-870-up {
    display: none;
  }
}

@media screen and (max-width: 869px) {
  .u-hide-870-down {
    display: none;
  }
}

@media screen and (min-width: 880px) {
  .u-hide-880-up {
    display: none;
  }
}

@media screen and (max-width: 879px) {
  .u-hide-880-down {
    display: none;
  }
}

@media screen and (min-width: 890px) {
  .u-hide-890-up {
    display: none;
  }
}

@media screen and (max-width: 889px) {
  .u-hide-890-down {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .u-hide-900-up {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .u-hide-900-down {
    display: none;
  }
}

@media screen and (min-width: 910px) {
  .u-hide-910-up {
    display: none;
  }
}

@media screen and (max-width: 909px) {
  .u-hide-910-down {
    display: none;
  }
}

@media screen and (min-width: 920px) {
  .u-hide-920-up {
    display: none;
  }
}

@media screen and (max-width: 919px) {
  .u-hide-920-down {
    display: none;
  }
}

@media screen and (min-width: 930px) {
  .u-hide-930-up {
    display: none;
  }
}

@media screen and (max-width: 929px) {
  .u-hide-930-down {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  .u-hide-940-up {
    display: none;
  }
}

@media screen and (max-width: 939px) {
  .u-hide-940-down {
    display: none;
  }
}

@media screen and (min-width: 950px) {
  .u-hide-950-up {
    display: none;
  }
}

@media screen and (max-width: 949px) {
  .u-hide-950-down {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .u-hide-960-up {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .u-hide-960-down {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .u-hide-970-up {
    display: none;
  }
}

@media screen and (max-width: 969px) {
  .u-hide-970-down {
    display: none;
  }
}

@media screen and (min-width: 980px) {
  .u-hide-980-up {
    display: none;
  }
}

@media screen and (max-width: 979px) {
  .u-hide-980-down {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .u-hide-990-up {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .u-hide-990-down {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .u-hide-1000-up {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .u-hide-1000-down {
    display: none;
  }
}

@media screen and (min-width: 1010px) {
  .u-hide-1010-up {
    display: none;
  }
}

@media screen and (max-width: 1009px) {
  .u-hide-1010-down {
    display: none;
  }
}

@media screen and (min-width: 1020px) {
  .u-hide-1020-up {
    display: none;
  }
}

@media screen and (max-width: 1019px) {
  .u-hide-1020-down {
    display: none;
  }
}

@media screen and (min-width: 1030px) {
  .u-hide-1030-up {
    display: none;
  }
}

@media screen and (max-width: 1029px) {
  .u-hide-1030-down {
    display: none;
  }
}

@media screen and (min-width: 1040px) {
  .u-hide-1040-up {
    display: none;
  }
}

@media screen and (max-width: 1039px) {
  .u-hide-1040-down {
    display: none;
  }
}

@media screen and (min-width: 1050px) {
  .u-hide-1050-up {
    display: none;
  }
}

@media screen and (max-width: 1049px) {
  .u-hide-1050-down {
    display: none;
  }
}

@media screen and (min-width: 1060px) {
  .u-hide-1060-up {
    display: none;
  }
}

@media screen and (max-width: 1059px) {
  .u-hide-1060-down {
    display: none;
  }
}

@media screen and (min-width: 1070px) {
  .u-hide-1070-up {
    display: none;
  }
}

@media screen and (max-width: 1069px) {
  .u-hide-1070-down {
    display: none;
  }
}

@media screen and (min-width: 1080px) {
  .u-hide-1080-up {
    display: none;
  }
}

@media screen and (max-width: 1079px) {
  .u-hide-1080-down {
    display: none;
  }
}

@media screen and (min-width: 1090px) {
  .u-hide-1090-up {
    display: none;
  }
}

@media screen and (max-width: 1089px) {
  .u-hide-1090-down {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .u-hide-1100-up {
    display: none;
  }
}

@media screen and (max-width: 1099px) {
  .u-hide-1100-down {
    display: none;
  }
}

@media screen and (min-width: 1110px) {
  .u-hide-1110-up {
    display: none;
  }
}

@media screen and (max-width: 1109px) {
  .u-hide-1110-down {
    display: none;
  }
}

@media screen and (min-width: 1120px) {
  .u-hide-1120-up {
    display: none;
  }
}

@media screen and (max-width: 1119px) {
  .u-hide-1120-down {
    display: none;
  }
}

@media screen and (min-width: 1130px) {
  .u-hide-1130-up {
    display: none;
  }
}

@media screen and (max-width: 1129px) {
  .u-hide-1130-down {
    display: none;
  }
}

@media screen and (min-width: 1140px) {
  .u-hide-1140-up {
    display: none;
  }
}

@media screen and (max-width: 1139px) {
  .u-hide-1140-down {
    display: none;
  }
}

@media screen and (min-width: 1150px) {
  .u-hide-1150-up {
    display: none;
  }
}

@media screen and (max-width: 1149px) {
  .u-hide-1150-down {
    display: none;
  }
}

@media screen and (min-width: 1160px) {
  .u-hide-1160-up {
    display: none;
  }
}

@media screen and (max-width: 1159px) {
  .u-hide-1160-down {
    display: none;
  }
}

@media screen and (min-width: 1170px) {
  .u-hide-1170-up {
    display: none;
  }
}

@media screen and (max-width: 1169px) {
  .u-hide-1170-down {
    display: none;
  }
}

@media screen and (min-width: 1180px) {
  .u-hide-1180-up {
    display: none;
  }
}

@media screen and (max-width: 1179px) {
  .u-hide-1180-down {
    display: none;
  }
}

@media screen and (min-width: 1190px) {
  .u-hide-1190-up {
    display: none;
  }
}

@media screen and (max-width: 1189px) {
  .u-hide-1190-down {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .u-hide-1200-up {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .u-hide-1200-down {
    display: none;
  }
}

@media screen and (min-width: 1210px) {
  .u-hide-1210-up {
    display: none;
  }
}

@media screen and (max-width: 1209px) {
  .u-hide-1210-down {
    display: none;
  }
}

@media screen and (min-width: 1220px) {
  .u-hide-1220-up {
    display: none;
  }
}

@media screen and (max-width: 1219px) {
  .u-hide-1220-down {
    display: none;
  }
}

@media screen and (min-width: 1230px) {
  .u-hide-1230-up {
    display: none;
  }
}

@media screen and (max-width: 1229px) {
  .u-hide-1230-down {
    display: none;
  }
}

@media screen and (min-width: 1240px) {
  .u-hide-1240-up {
    display: none;
  }
}

@media screen and (max-width: 1239px) {
  .u-hide-1240-down {
    display: none;
  }
}

@media screen and (min-width: 1250px) {
  .u-hide-1250-up {
    display: none;
  }
}

@media screen and (max-width: 1249px) {
  .u-hide-1250-down {
    display: none;
  }
}

@media screen and (min-width: 1260px) {
  .u-hide-1260-up {
    display: none;
  }
}

@media screen and (max-width: 1259px) {
  .u-hide-1260-down {
    display: none;
  }
}

@media screen and (min-width: 1270px) {
  .u-hide-1270-up {
    display: none;
  }
}

@media screen and (max-width: 1269px) {
  .u-hide-1270-down {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .u-hide-1280-up {
    display: none;
  }
}

@media screen and (max-width: 1279px) {
  .u-hide-1280-down {
    display: none;
  }
}

@media screen and (min-width: 1290px) {
  .u-hide-1290-up {
    display: none;
  }
}

@media screen and (max-width: 1289px) {
  .u-hide-1290-down {
    display: none;
  }
}

@media screen and (min-width: 1300px) {
  .u-hide-1300-up {
    display: none;
  }
}

@media screen and (max-width: 1299px) {
  .u-hide-1300-down {
    display: none;
  }
}

@media screen and (min-width: 1310px) {
  .u-hide-1310-up {
    display: none;
  }
}

@media screen and (max-width: 1309px) {
  .u-hide-1310-down {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .u-hide-1320-up {
    display: none;
  }
}

@media screen and (max-width: 1319px) {
  .u-hide-1320-down {
    display: none;
  }
}

@media screen and (min-width: 1330px) {
  .u-hide-1330-up {
    display: none;
  }
}

@media screen and (max-width: 1329px) {
  .u-hide-1330-down {
    display: none;
  }
}

@media screen and (min-width: 1340px) {
  .u-hide-1340-up {
    display: none;
  }
}

@media screen and (max-width: 1339px) {
  .u-hide-1340-down {
    display: none;
  }
}

@media screen and (min-width: 1350px) {
  .u-hide-1350-up {
    display: none;
  }
}

@media screen and (max-width: 1349px) {
  .u-hide-1350-down {
    display: none;
  }
}

@media screen and (min-width: 1360px) {
  .u-hide-1360-up {
    display: none;
  }
}

@media screen and (max-width: 1359px) {
  .u-hide-1360-down {
    display: none;
  }
}

@media screen and (min-width: 1370px) {
  .u-hide-1370-up {
    display: none;
  }
}

@media screen and (max-width: 1369px) {
  .u-hide-1370-down {
    display: none;
  }
}

@media screen and (min-width: 1380px) {
  .u-hide-1380-up {
    display: none;
  }
}

@media screen and (max-width: 1379px) {
  .u-hide-1380-down {
    display: none;
  }
}

@media screen and (min-width: 1390px) {
  .u-hide-1390-up {
    display: none;
  }
}

@media screen and (max-width: 1389px) {
  .u-hide-1390-down {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .u-hide-1400-up {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .u-hide-1400-down {
    display: none;
  }
}

@media screen and (min-width: 1410px) {
  .u-hide-1410-up {
    display: none;
  }
}

@media screen and (max-width: 1409px) {
  .u-hide-1410-down {
    display: none;
  }
}

@media screen and (min-width: 1420px) {
  .u-hide-1420-up {
    display: none;
  }
}

@media screen and (max-width: 1419px) {
  .u-hide-1420-down {
    display: none;
  }
}

@media screen and (min-width: 1430px) {
  .u-hide-1430-up {
    display: none;
  }
}

@media screen and (max-width: 1429px) {
  .u-hide-1430-down {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .u-hide-1440-up {
    display: none;
  }
}

@media screen and (max-width: 1439px) {
  .u-hide-1440-down {
    display: none;
  }
}

@media screen and (min-width: 1450px) {
  .u-hide-1450-up {
    display: none;
  }
}

@media screen and (max-width: 1449px) {
  .u-hide-1450-down {
    display: none;
  }
}

@media screen and (min-width: 1460px) {
  .u-hide-1460-up {
    display: none;
  }
}

@media screen and (max-width: 1459px) {
  .u-hide-1460-down {
    display: none;
  }
}

@media screen and (min-width: 1470px) {
  .u-hide-1470-up {
    display: none;
  }
}

@media screen and (max-width: 1469px) {
  .u-hide-1470-down {
    display: none;
  }
}

@media screen and (min-width: 1480px) {
  .u-hide-1480-up {
    display: none;
  }
}

@media screen and (max-width: 1479px) {
  .u-hide-1480-down {
    display: none;
  }
}

@media screen and (min-width: 1490px) {
  .u-hide-1490-up {
    display: none;
  }
}

@media screen and (max-width: 1489px) {
  .u-hide-1490-down {
    display: none;
  }
}

@media screen and (min-width: 1500px) {
  .u-hide-1500-up {
    display: none;
  }
}

@media screen and (max-width: 1499px) {
  .u-hide-1500-down {
    display: none;
  }
}

@media screen and (min-width: 1510px) {
  .u-hide-1510-up {
    display: none;
  }
}

@media screen and (max-width: 1509px) {
  .u-hide-1510-down {
    display: none;
  }
}

@media screen and (min-width: 1520px) {
  .u-hide-1520-up {
    display: none;
  }
}

@media screen and (max-width: 1519px) {
  .u-hide-1520-down {
    display: none;
  }
}

@media screen and (min-width: 1530px) {
  .u-hide-1530-up {
    display: none;
  }
}

@media screen and (max-width: 1529px) {
  .u-hide-1530-down {
    display: none;
  }
}

@media screen and (min-width: 1540px) {
  .u-hide-1540-up {
    display: none;
  }
}

@media screen and (max-width: 1539px) {
  .u-hide-1540-down {
    display: none;
  }
}

@media screen and (min-width: 1550px) {
  .u-hide-1550-up {
    display: none;
  }
}

@media screen and (max-width: 1549px) {
  .u-hide-1550-down {
    display: none;
  }
}

@media screen and (min-width: 1560px) {
  .u-hide-1560-up {
    display: none;
  }
}

@media screen and (max-width: 1559px) {
  .u-hide-1560-down {
    display: none;
  }
}

@media screen and (min-width: 1570px) {
  .u-hide-1570-up {
    display: none;
  }
}

@media screen and (max-width: 1569px) {
  .u-hide-1570-down {
    display: none;
  }
}

@media screen and (min-width: 1580px) {
  .u-hide-1580-up {
    display: none;
  }
}

@media screen and (max-width: 1579px) {
  .u-hide-1580-down {
    display: none;
  }
}

@media screen and (min-width: 1590px) {
  .u-hide-1590-up {
    display: none;
  }
}

@media screen and (max-width: 1589px) {
  .u-hide-1590-down {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .u-hide-1600-up {
    display: none;
  }
}

@media screen and (max-width: 1599px) {
  .u-hide-1600-down {
    display: none;
  }
}

@media screen and (min-width: 1610px) {
  .u-hide-1610-up {
    display: none;
  }
}

@media screen and (max-width: 1609px) {
  .u-hide-1610-down {
    display: none;
  }
}

@media screen and (min-width: 1620px) {
  .u-hide-1620-up {
    display: none;
  }
}

@media screen and (max-width: 1619px) {
  .u-hide-1620-down {
    display: none;
  }
}

@media screen and (min-width: 1630px) {
  .u-hide-1630-up {
    display: none;
  }
}

@media screen and (max-width: 1629px) {
  .u-hide-1630-down {
    display: none;
  }
}

@media screen and (min-width: 1640px) {
  .u-hide-1640-up {
    display: none;
  }
}

@media screen and (max-width: 1639px) {
  .u-hide-1640-down {
    display: none;
  }
}

@media screen and (min-width: 1650px) {
  .u-hide-1650-up {
    display: none;
  }
}

@media screen and (max-width: 1649px) {
  .u-hide-1650-down {
    display: none;
  }
}

@media screen and (min-width: 1660px) {
  .u-hide-1660-up {
    display: none;
  }
}

@media screen and (max-width: 1659px) {
  .u-hide-1660-down {
    display: none;
  }
}

@media screen and (min-width: 1670px) {
  .u-hide-1670-up {
    display: none;
  }
}

@media screen and (max-width: 1669px) {
  .u-hide-1670-down {
    display: none;
  }
}

@media screen and (min-width: 1680px) {
  .u-hide-1680-up {
    display: none;
  }
}

@media screen and (max-width: 1679px) {
  .u-hide-1680-down {
    display: none;
  }
}

@media screen and (min-width: 1690px) {
  .u-hide-1690-up {
    display: none;
  }
}

@media screen and (max-width: 1689px) {
  .u-hide-1690-down {
    display: none;
  }
}

@media screen and (min-width: 1700px) {
  .u-hide-1700-up {
    display: none;
  }
}

@media screen and (max-width: 1699px) {
  .u-hide-1700-down {
    display: none;
  }
}

@media screen and (min-width: 1710px) {
  .u-hide-1710-up {
    display: none;
  }
}

@media screen and (max-width: 1709px) {
  .u-hide-1710-down {
    display: none;
  }
}

@media screen and (min-width: 1720px) {
  .u-hide-1720-up {
    display: none;
  }
}

@media screen and (max-width: 1719px) {
  .u-hide-1720-down {
    display: none;
  }
}

@media screen and (min-width: 1730px) {
  .u-hide-1730-up {
    display: none;
  }
}

@media screen and (max-width: 1729px) {
  .u-hide-1730-down {
    display: none;
  }
}

@media screen and (min-width: 1740px) {
  .u-hide-1740-up {
    display: none;
  }
}

@media screen and (max-width: 1739px) {
  .u-hide-1740-down {
    display: none;
  }
}

@media screen and (min-width: 1750px) {
  .u-hide-1750-up {
    display: none;
  }
}

@media screen and (max-width: 1749px) {
  .u-hide-1750-down {
    display: none;
  }
}

@media screen and (min-width: 1760px) {
  .u-hide-1760-up {
    display: none;
  }
}

@media screen and (max-width: 1759px) {
  .u-hide-1760-down {
    display: none;
  }
}

@media screen and (min-width: 1770px) {
  .u-hide-1770-up {
    display: none;
  }
}

@media screen and (max-width: 1769px) {
  .u-hide-1770-down {
    display: none;
  }
}

@media screen and (min-width: 1780px) {
  .u-hide-1780-up {
    display: none;
  }
}

@media screen and (max-width: 1779px) {
  .u-hide-1780-down {
    display: none;
  }
}

@media screen and (min-width: 1790px) {
  .u-hide-1790-up {
    display: none;
  }
}

@media screen and (max-width: 1789px) {
  .u-hide-1790-down {
    display: none;
  }
}

@media screen and (min-width: 1800px) {
  .u-hide-1800-up {
    display: none;
  }
}

@media screen and (max-width: 1799px) {
  .u-hide-1800-down {
    display: none;
  }
}

@media screen and (min-width: 1810px) {
  .u-hide-1810-up {
    display: none;
  }
}

@media screen and (max-width: 1809px) {
  .u-hide-1810-down {
    display: none;
  }
}

@media screen and (min-width: 1820px) {
  .u-hide-1820-up {
    display: none;
  }
}

@media screen and (max-width: 1819px) {
  .u-hide-1820-down {
    display: none;
  }
}

@media screen and (min-width: 1830px) {
  .u-hide-1830-up {
    display: none;
  }
}

@media screen and (max-width: 1829px) {
  .u-hide-1830-down {
    display: none;
  }
}

@media screen and (min-width: 1840px) {
  .u-hide-1840-up {
    display: none;
  }
}

@media screen and (max-width: 1839px) {
  .u-hide-1840-down {
    display: none;
  }
}

@media screen and (min-width: 1850px) {
  .u-hide-1850-up {
    display: none;
  }
}

@media screen and (max-width: 1849px) {
  .u-hide-1850-down {
    display: none;
  }
}

@media screen and (min-width: 1860px) {
  .u-hide-1860-up {
    display: none;
  }
}

@media screen and (max-width: 1859px) {
  .u-hide-1860-down {
    display: none;
  }
}

@media screen and (min-width: 1870px) {
  .u-hide-1870-up {
    display: none;
  }
}

@media screen and (max-width: 1869px) {
  .u-hide-1870-down {
    display: none;
  }
}

@media screen and (min-width: 1880px) {
  .u-hide-1880-up {
    display: none;
  }
}

@media screen and (max-width: 1879px) {
  .u-hide-1880-down {
    display: none;
  }
}

@media screen and (min-width: 1890px) {
  .u-hide-1890-up {
    display: none;
  }
}

@media screen and (max-width: 1889px) {
  .u-hide-1890-down {
    display: none;
  }
}

@media screen and (min-width: 1900px) {
  .u-hide-1900-up {
    display: none;
  }
}

@media screen and (max-width: 1899px) {
  .u-hide-1900-down {
    display: none;
  }
}

@media screen and (min-width: 1910px) {
  .u-hide-1910-up {
    display: none;
  }
}

@media screen and (max-width: 1909px) {
  .u-hide-1910-down {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .u-hide-1920-up {
    display: none;
  }
}

@media screen and (max-width: 1919px) {
  .u-hide-1920-down {
    display: none;
  }
}

@media screen and (min-width: 1930px) {
  .u-hide-1930-up {
    display: none;
  }
}

@media screen and (max-width: 1929px) {
  .u-hide-1930-down {
    display: none;
  }
}

@media screen and (min-width: 1940px) {
  .u-hide-1940-up {
    display: none;
  }
}

@media screen and (max-width: 1939px) {
  .u-hide-1940-down {
    display: none;
  }
}

@media screen and (min-width: 1950px) {
  .u-hide-1950-up {
    display: none;
  }
}

@media screen and (max-width: 1949px) {
  .u-hide-1950-down {
    display: none;
  }
}

@media screen and (min-width: 1960px) {
  .u-hide-1960-up {
    display: none;
  }
}

@media screen and (max-width: 1959px) {
  .u-hide-1960-down {
    display: none;
  }
}

@media screen and (min-width: 1970px) {
  .u-hide-1970-up {
    display: none;
  }
}

@media screen and (max-width: 1969px) {
  .u-hide-1970-down {
    display: none;
  }
}

@media screen and (min-width: 1980px) {
  .u-hide-1980-up {
    display: none;
  }
}

@media screen and (max-width: 1979px) {
  .u-hide-1980-down {
    display: none;
  }
}

@media screen and (min-width: 1990px) {
  .u-hide-1990-up {
    display: none;
  }
}

@media screen and (max-width: 1989px) {
  .u-hide-1990-down {
    display: none;
  }
}

@media screen and (min-width: 2000px) {
  .u-hide-2000-up {
    display: none;
  }
}

@media screen and (max-width: 1999px) {
  .u-hide-2000-down {
    display: none;
  }
}

.u-hideText {
  position: relative;
}
.u-hideText__txt {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .u-hideText--sp {
    position: relative;
  }
  .u-hideText--sp__txt {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}

.mT0 {
  margin-top: 0px;
}

@media screen and (max-width: 979px) {
  .mT20 {
    margin-top: 20px;
  }
}
.mB20 {
  margin-bottom: 20px;
}

.u-pt50 {
  padding-top: 50px;
}

.u-pt85 {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  .u-pt85 {
    padding-top: 30px;
  }
}

.u-pt120 {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .u-pt120 {
    padding-top: 30px;
  }
}

.u-pt-half {
  padding-top: 0.6em;
}

.u-fwb {
  font-weight: bold;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-uppercase-none {
  text-transform: none;
}

@media screen and (min-width: 10px) {
  .u-br-10 {
    display: none;
  }
}

@media screen and (max-width: 9px) {
  .u-br-10-down {
    display: none;
  }
}

@media screen and (min-width: 20px) {
  .u-br-20 {
    display: none;
  }
}

@media screen and (max-width: 19px) {
  .u-br-20-down {
    display: none;
  }
}

@media screen and (min-width: 30px) {
  .u-br-30 {
    display: none;
  }
}

@media screen and (max-width: 29px) {
  .u-br-30-down {
    display: none;
  }
}

@media screen and (min-width: 40px) {
  .u-br-40 {
    display: none;
  }
}

@media screen and (max-width: 39px) {
  .u-br-40-down {
    display: none;
  }
}

@media screen and (min-width: 50px) {
  .u-br-50 {
    display: none;
  }
}

@media screen and (max-width: 49px) {
  .u-br-50-down {
    display: none;
  }
}

@media screen and (min-width: 60px) {
  .u-br-60 {
    display: none;
  }
}

@media screen and (max-width: 59px) {
  .u-br-60-down {
    display: none;
  }
}

@media screen and (min-width: 70px) {
  .u-br-70 {
    display: none;
  }
}

@media screen and (max-width: 69px) {
  .u-br-70-down {
    display: none;
  }
}

@media screen and (min-width: 80px) {
  .u-br-80 {
    display: none;
  }
}

@media screen and (max-width: 79px) {
  .u-br-80-down {
    display: none;
  }
}

@media screen and (min-width: 90px) {
  .u-br-90 {
    display: none;
  }
}

@media screen and (max-width: 89px) {
  .u-br-90-down {
    display: none;
  }
}

@media screen and (min-width: 100px) {
  .u-br-100 {
    display: none;
  }
}

@media screen and (max-width: 99px) {
  .u-br-100-down {
    display: none;
  }
}

@media screen and (min-width: 110px) {
  .u-br-110 {
    display: none;
  }
}

@media screen and (max-width: 109px) {
  .u-br-110-down {
    display: none;
  }
}

@media screen and (min-width: 120px) {
  .u-br-120 {
    display: none;
  }
}

@media screen and (max-width: 119px) {
  .u-br-120-down {
    display: none;
  }
}

@media screen and (min-width: 130px) {
  .u-br-130 {
    display: none;
  }
}

@media screen and (max-width: 129px) {
  .u-br-130-down {
    display: none;
  }
}

@media screen and (min-width: 140px) {
  .u-br-140 {
    display: none;
  }
}

@media screen and (max-width: 139px) {
  .u-br-140-down {
    display: none;
  }
}

@media screen and (min-width: 150px) {
  .u-br-150 {
    display: none;
  }
}

@media screen and (max-width: 149px) {
  .u-br-150-down {
    display: none;
  }
}

@media screen and (min-width: 160px) {
  .u-br-160 {
    display: none;
  }
}

@media screen and (max-width: 159px) {
  .u-br-160-down {
    display: none;
  }
}

@media screen and (min-width: 170px) {
  .u-br-170 {
    display: none;
  }
}

@media screen and (max-width: 169px) {
  .u-br-170-down {
    display: none;
  }
}

@media screen and (min-width: 180px) {
  .u-br-180 {
    display: none;
  }
}

@media screen and (max-width: 179px) {
  .u-br-180-down {
    display: none;
  }
}

@media screen and (min-width: 190px) {
  .u-br-190 {
    display: none;
  }
}

@media screen and (max-width: 189px) {
  .u-br-190-down {
    display: none;
  }
}

@media screen and (min-width: 200px) {
  .u-br-200 {
    display: none;
  }
}

@media screen and (max-width: 199px) {
  .u-br-200-down {
    display: none;
  }
}

@media screen and (min-width: 210px) {
  .u-br-210 {
    display: none;
  }
}

@media screen and (max-width: 209px) {
  .u-br-210-down {
    display: none;
  }
}

@media screen and (min-width: 220px) {
  .u-br-220 {
    display: none;
  }
}

@media screen and (max-width: 219px) {
  .u-br-220-down {
    display: none;
  }
}

@media screen and (min-width: 230px) {
  .u-br-230 {
    display: none;
  }
}

@media screen and (max-width: 229px) {
  .u-br-230-down {
    display: none;
  }
}

@media screen and (min-width: 240px) {
  .u-br-240 {
    display: none;
  }
}

@media screen and (max-width: 239px) {
  .u-br-240-down {
    display: none;
  }
}

@media screen and (min-width: 250px) {
  .u-br-250 {
    display: none;
  }
}

@media screen and (max-width: 249px) {
  .u-br-250-down {
    display: none;
  }
}

@media screen and (min-width: 260px) {
  .u-br-260 {
    display: none;
  }
}

@media screen and (max-width: 259px) {
  .u-br-260-down {
    display: none;
  }
}

@media screen and (min-width: 270px) {
  .u-br-270 {
    display: none;
  }
}

@media screen and (max-width: 269px) {
  .u-br-270-down {
    display: none;
  }
}

@media screen and (min-width: 280px) {
  .u-br-280 {
    display: none;
  }
}

@media screen and (max-width: 279px) {
  .u-br-280-down {
    display: none;
  }
}

@media screen and (min-width: 290px) {
  .u-br-290 {
    display: none;
  }
}

@media screen and (max-width: 289px) {
  .u-br-290-down {
    display: none;
  }
}

@media screen and (min-width: 300px) {
  .u-br-300 {
    display: none;
  }
}

@media screen and (max-width: 299px) {
  .u-br-300-down {
    display: none;
  }
}

@media screen and (min-width: 310px) {
  .u-br-310 {
    display: none;
  }
}

@media screen and (max-width: 309px) {
  .u-br-310-down {
    display: none;
  }
}

@media screen and (min-width: 320px) {
  .u-br-320 {
    display: none;
  }
}

@media screen and (max-width: 319px) {
  .u-br-320-down {
    display: none;
  }
}

@media screen and (min-width: 330px) {
  .u-br-330 {
    display: none;
  }
}

@media screen and (max-width: 329px) {
  .u-br-330-down {
    display: none;
  }
}

@media screen and (min-width: 340px) {
  .u-br-340 {
    display: none;
  }
}

@media screen and (max-width: 339px) {
  .u-br-340-down {
    display: none;
  }
}

@media screen and (min-width: 350px) {
  .u-br-350 {
    display: none;
  }
}

@media screen and (max-width: 349px) {
  .u-br-350-down {
    display: none;
  }
}

@media screen and (min-width: 360px) {
  .u-br-360 {
    display: none;
  }
}

@media screen and (max-width: 359px) {
  .u-br-360-down {
    display: none;
  }
}

@media screen and (min-width: 370px) {
  .u-br-370 {
    display: none;
  }
}

@media screen and (max-width: 369px) {
  .u-br-370-down {
    display: none;
  }
}

@media screen and (min-width: 380px) {
  .u-br-380 {
    display: none;
  }
}

@media screen and (max-width: 379px) {
  .u-br-380-down {
    display: none;
  }
}

@media screen and (min-width: 390px) {
  .u-br-390 {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  .u-br-390-down {
    display: none;
  }
}

@media screen and (min-width: 400px) {
  .u-br-400 {
    display: none;
  }
}

@media screen and (max-width: 399px) {
  .u-br-400-down {
    display: none;
  }
}

@media screen and (min-width: 410px) {
  .u-br-410 {
    display: none;
  }
}

@media screen and (max-width: 409px) {
  .u-br-410-down {
    display: none;
  }
}

@media screen and (min-width: 420px) {
  .u-br-420 {
    display: none;
  }
}

@media screen and (max-width: 419px) {
  .u-br-420-down {
    display: none;
  }
}

@media screen and (min-width: 430px) {
  .u-br-430 {
    display: none;
  }
}

@media screen and (max-width: 429px) {
  .u-br-430-down {
    display: none;
  }
}

@media screen and (min-width: 440px) {
  .u-br-440 {
    display: none;
  }
}

@media screen and (max-width: 439px) {
  .u-br-440-down {
    display: none;
  }
}

@media screen and (min-width: 450px) {
  .u-br-450 {
    display: none;
  }
}

@media screen and (max-width: 449px) {
  .u-br-450-down {
    display: none;
  }
}

@media screen and (min-width: 460px) {
  .u-br-460 {
    display: none;
  }
}

@media screen and (max-width: 459px) {
  .u-br-460-down {
    display: none;
  }
}

@media screen and (min-width: 470px) {
  .u-br-470 {
    display: none;
  }
}

@media screen and (max-width: 469px) {
  .u-br-470-down {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .u-br-480 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .u-br-480-down {
    display: none;
  }
}

@media screen and (min-width: 490px) {
  .u-br-490 {
    display: none;
  }
}

@media screen and (max-width: 489px) {
  .u-br-490-down {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .u-br-500 {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  .u-br-500-down {
    display: none;
  }
}

@media screen and (min-width: 510px) {
  .u-br-510 {
    display: none;
  }
}

@media screen and (max-width: 509px) {
  .u-br-510-down {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  .u-br-520 {
    display: none;
  }
}

@media screen and (max-width: 519px) {
  .u-br-520-down {
    display: none;
  }
}

@media screen and (min-width: 530px) {
  .u-br-530 {
    display: none;
  }
}

@media screen and (max-width: 529px) {
  .u-br-530-down {
    display: none;
  }
}

@media screen and (min-width: 540px) {
  .u-br-540 {
    display: none;
  }
}

@media screen and (max-width: 539px) {
  .u-br-540-down {
    display: none;
  }
}

@media screen and (min-width: 550px) {
  .u-br-550 {
    display: none;
  }
}

@media screen and (max-width: 549px) {
  .u-br-550-down {
    display: none;
  }
}

@media screen and (min-width: 560px) {
  .u-br-560 {
    display: none;
  }
}

@media screen and (max-width: 559px) {
  .u-br-560-down {
    display: none;
  }
}

@media screen and (min-width: 570px) {
  .u-br-570 {
    display: none;
  }
}

@media screen and (max-width: 569px) {
  .u-br-570-down {
    display: none;
  }
}

@media screen and (min-width: 580px) {
  .u-br-580 {
    display: none;
  }
}

@media screen and (max-width: 579px) {
  .u-br-580-down {
    display: none;
  }
}

@media screen and (min-width: 590px) {
  .u-br-590 {
    display: none;
  }
}

@media screen and (max-width: 589px) {
  .u-br-590-down {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-br-600 {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .u-br-600-down {
    display: none;
  }
}

@media screen and (min-width: 610px) {
  .u-br-610 {
    display: none;
  }
}

@media screen and (max-width: 609px) {
  .u-br-610-down {
    display: none;
  }
}

@media screen and (min-width: 620px) {
  .u-br-620 {
    display: none;
  }
}

@media screen and (max-width: 619px) {
  .u-br-620-down {
    display: none;
  }
}

@media screen and (min-width: 630px) {
  .u-br-630 {
    display: none;
  }
}

@media screen and (max-width: 629px) {
  .u-br-630-down {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .u-br-640 {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .u-br-640-down {
    display: none;
  }
}

@media screen and (min-width: 650px) {
  .u-br-650 {
    display: none;
  }
}

@media screen and (max-width: 649px) {
  .u-br-650-down {
    display: none;
  }
}

@media screen and (min-width: 660px) {
  .u-br-660 {
    display: none;
  }
}

@media screen and (max-width: 659px) {
  .u-br-660-down {
    display: none;
  }
}

@media screen and (min-width: 670px) {
  .u-br-670 {
    display: none;
  }
}

@media screen and (max-width: 669px) {
  .u-br-670-down {
    display: none;
  }
}

@media screen and (min-width: 680px) {
  .u-br-680 {
    display: none;
  }
}

@media screen and (max-width: 679px) {
  .u-br-680-down {
    display: none;
  }
}

@media screen and (min-width: 690px) {
  .u-br-690 {
    display: none;
  }
}

@media screen and (max-width: 689px) {
  .u-br-690-down {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .u-br-700 {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .u-br-700-down {
    display: none;
  }
}

@media screen and (min-width: 710px) {
  .u-br-710 {
    display: none;
  }
}

@media screen and (max-width: 709px) {
  .u-br-710-down {
    display: none;
  }
}

@media screen and (min-width: 720px) {
  .u-br-720 {
    display: none;
  }
}

@media screen and (max-width: 719px) {
  .u-br-720-down {
    display: none;
  }
}

@media screen and (min-width: 730px) {
  .u-br-730 {
    display: none;
  }
}

@media screen and (max-width: 729px) {
  .u-br-730-down {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .u-br-740 {
    display: none;
  }
}

@media screen and (max-width: 739px) {
  .u-br-740-down {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .u-br-750 {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .u-br-750-down {
    display: none;
  }
}

@media screen and (min-width: 760px) {
  .u-br-760 {
    display: none;
  }
}

@media screen and (max-width: 759px) {
  .u-br-760-down {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .u-br-770 {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  .u-br-770-down {
    display: none;
  }
}

@media screen and (min-width: 780px) {
  .u-br-780 {
    display: none;
  }
}

@media screen and (max-width: 779px) {
  .u-br-780-down {
    display: none;
  }
}

@media screen and (min-width: 790px) {
  .u-br-790 {
    display: none;
  }
}

@media screen and (max-width: 789px) {
  .u-br-790-down {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .u-br-800 {
    display: none;
  }
}

@media screen and (max-width: 799px) {
  .u-br-800-down {
    display: none;
  }
}

@media screen and (min-width: 810px) {
  .u-br-810 {
    display: none;
  }
}

@media screen and (max-width: 809px) {
  .u-br-810-down {
    display: none;
  }
}

@media screen and (min-width: 820px) {
  .u-br-820 {
    display: none;
  }
}

@media screen and (max-width: 819px) {
  .u-br-820-down {
    display: none;
  }
}

@media screen and (min-width: 830px) {
  .u-br-830 {
    display: none;
  }
}

@media screen and (max-width: 829px) {
  .u-br-830-down {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .u-br-840 {
    display: none;
  }
}

@media screen and (max-width: 839px) {
  .u-br-840-down {
    display: none;
  }
}

@media screen and (min-width: 850px) {
  .u-br-850 {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  .u-br-850-down {
    display: none;
  }
}

@media screen and (min-width: 860px) {
  .u-br-860 {
    display: none;
  }
}

@media screen and (max-width: 859px) {
  .u-br-860-down {
    display: none;
  }
}

@media screen and (min-width: 870px) {
  .u-br-870 {
    display: none;
  }
}

@media screen and (max-width: 869px) {
  .u-br-870-down {
    display: none;
  }
}

@media screen and (min-width: 880px) {
  .u-br-880 {
    display: none;
  }
}

@media screen and (max-width: 879px) {
  .u-br-880-down {
    display: none;
  }
}

@media screen and (min-width: 890px) {
  .u-br-890 {
    display: none;
  }
}

@media screen and (max-width: 889px) {
  .u-br-890-down {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .u-br-900 {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .u-br-900-down {
    display: none;
  }
}

@media screen and (min-width: 910px) {
  .u-br-910 {
    display: none;
  }
}

@media screen and (max-width: 909px) {
  .u-br-910-down {
    display: none;
  }
}

@media screen and (min-width: 920px) {
  .u-br-920 {
    display: none;
  }
}

@media screen and (max-width: 919px) {
  .u-br-920-down {
    display: none;
  }
}

@media screen and (min-width: 930px) {
  .u-br-930 {
    display: none;
  }
}

@media screen and (max-width: 929px) {
  .u-br-930-down {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  .u-br-940 {
    display: none;
  }
}

@media screen and (max-width: 939px) {
  .u-br-940-down {
    display: none;
  }
}

@media screen and (min-width: 950px) {
  .u-br-950 {
    display: none;
  }
}

@media screen and (max-width: 949px) {
  .u-br-950-down {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .u-br-960 {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .u-br-960-down {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .u-br-970 {
    display: none;
  }
}

@media screen and (max-width: 969px) {
  .u-br-970-down {
    display: none;
  }
}

@media screen and (min-width: 980px) {
  .u-br-980 {
    display: none;
  }
}

@media screen and (max-width: 979px) {
  .u-br-980-down {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .u-br-990 {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .u-br-990-down {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .u-br-1000 {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .u-br-1000-down {
    display: none;
  }
}

.noto-sans-jp-light {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.noto-serif-jp-light {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
/*# sourceMappingURL=maps/style.css.map */