@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* 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 */
}

/**
 * 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: 1em;
  /* 2 */
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

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

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

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

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

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

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

:root {
  /*--------------------------------------------　font
  ---------------------------------------------*/
  --thin: 100;
  --ex-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --ex-bold: 800;
  --black: 900;
  --font-jp: "Inter",
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    sans-serif;
  --font-en: "nasalization", sans-serif;
  /*--------------------------------------------　color
  ---------------------------------------------*/
  --bck: #1F1F1F;
  --bck-l: #5B5B5B;
  --wte: #ffffff;
  --gry: #E4E4E4;
  --gry-l: #d6d6d6;
  --gry-d: #959595;
  --theme: #2820D4;
  --accent: #E13E2F;
  --bg: #F8F8F8;
  --bdr: #f2f2f2;
  /*--------------------------------------------　easing
  ---------------------------------------------*/
  --ease-hover: cubic-bezier(.16, 1, .3, 1);
  --ease-base: cubic-bezier(0.62, 0.05, 0.01, 0.99);
  /*--------------------------------------------　cursor
  ---------------------------------------------*/
  --cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M11.9606 26.6665L1.6665 1.6665L26.6665 11.9606L17.4533 15.9092C16.7595 16.2066 16.2066 16.7595 15.9092 17.4533L11.9606 26.6665Z' fill='white'/%3E%3Cpath d='M1.01754 1.01754C1.35946 0.675623 1.87347 0.572586 2.3206 0.756697L26.9249 10.8881C27.3708 11.0718 27.663 11.5049 27.6665 11.9871C27.6699 12.4693 27.3839 12.9066 26.9407 13.0966L17.8731 16.9829L17.8725 16.9823C17.4727 17.154 17.1545 17.4732 16.9829 17.8731L13.0966 26.9407C12.9066 27.3839 12.4693 27.6699 11.9871 27.6665C11.5049 27.663 11.0718 27.3708 10.8881 26.9249L0.756697 2.3206C0.572586 1.87347 0.675623 1.35946 1.01754 1.01754ZM12.0175 23.3766L14.7809 16.9291C15.1949 15.9639 15.9644 15.1948 16.9297 14.7809L23.3766 12.0175L4.06639 4.06639L12.0175 23.3766Z' fill='%231F1F1F'/%3E%3C/svg%3E") 0 0, auto;
  --cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='27' viewBox='0 0 24 27' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.01365 0C9.83483 8.62305e-05 10.6226 0.322367 11.2033 0.895946C11.7841 1.46972 12.1108 2.24827 12.1108 3.05967V6.64776C12.3916 6.56701 12.6833 6.52507 12.9769 6.52507C13.3835 6.52513 13.7865 6.60437 14.1622 6.75807C14.5378 6.91183 14.8791 7.13755 15.1666 7.42156C15.3692 7.6218 15.5417 7.84894 15.6808 8.09527C16.0733 7.92271 16.5016 7.83055 16.9396 7.83052C17.7609 7.83059 18.5491 8.15274 19.1298 8.72646C19.3339 8.92806 19.5054 9.15554 19.6435 9.40017C20.0362 9.22746 20.4646 9.13545 20.9028 9.13542C21.7242 9.13543 22.5122 9.45762 23.093 10.0314C23.6738 10.6052 24 11.3837 24 12.1951V18.068C23.9999 20.4369 23.0472 22.7087 21.3516 24.3837C19.656 26.0588 17.3564 26.9999 14.9585 27H12.3162C12.2646 27 12.2139 26.9954 12.1642 26.9887C10.8145 26.9259 9.49392 26.5666 8.30118 25.9319C6.98295 25.2303 5.86198 24.2157 5.03843 22.9804L5.03625 22.9771L4.77697 22.5859L4.77643 22.5848C4.33864 21.9213 2.86763 19.3849 0.398131 15.0476L0.397586 15.0481C0.00212237 14.3537 -0.103152 13.534 0.103448 12.7639C0.310116 11.9937 0.812677 11.3333 1.50442 10.9235L1.50551 10.923C2.19007 10.5184 2.99166 10.3508 3.78344 10.4468C4.52573 10.5369 5.21991 10.8538 5.76942 11.3513L5.87727 11.4536L5.8789 11.4547L5.91648 11.4918V3.05967C5.91648 2.24821 6.24259 1.46974 6.82341 0.895946C7.40422 0.322242 8.19231 0 9.01365 0Z' fill='white'/%3E%3Cpath d='M17.8054 12.8473V10.8896C17.8054 10.6628 17.7145 10.4452 17.5522 10.2848C17.3897 10.1244 17.1691 10.0346 16.9394 10.0346C16.7098 10.0347 16.4895 10.1244 16.3271 10.2848C16.1648 10.4452 16.0739 10.6628 16.0738 10.8896V12.8473C16.0738 13.4558 15.5743 13.9492 14.9583 13.9493C14.3422 13.9493 13.8428 13.4559 13.8428 12.8473V9.58474C13.8427 9.4725 13.8203 9.36128 13.7768 9.25757C13.7333 9.15379 13.6693 9.05935 13.5889 8.97991C13.5085 8.90047 13.4129 8.83726 13.3079 8.79426C13.2029 8.75132 13.0903 8.72918 12.9767 8.72915C12.863 8.72915 12.75 8.75127 12.645 8.79426C12.5399 8.83726 12.4443 8.90048 12.3639 8.97991C12.2835 9.05933 12.22 9.15383 12.1765 9.25757C12.133 9.36132 12.1106 9.47245 12.1106 9.58474V12.8473C12.1106 13.4559 11.6111 13.9493 10.9951 13.9493C10.379 13.9493 9.87952 13.4559 9.87952 12.8473V3.05967C9.87952 2.83279 9.78806 2.61528 9.62569 2.45484C9.46329 2.29441 9.2431 2.2041 9.01344 2.20408C8.78376 2.20408 8.56361 2.2944 8.4012 2.45484C8.23879 2.61528 8.14737 2.83277 8.14737 3.05967V14.1527C8.14726 14.7613 7.64786 15.2548 7.03183 15.2548C6.41579 15.2548 5.91639 14.7613 5.91628 14.1527V3.05967C5.91628 2.24821 6.24239 1.46974 6.82321 0.895946C7.40403 0.322158 8.19204 0 9.01344 0C9.83473 1.49932e-05 10.6224 0.322304 11.2031 0.895946C11.784 1.46974 12.1106 2.24821 12.1106 3.05967V6.64776C12.3914 6.56696 12.683 6.52507 12.9767 6.52507C13.3833 6.52509 13.7862 6.60433 14.1619 6.75807C14.5376 6.91183 14.8788 7.13749 15.1664 7.42156C15.3691 7.62183 15.5415 7.84889 15.6806 8.09526C16.0732 7.92265 16.5013 7.83055 16.9394 7.83052C17.7608 7.83052 18.5488 8.15267 19.1296 8.72646C19.7104 9.30019 20.0365 10.0783 20.0365 10.8896V12.8473C20.0365 13.4559 19.5371 13.9493 18.921 13.9493C18.305 13.9492 17.8054 13.4559 17.8054 12.8473Z' fill='%231F1F1F'/%3E%3Cpath d='M1.50553 10.9229C2.19009 10.5183 2.99169 10.3507 3.78346 10.4467C4.52577 10.5368 5.21993 10.8537 5.76944 11.3513L5.87729 11.4535L5.87893 11.4546L7.82078 13.3735C8.25638 13.8038 8.25641 14.5015 7.82078 14.9318C7.38514 15.3621 6.67896 15.3621 6.24333 14.9318L4.30256 13.0145C4.08906 12.8045 3.81073 12.6709 3.51166 12.6346C3.21251 12.5983 2.90968 12.6615 2.65103 12.8144C2.45803 12.9289 2.31768 13.1132 2.25994 13.3283C2.20216 13.5436 2.23168 13.7728 2.34219 13.967C4.83463 18.3446 6.25715 20.7921 6.64477 21.3799L6.90187 21.7685L7.02062 21.9406C7.62818 22.7933 8.42867 23.4954 9.35956 23.9908C10.3525 24.5193 11.4628 24.796 12.5907 24.7958H14.9585C16.7648 24.7958 18.497 24.087 19.7742 22.8253C21.0514 21.5636 21.7688 19.8523 21.7689 18.0679V12.195C21.7689 11.9682 21.6779 11.7506 21.5156 11.5902C21.3532 11.4297 21.1325 11.3394 20.9028 11.3394C20.6732 11.3395 20.453 11.4298 20.2906 11.5902C20.1283 11.7506 20.0368 11.9682 20.0368 12.195C20.0367 12.8036 19.5373 13.297 18.9212 13.297C18.3052 13.2969 17.8057 12.8036 17.8057 12.195C17.8057 11.3835 18.1323 10.6051 18.7131 10.0313C19.2939 9.45763 20.0816 9.13538 20.9028 9.13534C21.7242 9.13534 22.5123 9.45753 23.0931 10.0313C23.6739 10.6051 24 11.3835 24 12.195V18.0679C23.9999 20.4368 23.0473 22.7086 21.3517 24.3836C19.6561 26.0587 17.3565 26.9999 14.9585 26.9999H12.3162C12.2646 26.9999 12.214 26.9953 12.1642 26.9886C10.8145 26.9258 9.49396 26.5665 8.30121 25.9318C6.98294 25.2302 5.86202 24.2157 5.03845 22.9803L5.03627 22.977L4.777 22.5858L4.77645 22.5848C4.33866 21.9212 2.86769 19.3848 0.398155 15.0475L0.39761 15.048C0.00212559 14.3536 -0.103172 13.534 0.103472 12.7638C0.310144 11.9936 0.812677 11.3332 1.50444 10.9235L1.50553 10.9229Z' fill='%231F1F1F'/%3E%3C/svg%3E") 0 0,
    pointer;
  --cursor-beam: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24' fill='none'%3E%3Cpath d='M12.3846 1C12.682 1 12.923 1.22386 12.923 1.5V2.32615C12.923 2.6023 12.6819 2.82615 12.3846 2.82615H8.61535V20.1738H12.3846C12.6819 20.1738 12.923 20.3977 12.923 20.6738V21.5C12.923 21.7761 12.682 22 12.3846 22H2.69227C2.39488 22 2.15381 21.7761 2.15381 21.5V20.6738C2.15386 20.3977 2.39493 20.1738 2.69227 20.1738H6.4615V2.82615H2.69227C2.39493 2.82615 2.15386 2.6023 2.15381 2.32615V1.5C2.15381 1.22386 2.39488 1 2.69227 1H12.3846Z' fill='%23ffffff'/%3E%3Cmask id='m' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='24'%3E%3Cpath d='M14 0H0V24H14V0Z' fill='white'/%3E%3Cpath d='M11.8461 1.5C12.1435 1.5 12.3846 1.72386 12.3846 2V2.82615C12.3845 3.1023 12.1435 3.32615 11.8461 3.32615H8.0769V20.6738H11.8461C12.1435 20.6738 12.3845 20.8977 12.3846 21.1738V22C12.3846 22.2761 12.1435 22.5 11.8461 22.5H2.15382C1.85643 22.5 1.61536 22.2761 1.61536 22V21.1738C1.61541 20.8977 1.85648 20.6738 2.15382 20.6738H5.92305V3.32615H2.15382C1.85648 3.32615 1.61541 3.1023 1.61536 2.82615V2C1.61536 1.72386 1.85643 1.5 2.15382 1.5H11.8461Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M8.07692 3.32615V1.82617H6.46154V3.32615H8.07692ZM8.07692 20.6738H6.46154V22.1738H8.07692V20.6738ZM5.92308 20.6738V22.1738H7.53846V20.6738H5.92308ZM5.92308 3.32615H7.53846V1.82617H5.92308V3.32615ZM11.8462 1.5V3C11.2514 3 10.7692 2.5523 10.7692 2H12.3846H14C14 0.89543 13.0357 0 11.8462 0V1.5ZM12.3846 2H10.7692V2.82615H12.3846L14 2.8264V2H12.3846ZM12.3846 2.82615H10.7692C10.7693 2.27429 11.2511 1.82617 11.8462 1.82617V3.32615V4.82615C13.0359 4.82615 13.9998 3.9305 14 2.8264L12.3846 2.82615ZM11.8462 3.32615V1.82617H8.07692V3.32615V4.82615H11.8462V3.32615ZM8.07692 3.32615H6.46154V20.6738H8.07692H9.69231V3.32615H8.07692ZM8.07692 20.6738V22.1738H11.8462V20.6738V19.1738H8.07692V20.6738ZM11.8462 20.6738V22.1738C11.2511 22.1738 10.7693 21.726 10.7692 21.1741L12.3846 21.1738H14C13.9998 20.0697 13.0359 19.1738 11.8462 19.1738V20.6738ZM12.3846 21.1738L10.7692 21.1741V22H12.3846H14V21.1738H12.3846ZM12.3846 22H10.7692C10.7692 21.4477 11.2514 21 11.8462 21V22.5V24C13.0357 24 14 23.1046 14 22H12.3846ZM11.8462 22.5V21H2.15385V22.5V24H11.8462V22.5ZM2.15385 22.5V21C2.74863 21 3.23077 21.4477 3.23077 22H1.61538H0C0 23.1046 0.964331 24 2.15385 24V22.5ZM1.61538 22H3.23077V21.1738H1.61538L0 21.1736V22H1.61538ZM1.61538 21.1738H3.23077C3.23066 21.7257 2.7489 22.1738 2.15385 22.1738V20.6738V19.1738C0.964062 19.1738 0.000215385 20.0695 0 21.1736L1.61538 21.1738ZM2.15385 20.6738V22.1738H5.92308V20.6738V19.1738H2.15385V20.6738ZM5.92308 20.6738H7.53846V3.32615H5.92308H4.30769V20.6738H5.92308ZM5.92308 3.32615V1.82617H2.15385V3.32615V4.82615H5.92308V3.32615ZM2.15385 3.32615V1.82617C2.7489 1.82617 3.23066 2.27404 3.23077 2.8259L1.61538 2.82615H0C0.000215385 3.93025 0.964062 4.82615 2.15385 4.82615V3.32615ZM1.61538 2.82615L3.23077 2.8259V2H1.61538H0V2.82615H1.61538ZM1.61538 2H3.23077C3.23077 2.5523 2.74863 3 2.15385 3V1.5V0C0.964331 0 0 0.89543 0 2H1.61538ZM2.15385 1.5V3H11.8462V1.5V0H2.15385V1.5Z' fill='%231F1F1F'/%3E%3C/g%3E%3C/svg%3E") 0 0, text;
}

/*--------------------------------------------　Media Query
---------------------------------------------*/
/*--------------------------------------------　Mixin
---------------------------------------------*/
/*--------------------------------------------　Keyframe
---------------------------------------------*/
@keyframes bounceAlpha {
  0% {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  25% {
    opacity: 0;
    transform: translateX(2rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translateX(1.5rem) scale(0.9);
    }
  }
  26% {
    opacity: 0;
    transform: translateX(-2rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translateX(-1.5rem) scale(0.9);
    }
  }
  55% {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceOut {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes scrollAnim1-up-clip {
  0% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes scale-out {
  0% {
    transform: scale(1);
    transform-origin: center center;
  }
  100% {
    transform: scale(0);
    transform-origin: center center;
  }
}
@keyframes shooting-star {
  0% {
    background-position-x: 0%;
    opacity: 1;
  }
  5% {
    background-position-x: 100%;
    opacity: 1;
  }
  10% {
    background-position-x: 200%;
    opacity: 0;
  }
  100% {
    background-position-x: 200%;
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes expansion {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes expansion2 {
  0% {
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) scale(1.2);
  }
}
@keyframes inclination {
  0% {
    transform: translate(-50%, -50%) rotate(8deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-8deg);
  }
}
/* 角丸版：中央から拡大して表示 */
/*--------------------------------------------　Function
---------------------------------------------*/
/*--------------------------------------------　property
  ---------------------------------------------*/
@property --a {
  syntax: "<percentage>";
  /* its type */
  inherits: false;
  initial-value: 0%;
  /* the initial value */
}
/*--------------------------------------------　Base
---------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html,
body {
  cursor: var(--cursor-default);
}

p,
span,
input,
textarea,
[contenteditable=true] {
  cursor: var(--cursor-beam);
}

a,
button,
[role=button],
.is-clickable,
.wpcf7-list-item-label,
input[type=file],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: var(--cursor-pointer);
}

html {
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  html {
    font-size: 1.3020833333vw;
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
}
html ::-moz-selection {
  background-color: var(--theme);
  color: var(--wte);
}
html ::selection {
  background-color: var(--theme);
  color: var(--wte);
}
html ::-moz-selection {
  background-color: var(--theme);
  color: var(--wte);
}

body {
  background-color: var(--bg);
  color: var(--bck);
  font-family: var(--font-jp);
  font-optical-sizing: auto;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: var(--regular);
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  /* カーニングとリガチャ（合字）を調整 */
  text-rendering: optimizeLegibility;
}
@media screen and (min-width: 769px) {
  body {
    /* 16px */
    font-size: 1.6rem;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

/*--------------------------------------------　page
---------------------------------------------*/
.universe {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.universe__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.universe__bg img {
  animation: expansion 2.5s linear infinite alternate;
}
.universe__star {
  position: absolute;
  right: 12vw;
  top: 18vw;
  width: 10rem;
}
@media screen and (min-width: 769px) {
  .universe__star {
    position: absolute;
    right: 12vw;
    top: 18vw;
    width: 13.8888888889vw;
  }
}
.universe__star2 {
  animation-delay: 2s !important;
  bottom: 2vw;
  left: 56vw;
  position: absolute;
  width: 2.5rem;
}
@media screen and (min-width: 769px) {
  .universe__star2 {
    bottom: 2vw;
    left: 56vw;
    position: absolute;
    width: 3.4722222222vw;
  }
}
.universe__star3 {
  animation-delay: 4s !important;
  left: 6vw;
  position: absolute;
  top: 2vw;
  width: 2.5rem;
}
@media screen and (min-width: 769px) {
  .universe__star3 {
    left: 6vw;
    position: absolute;
    top: 2vw;
    width: 3.4722222222vw;
  }
}
.universe__star4 {
  animation-delay: 6s !important;
  position: absolute;
  right: 6vw;
  top: 2vw;
  width: 5rem;
}
@media screen and (min-width: 769px) {
  .universe__star4 {
    position: absolute;
    right: 6vw;
    top: 2vw;
    width: 6.9444444444vw;
  }
}
.universe__earth {
  animation: expansion2 4s linear infinite alternate;
  border-radius: 50%;
  height: 20rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20rem;
}
@media screen and (min-width: 769px) {
  .universe__earth {
    height: 27.7777777778vw;
    width: 27.7777777778vw;
  }
}
.universe__loading {
  animation: inclination 4s linear infinite alternate;
  aspect-ratio: 400/70;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .universe__loading {
    width: 38.8888888889vw;
  }
}
.universe__loading img {
  animation: blink 0.015s linear infinite alternate;
}

.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  height: auto;
  position: relative;
  width: 100%;
  /*--------------------------------------------　color
  ---------------------------------------------*/
  /*--------------------------------------------　font
  ---------------------------------------------*/
  /*--------------------------------------------　weight
  ---------------------------------------------*/
  /*--------------------------------------------　site
  ---------------------------------------------*/
  /*--------------------------------------------　link
  ---------------------------------------------*/
  /*--------------------------------------------　z-index
  ---------------------------------------------*/
}
.page#js-page, #js-page.page__header, #js-page.page__nav, #js-page.page__main, #js-page.page__section, #js-page.page__article, #js-page.page__aside, #js-page.page__footer, #js-page.page__inner, #js-page.page__flex {
  overflow: hidden;
  transition: opacity 0.25s linear;
}
.page#js-page.in-transit, #js-page.in-transit.page__header, #js-page.in-transit.page__nav, #js-page.in-transit.page__main, #js-page.in-transit.page__section, #js-page.in-transit.page__article, #js-page.in-transit.page__aside, #js-page.in-transit.page__footer, #js-page.in-transit.page__inner, #js-page.in-transit.page__flex {
  opacity: 0;
}
.page__inner {
  margin: 0 auto;
  max-width: 100%;
  width: 34.3rem;
}
@media screen and (min-width: 769px) {
  .page__inner {
    width: 91.1111111111vw;
  }
}
.page__inner::before {
  background: linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat;
  background-position: 0% 0, 33.333% 0, 66.666% 0, 100% 0;
  background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  content: "";
  height: 100%;
  inset: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .page__inner::before {
    background: linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat, linear-gradient(to bottom, var(--bdr) 0 100%) no-repeat;
    background-position: 0% 0, 25% 0, 50% 0, 75% 0, 100% 0;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
  }
}
.page__flex {
  display: flex;
}
.page__flex > * {
  flex-shrink: 0;
  width: auto;
}
.page__flex.--v {
  flex-direction: column;
}
.page__flex.--i {
  display: inline-flex;
}
@media screen and (min-width: 769px) {
  .page__md {
    display: none;
  }
}
.page__dd {
  display: none;
}
@media screen and (min-width: 769px) {
  .page__dd {
    display: block;
  }
}
.page__img {
  display: block;
  font-size: 0;
}
.page__img img,
.page__img video,
.page__img iframe,
.page__img svg,
.page__img mask,
.page__img path,
.page__img g {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page__wte {
  color: var(--wte);
}
.page__bck {
  color: var(--bck);
}
.page__bck-l {
  color: var(--bck-l);
}
.page__gry {
  color: var(--gry);
}
.page__theme {
  color: var(--theme);
}
.page__acce {
  color: var(--accent);
}
.page__bgWte {
  background-color: var(--wte);
}
.page__bgBck {
  background-color: var(--bck);
}
.page__bgGry {
  background-color: var(--gry);
}
.page__bgGry-l {
  background-color: var(--gry-l);
}
.page__bgTheme {
  background-color: var(--theme);
}
.page__bgAcce {
  background-color: var(--accent);
}
.page__sharp {
  /* 文字をシャープに */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page__en {
  font-family: var(--font-en);
}
.page__black {
  font-weight: var(--black);
}
.page__ebold {
  font-weight: var(--ex-bold);
}
.page__bold {
  font-weight: var(--bold);
}
.page__sbold {
  font-weight: var(--semi-bold);
}
.page__medium {
  font-weight: var(--medium);
}
.page__regular {
  font-weight: var(--regular);
}
.page__light {
  font-weight: var(--light);
}
.page__elight {
  font-weight: var(--ex-light);
}
.page__thin {
  font-weight: var(--thin);
}
.page__hidden {
  overflow: hidden;
}
.page__cnt {
  margin: 0 auto;
  position: relative;
}
.page__txt-anim {
  transform: translateY(103%);
  transition: transform 0.8s var(--ease-base);
}
.js-inview-acv .page__txt-anim {
  transform: translateY(0);
}
.page__txt-anim:nth-child(1) {
  transition-delay: 0.1s;
}
.page__txt-anim:nth-child(2) {
  transition-delay: 0.125s;
}
.page__txt-anim:nth-child(3) {
  transition-delay: 0.15s;
}
.page__txt-anim:nth-child(4) {
  transition-delay: 0.175s;
}
.page__txt-anim:nth-child(5) {
  transition-delay: 0.2s;
}
.page__txt-anim:nth-child(6) {
  transition-delay: 0.225s;
}
.page__txt-anim:nth-child(7) {
  transition-delay: 0.25s;
}
.page__txt-anim:nth-child(8) {
  transition-delay: 0.275s;
}
.page__txt-anim:nth-child(9) {
  transition-delay: 0.3s;
}
.page__txt-anim:nth-child(10) {
  transition-delay: 0.325s;
}
.page__txt-anim2-box {
  display: block;
}
.page__txt-anim2 {
  transform: translateY(103%);
  transition: transform 0.8s var(--ease-base);
}
.js-inview-acv .page__txt-anim2 {
  transform: translateY(0);
}
.page__scroll-txt {
  color: var(--wte);
}
.page__scroll-txt:not(.--vertical .page__scroll-txt) {
  background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.1) 50%);
  background-clip: text;
  background-position-x: 100%;
  background-size: 200% 100%;
  color: transparent;
  -webkit-background-clip: text;
}
.page__star {
  animation: shooting-star 8s linear infinite;
  background-image: linear-gradient(to left, var(--wte) 50%, transparent 50%);
  background-repeat: repeat-x;
  background-size: 200% 1px;
  height: 1px;
  transform: rotate(-45deg);
}
.page__linkLine {
  background: linear-gradient(0deg, var(--wte), var(--wte)) no-repeat right bottom/0 1px;
  display: inline;
  transition: background-size 0.5s var(--ease-hover), color 0.5s var(--ease-hover);
}
.page__linkLine.-lineBlack {
  background: linear-gradient(0deg, var(--bck), var(--bck)) no-repeat right bottom/0 1px;
}
.page__linkLine.-lineGra {
  background: linear-gradient(0deg, var(--gradationLight), var(--gradationDark)) no-repeat right bottom/0 1px;
}
.page__linkLine:hover, .page__linkLine.js-link-acv, .js-link-acv .page__linkLine {
  background-position-x: left;
  background-size: 100% 1px;
}
.page__linkTransform {
  overflow: hidden;
  position: relative;
}
.page__linkTransform:after {
  content: attr(data-replace);
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0, 200%);
  transform-origin: 50% 100%;
  transition: transform 0.3s var(--ease-hover);
  width: 100%;
  will-change: transform;
}
.page__linkTransform:hover:after {
  transform: translate(0, 0);
}
.page__linkTransform:hover .page__linkReplace {
  transform: translate(0, -200%);
}
.page__linkReplace {
  display: block;
  transition: 0.3s var(--ease-hover);
}
.page__1000 {
  z-index: 1000;
}
.page__100 {
  z-index: 100;
}
.page__10 {
  z-index: 10;
}
.page__1 {
  z-index: 1;
}

/*--------------------------------------------　footer
---------------------------------------------*/
.footer__inner {
  height: 70rem;
  padding: 8rem 0 0;
}
@media screen and (min-width: 769px) {
  .footer__inner {
    height: 59.9305555556vw;
    padding: 6.5972222222vw 0 0;
  }
}
.footer__window {
  aspect-ratio: 597/576;
  height: auto;
  left: 50%;
  position: absolute;
  top: 16rem;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .footer__window {
    height: 40vw;
    position: absolute;
    right: 13.1944444444vw;
    top: 12.0833333333vw;
    transform: translateX(0);
    width: 41.4583333333vw;
  }
}
.footer__window-img {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.footer__window-img.js-inview-acv path.earth {
  animation: scale-out 30s forwards linear;
}
.footer__window-img-earth {
  background-color: var(--theme);
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .footer__window-img-earth {
    bottom: 0;
    height: 21.5972222222vw;
    position: absolute;
    right: 0;
    width: 21.5972222222vw;
  }
}
.footer__window-star1 {
  left: 9vw;
  position: absolute;
  top: 13vw;
  width: 8rem;
}
@media screen and (min-width: 769px) {
  .footer__window-star1 {
    left: 9vw;
    position: absolute;
    top: 13vw;
    width: 5.5555555556vw;
  }
}
.footer__window-star2 {
  animation-delay: 10s;
  bottom: 4rem;
  left: 14rem;
  position: absolute;
  width: 5rem;
}
@media screen and (min-width: 769px) {
  .footer__window-star2 {
    bottom: 2vw;
    left: 23vw;
    position: absolute;
    width: 3.4722222222vw;
  }
}
.footer__ttl-box {
  position: relative;
}
.footer__ttl-box-txt {
  aspect-ratio: 600/68;
  height: auto;
  width: 100%;
}
.footer__ttl-box-txt-wrap {
  transition: transform 0.75s var(--ease-hover);
}
.js-touch-acv .footer__ttl-box-txt-wrap {
  transform: translateY(-10.3256944444vw);
}
.footer__ttl-box-txt-hover {
  aspect-ratio: 600/68;
  height: auto;
}
@media screen and (min-width: 769px) {
  .footer__ttl-box-txt-hover {
    width: 100%;
  }
}
.footer__list {
  display: none;
}
@media screen and (min-width: 769px) {
  .footer__list {
    display: flex;
    padding: 40.2777777778vw 0 0;
  }
}
.footer__item {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 769px) {
  .footer__item {
    font-size: 0.7638888889vw;
    width: 25%;
  }
}
.footer__mobile {
  padding: 43rem 0 0;
  position: relative;
}
.footer__mobile-btn {
  align-items: center;
  border: 0.3rem solid var(--accent);
  border-radius: 1.2rem;
  height: 3.2rem;
  justify-content: center;
  margin: 0 auto 4rem;
  width: 11rem;
}
.footer__mobile-btn-txt {
  display: inline-block;
  font-size: 2rem;
  margin: -0.6rem 0 0;
}
.footer__mobile-list {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.8rem;
}
.footer__mobile-item {
  font-size: 1.1rem;
  white-space: nowrap;
  width: 50%;
}
.footer__mobile-item.--2, .footer__mobile-item.--4 {
  text-align: right;
}
.footer__mobile-link {
  font-size: 1.1rem;
}

/*--------------------------------------------　contact-slider
---------------------------------------------*/
@media screen and (min-width: 769px) {
  .contact-slider {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.5s background-color var(--ease-hover);
    width: 4.4444444444vw;
  }
  .contact-slider.--wte {
    /* 初期は隠す */
    clip-path: inset(100% 0 0 0);
  }
  .contact-slider.is-active {
    background-color: var(--wte);
  }
  .contact-slider.is-active .contact-slider__item-box {
    transform: translateX(103%);
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__splide, .contact-slider__splide-track, .contact-slider__list {
    height: 100% !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__list {
    align-items: center;
    display: flex !important;
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__item {
    height: 5.3472222222vw !important;
    margin-bottom: 4rem;
    overflow: hidden;
    position: relative;
    width: 0.8333333333vw !important;
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__item .contact-slider__item-box {
    transition: 0.75s transform var(--ease-hover);
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__item .contact-slider__item-box > img {
    height: 100%;
    transform: translateX(-103%);
    transition: 0.8s transform var(--ease-base) 0.4s;
    width: 100%;
  }
  .js-loaded .contact-slider__item .contact-slider__item-box > img {
    transform: translateX(0);
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__item-box {
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .contact-slider__item-hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-103%);
    width: 100%;
  }
}

/*--------------------------------------------　off-canvas
---------------------------------------------*/
.off-canvas {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  justify-content: flex-end;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100vw);
  transition: transform 0.8s var(--ease-base);
  width: 100vw;
}
.js-contact-acv .off-canvas {
  transform: translateX(0);
}
.off-canvas__inner {
  height: 100%;
  padding: 1.6rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .off-canvas__inner {
    height: auto;
    padding: 0 4.4444444444vw 0 0;
    width: 31.7361111111vw;
  }
}
.off-canvas__btn {
  border: 1px solid var(--bck-l);
  border-radius: 50%;
  height: 4rem;
  opacity: 0.5;
  position: fixed;
  right: 3.2rem;
  top: 4.8rem;
  transition: background-color 0.5s var(--ease-hover);
  width: 4rem;
}
.off-canvas__btn.js-touch-acv {
  background-color: var(--bck);
}
.off-canvas__btn.js-touch-acv .off-canvas__btn-bar {
  background-color: var(--wte);
}
.off-canvas__btn-bar {
  background: var(--bck);
  border-radius: 999px;
  bottom: 0;
  display: block;
  height: 0.2rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s var(--ease-base);
  width: 1.6rem;
  will-change: opacity transform;
}
.off-canvas__btn-bar.--1 {
  transform: translateY(-0.6rem);
}
.js-contact-acv .off-canvas__btn-bar.--1 {
  transform: rotate(45deg);
}
.off-canvas__btn-bar.--2 {
  transform: translateY(0.6rem);
}
.js-contact-acv .off-canvas__btn-bar.--2 {
  transform: rotate(-45deg);
}
.off-canvas__form {
  background-image: url("../img/com/form-bg.svg");
  background-position: 50% 50%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2.4rem;
  height: 100%;
  overflow-y: auto;
  padding: 4rem 2.4rem 6.4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .off-canvas__form {
    background-image: url("../img/com/form-bg.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2.2222222222vw;
    height: 52.0833333333vw;
    max-height: calc(100vh - 3.3333333333vw);
    padding: 3.3333333333vw 1.6666666667vw;
  }
}
.off-canvas__form-ttl {
  border-bottom: 1px solid var(--gry);
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  margin: 0 0 3.2rem;
  padding: 0 0 3.2rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-ttl {
    font-size: 1.6666666667vw;
    margin: 0 0 2.2222222222vw;
    padding: 0 0 2.2222222222vw;
  }
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-ttl {
    width: calc(100% - 16.1111111111vw);
  }
}
.off-canvas__form-group {
  flex-direction: column;
  margin: 0 0 2.4rem;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group {
    align-items: center;
    flex-direction: row;
    margin: 0 0 1.1111111111vw;
  }
}
.off-canvas__form-group-ttl {
  font-size: 1.2rem;
  padding: 0 1.2rem 0 0;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-ttl {
    font-size: 0.8333333333vw;
    padding: 0 0.8333333333vw 0 0;
    text-align: right;
  }
}
.off-canvas__form-group-ttl:after {
  color: var(--accent);
  content: "*";
  display: inline-block;
  margin: 0 0 0 0.4rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-ttl:after {
    margin: 0 0 0 0.2777777778vw;
  }
}
.--file .off-canvas__form-group-ttl:after {
  opacity: 0;
}
.off-canvas__form-group-cat, .off-canvas__form-group-txt, .off-canvas__form-group-txtarea, .off-canvas__form-group-file {
  position: relative;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat, .off-canvas__form-group-txt, .off-canvas__form-group-txtarea, .off-canvas__form-group-file {
    width: 16.1111111111vw;
  }
}
.off-canvas__form-group-cat input,
.off-canvas__form-group-cat textarea, .off-canvas__form-group-txt input,
.off-canvas__form-group-txt textarea, .off-canvas__form-group-txtarea input,
.off-canvas__form-group-txtarea textarea, .off-canvas__form-group-file input,
.off-canvas__form-group-file textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
.off-canvas__form-group-cat input, .off-canvas__form-group-chk input {
  position: relative;
}
.off-canvas__form-group-cat input:checked, .off-canvas__form-group-chk input:checked {
  background-color: var(--wte);
  border: 1px solid var(--accent) !important;
}
.off-canvas__form-group-cat input:checked:before, .off-canvas__form-group-chk input:checked:before {
  border-bottom: 0.2rem solid var(--theme);
  border-right: 0.2rem solid var(--theme);
  content: "";
  display: block;
  height: 1rem;
  left: 0.55rem !important;
  position: absolute;
  top: 0.2rem;
  transform: rotate(50deg);
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat input:checked:before, .off-canvas__form-group-chk input:checked:before {
    border-bottom: 0.1388888889vw solid var(--theme);
    border-right: 0.1388888889vw solid var(--theme);
    height: 0.6944444444vw;
    left: 0.3819444444vw !important;
    top: 0.1388888889vw;
    width: 0.3472222222vw;
  }
}
@media screen and (min-width: 1440px) {
  .off-canvas__form-group-cat input:checked:before, .off-canvas__form-group-chk input:checked:before {
    left: 0.4861111111vw;
  }
}
.off-canvas__form-group-cat input:checked:before {
  left: 0.4rem !important;
  top: 0.1rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat input:checked:before {
    left: 0.2777777778vw !important;
    top: 0.0694444444vw !important;
  }
}
.off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  flex-direction: column;
  row-gap: 1.4rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-form-control {
    row-gap: 0.9722222222vw;
  }
}
.off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item {
  color: var(--bck-l);
  font-size: 1.3rem;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item {
    font-size: 0.9027777778vw;
  }
}
.off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item label {
  align-items: center;
  display: flex;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item label {
    -moz-column-gap: 0.5555555556vw;
    column-gap: 0.5555555556vw;
  }
}
.off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item label input[type=radio] {
  border: 1px solid var(--gry);
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-cat .wpcf7-form-control-wrap .wpcf7-list-item label input[type=radio] {
    height: 1.0416666667vw;
    width: 1.0416666667vw;
  }
}
.off-canvas__form-group-txt input,
.off-canvas__form-group-txt textarea, .off-canvas__form-group-txtarea input,
.off-canvas__form-group-txtarea textarea {
  border-bottom: 1px solid var(--gry);
  font-size: 1.6rem;
  width: 100%;
}
.off-canvas__form-group-txt input:focus,
.off-canvas__form-group-txt textarea:focus, .off-canvas__form-group-txtarea input:focus,
.off-canvas__form-group-txtarea textarea:focus {
  background-color: rgba(40, 32, 212, 0.05);
  border-bottom: 1px solid var(--accent);
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-txt input, .off-canvas__form-group-txtarea input {
    height: 1.9444444444vw;
  }
}
.off-canvas__form-group-txt textarea, .off-canvas__form-group-txtarea textarea {
  height: 6.4rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-txt textarea, .off-canvas__form-group-txtarea textarea {
    height: 5.5555555556vw;
  }
}
.off-canvas__form-group-file {
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-file {
    font-size: 0.8333333333vw;
  }
}
.off-canvas__form-group-file input::file-selector-button {
  margin: 0;
  opacity: 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-file input::file-selector-button {
    height: 2.2222222222vw;
    margin: 0 0.5555555556vw 0 0;
    width: 6.1111111111vw;
  }
}
.off-canvas__form-group-file input:hover:before {
  border: 1px solid var(--accent);
}
.off-canvas__form-group-file input:before {
  align-items: center;
  border: 1px solid var(--bdr);
  content: "SELECT";
  display: flex;
  font-family: var(--font-en);
  font-size: 1.4rem;
  height: 3.2rem;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-file input:before {
    font-size: 0.9722222222vw;
    height: 2.2222222222vw;
    width: 6.1111111111vw;
  }
}
.off-canvas__form-group-chk {
  align-items: center;
  font-size: 1.2rem;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-chk {
    font-size: 0.8333333333vw;
  }
}
.off-canvas__form-group-chk > .wpcf7-form-control-wrap {
  position: static !important;
}
.off-canvas__form-group-chk .wpcf7-list-item {
  margin: 0;
}
.off-canvas__form-group-chk .wpcf7-list-item label {
  margin: 0;
}
.off-canvas__form-group-chk input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none transparent;
  border: 0;
  border: 1px solid var(--gry);
  border-radius: 0;
  border-radius: 0.4rem;
  color: inherit;
  font-size: inherit;
  height: 1.8rem;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle;
  width: 1.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-chk input[type=checkbox] {
    border-radius: 0.2777777778vw;
    height: 1.25vw;
    width: 1.25vw;
  }
}
.off-canvas__form-group-chk .wpcf7-list-item-label {
  display: none;
}
.off-canvas__form-group-chk .wpcf7-not-valid-tip {
  bottom: -2rem;
  left: 0;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-chk .wpcf7-not-valid-tip {
    bottom: -1.3vw;
    left: 0;
    position: absolute;
  }
}
.off-canvas__form-group-chk-link {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 0 0 0.8rem;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-group-chk-link {
    font-size: 0.8333333333vw;
    margin: 0 0 0 0.5555555556vw;
  }
}
.off-canvas__form-send {
  align-items: center;
  justify-content: center;
  position: relative;
  position: relative;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-send {
    -moz-column-gap: 1.1111111111vw;
    column-gap: 1.1111111111vw;
  }
}
.off-canvas__form-send input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  color: var(--bck-l);
  font-family: var(--font-en);
  font-size: inherit;
  font-size: 4.2rem;
  margin: 0;
  outline: none;
  padding: 0;
  transition: 0.3s color var(--ease-hover);
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-send input {
    font-size: 2.9166666667vw;
  }
}
.off-canvas__form-send .wpcf7-spinner {
  background-color: var(--theme);
  height: 2.4rem;
  margin: 0 !important;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-30%);
  width: 2.4rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-send .wpcf7-spinner {
    height: 1.6666666667vw;
    position: absolute;
    right: 3.4722222222vw;
    top: 50%;
    width: 1.6666666667vw;
  }
}
.off-canvas__form-send .wpcf7-spinner:before {
  background-color: var(--wte);
}
.off-canvas__form-send.js-touch-acv input {
  color: var(--accent);
}
.off-canvas__form-send.js-touch-acv .off-canvas__form-send-ico svg path {
  fill: var(--accent);
}
.off-canvas__form-send-ico {
  height: 3rem;
  position: relative;
  top: 0.4rem;
  width: 1.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__form-send-ico {
    height: 2.0833333333vw;
    top: 0.5555555556vw;
    width: 1.25vw;
  }
}
.off-canvas__form-send-ico svg path {
  transition: 0.3s fill var(--ease-hover);
}

/*--------------------------------------------　contact form7
---------------------------------------------*/
.wpcf7-not-valid-tip {
  bottom: -2rem;
  font-size: 1rem;
  left: 0;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .wpcf7-not-valid-tip {
    bottom: -1.7vw;
    font-size: 0.6944444444vw !important;
    left: 0;
    position: absolute;
  }
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  border: none !important;
  border-radius: 0.4rem !important;
  color: var(--accent) !important;
  display: block;
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 0.4rem 0.8rem 0.5rem !important;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .wpcf7-not-valid-tip,
  .wpcf7-response-output {
    border-radius: 0.2777777778vw;
    font-size: 0.6944444444vw !important;
    padding: 0.2777777778vw 0.5555555556vw 0.3472222222vw !important;
  }
}

.wpcf7-response-output {
  left: 50% !important;
  position: absolute !important;
  text-align: center;
  top: 85.8rem !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 4.8rem) !important;
}
@media screen and (min-width: 769px) {
  .wpcf7-response-output {
    bottom: auto !important;
    left: auto !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(0) !important;
    width: 100% !important;
  }
}

/*--------------------------------------------　header
---------------------------------------------*/
.header {
  background-color: var(--theme);
  /*--------------------------------------------　home
  ---------------------------------------------*/
  /*--------------------------------------------　works
  ---------------------------------------------*/
}
.home .header {
  background-color: var(--gry);
}
.home .header__inner {
  height: 15.7rem;
  padding: 4.8rem 0 0;
}
@media screen and (min-width: 769px) {
  .home .header__inner {
    height: 22.0138888889vw;
    padding: 4.4444444444vw 0 0;
  }
}
.post-type-archive-works .header__inner, .tax-works-category .header__inner {
  height: auto;
  min-height: 21.4rem;
  padding: 5.6rem 0 0;
}
@media screen and (min-width: 769px) {
  .post-type-archive-works .header__inner, .tax-works-category .header__inner {
    height: 24.5833333333vw;
    padding: 4.4444444444vw 0 0;
  }
}
.single-works .header__inner {
  height: 12.6rem;
}
@media screen and (min-width: 769px) {
  .single-works .header__inner {
    height: 12.7083333333vw;
  }
}
.header__home-ttl-box {
  margin: 0 0 1.2rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .header__home-ttl-box {
    margin: 0 0 1.7361111111vw;
  }
}
.header__home-ttl-box-txt {
  aspect-ratio: 600/68;
  height: auto;
  width: 100%;
}
.header__home-ttl-box-txt img {
  transition: transform 0.8s var(--ease-base);
}
.header__home-leads {
  position: relative;
  -moz-column-gap: 0.8rem;
  align-items: center;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .header__home-leads {
    padding: 0 0 0 0.2083333333vw;
    -moz-column-gap: 2.8472222222vw;
    column-gap: 2.8472222222vw;
  }
}
.header__home-leads-en-txt {
  height: 2.7rem;
  width: 13.2rem;
}
@media screen and (min-width: 769px) {
  .header__home-leads-en-txt {
    height: 3.2638888889vw;
    width: 68.8194444444vw;
  }
}
.header__home-leads-en-txt img {
  transition: transform 0.8s var(--ease-base) 0.2s;
}
.header__home-leads-jp {
  margin: -1vw 0 0;
}
@media screen and (min-width: 769px) {
  .header__home-leads-jp {
    margin: -0.7vw 0 0;
  }
}
.header__home-leads-jp-txt {
  clip-path: inset(0 100% 0 0);
  height: 2.9rem;
  opacity: 0;
  transition: clip-path 0.8s var(--ease-base) 0.4s, opacity 1.6s var(--ease-base) 0.4s;
  width: 20rem;
}
@media screen and (min-width: 769px) {
  .header__home-leads-jp-txt {
    height: 2.7777777778vw;
    width: 19.1666666667vw;
  }
}
.js-loaded .header__home-leads-jp-txt {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .header__flex {
    justify-content: space-between;
  }
}
.single-works .header__flex {
  align-items: center;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.header__flex1 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .header__flex1 {
    padding: 0.5555555556vw 0 0 0.1388888889vw;
    width: auto;
  }
  .single-works .header__flex1 {
    padding: 0;
  }
}
.header__flex1-top {
  justify-content: flex-end;
  margin: 0 0 2rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-top {
    -moz-column-gap: 1.5277777778vw;
    column-gap: 1.5277777778vw;
    justify-content: flex-start;
    margin: 0 0 1.5277777778vw;
  }
}
.single-works .header__flex1-top {
  margin: 0;
}
.header__flex1-top-link {
  align-items: center;
  border: 0.3rem solid var(--wte);
  border-radius: 1.2rem;
  height: 3.2rem;
  justify-content: center;
  left: 1.6rem;
  letter-spacing: -0.02em;
  position: fixed;
  top: 4.8rem;
  transition: 0.5s background-color var(--ease-hover);
  width: 7.7rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-top-link {
    border: 0.3472222222vw solid var(--wte);
    border-radius: 1.1111111111vw;
    height: 2.7777777778vw;
    left: 4.4444444444vw;
    position: fixed;
    top: 4.8611111111vw;
    width: 6.6666666667vw;
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
  }
}
.tax-works-category .header__flex1-top-link, .single-works .header__flex1-top-link {
  width: 10rem;
}
@media screen and (min-width: 769px) {
  .tax-works-category .header__flex1-top-link, .single-works .header__flex1-top-link {
    width: 9.0277777778vw;
  }
}
.header__flex1-top-link.js-touch-acv {
  background-color: var(--wte);
}
.header__flex1-top-link.js-touch-acv .header__flex1-top-link-txt {
  color: var(--theme);
}
.header__flex1-top-link.js-touch-acv .header__flex1-top-link-arrow svg path {
  fill: var(--theme);
}
.header__flex1-top-link-arrow {
  aspect-ratio: 14/20;
  height: auto;
  transform: scale(-1, 1);
  width: 1rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-top-link-arrow {
    width: 0.9027777778vw;
  }
}
.header__flex1-top-link-arrow svg path {
  transition: 0.5s fill var(--ease-hover);
}
.header__flex1-top-link-txt {
  display: inline-block;
  font-size: 2rem;
  margin: -1.5vw 0 0;
  transition: 0.5s color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .header__flex1-top-link-txt {
    font-size: 1.8055555556vw;
    margin: -0.4vw 0 0;
  }
}
.header__flex1-top-logo {
  aspect-ratio: 344/39;
  width: 14rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-top-logo {
    height: 2.7083333333vw;
    margin: 0 0 0 8.1944444444vw;
    width: 23.8888888889vw;
  }
  .tax-works-category .header__flex1-top-logo {
    margin: 0 0 0 10.5555555556vw;
  }
}
.header__flex1-center {
  aspect-ratio: 600/68;
  height: auto;
  margin: 0 0 0 auto;
  width: 14rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-center {
    margin: 0;
    width: 13.8888888889vw;
  }
}
.header__flex1-center-wrap {
  transition: transform 0.75s var(--ease-hover);
}
.js-touch-acv .header__flex1-center-wrap {
  transform: translateY(-1.5736111111vw);
}
.header__flex1-center-hover {
  aspect-ratio: 600/68;
  height: auto;
}
@media screen and (min-width: 769px) {
  .header__flex1-center-hover {
    width: 13.8888888889vw;
  }
}
.header__flex1-btm-img {
  aspect-ratio: 642/140;
  height: auto;
}
@media screen and (min-width: 769px) {
  .header__flex1-btm-img {
    width: 44.5833333333vw;
  }
}
.header__flex1-btm-ttl {
  font-size: 7.2rem;
  /* 日本語は自然、英語は上のルールに従う */
  hyphens: auto;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
  /* どこでも折る（最強） */
  word-break: normal;
}
@media screen and (min-width: 769px) {
  .header__flex1-btm-ttl {
    font-size: 13.8888888889vw;
    margin: -4vw 0 0;
  }
}
.header__flex2-movie {
  aspect-ratio: 655/209;
  clip-path: inset(0 100% 0 0);
  height: auto;
  opacity: 0;
  overflow: hidden;
  transition: clip-path 0.8s var(--ease-base) 0.4s, opacity 1.6s var(--ease-base) 0.4s;
}
@media screen and (min-width: 769px) {
  .header__flex2-movie {
    border-radius: 0.5555555556vw;
    width: 45.4861111111vw;
  }
}
.js-loaded .header__flex2-movie {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

/*--------------------------------------------　loading
---------------------------------------------*/
.loading {
  height: 100svh;
  left: 0;
  position: fixed;
  top: 0;
  transition: height 0.8s var(--ease-base) 5.4s;
  width: 100vw;
}
.loading.js-inview-acv {
  height: 0;
}
.js-loaded .loading, .in-transit .loading {
  display: none;
}
.loading__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  transition: transform 4s linear;
  width: 100%;
}
.js-inview-acv .loading__bg {
  transform: scale(1);
}
.loading__star {
  animation-delay: 2.9s;
  position: absolute;
  right: 12vw;
  top: 18vw;
  width: 10rem;
}
@media screen and (min-width: 769px) {
  .loading__star {
    position: absolute;
    right: 12vw;
    top: 18vw;
    width: 13.8888888889vw;
  }
}
.loading__earth {
  border: 0.2rem solid var(--theme);
  border-radius: 50%;
  height: 24rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(0.75);
  transition: transform 4s linear, background-color 0.1s 2s;
  width: 24rem;
}
@media screen and (min-width: 769px) {
  .loading__earth {
    border: 0.2083333333vw solid var(--theme);
    height: 37.5vw;
    width: 37.5vw;
  }
}
.js-inview-acv .loading__earth {
  background-color: var(--theme);
  transform: translate(-50%, -50%) scale(1);
}
.loading__earth-mask {
  background: conic-gradient(from 0deg, transparent var(--a), #000 var(--a));
  border-radius: 50%;
  height: 102%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: --a 2s linear, opacity 0.1s 2s;
  width: 102%;
}
.js-inview-acv .loading__earth-mask {
  --a: 100%;
  opacity: 0;
}
.loading__log-white {
  animation: blink 0.03s ease-in-out 80 alternate;
  aspect-ratio: 600/68;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(8deg);
  transition: transform 2s 2s linear, visibility 0.1s 2s;
  visibility: hidden;
  width: 30rem;
}
@media screen and (min-width: 769px) {
  .loading__log-white {
    width: 83.3333333333vw;
  }
}
.js-inview-acv .loading__log-white {
  transform: translate(-50%, -50%) rotate(-8deg);
  visibility: visible;
}
.loading__trapezoid {
  height: 100vh;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) skewX(35deg) scaleX(0);
  transition: transform 1s var(--ease-base) 3.3s;
  width: 100vw;
}
.js-inview-acv .loading__trapezoid {
  transform: translate(-50%, -50%) skewX(35deg) scaleX(300%);
}
@media screen and (min-width: 769px) {
  .js-inview-acv .loading__trapezoid {
    transform: translate(-50%, -50%) skewX(35deg) scaleX(200%);
  }
}
.loading__ja {
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.loading__ja-txt {
  animation: bounceOut 0.8s forwards var(--ease-base) 5.38s;
  display: block;
  font-size: 2rem;
  transition: transform 0.8s var(--ease-base) 3.3s !important;
}
@media screen and (min-width: 769px) {
  .loading__ja-txt {
    font-size: 2.9166666667vw;
  }
}
.loading__logo {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, 20%);
  transition: transform 0.8s var(--ease-base) 5.4s, top 0.8s var(--ease-base) 5.4s;
}
.js-inview-acv .loading__logo {
  top: 4.8rem;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 769px) {
  .js-inview-acv .loading__logo {
    top: 4.4444444444vw;
  }
}
.loading__logo-img {
  aspect-ratio: 600/68;
  transition: transform 0.8s var(--ease-base) 5.3s !important;
  width: 34.3rem;
}
@media screen and (min-width: 769px) {
  .loading__logo-img {
    width: 91.1111111111vw;
  }
}

/*--------------------------------------------　crew-modal
---------------------------------------------*/
.crew-modal {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 100vw;
}
.crew-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.crew-modal__inner {
  height: 100%;
  padding: 1.6rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__inner {
    padding: 2.7777777778vw;
  }
}
.crew-modal__cnt {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.crew-modal__cnt:after {
  border: 1px solid var(--bck);
  content: "";
  display: block;
  height: calc(100vh - 3.2rem);
  left: 50%;
  pointer-events: none;
  position: absolute;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw - 3.2rem);
}
@media screen and (min-width: 769px) {
  .crew-modal__cnt:after {
    height: calc(100vh - 5.5555555556vw);
    width: 94.4444444444vw;
  }
}
.crew-modal__flex {
  flex-direction: column;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex {
    flex-direction: row;
  }
}
.crew-modal__cnt-close {
  border: 1px solid var(--bck-l);
  border-radius: 50%;
  height: 4rem;
  opacity: 0.5;
  position: fixed;
  right: 3.2rem;
  top: 3.2rem;
  transition: background-color 0.5s var(--ease-hover);
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__cnt-close {
    height: 4.4444444444vw;
    position: fixed;
    right: 5.5555555556vw;
    top: 5.5555555556vw;
    width: 4.4444444444vw;
  }
}
.crew-modal__cnt-close.js-touch-acv {
  background-color: var(--bck);
}
.crew-modal__cnt-close.js-touch-acv .crew-modal__cnt-close-bar {
  background-color: var(--wte);
}
.crew-modal__cnt-close-bar {
  background: var(--bck);
  border-radius: 999px;
  bottom: 0;
  display: block;
  height: 0.2rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s var(--ease-base);
  width: 1.6rem;
  will-change: opacity transform;
}
@media screen and (min-width: 769px) {
  .crew-modal__cnt-close-bar {
    height: 0.1388888889vw;
    width: 1.6666666667vw;
  }
}
.crew-modal__cnt-close-bar.--1 {
  transform: translateY(-0.6rem);
}
.is-open .crew-modal__cnt-close-bar.--1 {
  transform: rotate(45deg);
}
.crew-modal__cnt-close-bar.--2 {
  transform: translateY(0.6rem);
}
.is-open .crew-modal__cnt-close-bar.--2 {
  transform: rotate(-45deg);
}
.crew-modal__flex {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex {
    align-items: flex-start;
  }
}
.crew-modal__flex1 {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex1 {
    height: calc(100vh - 5.5555555556vw);
    left: 2.7777777778vw;
    padding: 0 3.4722222222vw 0 0;
    position: fixed;
    top: 2.7777777778vw;
    width: 47.2222222222vw;
  }
}
.crew-modal__flex1 img {
  -o-object-position: center top;
  object-position: center top;
}
.crew-modal__flex2 {
  height: auto;
  padding: 4rem 1.6rem 9.6rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2 {
    margin: 0 0 0 50%;
    padding: 4.7222222222vw 5vw 4.7222222222vw 0;
    width: 50%;
  }
}
.crew-modal__flex2-top {
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top {
    margin: 0 0 3.125vw;
  }
}
.crew-modal__flex2-top-name {
  font-size: 6.4rem;
  /* 日本語は自然、英語は上のルールに従う */
  hyphens: auto;
  line-height: 0.9;
  margin: 0 0 1rem;
  overflow-wrap: anywhere;
  /* どこでも折る（最強） */
  word-break: normal;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top-name {
    font-size: 5vw;
    margin: 0 0 1.1111111111vw;
  }
}
.crew-modal__flex2-top-pro {
  font-size: 1.6rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top-pro {
    font-size: 1.1111111111vw;
    margin: 0 0 0.6944444444vw;
  }
}
.crew-modal__flex2-top-list {
  align-items: center;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top-list {
    margin: 0 0 0 -0.5555555556vw;
  }
}
.crew-modal__flex2-top-item {
  align-items: center;
  color: var(--gry-d);
  font-size: 0.8rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.crew-modal__flex2-top-item:not(:first-child):before {
  content: "/";
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top-item {
    font-size: 0.6944444444vw;
  }
}
.crew-modal__flex2-top-item-link {
  border-radius: 9999px;
  color: var(--gry-d);
  font-size: 1.2rem;
  transition: 0.5s background-color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-top-item-link {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.1388888889vw;
  }
}
.crew-modal__flex2-top-item-link.js-touch-acv {
  background-color: rgba(255, 255, 255, 0.5);
}
.crew-modal__flex2-mdl {
  margin: 0 0 8rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-mdl {
    margin: 0 0 5.4166666667vw;
  }
}
.crew-modal__flex2-mdl-txt {
  color: var(--bck-l);
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.55;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-mdl-txt {
    font-size: 0.9722222222vw;
  }
}
.crew-modal__flex2-btm-ttl {
  font-size: 3.2rem;
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-btm-ttl {
    font-size: 2.2222222222vw;
    margin: 0 0 3.4722222222vw;
  }
}
.crew-modal__list {
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 5.6rem;
  row-gap: 6.4rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__list {
    -moz-column-gap: 2.2222222222vw;
    column-gap: 2.2222222222vw;
    flex-direction: row;
    margin: 0;
    row-gap: 4.4444444444vw;
  }
}
.crew-modal__item {
  opacity: 0;
  position: relative;
  top: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base), top 0.5s var(--ease-base);
}
@media screen and (min-width: 769px) {
  .crew-modal__item {
    width: calc(50% - 1.1111111111vw);
  }
}
.js-open .crew-modal__item.js-inview-acv {
  opacity: 1;
  transform: translateY(0);
}
.crew-modal__item.js-touch-acv {
  top: -1rem;
}
.crew-modal__item-list {
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .crew-modal__item-list {
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
    row-gap: 0.2777777778vw;
  }
}
.crew-modal__item-link {
  background-color: var(--bck-l);
  border: 1px solid var(--bck-l);
  border-radius: 9999px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 0.8rem 0.2rem;
  transition: 0.5s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .crew-modal__item-link {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.1388888889vw;
  }
}
.crew-modal__item-link.js-touch-acv {
  background-color: var(--gry);
  color: var(--bck-l);
}
.crew-modal__link-img {
  aspect-ratio: 920/1136;
  border-radius: 1.6rem;
  height: auto;
  margin: 0 0 1.6rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .crew-modal__link-img {
    border-radius: 1.1111111111vw;
    margin: 0 0 0.8333333333vw;
  }
}
.crew-modal__link-info-ttl {
  color: var(--bck-l);
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__link-info-ttl {
    font-size: 1.6666666667vw;
    margin: 0 0 0.6944444444vw;
  }
}
.crew-modal__link-info-desc {
  color: var(--bck-l);
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 0.8rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__link-info-desc {
    font-size: 0.9722222222vw;
    margin: 0 0 0.2777777778vw;
  }
}
.crew-modal__link-cat {
  background-color: var(--bck-l);
  border-radius: 9999px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 0.8rem 0.3rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__link-cat {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.2083333333vw;
  }
}
.crew-modal__flex2-btm-close {
  border: 1px solid var(--bck-l);
  border-radius: 50%;
  height: 4rem;
  margin: 0 auto;
  opacity: 0.5;
  position: relative;
  transition: background-color 0.5s var(--ease-hover);
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .crew-modal__flex2-btm-close {
    display: none;
  }
}
.crew-modal__flex2-btm-close.js-touch-acv {
  background-color: var(--bck);
}
.crew-modal__flex2-btm-close.js-touch-acv .crew-modal__flex2-btm-close-bar {
  background-color: var(--wte);
}
.crew-modal__flex2-btm-close-bar {
  background: var(--bck);
  border-radius: 999px;
  bottom: 0;
  display: block;
  height: 0.2rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s var(--ease-base);
  width: 1.6rem;
  will-change: opacity transform;
}
.crew-modal__flex2-btm-close-bar.--1 {
  transform: translateY(-0.6rem);
}
.is-open .crew-modal__flex2-btm-close-bar.--1 {
  transform: rotate(45deg);
}
.crew-modal__flex2-btm-close-bar.--2 {
  transform: translateY(0.6rem);
}
.is-open .crew-modal__flex2-btm-close-bar.--2 {
  transform: rotate(-45deg);
}

/*--------------------------------------------　top-fv
---------------------------------------------*/
.top-fv__inner {
  height: 64.3rem;
}
@media screen and (min-width: 769px) {
  .top-fv__inner {
    height: 43.4027777778vw;
  }
}
.top-fv__wrap {
  opacity: 0;
  transition: 0.8s var(--ease-base) 1.2s;
}
.js-loaded .top-fv__wrap {
  opacity: 1;
}
.top-fv__movie-box {
  position: relative;
}
.top-fv__movie-box-inner {
  aspect-ratio: 343/698;
  height: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .top-fv__movie-box-inner {
    aspect-ratio: 1312/698;
  }
}
.js-loaded .top-fv__movie-box-inner {
  animation: clipGrowRounded 1.2s cubic-bezier(0, 0.39, 0.21, 0.88) forwards 1.2s;
}
.top-fv__movie-box-inner video {
  border-radius: 1.6rem;
  height: 49rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24.1rem;
}
@media screen and (min-width: 769px) {
  .top-fv__movie-box-inner video {
    border-radius: 1.1111111111vw;
    height: 33.9583333333vw;
    width: 63.8888888889vw;
  }
}

/*--------------------------------------------　top-lead
---------------------------------------------*/
.top-lead__inner {
  height: auto;
  padding: calc(100vh + 6rem) 0 8rem;
}
@media screen and (min-width: 769px) {
  .top-lead__inner {
    padding: calc(5.0694444444vw + 100vh) 0 11.1111111111vw;
  }
  .--vertical .top-lead__inner {
    padding: 5.0694444444vw 0 11.1111111111vw;
  }
}
.top-lead__cnt {
  position: relative;
}
@media screen and (min-width: 769px) {
  .top-lead__cnt {
    width: 45.6944444444vw;
  }
}
.top-lead__ttl-box {
  font-size: 0;
  margin: 0 0 2rem;
  padding: 8rem 0 0;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .top-lead__ttl-box {
    margin: 0 0 2.0833333333vw;
    padding: 11.1111111111vw 0 0;
    row-gap: 2.2222222222vw;
  }
}
.top-lead__ttl-box-txt {
  display: block;
  font-size: 5.4rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .top-lead__ttl-box-txt {
    font-size: 5.5555555556vw;
  }
}
.top-lead__ttl-en {
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin: 0 0 6.4rem;
}
@media screen and (min-width: 769px) {
  .top-lead__ttl-en {
    font-size: 1.1111111111vw;
    margin: 0 0 6.9444444444vw;
  }
}
.top-lead__txts {
  row-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .top-lead__txts {
    row-gap: 1.7361111111vw;
  }
}
.top-lead__txts-txt {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .top-lead__txts-txt {
    font-size: 1.4583333333vw;
  }
}

/*--------------------------------------------　top-service
---------------------------------------------*/
.top-service__inner {
  height: auto;
  padding: 8rem 0 0;
}
@media screen and (min-width: 769px) {
  .top-service__inner {
    height: 74.6527777778vw;
    padding: 9.7222222222vw 0 0;
  }
}
.top-service__ttl-box {
  position: relative;
}
.top-service__ttl-box {
  font-size: 0;
  padding: 0 0 2.4rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .top-service__ttl-box {
    padding: 0;
  }
}
.top-service__ttl-box:before {
  background-color: var(--bdr);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 50vw);
  mix-blend-mode: multiply;
  position: absolute;
  width: 100vw;
}
.top-service__ttl-box-txt {
  display: inline-block;
  font-size: 6.4rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 769px) {
  .top-service__ttl-box-txt {
    font-size: 8.3333333333vw;
  }
}
.top-service__flex {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .top-service__flex {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.top-service__flex-cnt {
  aspect-ratio: 1/1;
  background-color: var(--gry);
  height: auto;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .top-service__flex-cnt {
    width: 45.5555555556vw;
  }
}
.top-service__flex-cnt:before {
  background-color: var(--bg);
  border: 1px solid var(--bdr);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100%;
}
.top-service__flex-cnt:after {
  background-color: var(--bdr);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 49.9%;
  width: 100%;
}
.top-service__flex-cnt-flex {
  height: 100%;
  padding: 5.2rem 0 0;
  row-gap: 1.6rem;
  width: auto;
}
@media screen and (min-width: 769px) {
  .top-service__flex-cnt-flex {
    padding: 0;
    row-gap: 1.7361111111vw;
  }
}
.top-service__flex-cnt-ttl-box {
  align-items: center;
  font-size: 0;
  width: auto;
}
@media screen and (min-width: 769px) {
  .top-service__flex-cnt-ttl-box {
    align-items: flex-start;
    height: 50%;
    justify-content: flex-end;
  }
}
.top-service__flex-cnt-ttl-box-txt {
  display: inline-block;
  font-size: 4rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 769px) {
  .top-service__flex-cnt-ttl-box-txt {
    font-size: 4.7222222222vw;
  }
}
.top-service__flex-cnt-ttl-box-txt.--1 {
  transition-delay: 1.1s;
}
.top-service__flex-cnt-ttl-box-txt.--2 {
  transition-delay: 1.125s;
}
.top-service__flex-cnt-desc {
  color: var(--bck-l);
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 4rem;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .top-service__flex-cnt-desc {
    font-size: 0.9722222222vw;
    padding: 0;
  }
}
.top-service__flex-cnt-desc-txt {
  display: block;
}
.top-service__flex-cnt-desc-txt.--3 {
  transition-delay: 1.15s;
}
.top-service__flex-cnt-desc-txt.--4 {
  transition-delay: 1.175s;
}
.top-service__flex-cnt-desc-txt.--5 {
  transition-delay: 1.2s;
}
.top-service__flex-cnt-desc-txt.--6 {
  transition-delay: 1.225s;
}
.top-service__flex-cnt-desc-txt.--7 {
  transition-delay: 1.25s;
}
.top-service__flex-cnt-desc-txt.--8 {
  transition-delay: 1.275s;
}
.top-service__flex-cnt-mask {
  background: conic-gradient(from 0deg, transparent var(--a), var(--gry) var(--a));
  border-radius: 50%;
  height: 100%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: --a 1s var(--ease-base) 0.5s;
  width: 100%;
}
.js-inview-acv .top-service__flex-cnt-mask {
  --a: 100%;
}

/*--------------------------------------------　top-works
---------------------------------------------*/
.top-works__inner {
  padding: 8rem 0 9.6rem;
}
@media screen and (min-width: 769px) {
  .top-works__inner {
    height: 83.8888888889vw;
    padding: 15.0694444444vw 0 0;
  }
}
.top-works__ttl-box {
  font-size: 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .top-works__ttl-box {
    left: 0;
    position: absolute;
    text-align: left;
    top: -5.4vw;
  }
}
.top-works__ttl-box-txt {
  display: inline-block;
  font-size: 6.4rem;
  letter-spacing: -0.05em;
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .top-works__ttl-box-txt {
    font-size: 8.3333333333vw;
    margin: 0;
  }
}
.top-works__slider {
  margin: 0 0 6.4rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .top-works__slider {
    cursor: url(../img/com/drag.svg), auto !important;
    margin: 0 0 6.9444444444vw;
  }
}
.top-works__slider-splide {
  visibility: visible;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide {
    visibility: hidden;
  }
}
.top-works__slider-splide-track {
  overflow: visible;
}
.top-works__slider-splide-list {
  flex-direction: column;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-list {
    flex-direction: row;
  }
}
.top-works__slider-splide-slide {
  height: auto;
  opacity: 0;
  position: relative;
  top: 0;
  transform: translateY(5vw);
}
.js-inview-acv .top-works__slider-splide-slide {
  opacity: 1;
  transform: translateY(0);
}
.top-works__slider-splide-slide.js-touch-acv {
  top: -1rem;
}
.top-works__slider-splide-slide.--1 {
  transition-delay: 0.5s, 0.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--2 {
  transition-delay: 0.525s, 0.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--3 {
  transition-delay: 0.55s, 0.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--4 {
  transition-delay: 0.575s, 0.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--5 {
  transition-delay: 0.6s, 0.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--6 {
  transition-delay: 0.625s, 0.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--7 {
  transition-delay: 0.65s, 0.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--8 {
  transition-delay: 0.675s, 0.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--9 {
  transition-delay: 0.7s, 0.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.top-works__slider-splide-slide.--10 {
  transition-delay: 0.725s, 0.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide {
    margin: 0 2.2222222222vw 0 0;
    width: 31.9444444444vw;
  }
}
.top-works__slider-splide-slide-link {
  display: block;
  font-size: 0;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-link {
    cursor: url(../img/com/drag.svg), auto;
  }
}
.top-works__slider-splide-slide-img {
  aspect-ratio: 460/568;
  border-radius: 1.6rem;
  margin: 0 0 1rem;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-img {
    border-radius: 1.1111111111vw;
    margin: 0 0 0.8333333333vw;
  }
}
.top-works__slider-splide-slide-info-ttl {
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-info-ttl {
    font-size: 1.6666666667vw;
    margin: 0 0 0.6944444444vw;
  }
}
.top-works__slider-splide-slide-info-desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 0.8rem;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-info-desc {
    font-size: 0.9722222222vw;
    margin: 0 0 0.6944444444vw;
  }
}
.top-works__slider-splide-slide-cat-list {
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-cat-list {
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
    row-gap: 0.2777777778vw;
  }
}
.top-works__slider-splide-slide-cat-link {
  border: 2px solid var(--wte);
  border-radius: 9999px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 0.8rem 0.2rem;
  transition: 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-slide-cat-link {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.2083333333vw;
  }
  .top-works__slider-splide-slide-cat-link:hover {
    background-color: var(--theme);
    color: var(--wte);
  }
}
.top-works__slider-splide-arrows {
  display: none;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-arrows {
    align-items: center;
    display: flex;
    height: 6.9444444444vw;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: -3.5vw;
    width: 15.2777777778vw;
  }
}
.top-works__slider-splide-arrows .splide__arrow--prev,
.top-works__slider-splide-arrows .splide__arrow--next {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  aspect-ratio: 1/1;
  background: none transparent;
  background-color: var(--accent);
  border: 0;
  border-radius: 0;
  border-radius: 50%;
  color: inherit;
  display: flex;
  font-size: inherit;
  height: 100%;
  justify-content: center;
  margin: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  transform: scale3d(0.3, 0.3, 0.3);
  transition: 0.5s background-color var(--ease-hover);
  vertical-align: middle;
  width: auto;
}
.top-works__slider-splide-arrows .splide__arrow--prev:hover,
.top-works__slider-splide-arrows .splide__arrow--next:hover {
  background-color: var(--bck);
}
.top-works__slider-splide-arrows .splide__arrow--prev svg,
.top-works__slider-splide-arrows .splide__arrow--next svg {
  display: none;
}
.top-works__slider-splide-arrows .splide__arrow--prev:after,
.top-works__slider-splide-arrows .splide__arrow--next:after {
  aspect-ratio: 24/39;
  content: "";
  display: block;
  height: auto;
}
@media screen and (min-width: 769px) {
  .top-works__slider-splide-arrows .splide__arrow--prev:after,
  .top-works__slider-splide-arrows .splide__arrow--next:after {
    width: 1.6666666667vw;
  }
}
.js-inview-acv .top-works__slider-splide-arrows .splide__arrow--prev {
  animation: bounceIn 1s forwards 1.125s;
}
.top-works__slider-splide-arrows .splide__arrow--prev:after {
  background-image: url("../img/home/prev.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.js-inview-acv .top-works__slider-splide-arrows .splide__arrow--next {
  animation: bounceIn 1s forwards 1.2s;
}
.top-works__slider-splide-arrows .splide__arrow--next:after {
  background-image: url("../img/home/next.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-works__more {
  align-items: center;
  border: 0.5rem solid var(--wte);
  border-radius: 1.8rem;
  height: 4.8rem;
  justify-content: center;
  letter-spacing: -0.02em;
  transition: 0.5s background-color var(--ease-hover);
  width: 17.8rem;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .top-works__more {
    border: 0.3472222222vw solid var(--wte);
    border-radius: 1.1111111111vw;
    height: 3.8888888889vw;
    width: 12.7777777778vw;
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
  }
}
.top-works__more.js-touch-acv {
  background-color: var(--wte);
}
.top-works__more.js-touch-acv .top-works__more-txt {
  color: var(--theme);
}
.top-works__more.js-touch-acv .top-works__more-arrow path {
  fill: var(--theme);
}
.top-works__more-txt {
  display: inline-block;
  font-size: 3.8rem;
  margin: -2vw 0 0;
  transition: 0.5s color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .top-works__more-txt {
    font-size: 2.9166666667vw;
    margin: -1vw 0 0;
  }
}
.top-works__more-arrow {
  aspect-ratio: 14/20;
  height: auto;
  width: 1.8rem;
}
@media screen and (min-width: 769px) {
  .top-works__more-arrow {
    width: 0.9722222222vw;
  }
}
.top-works__more-arrow path {
  transition: 0.5s fill var(--ease-hover);
}

/*--------------------------------------------　top-crew
---------------------------------------------*/
.top-crew {
  background: linear-gradient(180deg, var(--gry-l) 0%, var(--gry) 95%, var(--gry) 100%);
}
@media screen and (min-width: 769px) {
  .top-crew__inner {
    padding: 0 0 11.4583333333vw;
  }
}
.top-crew__inner::before {
  z-index: 10;
}
.top-crew__slider {
  position: relative;
}
.top-crew__slider-splide-track {
  overflow: visible;
}
.top-crew__slider-splide-list {
  align-items: center;
  height: 18.6rem;
}
@media screen and (min-width: 769px) {
  .top-crew__slider-splide-list {
    height: 11.8055555556vw;
  }
}
.top-crew__slider-splide-slide {
  aspect-ratio: 240/56;
  height: auto;
  margin: 0 1.6rem 0 0;
  opacity: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  width: 17rem;
}
.js-inview-acv .top-crew__slider-splide-slide {
  opacity: 1;
  transform: translateY(0);
}
.top-crew__slider-splide-slide.--1 {
  transition-delay: 0.1s;
}
.top-crew__slider-splide-slide.--2 {
  transition-delay: 0.125s;
}
.top-crew__slider-splide-slide.--3 {
  transition-delay: 0.15s;
}
.top-crew__slider-splide-slide.--4 {
  transition-delay: 0.175s;
}
.top-crew__slider-splide-slide.--5 {
  transition-delay: 0.2s;
}
.top-crew__slider-splide-slide.--6 {
  transition-delay: 0.225s;
}
.top-crew__slider-splide-slide.--7 {
  transition-delay: 0.25s;
}
.top-crew__slider-splide-slide.--8 {
  transition-delay: 0.275s;
}
.top-crew__slider-splide-slide.--9 {
  transition-delay: 0.3s;
}
.top-crew__slider-splide-slide.--10 {
  transition-delay: 0.325s;
}
@media screen and (min-width: 769px) {
  .top-crew__slider-splide-slide {
    margin: 0 2.7777777778vw 0 0;
    width: 16.6666666667vw;
  }
}
.top-crew__list {
  flex-wrap: wrap;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .top-crew__list {
    row-gap: 5vw;
  }
}
.top-crew__item {
  opacity: 0;
  position: relative;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  width: 33.333%;
}
@media screen and (min-width: 769px) {
  .top-crew__item {
    width: 25%;
  }
}
.js-inview-acv .top-crew__item {
  opacity: 1;
  transform: translateY(0);
}
.top-crew__item:nth-child(1) {
  transition-delay: 0.5s;
}
.top-crew__item:nth-child(2) {
  transition-delay: 0.525s;
}
.top-crew__item:nth-child(3) {
  transition-delay: 0.55s;
}
.top-crew__item:nth-child(4) {
  transition-delay: 0.575s;
}
.top-crew__item:nth-child(5) {
  transition-delay: 0.6s;
}
.top-crew__item:nth-child(6) {
  transition-delay: 0.625s;
}
.top-crew__item:nth-child(7) {
  transition-delay: 0.65s;
}
.top-crew__item:nth-child(8) {
  transition-delay: 0.675s;
}
.top-crew__item:nth-child(9) {
  transition-delay: 0.7s;
}
.top-crew__item:nth-child(10) {
  transition-delay: 0.725s;
}
.top-crew__item:nth-child(11) {
  transition-delay: 0.75s;
}
.top-crew__item:nth-child(12) {
  transition-delay: 0.775s;
}
.top-crew__item-img {
  aspect-ratio: 114/392;
  margin: 0 0 1rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .top-crew__item-img {
    aspect-ratio: 328/392;
    margin: 0 0 0.8333333333vw;
  }
}
.top-crew__item-img-on {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  transition: 0.3s opacity var(--ease-base);
}
@media screen and (min-width: 769px) {
  .top-crew__item-img-on:hover {
    opacity: 1;
  }
}
.top-crew__item-name {
  font-size: 1.6rem;
  letter-spacing: -0.02em;
  margin: 0 0 0.4rem;
}
@media screen and (min-width: 769px) {
  .top-crew__item-name {
    font-size: 1.6666666667vw;
    margin: 0 0 0.5555555556vw;
    text-align: center;
  }
}
.top-crew__item-pro {
  color: var(--bck-l);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 769px) {
  .top-crew__item-pro {
    font-size: 0.8333333333vw;
    margin: 0 0 0.5555555556vw;
    text-align: center;
  }
}
.top-crew__item-list {
  display: none;
}
@media screen and (min-width: 769px) {
  .top-crew__item-list {
    align-items: center;
    color: var(--gry-d);
    display: flex;
    font-size: 0.8333333333vw;
    justify-content: center;
  }
}
.top-crew__item-list-item:not(:first-child):before {
  content: "/";
  display: inline-block;
}
.top-crew__item-list-item-link {
  border-radius: 9999px;
  color: var(--gry-d);
  transition: 0.5s background-color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .top-crew__item-list-item-link {
    font-size: 0.8333333333vw;
    padding: 0 0.5555555556vw 0.1388888889vw;
  }
}
.top-crew__item-list-item-link.js-touch-acv {
  background-color: rgba(255, 255, 255, 0.5);
}

/*--------------------------------------------　works-archive
---------------------------------------------*/
.works-archive__inner {
  height: auto;
}
@media screen and (min-width: 769px) {
  .works-archive__inner {
    padding: 0 0 8.3333333333vw;
  }
}
.tax-works-category .works-archive__inner, .post-type-archive-works .works-archive__inner {
  padding: 0 0 8rem;
}
@media screen and (min-width: 769px) {
  .tax-works-category .works-archive__inner, .post-type-archive-works .works-archive__inner {
    padding: 0 0 13.8888888889vw;
  }
}
.single-works .works-archive__inner {
  padding: 8rem 0 0.2rem;
}
@media screen and (min-width: 769px) {
  .single-works .works-archive__inner {
    padding: 7.0833333333vw 0 2.4305555556vw;
  }
}
.works-archive__ttl {
  font-size: 7.2rem;
  letter-spacing: -0.02em;
  margin: 0 0 3.2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .works-archive__ttl {
    font-size: 5vw;
    margin: 0 0 6.9444444444vw;
  }
}
.works-archive__ttl-txt {
  display: block;
}
.works-archive__list {
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 7.2rem;
  position: relative;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .works-archive__list {
    -moz-column-gap: 2.2222222222vw;
    column-gap: 2.2222222222vw;
    flex-direction: row;
    margin: 0 0 8.3333333333vw;
    row-gap: 4.0277777778vw;
  }
}
.works-archive__item {
  opacity: 0;
  position: relative;
  top: 0;
  transform: translateY(5vw);
}
@media screen and (min-width: 769px) {
  .works-archive__item {
    width: 21.1111111111vw;
  }
}
.works-archive__item.js-touch-acv {
  top: -1rem;
}
.js-inview-acv .works-archive__item {
  opacity: 1;
  transform: translateY(0);
}
.works-archive__item:nth-child(1) {
  transition-delay: 0.5s, 0.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(2) {
  transition-delay: 0.525s, 0.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(3) {
  transition-delay: 0.55s, 0.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(4) {
  transition-delay: 0.575s, 0.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(5) {
  transition-delay: 0.6s, 0.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(6) {
  transition-delay: 0.625s, 0.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(7) {
  transition-delay: 0.65s, 0.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(8) {
  transition-delay: 0.675s, 0.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(9) {
  transition-delay: 0.7s, 0.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(10) {
  transition-delay: 0.725s, 0.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(11) {
  transition-delay: 0.75s, 0.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(12) {
  transition-delay: 0.775s, 0.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(13) {
  transition-delay: 0.8s, 0.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(14) {
  transition-delay: 0.825s, 0.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(15) {
  transition-delay: 0.85s, 0.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(16) {
  transition-delay: 0.875s, 0.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(17) {
  transition-delay: 0.9s, 0.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(18) {
  transition-delay: 0.925s, 0.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(19) {
  transition-delay: 0.95s, 0.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(20) {
  transition-delay: 0.975s, 0.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(21) {
  transition-delay: 1s, 1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(22) {
  transition-delay: 1.025s, 1.025s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(23) {
  transition-delay: 1.05s, 1.05s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(24) {
  transition-delay: 1.075s, 1.075s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(25) {
  transition-delay: 1.1s, 1.1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(26) {
  transition-delay: 1.125s, 1.125s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(27) {
  transition-delay: 1.15s, 1.15s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(28) {
  transition-delay: 1.175s, 1.175s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(29) {
  transition-delay: 1.2s, 1.2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(30) {
  transition-delay: 1.225s, 1.225s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(31) {
  transition-delay: 1.25s, 1.25s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(32) {
  transition-delay: 1.275s, 1.275s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(33) {
  transition-delay: 1.3s, 1.3s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(34) {
  transition-delay: 1.325s, 1.325s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(35) {
  transition-delay: 1.35s, 1.35s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(36) {
  transition-delay: 1.375s, 1.375s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(37) {
  transition-delay: 1.4s, 1.4s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(38) {
  transition-delay: 1.425s, 1.425s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(39) {
  transition-delay: 1.45s, 1.45s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(40) {
  transition-delay: 1.475s, 1.475s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(41) {
  transition-delay: 1.5s, 1.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(42) {
  transition-delay: 1.525s, 1.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(43) {
  transition-delay: 1.55s, 1.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(44) {
  transition-delay: 1.575s, 1.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(45) {
  transition-delay: 1.6s, 1.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(46) {
  transition-delay: 1.625s, 1.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(47) {
  transition-delay: 1.65s, 1.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(48) {
  transition-delay: 1.675s, 1.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(49) {
  transition-delay: 1.7s, 1.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(50) {
  transition-delay: 1.725s, 1.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(51) {
  transition-delay: 1.75s, 1.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(52) {
  transition-delay: 1.775s, 1.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(53) {
  transition-delay: 1.8s, 1.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(54) {
  transition-delay: 1.825s, 1.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(55) {
  transition-delay: 1.85s, 1.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(56) {
  transition-delay: 1.875s, 1.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(57) {
  transition-delay: 1.9s, 1.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(58) {
  transition-delay: 1.925s, 1.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(59) {
  transition-delay: 1.95s, 1.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(60) {
  transition-delay: 1.975s, 1.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(61) {
  transition-delay: 2s, 2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(62) {
  transition-delay: 2.025s, 2.025s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(63) {
  transition-delay: 2.05s, 2.05s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(64) {
  transition-delay: 2.075s, 2.075s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(65) {
  transition-delay: 2.1s, 2.1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(66) {
  transition-delay: 2.125s, 2.125s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(67) {
  transition-delay: 2.15s, 2.15s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(68) {
  transition-delay: 2.175s, 2.175s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(69) {
  transition-delay: 2.2s, 2.2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(70) {
  transition-delay: 2.225s, 2.225s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(71) {
  transition-delay: 2.25s, 2.25s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(72) {
  transition-delay: 2.275s, 2.275s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(73) {
  transition-delay: 2.3s, 2.3s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(74) {
  transition-delay: 2.325s, 2.325s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(75) {
  transition-delay: 2.35s, 2.35s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(76) {
  transition-delay: 2.375s, 2.375s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(77) {
  transition-delay: 2.4s, 2.4s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(78) {
  transition-delay: 2.425s, 2.425s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(79) {
  transition-delay: 2.45s, 2.45s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(80) {
  transition-delay: 2.475s, 2.475s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(81) {
  transition-delay: 2.5s, 2.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(82) {
  transition-delay: 2.525s, 2.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(83) {
  transition-delay: 2.55s, 2.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(84) {
  transition-delay: 2.575s, 2.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(85) {
  transition-delay: 2.6s, 2.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(86) {
  transition-delay: 2.625s, 2.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(87) {
  transition-delay: 2.65s, 2.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(88) {
  transition-delay: 2.675s, 2.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(89) {
  transition-delay: 2.7s, 2.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(90) {
  transition-delay: 2.725s, 2.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(91) {
  transition-delay: 2.75s, 2.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(92) {
  transition-delay: 2.775s, 2.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(93) {
  transition-delay: 2.8s, 2.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(94) {
  transition-delay: 2.825s, 2.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(95) {
  transition-delay: 2.85s, 2.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(96) {
  transition-delay: 2.875s, 2.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(97) {
  transition-delay: 2.9s, 2.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(98) {
  transition-delay: 2.925s, 2.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(99) {
  transition-delay: 2.95s, 2.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__item:nth-child(100) {
  transition-delay: 2.975s, 2.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-archive__link-img {
  aspect-ratio: 920/1136;
  border-radius: 1.6rem;
  height: auto;
  margin: 0 0 1rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .works-archive__link-img {
    border-radius: 1.1111111111vw;
    margin: 0 0 0.8333333333vw;
  }
}
.works-archive__link-info-ttl {
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .works-archive__link-info-ttl {
    font-size: 1.6666666667vw;
    margin: 0 0 0.6944444444vw;
  }
}
.works-archive__link-info-desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 0.8rem;
}
@media screen and (min-width: 769px) {
  .works-archive__link-info-desc {
    font-size: 0.9722222222vw;
    margin: 0 0 0.5555555556vw;
  }
}
.works-archive__item-list {
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .works-archive__item-list {
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
    row-gap: 0.2777777778vw;
  }
}
.works-archive__item-link {
  border: 1px solid var(--wte);
  border-radius: 9999px;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 0.8rem 0.2rem;
  transition: 0.5s background-color var(--ease-hover), 0.5s color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .works-archive__item-link {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.1388888889vw;
  }
}
.works-archive__item-link.js-touch-acv {
  background-color: var(--theme);
  color: var(--wte);
}
.single-works .works-archive__item-link.js-touch-acv {
  background-color: var(--accent);
}
@media screen and (min-width: 769px) {
  .works-archive__pager {
    height: 2.7777777778vw;
  }
}
.works-archive__pager-cnt {
  align-items: center;
  height: auto;
  width: 100%;
}
.works-archive__pager-cnt .wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.6rem;
  align-items: center;
  column-gap: 1.6rem;
  margin: 0 auto;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi {
    -moz-column-gap: 1.1111111111vw;
    column-gap: 1.1111111111vw;
    row-gap: 1.1111111111vw;
  }
}
.works-archive__pager-cnt .wp-pagenavi .extend {
  display: none;
}
.works-archive__pager-cnt .wp-pagenavi .current,
.works-archive__pager-cnt .wp-pagenavi .page,
.works-archive__pager-cnt .wp-pagenavi .nextpostslink,
.works-archive__pager-cnt .wp-pagenavi .previouspostslink {
  align-items: center;
  color: var(--gry);
  display: flex;
  font-family: var(--font-en);
  font-size: 0.9rem;
  font-size: 2.4rem;
  height: 3.2rem;
  justify-content: center;
  text-decoration: none;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .current,
  .works-archive__pager-cnt .wp-pagenavi .page,
  .works-archive__pager-cnt .wp-pagenavi .nextpostslink,
  .works-archive__pager-cnt .wp-pagenavi .previouspostslink {
    font-size: 1.6666666667vw;
    height: 2.7777777778vw;
    width: 2.7777777778vw;
  }
}
.works-archive__pager-cnt .wp-pagenavi .smaller,
.works-archive__pager-cnt .wp-pagenavi .larger,
.works-archive__pager-cnt .wp-pagenavi .current {
  margin: -1.5vw 0 0;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .smaller,
  .works-archive__pager-cnt .wp-pagenavi .larger,
  .works-archive__pager-cnt .wp-pagenavi .current {
    margin: -0.4vw 0 0;
  }
}
.works-archive__pager-cnt .wp-pagenavi .smaller,
.works-archive__pager-cnt .wp-pagenavi .larger {
  transition: color 0.5s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .smaller:hover,
  .works-archive__pager-cnt .wp-pagenavi .larger:hover {
    color: var(--accent);
  }
}
.works-archive__pager-cnt .wp-pagenavi .nextpostslink,
.works-archive__pager-cnt .wp-pagenavi .previouspostslink {
  align-items: center;
  background-color: var(--accent);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-indent: -9999px;
  transition: background-color 0.5s var(--ease-hover);
  white-space: nowrap;
}
.works-archive__pager-cnt .wp-pagenavi .nextpostslink:after,
.works-archive__pager-cnt .wp-pagenavi .previouspostslink:after {
  content: "";
  display: block;
  height: 1.5rem;
  width: 1rem;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .nextpostslink:after,
  .works-archive__pager-cnt .wp-pagenavi .previouspostslink:after {
    height: 1.0416666667vw;
    width: 0.6944444444vw;
  }
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .nextpostslink:hover,
  .works-archive__pager-cnt .wp-pagenavi .previouspostslink:hover {
    background-color: var(--bck);
  }
}
.works-archive__pager-cnt .wp-pagenavi .nextpostslink {
  margin: 0 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .nextpostslink {
    margin: 0 0 0 1.1111111111vw;
  }
}
.works-archive__pager-cnt .wp-pagenavi .nextpostslink:after {
  background-image: url("../img/works/ico-next.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.works-archive__pager-cnt .wp-pagenavi .previouspostslink {
  margin: 0 1.6rem 0 0;
}
@media screen and (min-width: 769px) {
  .works-archive__pager-cnt .wp-pagenavi .previouspostslink {
    margin: 0 1.1111111111vw 0 0;
  }
}
.works-archive__pager-cnt .wp-pagenavi .previouspostslink:after {
  background-image: url("../img/works/ico-prev.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.works-archive__pager-cnt .wp-pagenavi .current {
  opacity: 0.4;
}

/*--------------------------------------------　works-single
---------------------------------------------*/
.works-single__inner {
  padding: 0 0 12rem;
}
@media screen and (min-width: 769px) {
  .works-single__inner {
    padding: 0 0 8.3333333333vw;
  }
}
.works-single__flex {
  flex-direction: column-reverse;
  position: relative;
  row-gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex {
    -moz-column-gap: 3.6111111111vw;
    column-gap: 3.6111111111vw;
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .works-single__flex1 {
    width: 45.4861111111vw;
  }
}
.works-single__flex1-list {
  margin: 0 0 3.2rem;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex1-list {
    margin: 0;
    row-gap: 2.7777777778vw;
  }
}
.works-single__flex1-item {
  border-radius: 1.6rem;
  opacity: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
}
@media screen and (min-width: 769px) {
  .works-single__flex1-item {
    border-radius: 1.1111111111vw;
  }
}
.works-single__flex1-item.--movie {
  aspect-ratio: 16/9;
}
.js-inview-acv .works-single__flex1-item {
  opacity: 1;
  transform: translateY(0);
}
.works-single__flex1-item:nth-child(2) {
  transition-delay: 0.525s, 0.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(3) {
  transition-delay: 0.55s, 0.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(4) {
  transition-delay: 0.575s, 0.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(5) {
  transition-delay: 0.6s, 0.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(6) {
  transition-delay: 0.625s, 0.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(7) {
  transition-delay: 0.65s, 0.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(8) {
  transition-delay: 0.675s, 0.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(9) {
  transition-delay: 0.7s, 0.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(10) {
  transition-delay: 0.725s, 0.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(11) {
  transition-delay: 0.75s, 0.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(12) {
  transition-delay: 0.775s, 0.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(13) {
  transition-delay: 0.8s, 0.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(14) {
  transition-delay: 0.825s, 0.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(15) {
  transition-delay: 0.85s, 0.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(16) {
  transition-delay: 0.875s, 0.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(17) {
  transition-delay: 0.9s, 0.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(18) {
  transition-delay: 0.925s, 0.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(19) {
  transition-delay: 0.95s, 0.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(20) {
  transition-delay: 0.975s, 0.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(21) {
  transition-delay: 1s, 1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(22) {
  transition-delay: 1.025s, 1.025s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(23) {
  transition-delay: 1.05s, 1.05s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(24) {
  transition-delay: 1.075s, 1.075s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(25) {
  transition-delay: 1.1s, 1.1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(26) {
  transition-delay: 1.125s, 1.125s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(27) {
  transition-delay: 1.15s, 1.15s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(28) {
  transition-delay: 1.175s, 1.175s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(29) {
  transition-delay: 1.2s, 1.2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(30) {
  transition-delay: 1.225s, 1.225s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(31) {
  transition-delay: 1.25s, 1.25s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(32) {
  transition-delay: 1.275s, 1.275s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(33) {
  transition-delay: 1.3s, 1.3s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(34) {
  transition-delay: 1.325s, 1.325s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(35) {
  transition-delay: 1.35s, 1.35s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(36) {
  transition-delay: 1.375s, 1.375s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(37) {
  transition-delay: 1.4s, 1.4s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(38) {
  transition-delay: 1.425s, 1.425s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(39) {
  transition-delay: 1.45s, 1.45s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(40) {
  transition-delay: 1.475s, 1.475s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(41) {
  transition-delay: 1.5s, 1.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(42) {
  transition-delay: 1.525s, 1.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(43) {
  transition-delay: 1.55s, 1.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(44) {
  transition-delay: 1.575s, 1.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(45) {
  transition-delay: 1.6s, 1.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(46) {
  transition-delay: 1.625s, 1.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(47) {
  transition-delay: 1.65s, 1.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(48) {
  transition-delay: 1.675s, 1.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(49) {
  transition-delay: 1.7s, 1.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(50) {
  transition-delay: 1.725s, 1.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(51) {
  transition-delay: 1.75s, 1.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(52) {
  transition-delay: 1.775s, 1.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(53) {
  transition-delay: 1.8s, 1.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(54) {
  transition-delay: 1.825s, 1.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(55) {
  transition-delay: 1.85s, 1.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(56) {
  transition-delay: 1.875s, 1.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(57) {
  transition-delay: 1.9s, 1.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(58) {
  transition-delay: 1.925s, 1.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(59) {
  transition-delay: 1.95s, 1.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(60) {
  transition-delay: 1.975s, 1.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(61) {
  transition-delay: 2s, 2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(62) {
  transition-delay: 2.025s, 2.025s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(63) {
  transition-delay: 2.05s, 2.05s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(64) {
  transition-delay: 2.075s, 2.075s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(65) {
  transition-delay: 2.1s, 2.1s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(66) {
  transition-delay: 2.125s, 2.125s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(67) {
  transition-delay: 2.15s, 2.15s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(68) {
  transition-delay: 2.175s, 2.175s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(69) {
  transition-delay: 2.2s, 2.2s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(70) {
  transition-delay: 2.225s, 2.225s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(71) {
  transition-delay: 2.25s, 2.25s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(72) {
  transition-delay: 2.275s, 2.275s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(73) {
  transition-delay: 2.3s, 2.3s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(74) {
  transition-delay: 2.325s, 2.325s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(75) {
  transition-delay: 2.35s, 2.35s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(76) {
  transition-delay: 2.375s, 2.375s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(77) {
  transition-delay: 2.4s, 2.4s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(78) {
  transition-delay: 2.425s, 2.425s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(79) {
  transition-delay: 2.45s, 2.45s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(80) {
  transition-delay: 2.475s, 2.475s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(81) {
  transition-delay: 2.5s, 2.5s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(82) {
  transition-delay: 2.525s, 2.525s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(83) {
  transition-delay: 2.55s, 2.55s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(84) {
  transition-delay: 2.575s, 2.575s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(85) {
  transition-delay: 2.6s, 2.6s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(86) {
  transition-delay: 2.625s, 2.625s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(87) {
  transition-delay: 2.65s, 2.65s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(88) {
  transition-delay: 2.675s, 2.675s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(89) {
  transition-delay: 2.7s, 2.7s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(90) {
  transition-delay: 2.725s, 2.725s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(91) {
  transition-delay: 2.75s, 2.75s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(92) {
  transition-delay: 2.775s, 2.775s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(93) {
  transition-delay: 2.8s, 2.8s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(94) {
  transition-delay: 2.825s, 2.825s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(95) {
  transition-delay: 2.85s, 2.85s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(96) {
  transition-delay: 2.875s, 2.875s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(97) {
  transition-delay: 2.9s, 2.9s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(98) {
  transition-delay: 2.925s, 2.925s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(99) {
  transition-delay: 2.95s, 2.95s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex1-item:nth-child(100) {
  transition-delay: 2.975s, 2.975s, 0s;
  transition-duration: 1s, 1s, 0.5s;
  transition-property: opacity, transform, top;
  transition-timing-function: var(--ease-base), var(--ease-base), var(--ease-hover);
}
.works-single__flex2 {
  row-gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex2 {
    flex: 1;
    padding: 0 4.4444444444vw 0 0;
    row-gap: 2.7777777778vw;
  }
}
.works-single__flex2-top {
  opacity: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  transition-delay: 0.2s;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-top {
    transition-delay: 0.15s;
  }
}
.works-single__flex2-top.js-inview-acv {
  opacity: 1;
  transform: translateY(0);
}
.works-single__flex2-top-ttl {
  font-size: 7.2rem;
  letter-spacing: -0.02em;
  margin: 0 0 1.6rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-top-ttl {
    font-size: 5vw;
    margin: -1.1vw 0 1.1111111111vw;
  }
}
.works-single__flex2-top-txt {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-top-txt {
    font-size: 0.9722222222vw;
  }
}
.works-single__flex2-center {
  opacity: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  transition-delay: 0.25s;
}
.works-single__flex2-center.js-inview-acv {
  opacity: 1;
  transform: translateY(0);
}
.works-single__flex2-center-txt {
  font-size: 1.4rem;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-center-txt {
    font-size: 0.9722222222vw;
  }
}
.works-single__flex2-btm {
  opacity: 0;
  transform: translateY(5vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  transition-delay: 0.25s;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm {
    transition-delay: 0.3s;
  }
}
.works-single__flex2-btm.js-inview-acv {
  opacity: 1;
  transform: translateY(0);
}
.works-single__flex2-btm-ttl {
  font-size: 2rem;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-ttl {
    font-size: 1.3888888889vw;
    margin: 0 0 0.8333333333vw;
  }
}
.works-single__flex2-btm-dls {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-dls {
    margin: 0 0 2.7777777778vw;
  }
}
.works-single__flex2-btm-dt, .works-single__flex2-btm-dd {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-dt, .works-single__flex2-btm-dd {
    font-size: 0.9722222222vw;
  }
}
.works-single__flex2-btm-dt:after {
  content: "：";
  ime-mode: block;
}
.works-single__flex2-btm-dd {
  flex: 1;
}
.works-single__flex2-btm-dd-list {
  flex-wrap: wrap;
}
.works-single__flex2-btm-dd-item {
  /* 長い単語を途中で折り返す（古めの書き方） */
  overflow-wrap: break-word;
  /* 推奨：長い単語も折り返し可能にする */
  white-space: normal;
  word-break: break-word;
}
.works-single__flex2-btm-dd-item:not(:first-child):before {
  content: "/";
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-dd-item:not(:first-child):before {
    margin: 0 0 0 0.2777777778vw;
  }
}
.works-single__flex2-btm-dd-link, .works-single__flex2-btm-dd-item-modal-trigger {
  border-radius: 9999px;
  text-decoration: underline;
  transition: 0.5s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-dd-link, .works-single__flex2-btm-dd-item-modal-trigger {
    padding: 0 0.2777777778vw;
  }
}
.works-single__flex2-btm-dd-link.js-touch-acv, .works-single__flex2-btm-dd-item-modal-trigger.js-touch-acv {
  background-color: rgba(255, 255, 255, 0.25);
  text-decoration: none;
}
.works-single__flex2-btm-list {
  align-items: center;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-list {
    -moz-column-gap: 0.2777777778vw;
    column-gap: 0.2777777778vw;
  }
}
.works-single__flex2-btm-link {
  align-items: center;
  border: 1px solid var(--wte);
  border-radius: 9999px;
  font-size: 1.4rem;
  justify-content: center;
  padding: 0 0.8rem 0.2rem;
  transition: 0.5s var(--ease-hover);
  width: auto;
}
@media screen and (min-width: 769px) {
  .works-single__flex2-btm-link {
    font-size: 0.9722222222vw;
    padding: 0 0.5555555556vw 0.1388888889vw;
  }
}
.works-single__flex2-btm-link.js-touch-acv {
  background-color: var(--theme);
  color: var(--wte);
}
.works-single__pager {
  bottom: 2.4rem;
  height: 3.2rem;
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  width: calc(100% - 3.2rem);
}
@media screen and (min-width: 769px) {
  .works-single__pager {
    bottom: 2.7777777778vw;
    height: 4.4444444444vw;
    left: 50%;
    position: fixed;
    width: 91.1111111111vw;
  }
}
.works-single__pager-link {
  align-items: center;
  border-radius: 50%;
  height: 3.2rem;
  justify-content: center;
  transition: background-color 0.5s var(--ease-hover);
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .works-single__pager-link {
    height: 4.4444444444vw;
    width: 4.4444444444vw;
  }
}
.works-single__pager-link.--prev {
  left: 0;
  position: absolute;
  top: 0;
}
.works-single__pager-link.--next {
  position: absolute;
  right: 0;
  top: 0;
}
.works-single__pager-link.js-touch-acv {
  background-color: var(--bck);
}
.works-single__pager-link-ico {
  aspect-ratio: 14/20;
  height: auto;
  width: 0.9rem;
}
@media screen and (min-width: 769px) {
  .works-single__pager-link-ico {
    width: 1.1111111111vw;
  }
}
.--prev .works-single__pager-link-ico {
  transform: scale(-1, 1);
}

/*--------------------------------------------　works-related
---------------------------------------------*/
.works-related__inner {
  height: 253.6rem;
}
@media screen and (min-width: 769px) {
  .works-related__inner {
    height: 101.1805555556vw;
  }
}/*# sourceMappingURL=style.css.map */