@charset "UTF-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
:root {
  --swiper-theme-color: #007aff
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px;

  .swiper-cube-shadow,
  .swiper-slide {
    transform-style: preserve-3d
  }

}

.swiper-css-mode {
  >.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
      display: none
    }

  }

  >.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
  }

  &.swiper-horizontal {
    >.swiper-wrapper {
      scroll-snap-type: x mandatory
    }

  }

  &.swiper-vertical {
    >.swiper-wrapper {
      scroll-snap-type: y mandatory
    }

  }

  &.swiper-free-mode {
    >.swiper-wrapper {
      scroll-snap-type: none
    }

    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: none
    }

  }

  &.swiper-centered {
    >.swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999
    }

    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always
    }

  }

  &.swiper-centered.swiper-horizontal {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before)
    }

    >.swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after)
    }

  }

  &.swiper-centered.swiper-vertical {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before)
    }

    >.swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%
    }

  }

}

.swiper-3d {

  .swiper-slide-shadow,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
  }

  .swiper-slide-shadow {
    background: #00000026
  }

  .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
  }

  .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
  }

  .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
  }

  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
  }

}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}

.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
  }

}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }

}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode {
  .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
  }

}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
  }

}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
  }

}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;

  &.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
  }

  &.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
  }

  .swiper-navigation-disabled & {
    display: none !important
  }

  svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none
  }

}

.swiper-button-lock {
  display: none
}

.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset, 50%)
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;

  .swiper-navigation-icon {
    transform: rotate(180deg)
  }

}

.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-horizontal {

  .swiper-button-next,
  .swiper-button-prev,
  ~.swiper-button-next,
  ~.swiper-button-prev {
    margin-left: 0;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: var(--swiper-navigation-top-offset, 50%)
  }

  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl~.swiper-button-next,
  ~.swiper-button-prev,
  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
  }

  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl~.swiper-button-prev,
  ~.swiper-button-next,
  .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px)
  }

  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl~.swiper-button-next,
  ~.swiper-button-prev,
  .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(180deg)
    }

  }

  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl~.swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0)
    }

  }

}

.swiper-vertical {

  .swiper-button-next,
  .swiper-button-prev,
  ~.swiper-button-next,
  ~.swiper-button-prev {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - var(--swiper-navigation-size)/2);
    margin-top: 0;
    right: auto
  }

  .swiper-button-prev,
  ~.swiper-button-prev {
    bottom: auto;
    top: var(--swiper-navigation-sides-offset, 4px);

    .swiper-navigation-icon {
      transform: rotate(-90deg)
    }

  }

  .swiper-button-next,
  ~.swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;

    .swiper-navigation-icon {
      transform: rotate(90deg)
    }

  }

}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10;

  &.swiper-pagination-hidden {
    opacity: 0
  }

  &.swiper-pagination-disabled,
  .swiper-pagination-disabled>& {
    display: none !important
  }

}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;

  .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
  }

  .swiper-pagination-bullet-active,
  .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }

  .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }

  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }

  .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }

  .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }

}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

  button& {
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
  }

  .swiper-pagination-clickable & {
    cursor: pointer
  }

  &:only-child {
    display: none !important
  }

}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);

  .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
  }

  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;

    .swiper-pagination-bullet {
      display: inline-block;
      transition: transform .2s, top .2s
    }

  }

}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
  }

  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;

    .swiper-pagination-bullet {
      transition: transform .2s, left .2s
    }

  }

}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;

  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
  }

  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top
  }

  &.swiper-pagination-horizontal,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-horizontal>&,
  .swiper-vertical>&.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
  }

  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical,
  .swiper-horizontal>&.swiper-pagination-progressbar-opposite,
  .swiper-vertical>& {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
  }

}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;

  &.swiper-scrollbar-disabled,
  .swiper-scrollbar-disabled>& {
    display: none !important
  }

  &.swiper-scrollbar-horizontal,
  .swiper-horizontal>& {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
  }

  &.swiper-scrollbar-vertical,
  .swiper-vertical>& {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
  }

}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;

  >canvas,
  >img,
  >svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
  }

}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none
}

.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out
    }

  }

  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;

    .swiper-slide {
      pointer-events: none
    }

  }

  .swiper-slide-active {
    pointer-events: auto;

    .swiper-slide-active {
      pointer-events: auto
    }

  }

}

.swiper.swiper-cube {
  overflow: visible
}

.swiper-cube {
  .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;

    .swiper-slide {
      pointer-events: none
    }

  }

  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
  }

  .swiper-slide-active {

    &,
    .swiper-slide-active {
      pointer-events: auto
    }

  }

  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }

  .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0;

    &:before {
      background: #000;
      content: "";
      filter: blur(50px);
      inset: 0;
      position: absolute
    }

  }

}

.swiper-cube {
  .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
  }

}

.swiper-cube {

  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right,
  .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
  }

}

.swiper.swiper-flip {
  overflow: visible
}

.swiper-flip {
  .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;

    .swiper-slide {
      pointer-events: none
    }

  }

  .swiper-slide-active {

    &,
    .swiper-slide-active {
      pointer-events: auto
    }

  }

}

.swiper-flip {

  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right,
  .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
  }

}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
  }

}

.swiper.swiper-cards {
  overflow: visible
}

.swiper-cards {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
  }

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "“" "”" "‘" "’"
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

.clear {
  *zoom: 1
}

.clear:before {
  content: " ";
  display: block
}

.clear:after {
  content: " ";
  display: block;
  clear: both
}

picture {
  display: block
}

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

img[src$=".svg"] {
  width: 100%
}

a {
  text-decoration: none
}

a:hover {
  outline: 0
}

a:focus {
  outline: 0
}

a:active {
  outline: 0
}

input:focus {
  outline: 0;
  border: 1px solid #04A4CC
}

h1,
h2,
h3,
h4,
h5,
p,
table,
ul,
ol {
  margin: 0;
  padding: 0
}

:root {
  --user-accent: #000000;
  --user-accent-white: white;
  --acb-outline: 3px solid var(--user-accent);
  --acb-outline-white: 3px solid var(--user-accent-white)
}

*:focus-visible {
  outline: none
}

.a11y-selection {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  transition: opacity .15s ease;
  opacity: 0;
  pointer-events: none;
  will-change: transform, width, height
}

.a11y-selection:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border: 4px solid var(--color-txt);
  border-radius: 2px;
  translate: -50% -50%
}

.a11y-selection[data-a11y-selection-class~=type-no-pad]:after {
  width: 100%;
  height: 100%;
  translate: -50% -50%
}

.a11y-selection[data-a11y-selection-class~=color-invert]:after {
  border-color: var(--color-bg)
}

@keyframes slide3 {
  0% {
    translate: 0% 0
  }

  to {
    translate: -33.3333% 0
  }

}

@keyframes Lowermv_splash {
  0% {
    scale: .8888888889;
    translate: 0 100%
  }

  to {
    scale: 1;
    translate: 0 0%
  }

}

@keyframes slideup {
  0% {
    translate: 0 100%
  }

  to {
    translate: 0 0%
  }

}

@keyframes page-img-popper-on-cursor_imgcircle {
  0% {
    clip-path: circle(0%)
  }

  to {
    clip-path: circle(100%)
  }

}

@keyframes page-img-popper-on-cursor_imgcircle_invert {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }

}

@keyframes underlinehover {
  0% {
    background-image: linear-gradient(var(--color-txt), var(--color-txt));
    background-position: 100% 94%;
    background-size: 100% 2px
  }

  49% {
    background-image: linear-gradient(var(--color-txt), var(--color-txt));
    background-position: 100% 94%;
    background-size: 0 2px
  }

  50% {
    background-image: linear-gradient(var(--color-txt), var(--color-txt));
    background-position: 0 94%;
    background-size: 0 2px
  }

  to {
    background-image: linear-gradient(var(--color-txt), var(--color-txt));
    background-position: 0 94%;
    background-size: 100% 2px
  }

}

:root {
  --color-bg: #ffffff;
  --color-txt: #141414;
  --color-gray: #313131;
  --color-light: #D9D9D9;
  --color-dark-akarume: #D9D9D9;
  --color-kurame: #B0B0B0;
  --color-hazy-gray: #F4F4F4;
  --color-btn-hover: #2E2E33
}

:root {
  --dark-color-light: #585858;
  --color-btn-hover-invert: #F2F4F9
}

[data-theme=dark] {
  --color-bg: #141414;
  --color-txt: #ffffff;
  --color-light: #585858;
  --color-hazy-gray: #313131;
  --color-btn-hover: #F2F4F9
}

[data-theme=dark] {
  --dark-color-light: #D9D9D9;
  --color-btn-hover-invert: #2E2E33
}

.Lb-numttltxt {
  display: flex;
  width: 51.3888888889vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.4467592593vw
}

@media screen and (max-width: 1024px) {
  .Lb-numttltxt {
    width: 100%;
    gap: 6.3613231552vw
  }

}

.Lb-numttltxt__row {
  display: flex;
  align-items: flex-start
}

.Lb-numttltxt__rowNum {
  width: 3.0671296296vw;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .Lb-numttltxt__rowNum {
    width: 7.6335877863vw
  }

}

.Lb-numttltxt__rowNum p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .02em;
  line-height: 1.8;
  font-weight: 700;
  font-weight: 700 !important
}

@media screen and (max-width: 1024px) {
  .Lb-numttltxt__rowNum p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .02em;
    line-height: 1.8;
    font-weight: 700
  }

}

.Lb-numttltxt__rowTr>*+* {
  margin-top: .5787037037vw
}

@media screen and (max-width: 1024px) {
  .Lb-numttltxt__rowTr>*+* {
    margin-top: 2.0356234097vw
  }

}

.Lb-numttltxt__rowTrTh p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700;
  font-weight: 700 !important
}

@media screen and (max-width: 1024px) {
  .Lb-numttltxt__rowTrTh p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.Lb-tableline2__tr {
  border-top: 1px solid #d3d3d3;
  display: flex;
  align-items: flex-start;
  gap: 2.7777777778vw;
  padding: 1.099537037vw 0
}

@media screen and (max-width: 1024px) {
  .Lb-tableline2__tr {
    flex-direction: column;
    gap: 4.0712468193vw;
    padding: 4.0712468193vw 0
  }

}

.Lb-tableline2__tr:last-of-type {
  border-bottom: 1px solid #d3d3d3
}

.Lb-tableline2__trTh {
  width: 9.0856481481vw
}

@media screen and (max-width: 1024px) {
  .Lb-tableline2__trTh {
    width: 100%
  }

}

.Lb-tableline2__trTh p {
  white-space: nowrap;
  font-weight: 700 !important
}

.Lb-tableline2__trTd {
  width: 43.6921296296vw
}

@media screen and (max-width: 1024px) {
  .Lb-tableline2__trTd {
    width: 100%
  }

}

.Lb-clink {
  position: relative;
  width: fit-content
}

@media screen and (min-width:1025px) {

  .Lb-clink a:hover>p:before,
  .Lb-clink a:hover>span.txt:before {
    transform-origin: right center;
    scale: 0 1
  }

  .Lb-clink a:hover .newtab picture:nth-of-type(2) {
    translate: 25% 25%
  }

}

.Lb-clink a:focus-visible>p:before,
.Lb-clink a:focus-visible>span.txt:before {
  transform-origin: right center;
  scale: 0 1
}

.Lb-clink a:focus-visible .newtab picture:nth-of-type(2) {
  translate: 25% 25%
}

.Lb-clink a p {
  width: fit-content;
  color: var(--color-txt);
  position: relative
}

.Lb-clink a p:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  transform-origin: left center;
  width: 100%;
  height: 1px;
  background: var(--color-txt);
  transition: scale .12s ease-out;
  scale: 1 1
}

.Lb-clink.newtab a {
  position: relative;
  display: inline-flex
}

.Lb-clink.newtab a figure {
  display: block;
  position: relative;
  width: .5208333333vw;
  aspect-ratio: 1;
  line-height: 0;
  transform: translate(.3472222222vw, -.2314814815vw)
}

@media screen and (max-width: 1024px) {
  .Lb-clink.newtab a figure {
    width: 2.2900763359vw;
    transform: translate(1.0178117048vw, -.5089058524vw)
  }

}

[data-theme=dark] .Lb-clink.newtab a figure {
  filter: brightness(0) invert(1)
}

.Lb-clink.newtab a figure.pdf {
  width: 1.3888888889vw;
  transform: translate(.3472222222vw)
}

@media screen and (max-width: 1024px) {
  .Lb-clink.newtab a figure.pdf {
    width: 6.106870229vw;
    transform: translate(1.0178117048vw)
  }

}

[data-theme=dark] .Lb-clink.newtab a figure.pdf {
  filter: invert(1)
}

.Basichover,
.header__abLogo a {
  transition: .35s all ease
}

@media screen and (min-width:1025px) {

  .Basichover:hover,
  .header__abLogo a:hover {
    opacity: .6
  }

}

.Basichover:focus-visible,
.header__abLogo a:focus-visible {
  opacity: .6
}

.Container_n,
.page-404 main .nf__inner,
.single-recruit main .other__inner,
.page-news-0 main .news__inner,
.single-works main .other__inner,
.single-works main .works__info,
.page-works-0 main .works__inner,
.home main .Layers_1 .voice__inner,
.home main .Layers_5 .voice__inner,
.home main .Layers_1 .faq>.Ttl,
.home main .Layers_1 .faq__btn,
.home main .Layers_5 .faq>.Ttl,
.home main .Layers_5 .faq__btn,
.home main .Layers_1 .news__inner,
.home main .Layers_5 .news__inner,
.home main .Layers_1 .flow__innerBlockBtns,
.home main .Layers_5 .flow__innerBlockBtns,
.home main .Layers_1 .flow__innerBlock .Ttl,
.home main .Layers_5 .flow__innerBlock .Ttl,
.home main .Layers_1 .str__inner,
.home main .Layers_5 .str__inner,
.home main .Layers_1 .works__inner,
.home main .Layers_5 .works__inner,
.home main .Layers_1 .about__inner,
.home main .Layers_5 .about__inner,
.footer__lowerInnerBottom,
.footer__lowerInnerInfo,
.Mv__inner {
  width: 91.6666666667vw;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width: 1024px) {

  .Container_n,
  .page-404 main .nf__inner,
  .single-recruit main .other__inner,
  .page-news-0 main .news__inner,
  .single-works main .other__inner,
  .single-works main .works__info,
  .page-works-0 main .works__inner,
  .home main .Layers_1 .voice__inner,
  .home main .Layers_5 .voice__inner,
  .home main .Layers_1 .faq>.Ttl,
  .home main .Layers_1 .faq__btn,
  .home main .Layers_5 .faq>.Ttl,
  .home main .Layers_5 .faq__btn,
  .home main .Layers_1 .news__inner,
  .home main .Layers_5 .news__inner,
  .home main .Layers_1 .flow__innerBlockBtns,
  .home main .Layers_5 .flow__innerBlockBtns,
  .home main .Layers_1 .flow__innerBlock .Ttl,
  .home main .Layers_5 .flow__innerBlock .Ttl,
  .home main .Layers_1 .str__inner,
  .home main .Layers_5 .str__inner,
  .home main .Layers_1 .works__inner,
  .home main .Layers_5 .works__inner,
  .home main .Layers_1 .about__inner,
  .home main .Layers_5 .about__inner,
  .footer__lowerInnerBottom,
  .footer__lowerInnerInfo,
  .Mv__inner {
    width: 89.5674300254vw
  }

}

.Container_s,
.page-recruit-0 main .rec__inner,
.footer__items {
  width: 83.3333333333vw;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width: 1024px) {

  .Container_s,
  .page-recruit-0 main .rec__inner,
  .footer__items {
    width: 91.8575063613vw
  }

}

.Container_xs,
.single-works main .works__imgs,
.single-works main .works__cnt {
  width: 75vw;
  margin-right: auto;
  margin-left: auto
}

.Arrow {
  position: relative;
  width: .9259259259vw;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .Arrow {
    width: 4.0712468193vw
  }

}

.Arrow picture {
  width: 100%;
  line-height: 0;
  transition: none
}

.Arrow picture:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  translate: -110% 0
}

[data-theme=dark] .Arrow,
.Arrow.color-invert,
.Arrow.color-white {
  filter: invert(1)
}

[data-theme=dark] .Arrow.color-invert,
[data-theme=dark] .Arrow.color-white,
.color-only-black .Arrow {
  filter: none
}

.color-only-white .Arrow {
  filter: invert(1)
}

.Arrow.color-only-black {
  filter: none
}

.Arrow.color-only-white {
  filter: invert(1)
}

.Newtab {
  aspect-ratio: 1
}

.Newtab span {
  top: 0;
  right: 0;
  position: absolute;
  content: "";
  width: 71.4285714286%;
  aspect-ratio: 1;
  border: 1px solid var(--color-bg)
}

.Newtab span:nth-of-type(1),
.Newtab span:nth-of-type(3) {
  inset: auto auto 0 0
}

.Newtab span:nth-of-type(2) {
  width: 57.1428571429%;
  border-bottom: 0;
  border-left: 0
}

.Newtab span:nth-of-type(3) {
  width: 57.1428571429%;
  border-top: 0;
  border-right: 0
}

.Newtab.color-invert {
  filter: brightness(0)
}

[data-theme=dark] .Newtab.color-invert {
  filter: none
}

.Link {
  display: inline-block;
  width: fit-content
}

.Link a {
  display: flex;
  align-items: flex-start;
  gap: .2314814815vw;
  position: relative;
  width: fit-content;
  color: var(--color-txt)
}

@media screen and (min-width:1025px) {

  .Link a:hover>p:before,
  .Link a:hover>span.txt:before {
    transform-origin: right center;
    scale: 0 1
  }

  .Link a:hover .newtab picture:nth-of-type(2) {
    translate: 25% 25%
  }

}

.Link a:focus-visible>p:before,
.Link a:focus-visible>span.txt:before {
  transform-origin: right center;
  scale: 0 1
}

.Link a:focus-visible .newtab picture:nth-of-type(2) {
  translate: 25% 25%
}

@media screen and (max-width: 1024px) {
  .Link a {
    gap: .5089058524vw
  }

}

.Link a>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  padding-bottom: .2em
}

@media screen and (max-width: 1024px) {
  .Link a>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .Link a>p {
    padding-bottom: .7633587786vw
  }

}

.Link a>p,
.Link a>span.txt {
  position: relative
}

.Link a>p:before,
.Link a>span.txt:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  transform-origin: left center;
  width: 100%;
  height: 1px;
  background: var(--color-txt);
  transition: scale .12s ease-out;
  scale: 1 1
}

.Link a .newtab {
  display: block;
  position: relative;
  width: .4050925926vw;
  aspect-ratio: 1;
  line-height: 0
}

@media screen and (max-width: 1024px) {
  .Link a .newtab {
    width: 1.7811704835vw
  }

}

.Link a .newtab picture {
  position: absolute;
  width: 100%;
  transition: .35s all ease
}

[data-theme=dark] .Link a .newtab {
  filter: brightness(0) invert(1)
}

.Link.has-arrow a {
  display: flex;
  align-items: center;
  gap: .6944444444vw
}

@media screen and (min-width:1025px) {
  .Link.has-arrow a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .Link.has-arrow a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .Link.has-arrow a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.Link.has-arrow a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.Link.has-arrow a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.Link.has-arrow a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.Link.has-arrow a .arrow .Arrow {
  width: .9837962963vw
}

@media screen and (max-width: 1024px) {
  .Link.has-arrow a .arrow .Arrow {
    width: 4.3256997455vw
  }

}

.Link.color-white a>p,
.Link.color-white a>span.txt,
.color-white .Link a>p,
.color-white .Link a>span.txt {
  color: var(--color-bg)
}

.Link.color-white a>p:before,
.Link.color-white a>span.txt:before,
.color-white .Link a>p:before,
.color-white .Link a>span.txt:before {
  background: var(--color-bg)
}

.Link.color-white a picture,
.color-white .Link a picture {
  filter: brightness(0) invert(1)
}

.Link.txt-en a>p,
.Link.txt-en a>span.txt {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400;
  padding-bottom: .2314814815vw
}

@media screen and (max-width: 1024px) {

  .Link.txt-en a>p,
  .Link.txt-en a>span.txt {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {

  .Link.txt-en a>p,
  .Link.txt-en a>span.txt {
    padding-bottom: 1.272264631vw
  }

}

@media screen and (max-width: 1024px) {

  .Link.type-google-map a>p,
  .Link.type-google-map a>span.txt {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {

  .Link.type-google-map a>p,
  .Link.type-google-map a>span.txt {
    padding-bottom: .7633587786vw
  }

}

.Link.fs-12 a>p,
.Link.fs-12 a>span.txt {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

.Link.fs-16 a>p,
.Link.fs-16 a>span.txt {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .Link.fs-sp-14 a>p,
  .Link.fs-sp-14 a>span.txt {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .Link.fs-sp-12 a>p,
  .Link.fs-sp-12 a>span.txt {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Arrowbtn {
  width: fit-content
}

.Arrowbtn a,
.Arrowbtn>div,
.Arrowbtn>button {
  display: flex;
  gap: .1157407407vw;
  cursor: pointer;
  background: transparent;
  border: none
}

@media screen and (min-width:1025px) {

  .Arrowbtn a:hover .Arrow picture,
  .Arrowbtn>div:hover .Arrow picture,
  .Arrowbtn>button:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .Arrowbtn a:hover .Arrow picture:nth-of-type(1),
  .Arrowbtn>div:hover .Arrow picture:nth-of-type(1),
  .Arrowbtn>button:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .Arrowbtn a:hover .Arrow picture:nth-of-type(2),
  .Arrowbtn>div:hover .Arrow picture:nth-of-type(2),
  .Arrowbtn>button:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

  .Arrowbtn a:hover .Newtab span:nth-of-type(2),
  .Arrowbtn>div:hover .Newtab span:nth-of-type(2),
  .Arrowbtn>button:hover .Newtab span:nth-of-type(2) {
    translate: -50% 50% 1px
  }

  .Arrowbtn a:hover .Newtab span:nth-of-type(3),
  .Arrowbtn>div:hover .Newtab span:nth-of-type(3),
  .Arrowbtn>button:hover .Newtab span:nth-of-type(3) {
    translate: -50% 50% 1px
  }

  .Arrowbtn a:hover .txt,
  .Arrowbtn a:hover .arrow,
  .Arrowbtn>div:hover .txt,
  .Arrowbtn>div:hover .arrow,
  .Arrowbtn>button:hover .txt,
  .Arrowbtn>button:hover .arrow {
    background: var(--color-btn-hover)
  }

  .Arrowbtn a:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn>div:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn>button:hover .txt__inner p:nth-of-type(1) {
    translate: 0 -120%
  }

  .Arrowbtn a:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn>div:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn>button:hover .txt__inner p:nth-of-type(2) {
    translate: 0 0
  }

}

.Arrowbtn a:focus-visible .Arrow picture,
.Arrowbtn>div:focus-visible .Arrow picture,
.Arrowbtn>button:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.Arrowbtn a:focus-visible .Arrow picture:nth-of-type(1),
.Arrowbtn>div:focus-visible .Arrow picture:nth-of-type(1),
.Arrowbtn>button:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.Arrowbtn a:focus-visible .Arrow picture:nth-of-type(2),
.Arrowbtn>div:focus-visible .Arrow picture:nth-of-type(2),
.Arrowbtn>button:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.Arrowbtn a:focus-visible .Newtab span:nth-of-type(2),
.Arrowbtn>div:focus-visible .Newtab span:nth-of-type(2),
.Arrowbtn>button:focus-visible .Newtab span:nth-of-type(2) {
  translate: -50% 50% 1px
}

.Arrowbtn a:focus-visible .Newtab span:nth-of-type(3),
.Arrowbtn>div:focus-visible .Newtab span:nth-of-type(3),
.Arrowbtn>button:focus-visible .Newtab span:nth-of-type(3) {
  translate: -50% 50% 1px
}

.Arrowbtn a:focus-visible .txt,
.Arrowbtn a:focus-visible .arrow,
.Arrowbtn>div:focus-visible .txt,
.Arrowbtn>div:focus-visible .arrow,
.Arrowbtn>button:focus-visible .txt,
.Arrowbtn>button:focus-visible .arrow {
  background: var(--color-btn-hover)
}

.Arrowbtn a:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn>div:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn>button:focus-visible .txt__inner p:nth-of-type(1) {
  translate: 0 -120%
}

.Arrowbtn a:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn>div:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn>button:focus-visible .txt__inner p:nth-of-type(2) {
  translate: 0 0
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a,
  .Arrowbtn>div,
  .Arrowbtn>button {
    gap: .5089058524vw
  }

}

.Arrowbtn a>*,
.Arrowbtn>div>*,
.Arrowbtn>button>* {
  border-radius: 2px;
  background: var(--color-txt)
}

.Arrowbtn a .txt,
.Arrowbtn>div .txt,
.Arrowbtn>button .txt {
  position: relative;
  padding: 1.099537037vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a .txt,
  .Arrowbtn>div .txt,
  .Arrowbtn>button .txt {
    padding: 4.3256997455vw 4.0712468193vw
  }

}

.Arrowbtn a .txt__inner,
.Arrowbtn>div .txt__inner,
.Arrowbtn>button .txt__inner {
  position: relative;
  overflow: clip
}

.Arrowbtn a .txt__inner p,
.Arrowbtn>div .txt__inner p,
.Arrowbtn>button .txt__inner p {
  white-space: nowrap;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  color: var(--color-bg);
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a .txt__inner p,
  .Arrowbtn>div .txt__inner p,
  .Arrowbtn>button .txt__inner p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Arrowbtn a .txt__inner p:nth-of-type(2),
.Arrowbtn>div .txt__inner p:nth-of-type(2),
.Arrowbtn>button .txt__inner p:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 120%
}

.Arrowbtn a .arrow,
.Arrowbtn>div .arrow,
.Arrowbtn>button .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a .arrow,
  .Arrowbtn>div .arrow,
  .Arrowbtn>button .arrow {
    width: 11.7048346056vw
  }

}

.Arrowbtn a .arrow .Arrow,
.Arrowbtn>div .arrow .Arrow,
.Arrowbtn>button .arrow .Arrow {
  width: .9259259259vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a .arrow .Arrow,
  .Arrowbtn>div .arrow .Arrow,
  .Arrowbtn>button .arrow .Arrow {
    width: 2.5445292621vw
  }

}

.Arrowbtn a .arrow>picture,
.Arrowbtn a .arrow>div,
.Arrowbtn>div .arrow>picture,
.Arrowbtn>div .arrow>div,
.Arrowbtn>button .arrow>picture,
.Arrowbtn>button .arrow>div {
  width: .4050925926vw;
  line-height: 0;
  position: relative
}

@media screen and (max-width: 1024px) {

  .Arrowbtn a .arrow>picture,
  .Arrowbtn a .arrow>div,
  .Arrowbtn>div .arrow>picture,
  .Arrowbtn>div .arrow>div,
  .Arrowbtn>button .arrow>picture,
  .Arrowbtn>button .arrow>div {
    width: 1.7811704835vw
  }

}

.Arrowbtn.color-white a>*,
.Arrowbtn.color-white>div>*,
.Arrowbtn.color-white>button>* {
  background: var(--color-bg)
}

.Arrowbtn.color-white a .txt p,
.Arrowbtn.color-white>div .txt p,
.Arrowbtn.color-white>button .txt p {
  color: var(--color-txt)
}

[data-theme=dark] .Arrowbtn.color-invert a .arrow picture.newtab,
[data-theme=dark] .Arrowbtn.color-invert>div .arrow picture.newtab,
[data-theme=dark] .Arrowbtn.color-invert>button .arrow picture.newtab {
  filter: brightness(0)
}

.Arrowbtn.color-only-white a>*,
.Arrowbtn.color-only-white>div>*,
.Arrowbtn.color-only-white>button>*,
.color-only-white .Arrowbtn a>*,
.color-only-white .Arrowbtn>div>*,
.color-only-white .Arrowbtn>button>* {
  background: #fff
}

@media screen and (min-width:1025px) {

  .Arrowbtn.color-only-white a:hover .txt,
  .Arrowbtn.color-only-white a:hover .arrow,
  .Arrowbtn.color-only-white>div:hover .txt,
  .Arrowbtn.color-only-white>div:hover .arrow,
  .Arrowbtn.color-only-white>button:hover .txt,
  .Arrowbtn.color-only-white>button:hover .arrow,
  .color-only-white .Arrowbtn a:hover .txt,
  .color-only-white .Arrowbtn a:hover .arrow,
  .color-only-white .Arrowbtn>div:hover .txt,
  .color-only-white .Arrowbtn>div:hover .arrow,
  .color-only-white .Arrowbtn>button:hover .txt,
  .color-only-white .Arrowbtn>button:hover .arrow {
    background: #fff
  }

}

.Arrowbtn.color-only-white a:focus-visible .txt,
.Arrowbtn.color-only-white a:focus-visible .arrow,
.Arrowbtn.color-only-white>div:focus-visible .txt,
.Arrowbtn.color-only-white>div:focus-visible .arrow,
.Arrowbtn.color-only-white>button:focus-visible .txt,
.Arrowbtn.color-only-white>button:focus-visible .arrow,
.color-only-white .Arrowbtn a:focus-visible .txt,
.color-only-white .Arrowbtn a:focus-visible .arrow,
.color-only-white .Arrowbtn>div:focus-visible .txt,
.color-only-white .Arrowbtn>div:focus-visible .arrow,
.color-only-white .Arrowbtn>button:focus-visible .txt,
.color-only-white .Arrowbtn>button:focus-visible .arrow {
  background: #fff
}

.Arrowbtn.color-only-white a .txt p,
.Arrowbtn.color-only-white>div .txt p,
.Arrowbtn.color-only-white>button .txt p,
.color-only-white .Arrowbtn a .txt p,
.color-only-white .Arrowbtn>div .txt p,
.color-only-white .Arrowbtn>button .txt p {
  color: #141414
}

.Arrowbtn.type-connected a,
.Arrowbtn.type-connected>div,
.Arrowbtn.type-connected>button,
.Arrowbtn.type-connected-filled a,
.Arrowbtn.type-connected-filled>div,
.Arrowbtn.type-connected-filled>button,
.Arrowbtn.type-side-anchor a,
.Arrowbtn.type-side-anchor>div,
.Arrowbtn.type-side-anchor>button {
  gap: 1.3888888889vw;
  padding: .8680555556vw 1.5625vw;
  border: 1px solid var(--color-light);
  border-radius: 2px;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a,
  .Arrowbtn.type-connected>div,
  .Arrowbtn.type-connected>button,
  .Arrowbtn.type-connected-filled a,
  .Arrowbtn.type-connected-filled>div,
  .Arrowbtn.type-connected-filled>button,
  .Arrowbtn.type-side-anchor a,
  .Arrowbtn.type-side-anchor>div,
  .Arrowbtn.type-side-anchor>button {
    gap: 2.0356234097vw;
    padding: 3.0534351145vw
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-connected a:hover,
  .Arrowbtn.type-connected>div:hover,
  .Arrowbtn.type-connected>button:hover,
  .Arrowbtn.type-connected-filled a:hover,
  .Arrowbtn.type-connected-filled>div:hover,
  .Arrowbtn.type-connected-filled>button:hover,
  .Arrowbtn.type-side-anchor a:hover,
  .Arrowbtn.type-side-anchor>div:hover,
  .Arrowbtn.type-side-anchor>button:hover {
    background: var(--color-btn-hover-invert)
  }

  .Arrowbtn.type-connected a:hover .txt,
  .Arrowbtn.type-connected a:hover .arrow,
  .Arrowbtn.type-connected>div:hover .txt,
  .Arrowbtn.type-connected>div:hover .arrow,
  .Arrowbtn.type-connected>button:hover .txt,
  .Arrowbtn.type-connected>button:hover .arrow,
  .Arrowbtn.type-connected-filled a:hover .txt,
  .Arrowbtn.type-connected-filled a:hover .arrow,
  .Arrowbtn.type-connected-filled>div:hover .txt,
  .Arrowbtn.type-connected-filled>div:hover .arrow,
  .Arrowbtn.type-connected-filled>button:hover .txt,
  .Arrowbtn.type-connected-filled>button:hover .arrow,
  .Arrowbtn.type-side-anchor a:hover .txt,
  .Arrowbtn.type-side-anchor a:hover .arrow,
  .Arrowbtn.type-side-anchor>div:hover .txt,
  .Arrowbtn.type-side-anchor>div:hover .arrow,
  .Arrowbtn.type-side-anchor>button:hover .txt,
  .Arrowbtn.type-side-anchor>button:hover .arrow {
    background: transparent
  }

}

.Arrowbtn.type-connected a:focus-visible,
.Arrowbtn.type-connected>div:focus-visible,
.Arrowbtn.type-connected>button:focus-visible,
.Arrowbtn.type-connected-filled a:focus-visible,
.Arrowbtn.type-connected-filled>div:focus-visible,
.Arrowbtn.type-connected-filled>button:focus-visible,
.Arrowbtn.type-side-anchor a:focus-visible,
.Arrowbtn.type-side-anchor>div:focus-visible,
.Arrowbtn.type-side-anchor>button:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Arrowbtn.type-connected a:focus-visible .txt,
.Arrowbtn.type-connected a:focus-visible .arrow,
.Arrowbtn.type-connected>div:focus-visible .txt,
.Arrowbtn.type-connected>div:focus-visible .arrow,
.Arrowbtn.type-connected>button:focus-visible .txt,
.Arrowbtn.type-connected>button:focus-visible .arrow,
.Arrowbtn.type-connected-filled a:focus-visible .txt,
.Arrowbtn.type-connected-filled a:focus-visible .arrow,
.Arrowbtn.type-connected-filled>div:focus-visible .txt,
.Arrowbtn.type-connected-filled>div:focus-visible .arrow,
.Arrowbtn.type-connected-filled>button:focus-visible .txt,
.Arrowbtn.type-connected-filled>button:focus-visible .arrow,
.Arrowbtn.type-side-anchor a:focus-visible .txt,
.Arrowbtn.type-side-anchor a:focus-visible .arrow,
.Arrowbtn.type-side-anchor>div:focus-visible .txt,
.Arrowbtn.type-side-anchor>div:focus-visible .arrow,
.Arrowbtn.type-side-anchor>button:focus-visible .txt,
.Arrowbtn.type-side-anchor>button:focus-visible .arrow {
  background: transparent
}

.Arrowbtn.type-connected a>*,
.Arrowbtn.type-connected>div>*,
.Arrowbtn.type-connected>button>*,
.Arrowbtn.type-connected-filled a>*,
.Arrowbtn.type-connected-filled>div>*,
.Arrowbtn.type-connected-filled>button>*,
.Arrowbtn.type-side-anchor a>*,
.Arrowbtn.type-side-anchor>div>*,
.Arrowbtn.type-side-anchor>button>* {
  border-radius: 0;
  background: transparent
}

.Arrowbtn.type-connected a .txt,
.Arrowbtn.type-connected>div .txt,
.Arrowbtn.type-connected>button .txt,
.Arrowbtn.type-connected-filled a .txt,
.Arrowbtn.type-connected-filled>div .txt,
.Arrowbtn.type-connected-filled>button .txt,
.Arrowbtn.type-side-anchor a .txt,
.Arrowbtn.type-side-anchor>div .txt,
.Arrowbtn.type-side-anchor>button .txt {
  padding: 0
}

.Arrowbtn.type-connected a .txt p,
.Arrowbtn.type-connected>div .txt p,
.Arrowbtn.type-connected>button .txt p,
.Arrowbtn.type-connected-filled a .txt p,
.Arrowbtn.type-connected-filled>div .txt p,
.Arrowbtn.type-connected-filled>button .txt p,
.Arrowbtn.type-side-anchor a .txt p,
.Arrowbtn.type-side-anchor>div .txt p,
.Arrowbtn.type-side-anchor>button .txt p {
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a .txt p,
  .Arrowbtn.type-connected>div .txt p,
  .Arrowbtn.type-connected>button .txt p,
  .Arrowbtn.type-connected-filled a .txt p,
  .Arrowbtn.type-connected-filled>div .txt p,
  .Arrowbtn.type-connected-filled>button .txt p,
  .Arrowbtn.type-side-anchor a .txt p,
  .Arrowbtn.type-side-anchor>div .txt p,
  .Arrowbtn.type-side-anchor>button .txt p {
    transform: translateY(-.2544529262vw)
  }

}

.Arrowbtn.type-connected a .arrow,
.Arrowbtn.type-connected>div .arrow,
.Arrowbtn.type-connected>button .arrow,
.Arrowbtn.type-connected-filled a .arrow,
.Arrowbtn.type-connected-filled>div .arrow,
.Arrowbtn.type-connected-filled>button .arrow,
.Arrowbtn.type-side-anchor a .arrow,
.Arrowbtn.type-side-anchor>div .arrow,
.Arrowbtn.type-side-anchor>button .arrow {
  width: auto
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a .arrow,
  .Arrowbtn.type-connected>div .arrow,
  .Arrowbtn.type-connected>button .arrow,
  .Arrowbtn.type-connected-filled a .arrow,
  .Arrowbtn.type-connected-filled>div .arrow,
  .Arrowbtn.type-connected-filled>button .arrow,
  .Arrowbtn.type-side-anchor a .arrow,
  .Arrowbtn.type-side-anchor>div .arrow,
  .Arrowbtn.type-side-anchor>button .arrow {
    width: 2.5445292621vw
  }

}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a,
  .Arrowbtn.type-connected>div,
  .Arrowbtn.type-connected>button,
  .Arrowbtn.type-connected-filled a,
  .Arrowbtn.type-connected-filled>div,
  .Arrowbtn.type-connected-filled>button {
    padding: 2.7989821883vw 3.0534351145vw
  }

}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a .txt p,
  .Arrowbtn.type-connected>div .txt p,
  .Arrowbtn.type-connected>button .txt p,
  .Arrowbtn.type-connected-filled a .txt p,
  .Arrowbtn.type-connected-filled>div .txt p,
  .Arrowbtn.type-connected-filled>button .txt p {
    font-size: 2.5445292621vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-connected a .txt p,
  .Arrowbtn.type-connected>div .txt p,
  .Arrowbtn.type-connected>button .txt p,
  .Arrowbtn.type-connected-filled a .txt p,
  .Arrowbtn.type-connected-filled>div .txt p,
  .Arrowbtn.type-connected-filled>button .txt p {
    line-height: 1.2
  }

}

.Arrowbtn.type-side-anchor {
  width: 100%
}

@media screen and (max-width: 1024px) {
  .Arrowbtn.type-side-anchor {
    width: fit-content
  }

}

.Arrowbtn.type-side-anchor a,
.Arrowbtn.type-side-anchor>div,
.Arrowbtn.type-side-anchor>button {
  justify-content: space-between;
  gap: .6944444444vw;
  padding: .7523148148vw 1.099537037vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-side-anchor a,
  .Arrowbtn.type-side-anchor>div,
  .Arrowbtn.type-side-anchor>button {
    gap: 2.0356234097vw;
    padding: 2.0356234097vw 3.0534351145vw;
    border: 1px solid #D9D9D9
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-side-anchor a:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn.type-side-anchor>div:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn.type-side-anchor>button:hover .txt__inner p:nth-of-type(1) {
    translate: 0 100%
  }

  .Arrowbtn.type-side-anchor a:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn.type-side-anchor>div:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn.type-side-anchor>button:hover .txt__inner p:nth-of-type(2) {
    translate: 0 0
  }

}

.Arrowbtn.type-side-anchor a:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn.type-side-anchor>div:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn.type-side-anchor>button:focus-visible .txt__inner p:nth-of-type(1) {
  translate: 0 100%
}

.Arrowbtn.type-side-anchor a:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn.type-side-anchor>div:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn.type-side-anchor>button:focus-visible .txt__inner p:nth-of-type(2) {
  translate: 0 0
}

.Arrowbtn.type-side-anchor a .txt__inner p,
.Arrowbtn.type-side-anchor>div .txt__inner p,
.Arrowbtn.type-side-anchor>button .txt__inner p {
  font-size: .6944444444vw;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-side-anchor a .txt__inner p,
  .Arrowbtn.type-side-anchor>div .txt__inner p,
  .Arrowbtn.type-side-anchor>button .txt__inner p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Arrowbtn.type-side-anchor a .txt__inner p:nth-of-type(2),
.Arrowbtn.type-side-anchor>div .txt__inner p:nth-of-type(2),
.Arrowbtn.type-side-anchor>button .txt__inner p:nth-of-type(2) {
  translate: 0 -100%
}

.Arrowbtn.type-side-anchor a .arrow,
.Arrowbtn.type-side-anchor>div .arrow,
.Arrowbtn.type-side-anchor>button .arrow {
  rotate: 90deg
}

.Arrowbtn.type-connected-filled a,
.Arrowbtn.type-connected-filled>div,
.Arrowbtn.type-connected-filled>button {
  background: var(--color-txt)
}

.Arrowbtn.type-connected-filled a .txt p,
.Arrowbtn.type-connected-filled>div .txt p,
.Arrowbtn.type-connected-filled>button .txt p {
  color: var(--color-bg)
}

.Arrowbtn.type-swiper-nav a,
.Arrowbtn.type-swiper-nav>div,
.Arrowbtn.type-swiper-nav>button {
  gap: .5787037037vw;
  padding: 1.1574074074vw 1.3888888889vw;
  border: 1px solid var(--color-light);
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-swiper-nav a,
  .Arrowbtn.type-swiper-nav>div,
  .Arrowbtn.type-swiper-nav>button {
    gap: 2.0356234097vw;
    padding: 4.5801526718vw 5.0890585242vw
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-swiper-nav a:hover .txt,
  .Arrowbtn.type-swiper-nav a:hover .arrow,
  .Arrowbtn.type-swiper-nav>div:hover .txt,
  .Arrowbtn.type-swiper-nav>div:hover .arrow,
  .Arrowbtn.type-swiper-nav>button:hover .txt,
  .Arrowbtn.type-swiper-nav>button:hover .arrow {
    background: transparent
  }

}

.Arrowbtn.type-swiper-nav a:focus-visible .txt,
.Arrowbtn.type-swiper-nav a:focus-visible .arrow,
.Arrowbtn.type-swiper-nav>div:focus-visible .txt,
.Arrowbtn.type-swiper-nav>div:focus-visible .arrow,
.Arrowbtn.type-swiper-nav>button:focus-visible .txt,
.Arrowbtn.type-swiper-nav>button:focus-visible .arrow {
  background: transparent
}

.Arrowbtn.type-swiper-nav a>*,
.Arrowbtn.type-swiper-nav>div>*,
.Arrowbtn.type-swiper-nav>button>* {
  border-radius: 0;
  background: transparent
}

.Arrowbtn.type-swiper-nav a .txt,
.Arrowbtn.type-swiper-nav>div .txt,
.Arrowbtn.type-swiper-nav>button .txt {
  padding: 0
}

.Arrowbtn.type-swiper-nav a .txt p,
.Arrowbtn.type-swiper-nav>div .txt p,
.Arrowbtn.type-swiper-nav>button .txt p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-swiper-nav a .txt p,
  .Arrowbtn.type-swiper-nav>div .txt p,
  .Arrowbtn.type-swiper-nav>button .txt p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.Arrowbtn.type-swiper-nav a .arrow,
.Arrowbtn.type-swiper-nav>div .arrow,
.Arrowbtn.type-swiper-nav>button .arrow {
  width: .9837962963vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-swiper-nav a .arrow,
  .Arrowbtn.type-swiper-nav>div .arrow,
  .Arrowbtn.type-swiper-nav>button .arrow {
    width: 3.0534351145vw
  }

}

.Arrowbtn.type-swiper-nav.swiper-button-disabled {
  opacity: .6;
  pointer-events: none
}

.Arrowbtn.type-top-bottom-lined a,
.Arrowbtn.type-top-bottom-lined>div,
.Arrowbtn.type-top-bottom-lined>button,
.Arrowbtn.type-side-link a,
.Arrowbtn.type-side-link>div,
.Arrowbtn.type-side-link>button,
.Arrowbtn.type-page-anchor a,
.Arrowbtn.type-page-anchor>div,
.Arrowbtn.type-page-anchor>button {
  justify-content: space-between;
  gap: 1.3888888889vw;
  padding: .6365740741vw 1.099537037vw;
  border-top: 1px solid var(--color-light);
  border-radius: 2px;
  background: var(--color-bg)
}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-top-bottom-lined a:hover .txt,
  .Arrowbtn.type-top-bottom-lined a:hover .arrow,
  .Arrowbtn.type-top-bottom-lined>div:hover .txt,
  .Arrowbtn.type-top-bottom-lined>div:hover .arrow,
  .Arrowbtn.type-top-bottom-lined>button:hover .txt,
  .Arrowbtn.type-top-bottom-lined>button:hover .arrow,
  .Arrowbtn.type-side-link a:hover .txt,
  .Arrowbtn.type-side-link a:hover .arrow,
  .Arrowbtn.type-side-link>div:hover .txt,
  .Arrowbtn.type-side-link>div:hover .arrow,
  .Arrowbtn.type-side-link>button:hover .txt,
  .Arrowbtn.type-side-link>button:hover .arrow,
  .Arrowbtn.type-page-anchor a:hover .txt,
  .Arrowbtn.type-page-anchor a:hover .arrow,
  .Arrowbtn.type-page-anchor>div:hover .txt,
  .Arrowbtn.type-page-anchor>div:hover .arrow,
  .Arrowbtn.type-page-anchor>button:hover .txt,
  .Arrowbtn.type-page-anchor>button:hover .arrow {
    background: transparent
  }

}

.Arrowbtn.type-top-bottom-lined a:focus-visible .txt,
.Arrowbtn.type-top-bottom-lined a:focus-visible .arrow,
.Arrowbtn.type-top-bottom-lined>div:focus-visible .txt,
.Arrowbtn.type-top-bottom-lined>div:focus-visible .arrow,
.Arrowbtn.type-top-bottom-lined>button:focus-visible .txt,
.Arrowbtn.type-top-bottom-lined>button:focus-visible .arrow,
.Arrowbtn.type-side-link a:focus-visible .txt,
.Arrowbtn.type-side-link a:focus-visible .arrow,
.Arrowbtn.type-side-link>div:focus-visible .txt,
.Arrowbtn.type-side-link>div:focus-visible .arrow,
.Arrowbtn.type-side-link>button:focus-visible .txt,
.Arrowbtn.type-side-link>button:focus-visible .arrow,
.Arrowbtn.type-page-anchor a:focus-visible .txt,
.Arrowbtn.type-page-anchor a:focus-visible .arrow,
.Arrowbtn.type-page-anchor>div:focus-visible .txt,
.Arrowbtn.type-page-anchor>div:focus-visible .arrow,
.Arrowbtn.type-page-anchor>button:focus-visible .txt,
.Arrowbtn.type-page-anchor>button:focus-visible .arrow {
  background: transparent
}

.Arrowbtn.type-top-bottom-lined a>*,
.Arrowbtn.type-top-bottom-lined>div>*,
.Arrowbtn.type-top-bottom-lined>button>*,
.Arrowbtn.type-side-link a>*,
.Arrowbtn.type-side-link>div>*,
.Arrowbtn.type-side-link>button>*,
.Arrowbtn.type-page-anchor a>*,
.Arrowbtn.type-page-anchor>div>*,
.Arrowbtn.type-page-anchor>button>* {
  border-radius: 0;
  background: transparent
}

.Arrowbtn.type-top-bottom-lined a .txt,
.Arrowbtn.type-top-bottom-lined>div .txt,
.Arrowbtn.type-top-bottom-lined>button .txt,
.Arrowbtn.type-side-link a .txt,
.Arrowbtn.type-side-link>div .txt,
.Arrowbtn.type-side-link>button .txt,
.Arrowbtn.type-page-anchor a .txt,
.Arrowbtn.type-page-anchor>div .txt,
.Arrowbtn.type-page-anchor>button .txt {
  padding: 0
}

.Arrowbtn.type-top-bottom-lined a .txt p,
.Arrowbtn.type-top-bottom-lined>div .txt p,
.Arrowbtn.type-top-bottom-lined>button .txt p,
.Arrowbtn.type-side-link a .txt p,
.Arrowbtn.type-side-link>div .txt p,
.Arrowbtn.type-side-link>button .txt p,
.Arrowbtn.type-page-anchor a .txt p,
.Arrowbtn.type-page-anchor>div .txt p,
.Arrowbtn.type-page-anchor>button .txt p {
  color: var(--color-txt)
}

.Arrowbtn.type-top-bottom-lined a .arrow,
.Arrowbtn.type-top-bottom-lined>div .arrow,
.Arrowbtn.type-top-bottom-lined>button .arrow,
.Arrowbtn.type-side-link a .arrow,
.Arrowbtn.type-side-link>div .arrow,
.Arrowbtn.type-side-link>button .arrow,
.Arrowbtn.type-page-anchor a .arrow,
.Arrowbtn.type-page-anchor>div .arrow,
.Arrowbtn.type-page-anchor>button .arrow {
  width: .9259259259vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-top-bottom-lined a .arrow,
  .Arrowbtn.type-top-bottom-lined>div .arrow,
  .Arrowbtn.type-top-bottom-lined>button .arrow,
  .Arrowbtn.type-side-link a .arrow,
  .Arrowbtn.type-side-link>div .arrow,
  .Arrowbtn.type-side-link>button .arrow,
  .Arrowbtn.type-page-anchor a .arrow,
  .Arrowbtn.type-page-anchor>div .arrow,
  .Arrowbtn.type-page-anchor>button .arrow {
    width: 3.0534351145vw
  }

}

.Arrowbtn.type-top-bottom-lined.attr-txt-ja a,
.Arrowbtn.type-top-bottom-lined.attr-txt-ja>div,
.Arrowbtn.type-top-bottom-lined.attr-txt-ja>button,
.Arrowbtn.type-side-link.attr-txt-ja a,
.Arrowbtn.type-side-link.attr-txt-ja>div,
.Arrowbtn.type-side-link.attr-txt-ja>button,
.Arrowbtn.type-page-anchor.attr-txt-ja a,
.Arrowbtn.type-page-anchor.attr-txt-ja>div,
.Arrowbtn.type-page-anchor.attr-txt-ja>button {
  padding: .9259259259vw 1.5046296296vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-top-bottom-lined.attr-txt-ja a,
  .Arrowbtn.type-top-bottom-lined.attr-txt-ja>div,
  .Arrowbtn.type-top-bottom-lined.attr-txt-ja>button,
  .Arrowbtn.type-side-link.attr-txt-ja a,
  .Arrowbtn.type-side-link.attr-txt-ja>div,
  .Arrowbtn.type-side-link.attr-txt-ja>button,
  .Arrowbtn.type-page-anchor.attr-txt-ja a,
  .Arrowbtn.type-page-anchor.attr-txt-ja>div,
  .Arrowbtn.type-page-anchor.attr-txt-ja>button {
    padding: 2.2900763359vw 2.5445292621vw
  }

}

.Arrowbtn.type-top-bottom-lined.attr-txt-ja a .txt p,
.Arrowbtn.type-top-bottom-lined.attr-txt-ja>div .txt p,
.Arrowbtn.type-top-bottom-lined.attr-txt-ja>button .txt p,
.Arrowbtn.type-side-link.attr-txt-ja a .txt p,
.Arrowbtn.type-side-link.attr-txt-ja>div .txt p,
.Arrowbtn.type-side-link.attr-txt-ja>button .txt p,
.Arrowbtn.type-page-anchor.attr-txt-ja a .txt p,
.Arrowbtn.type-page-anchor.attr-txt-ja>div .txt p,
.Arrowbtn.type-page-anchor.attr-txt-ja>button .txt p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-top-bottom-lined.attr-txt-ja a .txt p,
  .Arrowbtn.type-top-bottom-lined.attr-txt-ja>div .txt p,
  .Arrowbtn.type-top-bottom-lined.attr-txt-ja>button .txt p,
  .Arrowbtn.type-side-link.attr-txt-ja a .txt p,
  .Arrowbtn.type-side-link.attr-txt-ja>div .txt p,
  .Arrowbtn.type-side-link.attr-txt-ja>button .txt p,
  .Arrowbtn.type-page-anchor.attr-txt-ja a .txt p,
  .Arrowbtn.type-page-anchor.attr-txt-ja>div .txt p,
  .Arrowbtn.type-page-anchor.attr-txt-ja>button .txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Arrowbtn.type-top-bottom-lined.type-top-bottom-lined-last:last-of-type a,
.Arrowbtn.type-top-bottom-lined.type-top-bottom-lined-last:last-of-type>div,
.Arrowbtn.type-side-link.type-top-bottom-lined-last:last-of-type a,
.Arrowbtn.type-side-link.type-top-bottom-lined-last:last-of-type>div,
.Arrowbtn.type-page-anchor.type-top-bottom-lined-last:last-of-type a,
.Arrowbtn.type-page-anchor.type-top-bottom-lined-last:last-of-type>div {
  border-bottom: 1px solid var(--color-light)
}

.Arrowbtn.type-top-bottom-lined.is-crnt a,
.Arrowbtn.type-top-bottom-lined.is-crnt>div,
.Arrowbtn.type-top-bottom-lined.is-crnt>button,
.Arrowbtn.type-side-link.is-crnt a,
.Arrowbtn.type-side-link.is-crnt>div,
.Arrowbtn.type-side-link.is-crnt>button,
.Arrowbtn.type-page-anchor.is-crnt a,
.Arrowbtn.type-page-anchor.is-crnt>div,
.Arrowbtn.type-page-anchor.is-crnt>button {
  pointer-events: none;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-top-bottom-lined.is-crnt a,
  .Arrowbtn.type-top-bottom-lined.is-crnt>div,
  .Arrowbtn.type-top-bottom-lined.is-crnt>button,
  .Arrowbtn.type-side-link.is-crnt a,
  .Arrowbtn.type-side-link.is-crnt>div,
  .Arrowbtn.type-side-link.is-crnt>button,
  .Arrowbtn.type-page-anchor.is-crnt a,
  .Arrowbtn.type-page-anchor.is-crnt>div,
  .Arrowbtn.type-page-anchor.is-crnt>button {
    border: 1px solid #141414
  }

}

.Arrowbtn.type-top-bottom-lined.is-crnt a .txt p,
.Arrowbtn.type-top-bottom-lined.is-crnt>div .txt p,
.Arrowbtn.type-top-bottom-lined.is-crnt>button .txt p,
.Arrowbtn.type-side-link.is-crnt a .txt p,
.Arrowbtn.type-side-link.is-crnt>div .txt p,
.Arrowbtn.type-side-link.is-crnt>button .txt p,
.Arrowbtn.type-page-anchor.is-crnt a .txt p,
.Arrowbtn.type-page-anchor.is-crnt>div .txt p,
.Arrowbtn.type-page-anchor.is-crnt>button .txt p {
  color: var(--color-bg)
}

.Arrowbtn.type-top-bottom-lined.is-crnt a .arrow,
.Arrowbtn.type-top-bottom-lined.is-crnt>div .arrow,
.Arrowbtn.type-top-bottom-lined.is-crnt>button .arrow,
.Arrowbtn.type-side-link.is-crnt a .arrow,
.Arrowbtn.type-side-link.is-crnt>div .arrow,
.Arrowbtn.type-side-link.is-crnt>button .arrow,
.Arrowbtn.type-page-anchor.is-crnt a .arrow,
.Arrowbtn.type-page-anchor.is-crnt>div .arrow,
.Arrowbtn.type-page-anchor.is-crnt>button .arrow {
  filter: brightness(0) invert(1)
}

[data-theme=dark] .Arrowbtn.type-top-bottom-lined.is-crnt a .arrow,
[data-theme=dark] .Arrowbtn.type-top-bottom-lined.is-crnt>div .arrow,
[data-theme=dark] .Arrowbtn.type-top-bottom-lined.is-crnt>button .arrow,
[data-theme=dark] .Arrowbtn.type-side-link.is-crnt a .arrow,
[data-theme=dark] .Arrowbtn.type-side-link.is-crnt>div .arrow,
[data-theme=dark] .Arrowbtn.type-side-link.is-crnt>button .arrow,
[data-theme=dark] .Arrowbtn.type-page-anchor.is-crnt a .arrow,
[data-theme=dark] .Arrowbtn.type-page-anchor.is-crnt>div .arrow,
[data-theme=dark] .Arrowbtn.type-page-anchor.is-crnt>button .arrow {
  filter: brightness(0)
}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-top-bottom-lined a:hover,
  .Arrowbtn.type-top-bottom-lined>div:hover,
  .Arrowbtn.type-top-bottom-lined>button:hover {
    background: var(--color-btn-hover-invert)
  }

}

.Arrowbtn.type-top-bottom-lined a:focus-visible,
.Arrowbtn.type-top-bottom-lined>div:focus-visible,
.Arrowbtn.type-top-bottom-lined>button:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Arrowbtn.type-side-link a,
.Arrowbtn.type-side-link>div,
.Arrowbtn.type-side-link>button {
  gap: 1.3888888889vw;
  padding: .7523148148vw 1.099537037vw
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-side-link a,
  .Arrowbtn.type-side-link>div,
  .Arrowbtn.type-side-link>button {
    gap: 2.0356234097vw;
    padding: 1.7811704835vw 3.0534351145vw;
    border: 1px solid #D9D9D9
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-side-link a:hover .txt,
  .Arrowbtn.type-side-link a:hover .arrow,
  .Arrowbtn.type-side-link>div:hover .txt,
  .Arrowbtn.type-side-link>div:hover .arrow,
  .Arrowbtn.type-side-link>button:hover .txt,
  .Arrowbtn.type-side-link>button:hover .arrow {
    background: transparent
  }

}

.Arrowbtn.type-side-link a:focus-visible .txt,
.Arrowbtn.type-side-link a:focus-visible .arrow,
.Arrowbtn.type-side-link>div:focus-visible .txt,
.Arrowbtn.type-side-link>div:focus-visible .arrow,
.Arrowbtn.type-side-link>button:focus-visible .txt,
.Arrowbtn.type-side-link>button:focus-visible .arrow {
  background: transparent
}

.Arrowbtn.type-side-link a .txt p,
.Arrowbtn.type-side-link>div .txt p,
.Arrowbtn.type-side-link>button .txt p {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-side-link a .txt p,
  .Arrowbtn.type-side-link>div .txt p,
  .Arrowbtn.type-side-link>button .txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-side-link a .arrow,
  .Arrowbtn.type-side-link>div .arrow,
  .Arrowbtn.type-side-link>button .arrow {
    width: .5787037037vw
  }

}

.Arrowbtn.type-page-anchor a,
.Arrowbtn.type-page-anchor>div,
.Arrowbtn.type-page-anchor>button {
  padding: .8101851852vw 1.6203703704vw;
  gap: 1.0416666667vw;
  border: 1px solid var(--color-light);
  border-radius: 2px
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor a,
  .Arrowbtn.type-page-anchor>div,
  .Arrowbtn.type-page-anchor>button {
    gap: 2.0356234097vw;
    padding: 2.2900763359vw 2.7989821883vw
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-page-anchor a:hover,
  .Arrowbtn.type-page-anchor>div:hover,
  .Arrowbtn.type-page-anchor>button:hover {
    background: var(--color-btn-hover-invert)
  }

  .Arrowbtn.type-page-anchor a:hover .Arrow picture,
  .Arrowbtn.type-page-anchor>div:hover .Arrow picture,
  .Arrowbtn.type-page-anchor>button:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .Arrowbtn.type-page-anchor a:hover .Arrow picture:nth-of-type(1),
  .Arrowbtn.type-page-anchor>div:hover .Arrow picture:nth-of-type(1),
  .Arrowbtn.type-page-anchor>button:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .Arrowbtn.type-page-anchor a:hover .Arrow picture:nth-of-type(2),
  .Arrowbtn.type-page-anchor>div:hover .Arrow picture:nth-of-type(2),
  .Arrowbtn.type-page-anchor>button:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

  .Arrowbtn.type-page-anchor a:hover .txt,
  .Arrowbtn.type-page-anchor a:hover .arrow,
  .Arrowbtn.type-page-anchor>div:hover .txt,
  .Arrowbtn.type-page-anchor>div:hover .arrow,
  .Arrowbtn.type-page-anchor>button:hover .txt,
  .Arrowbtn.type-page-anchor>button:hover .arrow {
    background: transparent
  }

  .Arrowbtn.type-page-anchor a:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn.type-page-anchor>div:hover .txt__inner p:nth-of-type(1),
  .Arrowbtn.type-page-anchor>button:hover .txt__inner p:nth-of-type(1) {
    translate: 0 100%
  }

  .Arrowbtn.type-page-anchor a:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn.type-page-anchor>div:hover .txt__inner p:nth-of-type(2),
  .Arrowbtn.type-page-anchor>button:hover .txt__inner p:nth-of-type(2) {
    translate: 0 0
  }

}

.Arrowbtn.type-page-anchor a:focus-visible,
.Arrowbtn.type-page-anchor>div:focus-visible,
.Arrowbtn.type-page-anchor>button:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Arrowbtn.type-page-anchor a:focus-visible .Arrow picture,
.Arrowbtn.type-page-anchor>div:focus-visible .Arrow picture,
.Arrowbtn.type-page-anchor>button:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.Arrowbtn.type-page-anchor a:focus-visible .Arrow picture:nth-of-type(1),
.Arrowbtn.type-page-anchor>div:focus-visible .Arrow picture:nth-of-type(1),
.Arrowbtn.type-page-anchor>button:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.Arrowbtn.type-page-anchor a:focus-visible .Arrow picture:nth-of-type(2),
.Arrowbtn.type-page-anchor>div:focus-visible .Arrow picture:nth-of-type(2),
.Arrowbtn.type-page-anchor>button:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.Arrowbtn.type-page-anchor a:focus-visible .txt,
.Arrowbtn.type-page-anchor a:focus-visible .arrow,
.Arrowbtn.type-page-anchor>div:focus-visible .txt,
.Arrowbtn.type-page-anchor>div:focus-visible .arrow,
.Arrowbtn.type-page-anchor>button:focus-visible .txt,
.Arrowbtn.type-page-anchor>button:focus-visible .arrow {
  background: transparent
}

.Arrowbtn.type-page-anchor a:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn.type-page-anchor>div:focus-visible .txt__inner p:nth-of-type(1),
.Arrowbtn.type-page-anchor>button:focus-visible .txt__inner p:nth-of-type(1) {
  translate: 0 100%
}

.Arrowbtn.type-page-anchor a:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn.type-page-anchor>div:focus-visible .txt__inner p:nth-of-type(2),
.Arrowbtn.type-page-anchor>button:focus-visible .txt__inner p:nth-of-type(2) {
  translate: 0 0
}

.Arrowbtn.type-page-anchor a .txt__inner p,
.Arrowbtn.type-page-anchor>div .txt__inner p,
.Arrowbtn.type-page-anchor>button .txt__inner p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400;
  line-height: 1.2;
  text-transform: capitalize
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor a .txt__inner p,
  .Arrowbtn.type-page-anchor>div .txt__inner p,
  .Arrowbtn.type-page-anchor>button .txt__inner p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor a .txt__inner p,
  .Arrowbtn.type-page-anchor>div .txt__inner p,
  .Arrowbtn.type-page-anchor>button .txt__inner p {
    transform: translateY(-.2544529262vw);
    line-height: 1.2
  }

}

.Arrowbtn.type-page-anchor a .txt__inner p:nth-of-type(2),
.Arrowbtn.type-page-anchor>div .txt__inner p:nth-of-type(2),
.Arrowbtn.type-page-anchor>button .txt__inner p:nth-of-type(2) {
  translate: 0 -100%
}

.Arrowbtn.type-page-anchor a .arrow,
.Arrowbtn.type-page-anchor>div .arrow,
.Arrowbtn.type-page-anchor>button .arrow {
  rotate: 90deg
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor.txt-ja a,
  .Arrowbtn.type-page-anchor.txt-ja>div,
  .Arrowbtn.type-page-anchor.txt-ja>button {
    padding: 2.0356234097vw 2.7989821883vw
  }

}

.Arrowbtn.type-page-anchor.txt-ja a .txt p,
.Arrowbtn.type-page-anchor.txt-ja>div .txt p,
.Arrowbtn.type-page-anchor.txt-ja>button .txt p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor.txt-ja a .txt p,
  .Arrowbtn.type-page-anchor.txt-ja>div .txt p,
  .Arrowbtn.type-page-anchor.txt-ja>button .txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .Arrowbtn.type-page-anchor.txt-ja a .txt p,
  .Arrowbtn.type-page-anchor.txt-ja>div .txt p,
  .Arrowbtn.type-page-anchor.txt-ja>button .txt p {
    transform: none;
    line-height: 1.2
  }

}

@media screen and (min-width:1025px) {

  .Arrowbtn.type-connected a:hover,
  .Arrowbtn.type-connected>div:hover,
  .Arrowbtn.type-connected>button:hover,
  .Arrowbtn.type-connected-filled a:hover,
  .Arrowbtn.type-connected-filled>div:hover,
  .Arrowbtn.type-connected-filled>button:hover,
  .Arrowbtn.type-side-link a:hover,
  .Arrowbtn.type-side-link>div:hover,
  .Arrowbtn.type-side-link>button:hover {
    background: var(--color-btn-hover-invert)
  }

}

.Arrowbtn.type-connected a:focus-visible,
.Arrowbtn.type-connected>div:focus-visible,
.Arrowbtn.type-connected>button:focus-visible,
.Arrowbtn.type-connected-filled a:focus-visible,
.Arrowbtn.type-connected-filled>div:focus-visible,
.Arrowbtn.type-connected-filled>button:focus-visible,
.Arrowbtn.type-side-link a:focus-visible,
.Arrowbtn.type-side-link>div:focus-visible,
.Arrowbtn.type-side-link>button:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Arrowbtn.attr-reverse a,
.Arrowbtn.attr-reverse>div,
.Arrowbtn.attr-reverse>button {
  display: flex;
  flex-direction: row-reverse
}

.Arrowbtn.attr-reverse a .arrow,
.Arrowbtn.attr-reverse>div .arrow,
.Arrowbtn.attr-reverse>button .arrow {
  rotate: 180deg
}

@media screen and (min-width:1025px) {

  .Arrowbtn.attr-p-19 a .txt,
  .Arrowbtn.attr-p-19>div .txt,
  .Arrowbtn.attr-p-19>button .txt {
    padding: 1.099537037vw
  }

}

@media screen and (min-width:1025px) {
  .Arrowbtn.attr-p-19 .arrow {
    width: 3.125vw
  }

}

.Dottxt {
  position: relative;
  padding-left: .5787037037vw
}

@media screen and (max-width: 1024px) {
  .Dottxt {
    padding-left: 2.5445292621vw
  }

}

.Dottxt:before {
  position: absolute;
  content: "";
  top: .2604166667vw;
  left: 0;
  width: .3472222222vw;
  aspect-ratio: 1;
  border-radius: 1px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .Dottxt:before {
    top: .7633587786vw;
    width: 1.5267175573vw
  }

}

.Dottxt p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .Dottxt p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt p {
    transform: translateY(-.2544529262vw);
    line-height: 1.2
  }

}

@media screen and (min-width:1025px) {
  .Dottxt.size-pc-vhsvh {
    padding-left: min(.8952551477vh, .5787037037vw);
    padding-left: min(.0089525515 * var(--calcdSvh, 100svh), .5787037037vw)
  }

}

@media screen and (min-width:1025px) {
  .Dottxt.size-pc-vhsvh:before {
    top: min(.3581020591vh, .2314814815vw);
    top: min(.0035810206 * var(--calcdSvh, 100svh), .2314814815vw);
    width: min(.5371530886vh, .3472222222vw);
    width: min(.0053715309 * var(--calcdSvh, 100svh), .3472222222vw)
  }

}

@media screen and (min-width:1025px) {
  .Dottxt.size-pc-vhsvh p {
    font-size: min(1.0743061773vh, .6944444444vw);
    font-size: min(.0107430618 * var(--calcdSvh, 100svh), .6944444444vw)
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt.size-sp-vhsvh {
    padding-left: min(1.1737089202vh, 2.5445292621vw);
    padding-left: min(.0117370892 * var(--calcdSvh, 100svh), 2.5445292621vw)
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt.size-sp-vhsvh:before {
    top: min(.3521126761vh, .7633587786vw);
    top: min(.0035211268 * var(--calcdSvh, 100svh), .7633587786vw);
    width: min(.7042253521vh, 1.5267175573vw);
    width: min(.0070422535 * var(--calcdSvh, 100svh), 1.5267175573vw)
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt.size-sp-vhsvh p {
    font-size: min(1.4084507042vh, 3.0534351145vw);
    font-size: min(.014084507 * var(--calcdSvh, 100svh), 3.0534351145vw)
  }

}

@media screen and (min-width:1025px) {
  .Dottxt.attr-txt-num:before {
    top: .2893518519vw
  }

}

.Dottxt.color-white:before,
.color-white .Dottxt:before {
  background: var(--color-bg)
}

.Dottxt.color-white p,
.color-white .Dottxt p {
  color: var(--color-bg)
}

.Dottxt.color-only-white:before,
.color-only-white .Dottxt:before {
  background: #fff
}

.Dottxt.color-only-white p,
.color-only-white .Dottxt p {
  color: #fff
}

.Dottxt.color-only-black:before,
.color-only-black .Dottxt:before {
  background: #141414
}

.Dottxt.color-only-black p,
.color-only-black .Dottxt p {
  color: #141414
}

.color-dark-light .Dottxt:before {
  background: var(--dark-color-light)
}

.color-dark-light .Dottxt p {
  color: var(--dark-color-light)
}

[data-theme=dark] .color-dark-light .Dottxt:before {
  background: var(--color-kurame)
}

[data-theme=dark] .color-dark-light .Dottxt p {
  color: var(--color-kurame)
}

.Dottxt.color-dark-light:before {
  background: var(--dark-color-light)
}

.Dottxt.color-dark-light p {
  color: var(--dark-color-light)
}

[data-theme=dark] .Dottxt.color-dark-light:before {
  background: var(--color-kurame)
}

[data-theme=dark] .Dottxt.color-dark-light p {
  color: var(--color-kurame)
}

.Dottxt.type-vert {
  width: .8101851852vw;
  aspect-ratio: 14/22;
  padding-left: 0
}

.Dottxt.type-vert:before {
  top: 0
}

.Dottxt.type-vert p {
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (min-width:1025px) {
  .Dottxt.fs-10 {
    padding-left: .3472222222vw
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt.fs-10 {
    padding-left: 1.5267175573vw
  }

}

@media screen and (min-width:1025px) {
  .Dottxt.fs-10:before {
    width: .2314814815vw
  }

}

@media screen and (max-width: 1024px) {
  .Dottxt.fs-10:before {
    width: 1.0178117048vw
  }

}

.Dottxt.fs-10 p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .5787037037vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Dottxt.fs-10 p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Ttl {
  position: relative
}

.Ttl>*+* {
  margin-top: 2.025462963vw
}

@media screen and (max-width: 1024px) {
  .Ttl>*+* {
    margin-top: 4.0712468193vw
  }

}

.Ttl p.subja {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Ttl p.subja {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Ttl h1,
.Ttl h2 {
  font-size: 2.7777777778vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-txt);
  white-space: nowrap
}

@media screen and (max-width: 1024px) {

  .Ttl h1,
  .Ttl h2 {
    font-size: 7.1246819338vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.Ttl.color-white h1,
.Ttl.color-white h2,
.color-white .Ttl h1,
.color-white .Ttl h2 {
  color: var(--color-bg)
}

.Ttl.color-only-white h1,
.Ttl.color-only-white h2,
.color-only-white .Ttl h1,
.color-only-white .Ttl h2 {
  color: #fff
}

.Ttl.attr-en-underline .Dottxt {
  overflow: clip
}

.Ttl.attr-en-underline .Dottxt:before {
  transition: .1s all cubic-bezier(.09, 1, .36, 1) 0s
}

.Ttl.attr-en-underline .Dottxt p {
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 0s
}

.Ttl.attr-en-underline h1,
.Ttl.attr-en-underline h2 {
  padding-top: 2.025462963vw;
  position: relative;
  margin-top: .462962963vw;
  overflow: clip
}

@media screen and (max-width: 1024px) {

  .Ttl.attr-en-underline h1,
  .Ttl.attr-en-underline h2 {
    padding-top: 4.0712468193vw;
    margin-top: 2.0356234097vw
  }

}

.Ttl.attr-en-underline h1:after,
.Ttl.attr-en-underline h2:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-light);
  width: 100%;
  height: 1px;
  transform-origin: top left;
  transition: .6s all cubic-bezier(.09, 1, .36, 1) 0s
}

.Ttl.attr-en-underline h1 span.txt,
.Ttl.attr-en-underline h2 span.txt {
  display: block;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 0s
}

html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) .Dottxt:before {
  opacity: 0
}

html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) .Dottxt p {
  translate: 0 100%
}

html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) h1 span.txt,
html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) h2 span.txt {
  translate: 0 100%
}

html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) h1:after,
html:not([data-pause-motion]) .Ttl.attr-en-underline:not(.is-on) h2:after {
  scale: 0 1
}

.Ttl.attr-top-line {
  padding-top: .462962963vw
}

@media screen and (max-width: 1024px) {
  .Ttl.attr-top-line {
    padding-top: 2.0356234097vw
  }

}

.Ttl.attr-top-line:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-light);
  width: 100%;
  height: 1px;
  transform-origin: top left;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

.Ttl.attr-top-line .Dottxt {
  overflow: clip
}

.Ttl.attr-top-line .Dottxt:before {
  transition: .1s all cubic-bezier(.09, 1, .36, 1) 0s
}

.Ttl.attr-top-line .Dottxt p {
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 0s
}

.Ttl.attr-top-line h1,
.Ttl.attr-top-line h2 {
  overflow: clip
}

.Ttl.attr-top-line h1 span.txt,
.Ttl.attr-top-line h2 span.txt {
  display: block;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 0s
}

html:not([data-pause-motion]) .Ttl.attr-top-line:not(.is-on):before {
  scale: 0 1
}

html:not([data-pause-motion]) .Ttl.attr-top-line:not(.is-on) .Dottxt:before {
  opacity: 0
}

html:not([data-pause-motion]) .Ttl.attr-top-line:not(.is-on) .Dottxt p {
  translate: 0 100%
}

html:not([data-pause-motion]) .Ttl.attr-top-line:not(.is-on) h1 span.txt,
html:not([data-pause-motion]) .Ttl.attr-top-line:not(.is-on) h2 span.txt {
  translate: 0 100%
}

.Ttl.size-ja-20 .Ttl__en {
  margin-bottom: 1.1574074074vw
}

.Ttl.size-ja-20 h1,
.Ttl.size-ja-20 h2 {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .Ttl.size-ja-20 h1,
  .Ttl.size-ja-20 h2 {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .Ttl.size-ja-20 h1,
  .Ttl.size-ja-20 h2 {
    margin-top: 5.0890585242vw
  }

}

.Layers_1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.Layers_5 {
  position: relative;
  z-index: 5
}

.Btn>* {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 2.3148148148vw;
  border-radius: 2px;
  background: var(--color-txt);
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .Btn>* {
    min-height: 9.1603053435vw
  }

}

@media screen and (min-width:1025px) {
  .Btn>*:hover {
    background: var(--color-btn-hover)
  }

  .Btn>*:hover .txt p:nth-of-type(1) {
    translate: 0 -100%
  }

  .Btn>*:hover .txt p:nth-of-type(2) {
    translate: 0 0
  }

}

.Btn>*:focus-visible {
  background: var(--color-btn-hover)
}

.Btn>*:focus-visible .txt p:nth-of-type(1) {
  translate: 0 -100%
}

.Btn>*:focus-visible .txt p:nth-of-type(2) {
  translate: 0 0
}

.Btn>* .txt {
  position: relative;
  overflow: clip
}

.Btn>* .txt p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  color: var(--color-bg);
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

@media screen and (max-width: 1024px) {
  .Btn>* .txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Btn>* .txt p:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 100%
}

.Btn.color-invert>*,
.Btn.color-white>*,
.color-white .Btn>* {
  background: var(--color-bg)
}

.Btn.color-invert>* .txt>p,
.Btn.color-white>* .txt>p,
.color-white .Btn>* .txt>p {
  color: var(--color-txt)
}

.Btn.color-only-white>*,
.color-only-white .Btn>* {
  background: #fff
}

.Btn.color-only-white>* .txt>p,
.color-only-white .Btn>* .txt>p {
  color: #141414
}

.Btn.txt-en>* .txt>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Btn.txt-en>* .txt>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Btn.has-video-btns>* {
  display: flex;
  align-items: center;
  gap: .462962963vw;
  padding: .6944444444vw .9259259259vw
}

@media screen and (max-width: 1024px) {
  .Btn.has-video-btns>* {
    gap: 2.0356234097vw;
    padding: 2.0356234097vw 3.0534351145vw
  }

}

.Btn.has-video-btns>*>* {
  pointer-events: none
}

.Btn.has-video-btns>* .videobtn {
  flex-shrink: 0;
  position: relative;
  width: .9259259259vw;
  aspect-ratio: 1;
  border: 1px solid var(--color-bg);
  border-radius: 9999px
}

@media screen and (max-width: 1024px) {
  .Btn.has-video-btns>* .videobtn {
    width: 3.0534351145vw
  }

}

.Btn.has-video-btns>* .videobtn>picture {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .3472222222vw;
  filter: brightness(0) invert(1);
  line-height: 0;
  translate: -50% -50%
}

@media screen and (max-width: 1024px) {
  .Btn.has-video-btns>* .videobtn>picture {
    width: 1.0178117048vw
  }

}

.Btn.has-video-btns>* .videobtn>picture:nth-of-type(2) {
  opacity: 0;
  translate: -35% -50%
}

[data-theme=dark] .Btn.has-video-btns>* .videobtn>picture {
  filter: none
}

.Btn.has-video-btns>*.is-on .videobtn>picture:nth-of-type(1),
.Btn.has-video-btns>*.onclick-is-on .videobtn>picture:nth-of-type(1) {
  opacity: 0
}

.Btn.has-video-btns>*.is-on .videobtn>picture:nth-of-type(2),
.Btn.has-video-btns>*.onclick-is-on .videobtn>picture:nth-of-type(2) {
  opacity: 1
}

.Btn.attr-height-52>* {
  padding: 1.2152777778vw .9259259259vw
}

.Btn.type-contact.attr-height-52>* {
  padding: 1.099537037vw .9259259259vw
}

@media screen and (max-width: 1024px) {
  .Btn.type-contact.attr-height-52>* {
    padding: 3.8167938931vw 18.320610687vw
  }

}

.Btn.type-contact.attr-height-52>* .txt p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Btn.type-contact.attr-height-52>* .txt p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 4.0712468193vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Cookie {
  width: 19.4444444444vw;
  padding: 1.3888888889vw;
  border-radius: 2px;
  background: var(--color-txt);
  transition: .35s all ease;
  opacity: 0
}

@media screen and (max-width: 1024px) {
  .Cookie {
    width: 98.2188295165vw;
    padding: 4.0712468193vw
  }

}

.Cookie__inner>*+* {
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .Cookie__inner>*+* {
    margin-top: 4.0712468193vw
  }

}

.Cookie__inner>p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.6;
  font-weight: 300;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .Cookie__inner>p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Cookie__inner>p .Link a>span.txt:before {
  bottom: .15em
}

.Cookie.is-on {
  opacity: 0;
  pointer-events: none
}

.Mv {
  padding: 16.6087962963vw 0 4.8611111111vw
}

@media screen and (max-width: 1024px) {
  .Mv {
    padding: 43.7659033079vw 0 6.3613231552vw
  }

}

.Mv.attr-pb-153 {
  padding: 16.6087962963vw 0 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .Mv.attr-pb-153 {
    padding: 43.7659033079vw 0 12.9770992366vw
  }

}

@media screen and (max-width: 1024px) {
  .Mv.attr-sp-bar {
    padding: 60.5597964377vw 0 12.9770992366vw
  }

}

.Mv .Bread {
  position: absolute;
  top: 9.1435185185vw;
  right: 0;
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .Mv .Bread {
    top: 20.8651399491vw
  }

}

.Mv .Bread__scroll ol {
  padding: 0 1.3888888889vw
}

@media screen and (max-width: 1024px) {
  .Mv .Bread__scroll ol {
    padding: 0 4.0712468193vw
  }

}

@media screen and (max-width: 1024px) {
  .Mv__inner {
    width: 91.8575063613vw
  }

}

@media screen and (max-width: 1024px) {
  .Mv.type-works {
    padding: 43.7659033079vw 0 4.0712468193vw
  }

}

.Mv.type-works .Mv__inner .Ttl h1 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 2.7777777778vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  white-space: wrap
}

@media screen and (max-width: 1024px) {
  .Mv.type-works .Mv__inner .Ttl h1 {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 7.1246819338vw;
    letter-spacing: .02em;
    line-height: 1.4;
    font-weight: 700
  }

}

.Mv.type-recruit {
  padding: 16.6087962963vw 0 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .Mv.type-recruit {
    padding: 43.7659033079vw 0 12.9770992366vw
  }

}

.Bread__scroll {
  overflow-x: scroll;
  scrollbar-width: none;
  max-width: 100%
}

.Bread__scroll::-webkit-scrollbar {
  display: none
}

.Bread__scroll ol {
  display: flex;
  list-style: none;
  width: fit-content
}

.Bread__scroll ol li {
  position: relative;
  line-height: 0
}

.Bread__scroll ol li+li {
  padding-left: 1.8518518519vw
}

@media screen and (max-width: 1024px) {
  .Bread__scroll ol li+li {
    padding-left: 6.106870229vw
  }

}

.Bread__scroll ol li+li:before {
  position: absolute;
  content: "";
  top: 50%;
  left: .462962963vw;
  width: .9259259259vw;
  height: 1px;
  background: #d9d9d9;
  translate: 0 -50%
}

@media screen and (max-width: 1024px) {
  .Bread__scroll ol li+li:before {
    left: 2.0356234097vw;
    width: 2.0356234097vw
  }

}

.Bread__scroll ol li p {
  text-transform: capitalize;
  white-space: nowrap
}

.Bread__scroll ol li .Link a>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .Bread__scroll ol li .Link a>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.Bread__scroll ol li>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  translate: 0 -.06em;
  transform: translateY(.0578703704vw)
}

@media screen and (max-width: 1024px) {
  .Bread__scroll ol li>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .Bread__scroll ol li>p {
    transform: translateY(.2544529262vw)
  }

}

.Bread.attr-own-pos {
  position: absolute;
  top: 9.1435185185vw;
  right: 0;
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .Bread.attr-own-pos {
    top: 21.1195928753vw
  }

}

.Bread.attr-own-pos .Bread__scroll ol {
  padding: 0 1.3888888889vw
}

@media screen and (max-width: 1024px) {
  .Bread.attr-own-pos .Bread__scroll ol {
    padding: 0 4.0712468193vw
  }

}

.Sidebard__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 0;
  padding: 0 4.1666666667vw
}

@media screen and (max-width: 1024px) {
  .Sidebard__inner {
    flex-direction: column;
    padding: 0 4.3256997455vw
  }

}

.Sidebard__inner .Sidebar {
  top: min(27.842435094vh, 17.9976851852vw);
  top: min(.2784243509 * var(--calcdSvh, 100svh), 17.9976851852vw);
  position: sticky;
  width: 11.1111111111vw
}

@media screen and (max-width: 1024px) {
  .Sidebard__inner .Sidebar {
    position: absolute;
    top: 34.096692112vw;
    left: 0;
    width: 100%
  }

}

@media screen and (min-width:1025px) {
  .Sidebard__inner .Sidebar:has(.Sidebar__linksInnerFirst) {
    top: min(18.6213070725vh, 12.037037037vw);
    top: min(.1862130707 * var(--calcdSvh, 100svh), 12.037037037vw)
  }

}

.Sidebard__innerCnt {
  width: 76.3888888889vw;
  min-height: 0
}

@media screen and (max-width: 1024px) {
  .Sidebard__innerCnt {
    width: 100%;
    padding: 9.6692111959vw 4.3256997455vw
  }

}

.Sidebard__innerCnt>[id] {
  scroll-margin-top: min(18.6213070725vh, 12.037037037vw);
  scroll-margin-top: min(.1862130707 * var(--calcdSvh, 100svh), 12.037037037vw)
}

@media screen and (max-width: 1024px) {
  .Sidebard__innerCnt>[id] {
    scroll-margin-top: 38.1679389313vw
  }

}

.Sidebard.type-single-news .Sidebard__inner {
  padding-bottom: 13.3101851852vw;
  padding-right: 13.8888888889vw
}

@media screen and (max-width: 1024px) {
  .Sidebard.type-single-news .Sidebard__inner {
    flex-direction: column-reverse;
    padding: 0 4.3256997455vw 38.9312977099vw
  }

}

.Sidebard.type-single-news .Sidebard__inner .Sidebar {
  width: 12.5vw
}

@media screen and (max-width: 1024px) {
  .Sidebard.type-single-news .Sidebard__inner .Sidebar {
    width: 100%
  }

}

@media screen and (max-width: 1024px) {
  .Sidebard.type-single-news .Sidebard__inner .Sidebar {
    position: relative;
    top: auto;
    left: auto
  }

}

.Sidebard.type-single-news .Sidebard__innerCnt {
  width: 55.5555555556vw
}

@media screen and (max-width: 1024px) {
  .Sidebard.type-single-news .Sidebard__innerCnt {
    width: 100%
  }

}

.Sidebard.attr-flip .Sidebard__inner {
  flex-direction: row-reverse
}

@media screen and (max-width: 1024px) {
  .Sidebar__linksInner {
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none
  }

  .Sidebar__linksInner::-webkit-scrollbar {
    display: none
  }

}

@media screen and (max-width: 1024px) {
  .Sidebar__linksInnerFirst {
    display: none
  }

}

.Sidebar__linksInnerFirst .Dottxt {
  margin-bottom: .6944444444vw
}

.Sidebar__linksInnerRows {
  margin-top: 1.7939814815vw
}

@media screen and (max-width: 1024px) {
  .Sidebar__linksInnerRows {
    display: flex;
    align-items: center;
    gap: 2.0356234097vw;
    width: fit-content;
    margin: 0;
    padding: 0 4.0712468193vw;
    white-space: nowrap
  }

}

.Sidebar__linksInnerRowsRow:last-of-type {
  border-bottom: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {
  .Sidebar__linksInnerRowsRow:last-of-type {
    border: none
  }

}

.Sidebar__linksInnerRowsRow .Arrowbtn {
  width: 100%
}

@media screen and (max-width: 1024px) {
  .Sidebar__anchorsInner {
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none
  }

  .Sidebar__anchorsInner::-webkit-scrollbar {
    display: none
  }

}

@media screen and (max-width: 1024px) {
  .Sidebar__anchorsInnerScroll {
    display: flex;
    align-items: center;
    gap: 2.0356234097vw;
    width: fit-content;
    margin: 0;
    padding: 0 4.0712468193vw 1px;
    white-space: nowrap
  }

}

.Sidebar__anchorsInnerScroll .Arrowbtn+div {
  margin-top: .462962963vw
}

@media screen and (max-width: 1024px) {
  .Sidebar__anchorsInnerScroll .Arrowbtn+div {
    margin: 0
  }

}

@media screen and (min-width:1025px) {
  .Sidebar__anchorsInnerScroll .Arrowbtn a .txt {
    width: 7.5231481481vw
  }

}

@media screen and (min-width:1025px) {
  .Sidebar__anchorsInnerScroll .Arrowbtn a .arrow {
    width: .5787037037vw
  }

}

.Sidebar__shereBlock p.ttl {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .Sidebar__shereBlock p.ttl {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .Sidebar__shereBlock p.ttl {
    margin-bottom: 3.0534351145vw;
    text-align: center
  }

}

.Sidebar__shereBlock .Sns {
  width: 100%;
  min-width: 0
}

.Sidebar__shere>.Btn {
  width: 100%;
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .Sidebar__shere>.Btn {
    width: 54.9618320611vw;
    margin: 9.6692111959vw auto 0
  }

}

.Sidebar__shere>.Btn a {
  width: 100%
}

.Workspost a {
  display: block;
  position: relative
}

@media screen and (min-width:1025px) {
  .Workspost a:hover {
    background: var(--color-btn-hover-invert)
  }

  .Workspost a:hover .media picture img {
    scale: 1.05
  }

  .Workspost a:hover .media:has(video) picture img {
    scale: 1
  }

  .Workspost a:hover .media:has(video) video {
    opacity: 1
  }

}

.Workspost a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Workspost a:focus-visible .media picture img {
  scale: 1.05
}

.Workspost a:focus-visible .media:has(video) picture img {
  scale: 1
}

.Workspost a:focus-visible .media:has(video) video {
  opacity: 1
}

.Workspost a>.Dottxt {
  position: absolute;
  top: .9259259259vw;
  left: 4.1666666667vw;
  z-index: 5
}

@media screen and (max-width: 1024px) {
  .Workspost a>.Dottxt {
    top: 3.0534351145vw;
    left: 3.0534351145vw
  }

}

.Workspost a>.media {
  position: relative;
  z-index: 1;
  overflow: clip;
  aspect-ratio: 1728/702
}

@media screen and (max-width: 1024px) {
  .Workspost a>.media {
    aspect-ratio: 393/852
  }

}

.Workspost a>.media:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #0009;
  scale: 1.05;
  pointer-events: none
}

.Workspost a>.media>picture {
  position: relative;
  z-index: 1;
  overflow: clip;
  width: 100%;
  height: 100%
}

.Workspost a>.media>picture img {
  object-fit: cover
}

.Workspost a>.media video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  display: block
}

.Workspost a .block {
  position: absolute;
  bottom: 8.8541666667vw;
  left: 4.1666666667vw;
  z-index: 5;
  width: 91.6666666667vw;
  color: #fff
}

@media screen and (max-width: 1024px) {
  .Workspost a .block {
    bottom: 48.8549618321vw;
    left: 4.0712468193vw;
    width: 86.7684478372vw
  }

}

.Workspost a .block__ttl p.cp {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .Workspost a .block__ttl p.cp {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .Workspost a .block__ttl p.cp {
    margin-bottom: 2.5445292621vw
  }

}

.Workspost a .block__ttl h2,
.Workspost a .block__ttl h3 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.8518518519vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  position: relative;
  overflow: clip
}

@media screen and (max-width: 1024px) {

  .Workspost a .block__ttl h2,
  .Workspost a .block__ttl h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.Workspost a .block__ttl h2 span,
.Workspost a .block__ttl h3 span {
  display: block
}

.Workspost a .block__ttl h2 span:nth-of-type(2),
.Workspost a .block__ttl h3 span:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 120%
}

.Workspost a .block__dtags {
  margin-top: 1.099537037vw
}

@media screen and (max-width: 1024px) {
  .Workspost a .block__dtags {
    margin-top: 4.0712468193vw
  }

}

.Workspost a .block__dtags p {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .Workspost a .block__dtags p {
    font-size: 2.5445292621vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 300
  }

}

.Workspost a .block__dtags p span.comma {
  display: inline-block;
  width: .462962963vw;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .Workspost a .block__dtags p span.comma {
    width: 1.7811704835vw
  }

}

.Workspost a .block__date {
  position: absolute;
  right: 0;
  bottom: 0
}

.Workspost a .block__date p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Workspost a .block__date p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Workspost a p.date {
  display: none;
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: #fff
}

@media screen and (max-width: 1024px) {
  .Workspost a p.date {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .Workspost.attr-vh a>.media {
    width: 100%;
    max-height: 80vh;
    max-height: calc(.8 * var(--calcdSvh, 100svh))
  }

}

@media screen and (max-width: 1024px) {
  .Workspost.attr-vh a .block {
    bottom: min(22.5352112676vh, 48.8549618321vw);
    bottom: min(.2253521127 * var(--calcdSvh, 100svh), 48.8549618321vw)
  }

}

@media screen and (max-width: 1024px) {
  .Workspost.type-top-img a .block__date {
    display: none
  }

}

@media screen and (max-width: 1024px) {
  .Workspost.type-top-img a p.date {
    display: block;
    position: absolute;
    z-index: 10;
    top: 3.0534351145vw;
    right: 3.0534351145vw
  }

}

.Workspost.type-txt a,
.Workspost.type-txt-small a {
  position: relative;
  width: 100%;
  padding: 1.4467592593vw 4.1666666667vw;
  border-bottom: 1px solid var(--color-light)
}

@media screen and (min-width:1025px) {

  .Workspost.type-txt a:hover .Arrow picture,
  .Workspost.type-txt-small a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .Workspost.type-txt a:hover .Arrow picture:nth-of-type(1),
  .Workspost.type-txt-small a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .Workspost.type-txt a:hover .Arrow picture:nth-of-type(2),
  .Workspost.type-txt-small a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

  .Workspost.type-txt a:hover .media,
  .Workspost.type-txt-small a:hover .media {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    scale: 1
  }

  .Workspost.type-txt a:hover .block__ttl h2 span:nth-of-type(1),
  .Workspost.type-txt a:hover .block__ttl h3 span:nth-of-type(1),
  .Workspost.type-txt-small a:hover .block__ttl h2 span:nth-of-type(1),
  .Workspost.type-txt-small a:hover .block__ttl h3 span:nth-of-type(1) {
    translate: 0 -120%
  }

  .Workspost.type-txt a:hover .block__ttl h2 span:nth-of-type(2),
  .Workspost.type-txt a:hover .block__ttl h3 span:nth-of-type(2),
  .Workspost.type-txt-small a:hover .block__ttl h2 span:nth-of-type(2),
  .Workspost.type-txt-small a:hover .block__ttl h3 span:nth-of-type(2) {
    translate: 0 0
  }

}

.Workspost.type-txt a:focus-visible .Arrow picture,
.Workspost.type-txt-small a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.Workspost.type-txt a:focus-visible .Arrow picture:nth-of-type(1),
.Workspost.type-txt-small a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.Workspost.type-txt a:focus-visible .Arrow picture:nth-of-type(2),
.Workspost.type-txt-small a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.Workspost.type-txt a:focus-visible .media,
.Workspost.type-txt-small a:focus-visible .media {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  scale: 1
}

.Workspost.type-txt a:focus-visible .block__ttl h2 span:nth-of-type(1),
.Workspost.type-txt a:focus-visible .block__ttl h3 span:nth-of-type(1),
.Workspost.type-txt-small a:focus-visible .block__ttl h2 span:nth-of-type(1),
.Workspost.type-txt-small a:focus-visible .block__ttl h3 span:nth-of-type(1) {
  translate: 0 -120%
}

.Workspost.type-txt a:focus-visible .block__ttl h2 span:nth-of-type(2),
.Workspost.type-txt a:focus-visible .block__ttl h3 span:nth-of-type(2),
.Workspost.type-txt-small a:focus-visible .block__ttl h2 span:nth-of-type(2),
.Workspost.type-txt-small a:focus-visible .block__ttl h3 span:nth-of-type(2) {
  translate: 0 0
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a,
  .Workspost.type-txt-small a {
    padding: 4.0712468193vw
  }

}

.Workspost.type-txt a .media,
.Workspost.type-txt-small a .media {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  position: absolute;
  top: -2.3148148148vw;
  left: 51.4467592593vw;
  z-index: 10;
  width: 23.1481481481vw;
  transition: .8s cubic-bezier(.09, 1, .36, 1) all;
  opacity: 0;
  pointer-events: none;
  scale: .75;
  aspect-ratio: 400/247
}

.Workspost.type-txt a .media:after,
.Workspost.type-txt-small a .media:after {
  display: none
}

.Workspost.type-txt a .block,
.Workspost.type-txt-small a .block {
  display: flex;
  align-items: center;
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block,
  .Workspost.type-txt-small a .block {
    flex-direction: column;
    align-items: flex-start
  }

}

.Workspost.type-txt a .block__ttl,
.Workspost.type-txt a .block__dtags,
.Workspost.type-txt-small a .block__ttl,
.Workspost.type-txt-small a .block__dtags {
  padding-right: 10.0115740741vw
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__ttl,
  .Workspost.type-txt a .block__dtags,
  .Workspost.type-txt-small a .block__ttl,
  .Workspost.type-txt-small a .block__dtags {
    padding-right: 12.213740458vw
  }

}

.Workspost.type-txt a .block__ttl,
.Workspost.type-txt-small a .block__ttl {
  width: 36.1111111111vw
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__ttl,
  .Workspost.type-txt-small a .block__ttl {
    width: 100%
  }

}

.Workspost.type-txt a .block__ttl h2,
.Workspost.type-txt a .block__ttl h3,
.Workspost.type-txt-small a .block__ttl h2,
.Workspost.type-txt-small a .block__ttl h3 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__ttl h2,
  .Workspost.type-txt a .block__ttl h3,
  .Workspost.type-txt-small a .block__ttl h2,
  .Workspost.type-txt-small a .block__ttl h3 {
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1.4;
    font-weight: 700
  }

}

.Workspost.type-txt a .block__dtags,
.Workspost.type-txt-small a .block__dtags {
  margin-top: 0;
  width: 37.3842592593vw
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__dtags,
  .Workspost.type-txt-small a .block__dtags {
    margin-top: 4.0712468193vw;
    width: 100%
  }

}

.Workspost.type-txt a .block__date,
.Workspost.type-txt-small a .block__date {
  position: relative;
  right: auto;
  bottom: auto
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__date,
  .Workspost.type-txt-small a .block__date {
    margin-top: 3.0534351145vw;
    top: auto
  }

}

.Workspost.type-txt a .block__date p,
.Workspost.type-txt-small a .block__date p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block__date p,
  .Workspost.type-txt-small a .block__date p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Workspost.type-txt a .block .Arrow,
.Workspost.type-txt-small a .block .Arrow {
  position: absolute;
  top: 50%;
  right: 4.1666666667vw;
  translate: 0 -50%
}

@media screen and (max-width: 1024px) {

  .Workspost.type-txt a .block .Arrow,
  .Workspost.type-txt-small a .block .Arrow {
    right: 0;
    width: 4.0712468193vw
  }

}

.Workspost.type-txt-small a .media {
  top: -4.0509259259vw;
  left: 35.8796296296vw;
  width: 23.1481481481vw
}

@media screen and (min-width:1025px) {
  .Workspost.type-txt-small a .block__ttl {
    width: 29.1666666667vw
  }

}

@media screen and (min-width:1025px) {
  .Workspost.type-txt-small a .block__dtags {
    width: 29.8032407407vw;
    padding-right: 2.7777777778vw
  }

}

.Workspost.type-card a>.Dottxt {
  display: none
}

.Workspost.type-card a>.media {
  aspect-ratio: 780/482
}

.Workspost.type-card a .block {
  bottom: 1.3888888889vw;
  left: 1.3888888889vw;
  width: 93.8461538462%
}

@media screen and (max-width: 1024px) {
  .Workspost.type-card a .block {
    bottom: 4.0712468193vw;
    left: 4.0712468193vw;
    width: 91.135734072%
  }

}

.Workspost.type-card a .block__ttl p.cp {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .Workspost.type-card a .block__ttl p.cp {
    font-size: 2.5445292621vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .Workspost.type-card a .block__ttl p.cp {
    margin-bottom: 2.0356234097vw
  }

}

.Workspost.type-card a .block__ttl h2,
.Workspost.type-card a .block__ttl h3 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.3888888889vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .Workspost.type-card a .block__ttl h2,
  .Workspost.type-card a .block__ttl h3 {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1.4;
    font-weight: 700
  }

}

.Workspost.type-card a .block__dtags {
  margin-top: 1.099537037vw
}

@media screen and (max-width: 1024px) {
  .Workspost.type-card a .block__dtags {
    width: 61.5776081425vw;
    margin-top: 4.0712468193vw
  }

}

.Tag {
  padding: .1157407407vw .4050925926vw .1736111111vw;
  border: 1px solid var(--color-light);
  border-radius: 9999px
}

.Tag p {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  color: var(--color-txt)
}

.Tag.color-white,
.color-white .Tag {
  border-color: var(--color-bg)
}

.Tag.color-white p,
.color-white .Tag p {
  color: var(--color-bg)
}

.Tag.color-only-white,
.color-only-white .Tag {
  border-color: #fff
}

.Tag.color-only-white p,
.color-only-white .Tag p {
  color: #fff
}

.Newspost:last-of-type a {
  border-bottom: 1px solid var(--color-light)
}

.Newspost a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3888888889vw;
  border-top: 1px solid var(--color-light);
  color: var(--color-txt)
}

@media screen and (min-width:1025px) {
  .Newspost a:hover {
    background: var(--color-btn-hover-invert)
  }

  .Newspost a:hover .img picture img {
    scale: 1.1
  }

  .Newspost a:hover .right h2,
  .Newspost a:hover .right h3 {
    background-position: 0% 98%;
    background-size: 100% 1px
  }

}

.Newspost a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Newspost a:focus-visible .img picture img {
  scale: 1.1
}

.Newspost a:focus-visible .right h2,
.Newspost a:focus-visible .right h3 {
  background-position: 0% 98%;
  background-size: 100% 1px
}

@media screen and (max-width: 1024px) {
  .Newspost a {
    align-items: flex-start;
    gap: 4.0712468193vw;
    padding: 6.3613231552vw 0
  }

}

.Newspost a .img {
  position: relative;
  flex-basis: 15.9090909091%;
  aspect-ratio: 168/104;
  overflow: clip;
  border-radius: 2px
}

@media screen and (max-width: 1024px) {
  .Newspost a .img {
    flex-basis: 31.8559556787%;
    aspect-ratio: 115/70
  }

}

.Newspost a .img picture {
  width: 100%;
  height: 100%
}

.Newspost a .img picture img {
  transition: .4s all cubic-bezier(0, 1, .82, 1);
  object-fit: cover
}

.Newspost a .img picture:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  scale: .8888888889;
  translate: 0 100%
}

.Newspost a .right {
  flex-basis: 79.4507575758%
}

.Newspost a .right h2,
.Newspost a .right h3 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify;
  display: inline;
  background-image: linear-gradient(var(--color-txt), var(--color-txt));
  background-repeat: no-repeat;
  background-position: 100% 98%;
  background-size: 0 1px;
  transition: .18s background-size cubic-bezier(.09, 1, .36, 1)
}

@media screen and (max-width: 1024px) {

  .Newspost a .right h2,
  .Newspost a .right h3 {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Newspost a .right__info {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .Newspost a .right__info {
    gap: 4.0712468193vw;
    margin-top: 3.0534351145vw
  }

}

.Newspost a .right__info p.date {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .Newspost a .right__info p.date {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.Newspost a .right__info p.cat {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .Newspost a .right__info p.cat {
    font-size: 2.5445292621vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Newspost.type-large a {
  flex-direction: column;
  gap: .9259259259vw;
  padding: 0;
  border: 0
}

@media screen and (max-width: 1024px) {
  .Newspost.type-large a {
    gap: 4.0712468193vw
  }

}

@media screen and (min-width:1025px) {
  .Newspost.type-large a:hover {
    background-color: var(--color-bg)
  }

}

.Newspost.type-large a:focus-visible {
  background-color: var(--color-bg)
}

.Newspost.type-large a .img {
  aspect-ratio: 528/326;
  flex-basis: unset;
  width: 100%;
  min-height: 0
}

.Newspost.type-large a .img picture {
  min-height: 0
}

.Newspost.type-large a .right {
  width: 100%
}

.Newspost.type-small a {
  padding: 1.3888888889vw 1.9675925926vw 1.6203703704vw;
  gap: 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .Newspost.type-small a {
    padding: 6.3613231552vw 0;
    gap: 4.0712468193vw
  }

}

.Newspost.type-small a .img {
  flex-basis: 11.0891089109%
}

@media screen and (max-width: 1024px) {
  .Newspost.type-small a .img {
    flex-basis: 31.8559556787%;
    aspect-ratio: 115/70
  }

}

.Newspost.type-small a .right {
  flex-basis: 85.7425742574%
}

@media screen and (max-width: 1024px) {
  .Newspost.type-small a .right {
    flex-basis: 63.7119113573%
  }

}

.Newspost.type-small a .right h3 {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .Newspost.type-small a .right h3 {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Faq {
  border-top: 1px solid var(--color-light)
}

.Faq:last-of-type {
  border-bottom: 1px solid var(--color-light)
}

.Faq .acc__txt,
.Faq .acc__cntInner {
  position: relative
}

@media screen and (max-width: 1024px) {

  .Faq .acc__txt,
  .Faq .acc__cntInner {
    padding: 0 4.0712468193vw
  }

}

.Faq .acc__txt .alpha,
.Faq .acc__cntInner .alpha {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.1574074074vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  flex-basis: 5.6186868687%
}

@media screen and (max-width: 1024px) {

  .Faq .acc__txt .alpha,
  .Faq .acc__cntInner .alpha {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 4.0712468193vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .Faq .acc__txt .alpha,
  .Faq .acc__cntInner .alpha {
    flex-basis: 8.864265928%;
    position: absolute;
    top: 4.5801526718vw;
    left: 4.0712468193vw
  }

}

.Faq .acc__txt .alpha .num,
.Faq .acc__cntInner .alpha .num {
  font-size: 60%;
  vertical-align: super
}

.Faq .acc__txt .txt,
.Faq .acc__txt .cnt,
.Faq .acc__cntInner .txt,
.Faq .acc__cntInner .cnt {
  flex-basis: 73.2323232323%
}

@media screen and (max-width: 1024px) {

  .Faq .acc__txt .txt,
  .Faq .acc__txt .cnt,
  .Faq .acc__cntInner .txt,
  .Faq .acc__cntInner .cnt {
    flex-basis: 88.6426592798%;
    padding-left: 9.6692111959vw
  }

}

.Faq .acc__txt .txt p,
.Faq .acc__txt .txt li,
.Faq .acc__txt .cnt p,
.Faq .acc__txt .cnt li,
.Faq .acc__cntInner .txt p,
.Faq .acc__cntInner .txt li,
.Faq .acc__cntInner .cnt p,
.Faq .acc__cntInner .cnt li {
  text-align: justify;
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .Faq .acc__txt .txt p,
  .Faq .acc__txt .txt li,
  .Faq .acc__txt .cnt p,
  .Faq .acc__txt .cnt li,
  .Faq .acc__cntInner .txt p,
  .Faq .acc__cntInner .txt li,
  .Faq .acc__cntInner .cnt p,
  .Faq .acc__cntInner .cnt li {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Faq .acc__txt .txt ul,
.Faq .acc__txt .cnt ul,
.Faq .acc__cntInner .txt ul,
.Faq .acc__cntInner .cnt ul {
  list-style: none
}

.Faq .acc__txt .txt ul li,
.Faq .acc__txt .cnt ul li,
.Faq .acc__cntInner .txt ul li,
.Faq .acc__cntInner .cnt ul li {
  position: relative;
  padding-left: 1em
}

.Faq .acc__txt .txt ul li:before,
.Faq .acc__txt .cnt ul li:before,
.Faq .acc__cntInner .txt ul li:before,
.Faq .acc__cntInner .cnt ul li:before {
  position: absolute;
  content: "";
  top: .9em;
  left: .4em;
  width: .25em;
  height: .25em;
  border-radius: 9999px;
  background: var(--color-txt);
  translate: -50% -50%
}

.Faq .acc__txt {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 5.2083333333vw;
  padding: 1.1574074074vw 2.9513888889vw;
  cursor: pointer;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

@media screen and (min-width:1025px) {
  .Faq .acc__txt:hover {
    background: var(--color-btn-hover-invert)
  }

  .Faq .acc__txt:hover .Plus {
    rotate: -180deg
  }

}

.Faq .acc__txt:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Faq .acc__txt:focus-visible .Plus {
  rotate: -180deg
}

@media screen and (max-width: 1024px) {
  .Faq .acc__txt {
    padding: 4.0712468193vw
  }

}

.Faq .acc__txt .Plus {
  position: absolute;
  top: 50%;
  right: 2.9513888889vw;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

@media screen and (max-width: 1024px) {
  .Faq .acc__txt .Plus {
    right: 4.0712468193vw
  }

}

.Faq .acc__cnt {
  overflow: clip;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

.Faq .acc__cntInner {
  display: flex;
  align-items: flex-start;
  padding: 0 2.9513888889vw 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .Faq .acc__cntInner {
    padding-bottom: 4.0712468193vw
  }

}

@media screen and (max-width: 1024px) {
  .Faq .acc__cntInner .alpha {
    top: .5089058524vw
  }

}

@media screen and (max-width: 1024px) {
  .Faq .acc__cntInner .cnt {
    flex-basis: 87.811634349%;
    padding-left: 10.6870229008vw
  }

}

@media screen and (min-width:1025px) {
  .Faq.is-on .acc__txt:hover .Plus {
    rotate: 0deg
  }

}

.Faq.is-on .acc__txt:focus-visible .Plus {
  rotate: 0deg
}

.Faq.is-on .acc__txt .Plus:after {
  rotate: 90deg
}

@media screen and (min-width:1025px) {

  .Faq:has(.acc__txt:hover) .acc__cnt,
  .Faq:has(.acc__txt:focus-visible) .acc__cnt {
    background: var(--color-btn-hover-invert)
  }

}

.Plus {
  width: .9259259259vw;
  aspect-ratio: 1;
  translate: 0 -50% 1px
}

@media screen and (max-width: 1024px) {
  .Plus {
    width: 2.5445292621vw
  }

}

.Plus:before,
.Plus:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background: var(--color-txt);
  transition: .35s all ease;
  translate: -50% -50%
}

.Plus:after {
  width: 1px;
  height: 100%
}

.Lowermv {
  width: 100%;
  height: 28.9351851852vw
}

@media screen and (max-width: 1024px) {
  .Lowermv {
    height: 34.6055979644vw
  }

}

.Lowermv picture {
  width: 100%;
  height: 100%;
  overflow: clip;
  border-radius: 2px
}

.Lowermv picture img {
  animation: Lowermv_splash 1.2s cubic-bezier(.09, 1, .36, 1) .2s both
}

.Modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: var(--color-bg);
  opacity: 0;
  pointer-events: none
}

.Modal.is-on {
  opacity: 1;
  pointer-events: all
}

.Modal .Modal__close {
  position: absolute;
  bottom: 2.1990740741vw;
  left: 50%;
  z-index: 10;
  width: 4.1666666667vw;
  aspect-ratio: 72/48;
  background: var(--color-txt);
  translate: -50% 0
}

@media screen and (min-width:1025px) {
  .Modal .Modal__close:hover span:nth-of-type(1) {
    rotate: 15deg
  }

  .Modal .Modal__close:hover span:nth-of-type(2) {
    rotate: -15deg
  }

}

.Modal .Modal__close:focus-visible span:nth-of-type(1) {
  rotate: 15deg
}

.Modal .Modal__close:focus-visible span:nth-of-type(2) {
  rotate: -15deg
}

@media screen and (max-width: 1024px) {
  .Modal .Modal__close {
    width: 17.5572519084vw;
    aspect-ratio: 69/46;
    z-index: 100
  }

}

.Modal .Modal__close span:nth-of-type(1) {
  translate: -50% -50% !important;
  rotate: 30deg
}

.Modal .Modal__close span:nth-of-type(2) {
  rotate: -30deg;
  translate: -50% -50% !important
}

.Sns {
  width: fit-content;
  min-width: 12.5vw
}

.Sns__link:last-of-type a,
.Sns__link:last-of-type button {
  border-bottom: 1px solid var(--color-dark-akarume)
}

@media screen and (max-width: 1024px) {

  .Sns__link:last-of-type a,
  .Sns__link:last-of-type button {
    padding: 2.7989821883vw 3.0534351145vw
  }

}

.Sns__link a,
.Sns__link button {
  position: relative;
  width: 100%;
  display: block;
  padding: .7523148148vw 1.099537037vw;
  border: none;
  border-top: 1px solid var(--color-dark-akarume);
  background: transparent
}

@media screen and (min-width:1025px) {

  .Sns__link a:hover,
  .Sns__link button:hover {
    background: var(--color-btn-hover-invert)
  }

  .Sns__link a:hover .Newtab span:nth-of-type(2),
  .Sns__link button:hover .Newtab span:nth-of-type(2) {
    translate: -50% 50% 1px
  }

  .Sns__link a:hover .Newtab span:nth-of-type(3),
  .Sns__link button:hover .Newtab span:nth-of-type(3) {
    translate: -50% 50% 1px
  }

}

.Sns__link a:focus-visible,
.Sns__link button:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Sns__link a:focus-visible .Newtab span:nth-of-type(2),
.Sns__link button:focus-visible .Newtab span:nth-of-type(2) {
  translate: -50% 50% 1px
}

.Sns__link a:focus-visible .Newtab span:nth-of-type(3),
.Sns__link button:focus-visible .Newtab span:nth-of-type(3) {
  translate: -50% 50% 1px
}

@media screen and (max-width: 1024px) {

  .Sns__link a,
  .Sns__link button {
    padding: 2.7989821883vw 3.0534351145vw 3.0534351145vw
  }

}

.Sns__link a .block,
.Sns__link button .block {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.Sns__link a .block__txt p,
.Sns__link button .block__txt p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .Sns__link a .block__txt p,
  .Sns__link button .block__txt p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Sns__link a .block .Newtab,
.Sns__link a .block>picture,
.Sns__link button .block .Newtab,
.Sns__link button .block>picture {
  width: .4050925926vw;
  line-height: 0;
  position: relative
}

@media screen and (max-width: 1024px) {

  .Sns__link a .block .Newtab,
  .Sns__link a .block>picture,
  .Sns__link button .block .Newtab,
  .Sns__link button .block>picture {
    width: 1.7811704835vw
  }

}

[data-theme=dark] .Sns__link a .block .Newtab,
[data-theme=dark] .Sns__link a .block>picture,
[data-theme=dark] .Sns__link button .block .Newtab,
[data-theme=dark] .Sns__link button .block>picture {
  filter: brightness(0) invert(1)
}

.Sns__link a .block .Newtab.clip,
.Sns__link a .block>picture.clip,
.Sns__link button .block .Newtab.clip,
.Sns__link button .block>picture.clip {
  width: .6944444444vw
}

@media screen and (max-width: 1024px) {

  .Sns__link a .block .Newtab.clip,
  .Sns__link a .block>picture.clip,
  .Sns__link button .block .Newtab.clip,
  .Sns__link button .block>picture.clip {
    width: 3.0534351145vw
  }

}

.Sns__link a.is-clicked .block>picture,
.Sns__link button.is-clicked .block>picture {
  scale: 1.2
}

.H2ttl {
  width: 100%;
  position: relative
}

.H2ttl:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-light);
  width: 100%;
  height: 1px;
  transform-origin: top left;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

.H2ttl h2 {
  font-size: 2.4305555556vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  overflow: clip;
  padding-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .H2ttl h2 {
    font-size: 6.106870229vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .H2ttl h2 {
    padding-top: 4.0712468193vw
  }

}

.H2ttl h2 span.txt {
  display: block
}

.H2ttl p {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .H2ttl p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .H2ttl p {
    text-align: justify;
    margin-top: 12.9770992366vw
  }

}

.H2ttl:not(.is-on):before {
  scale: 0 1
}

.H2ttl:not(.is-on) h2 span.txt {
  translate: 0 100%
}

.H3ttl {
  position: relative;
  padding-left: 1.0416666667vw
}

@media screen and (max-width: 1024px) {
  .H3ttl {
    padding-left: 4.0712468193vw
  }

}

.H3ttl .H3ttl__boxes {
  display: grid;
  justify-content: space-between;
  align-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: .3472222222vw;
  gap: .0578703704vw;
  grid-template-columns: 1fr
}

@media screen and (max-width: 1024px) {
  .H3ttl .H3ttl__boxes {
    top: 0;
    width: 1.5267175573vw;
    gap: .2544529262vw
  }

}

.H3ttl .H3ttl__boxes:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  background: var(--color-txt);
  transition: .2s all cubic-bezier(0, 1, .82, 1) .8s;
  opacity: 0
}

.H3ttl .H3ttl__boxes span {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: clip
}

.H3ttl .H3ttl__boxes span:after {
  transition: .8s all cubic-bezier(0, 1, .82, 1);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  transition: inherit;
  background: var(--color-txt);
  translate: 0 100%
}

@media screen and (max-width: 1024px) {
  .H3ttl .H3ttl__boxes span:last-of-type {
    display: none
  }

}

.H3ttl h2,
.H3ttl h3 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .H3ttl h2,
  .H3ttl h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.H3ttl.is-on .H3ttl__boxes:before {
  opacity: 1
}

.H3ttl.is-on .H3ttl__boxes span:after {
  translate: 0 0
}

.Flowinner {
  width: 26.3888888889vw;
  padding: 3.2986111111vw 4.1666666667vw;
  border: 1px solid var(--color-light);
  border-right: 0;
  border-left: 0
}

@media screen and (max-width: 1024px) {
  .Flowinner {
    width: 77.0992366412vw;
    padding: 6.3613231552vw 4.0712468193vw
  }

}

.Flowinner>*+* {
  margin-top: 1.4467592593vw
}

@media screen and (max-width: 1024px) {
  .Flowinner>*+* {
    margin-top: 4.0712468193vw
  }

}

.Flowinner h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.6;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Flowinner h3 {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.Flowinner>p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .Flowinner>p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Colorbtns {
  position: relative;
  display: flex;
  width: fit-content;
  padding: .0578703704vw;
  overflow: clip;
  border-radius: 2px;
  background: #f4f4f4
}

@media screen and (max-width: 1024px) {
  .Colorbtns {
    padding: .2544529262vw
  }

}

[data-theme=dark] .Colorbtns {
  background: #f4f4f4
}

.Colorbtns__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100% - .1157407407vw);
  height: calc(100% - .1157407407vw);
  z-index: 2
}

@media screen and (max-width: 1024px) {
  .Colorbtns__bg {
    width: calc(100% - .5089058524vw);
    height: calc(100% - .5089058524vw)
  }

}

.Colorbtns__bg:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4.1087962963vw;
  aspect-ratio: 71/38;
  border-radius: 2px;
  background: var(--color-txt)
}

[data-theme=dark] .Colorbtns__bg:before {
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .Colorbtns__bg:before {
    width: 12.213740458vw;
    aspect-ratio: 24/13
  }

}

.Colorbtns:has(div.is-active:nth-of-type(2)) .Colorbtns__bg:before,
.Colorbtns:has(button.is-active:nth-of-type(2)) .Colorbtns__bg:before {
  left: 50%
}

.Colorbtns__btn {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1087962963vw;
  aspect-ratio: 71/38;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  background: transparent
}

@media screen and (max-width: 1024px) {
  .Colorbtns__btn {
    width: 12.213740458vw;
    aspect-ratio: 24/13;
    padding: 0
  }

}

@media screen and (min-width:1025px) {
  .Colorbtns__btn:not(.is-active):hover {
    background: var(--color-btn-hover-invert)
  }

}

.Colorbtns__btn:not(.is-active):focus-visible {
  background: var(--color-btn-hover-invert)
}

[data-theme=dark] .Colorbtns__btn:not(.is-active) {
  background: var(--color-btn-hover)
}

.Colorbtns__btn>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400;
  position: relative;
  padding-bottom: .15em;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .Colorbtns__btn>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.Colorbtns__btn>p:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  background: #f4f4f4;
  transition: .35s all ease;
  opacity: 1;
  translate: -50% 0
}

.Colorbtns__btn:nth-of-type(2)>p {
  color: var(--color-txt)
}

.Colorbtns__btn:nth-of-type(2)>p:after {
  background-color: var(--color-txt)
}

[data-theme=dark] .Colorbtns__btn>p:after {
  background-color: var(--color-bg)
}

.Colorbtns__btn.is-active>p {
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Colorbtns__btn.is-active>p {
    font-weight: 700
  }

}

.Colorbtns__btn.is-active>p:after {
  opacity: 0
}

.Colorbtns__btn:nth-of-type(2).is-active>p {
  color: var(--color-txt)
}

.Colorbtns__btn:nth-of-type(2).is-active>p:after {
  background-color: #f4f4f4
}

.Colorbtns.type-not-colors .Colorbtns__btn p {
  color: var(--color-txt)
}

.Colorbtns.type-not-colors .Colorbtns__btn p:after {
  background: var(--color-txt)
}

.Colorbtns.type-not-colors .Colorbtns__btn.is-active p,
[data-theme=dark] .Colorbtns.type-not-colors .Colorbtns__btn p {
  color: var(--color-bg)
}

[data-theme=dark] .Colorbtns.type-not-colors .Colorbtns__btn p:after {
  background: var(--color-bg)
}

[data-theme=dark] .Colorbtns.type-not-colors .Colorbtns__btn.is-active p {
  color: var(--color-txt)
}

.Pagination {
  margin-top: 5.6134259259vw
}

@media screen and (max-width: 1024px) {
  .Pagination {
    margin-top: 12.9770992366vw
  }

}

.Pagination__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .462962963vw
}

@media screen and (max-width: 1024px) {
  .Pagination__inner {
    gap: 2.0356234097vw
  }

}

.Pagination__inner .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.7777777778vw;
  aspect-ratio: 1;
  border: 1px solid var(--color-light);
  border-radius: 2px;
  background: var(--color-bg)
}

@media screen and (min-width:1025px) {
  .Pagination__inner .num:hover {
    border-color: var(--color-txt);
    background: var(--color-txt)
  }

  .Pagination__inner .num:hover p {
    color: var(--color-bg)
  }

}

.Pagination__inner .num:focus-visible {
  border-color: var(--color-txt);
  background: var(--color-txt)
}

.Pagination__inner .num:focus-visible p {
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .Pagination__inner .num {
    width: 9.1603053435vw
  }

}

.Pagination__inner .num p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .Pagination__inner .num p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.Pagination__inner .num.is-crnt {
  border-color: var(--color-txt);
  background: var(--color-txt)
}

.Pagination__inner .num.is-crnt p {
  color: var(--color-bg)
}

.Pagination__inner .points p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .Taxs__tax {
    overflow-x: scroll;
    scrollbar-width: none
  }

  .Taxs__tax::-webkit-scrollbar {
    display: none
  }

}

.Taxs__tax+div {
  margin-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .Taxs__tax+div {
    margin-top: 3.0534351145vw
  }

}

.Taxs__taxTerms {
  display: flex;
  gap: .462962963vw
}

@media screen and (max-width: 1024px) {
  .Taxs__taxTerms {
    gap: 2.0356234097vw;
    width: fit-content;
    padding-bottom: 1px
  }

}

.Taxs__taxTermsTerm {
  display: flex;
  align-items: center;
  position: relative;
  height: 2.3148148148vw;
  padding: 0 1.099537037vw;
  border: 1px solid var(--color-light);
  border-radius: 2px;
  background: var(--color-bg);
  cursor: pointer
}

@media screen and (min-width:1025px) {
  .Taxs__taxTermsTerm:hover {
    background: var(--color-btn-hover-invert)
  }

}

.Taxs__taxTermsTerm:focus-visible {
  background: var(--color-btn-hover-invert)
}

@media screen and (max-width: 1024px) {
  .Taxs__taxTermsTerm {
    height: auto;
    padding: 2.2900763359vw 2.7989821883vw
  }

}

.Taxs__taxTermsTerm>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  position: relative;
  z-index: 5;
  color: var(--color-txt);
  white-space: nowrap
}

@media screen and (max-width: 1024px) {
  .Taxs__taxTermsTerm>p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Taxs__taxTermsTerm.is-crnt {
  border-color: var(--color-txt);
  background: var(--color-txt)
}

.Taxs__taxTermsTerm.is-crnt p {
  color: var(--color-bg)
}

.Taxs__tax.type-ms .Taxs__taxTermsTerm {
  height: 1.6203703704vw;
  padding: 0 .6944444444vw;
  border-radius: 9999px
}

@media screen and (max-width: 1024px) {
  .Taxs__tax.type-ms .Taxs__taxTermsTerm {
    height: auto;
    padding: 1.7811704835vw 3.0534351145vw
  }

}

.Taxs__tax.type-ms .Taxs__taxTermsTerm .arrow {
  position: absolute;
  top: 50%;
  left: .6944444444vw;
  width: .6365740741vw;
  line-height: 0;
  opacity: 0;
  translate: 0 -50%
}

@media screen and (max-width: 1024px) {
  .Taxs__tax.type-ms .Taxs__taxTermsTerm .arrow {
    left: 3.0534351145vw;
    width: 2.7989821883vw
  }

}

[data-theme=dark] .Taxs__tax.type-ms .Taxs__taxTermsTerm .arrow {
  filter: brightness(0)
}

.Taxs__tax.type-ms .Taxs__taxTermsTerm p {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .Taxs__tax.type-ms .Taxs__taxTermsTerm p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.Taxs__tax.type-ms .Taxs__taxTermsTerm.is-crnt {
  padding-left: 1.7939814815vw
}

@media screen and (max-width: 1024px) {
  .Taxs__tax.type-ms .Taxs__taxTermsTerm.is-crnt {
    padding-left: 7.8880407125vw
  }

}

.Taxs__tax.type-ms .Taxs__taxTermsTerm.is-crnt .arrow {
  opacity: 1
}

.Recruitpost:last-of-type a {
  border-bottom: 1px solid var(--color-light)
}

.Recruitpost a {
  display: block;
  position: relative
}

@media screen and (min-width:1025px) {
  .Recruitpost a:hover {
    background: var(--color-btn-hover-invert)
  }

  .Recruitpost a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .Recruitpost a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .Recruitpost a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.Recruitpost a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.Recruitpost a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.Recruitpost a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.Recruitpost a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.Recruitpost a .block {
  position: absolute;
  bottom: 8.8541666667vw;
  left: 4.1666666667vw;
  z-index: 5;
  width: 91.6666666667vw;
  color: #fff
}

.Recruitpost a .block__ttl p.cp {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: .6944444444vw
}

.Recruitpost a .block__ttl h2,
.Recruitpost a .block__ttl h3 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.8518518519vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

.Recruitpost a .block__txt p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .Recruitpost a .block__txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.Recruitpost.type-txt a {
  position: relative;
  width: 100%;
  padding: 1.4467592593vw 4.1666666667vw;
  border-top: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {
  .Recruitpost.type-txt a {
    padding: 5.0890585242vw 4.3256997455vw
  }

}

.Recruitpost.type-txt a .block {
  display: flex;
  align-items: center;
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  color: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .Recruitpost.type-txt a .block {
    flex-direction: column;
    align-items: flex-start;
    gap: 4.0712468193vw
  }

}

.Recruitpost.type-txt a .block__ttl {
  width: auto
}

.Recruitpost.type-txt a .block__ttl h2,
.Recruitpost.type-txt a .block__ttl h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .Recruitpost.type-txt a .block__ttl h2,
  .Recruitpost.type-txt a .block__ttl h3 {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.Recruitpost.type-txt a .block__txt {
  width: 50.462962963vw;
  padding-left: 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .Recruitpost.type-txt a .block__txt {
    width: 75.0636132316vw;
    padding-left: 0
  }

}

.Recruitpost.type-txt a .block .Arrow {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%
}

@media screen and (max-width: 1024px) {
  .Recruitpost.type-txt a .block .Arrow {
    width: 4.0712468193vw
  }

}

.Tomain {
  position: absolute;
  top: 2.1990740741vw;
  left: 1.3888888889vw;
  z-index: 100;
  pointer-events: none
}

.Tomain a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.8333333333vw;
  height: 3.7037037037vw;
  border-radius: 2px;
  background: var(--color-bg);
  opacity: 0;
  pointer-events: none
}

@media screen and (min-width:1025px) {
  .Tomain a:hover {
    outline-width: 0 !important;
    opacity: 1
  }

}

.Tomain a:focus-visible {
  outline-width: 0 !important;
  opacity: 1
}

.Tomain a:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: calc(100% - .5787037037vw);
  height: calc(100% - .462962963vw);
  border: 1px solid #ffffff;
  border-radius: 1px;
  translate: -50% -50%
}

.Tomain a p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-txt)
}

html {
  font-size: 62.5%;
  overscroll-behavior-y: none
}

body {
  background: var(--color-txt);
  color: var(--color-txt);
  font: 400 11px/1.4 Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  overscroll-behavior-y: none
}

body.modal-is-shown .wrapper__swup:before {
  opacity: 1
}

body #scene-explorer-host,
body #inspector-host {
  z-index: 9999
}

body:before {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  background: var(--color-txt);
  opacity: 1;
  pointer-events: none;
  translate: 0 100%
}

.wrapper {
  position: relative;
  z-index: 5;
  width: 100%;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .wrapper {
    min-width: 0
  }

}

.wrapper * {
  scroll-margin-top: min(18.6213070725vh, 12.037037037vw);
  scroll-margin-top: min(.1862130707 * var(--calcdSvh, 100svh), 12.037037037vw);
  font-feature-settings: "palt"
}

@media screen and (max-width: 1024px) {
  .wrapper * {
    scroll-margin-top: 38.1679389313vw
  }

}

.wrapper *,
.wrapper *:before,
.wrapper *:after {
  transition: .35s all ease
}

.wrapper:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #141414cc;
  transition: .35s all ease;
  opacity: 0;
  pointer-events: none
}

@media screen and (max-width: 1024px) {
  .wrapper:has(.header__barScreen.is-on):after {
    opacity: 1
  }

}

@media screen and (max-width: 1024px) {
  .wrapper:has(.header__barScreen.is-on) .header__abLogo a picture {
    filter: invert(1)
  }

}

.wrapper__cookie {
  position: fixed;
  right: 1.3888888889vw;
  bottom: 2.1990740741vw;
  z-index: 300
}

@media screen and (max-width: 1024px) {
  .wrapper__cookie {
    right: 50%;
    bottom: 1.0178117048vw;
    translate: 50% 0
  }

}

.wrapper__cookie:has(.is-on) {
  pointer-events: none
}

.wrapper__swup {
  position: relative;
  z-index: 5;
  transform-origin: center top;
  background: var(--color-bg)
}

.wrapper__or {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.wrapper main {
  width: 100vw;
  width: 100svw
}

.svgast {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none
}

.header__ab {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 2.1990740741vw 1.3888888889vw 0;
  pointer-events: none
}

@media screen and (max-width: 1024px) {
  .header__ab {
    padding: 4.0712468193vw 4.0712468193vw 0
  }

}

.header__ab>* {
  pointer-events: all
}

.header__abLogo a picture {
  width: 7.4074074074vw
}

@media screen and (max-width: 1024px) {
  .header__abLogo a picture {
    width: 21.8829516539vw
  }

}

[data-theme=dark] .header__abLogo a picture {
  filter: brightness(0) invert(1)
}

.header__abTime {
  position: absolute;
  top: 2.1990740741vw;
  left: 50%;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  translate: -50% 0
}

@media screen and (max-width: 1024px) {
  .header__abTime {
    top: calc(100vh - 17.3027989822vw);
    top: calc(var(--calcdSvh, 100svh) - 17.3027989822vw);
    left: auto;
    right: 2.0356234097vw;
    translate: 0% -100%
  }

}

.header__abTime p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .header__abTime p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {
  .header__abTime p {
    text-align: right
  }

}

.header__abTime p+p {
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .header__abTime p+p {
    margin-top: 2.0356234097vw
  }

}

.header__abRight {
  display: flex;
  align-items: center;
  gap: 1.3888888889vw
}

@media screen and (max-width: 1024px) {
  .header__abRight {
    gap: 2.0356234097vw
  }

}

.header__abRight>.Btn>* {
  height: 2.3148148148vw;
  min-height: 0
}

@media screen and (max-width: 1024px) {
  .header__abRight>.Btn>* {
    height: 7.1246819338vw
  }

}

@media screen and (max-width: 1024px) {
  .header__abRight>.Btn.type-contact {
    display: none
  }

}

.header__abRight>.Btn.type-contact>* {
  width: 10.9953703704vw
}

.header__bar {
  display: flex;
  align-items: flex-end;
  gap: .1157407407vw;
  position: fixed;
  bottom: 2.1990740741vw;
  left: 50%;
  z-index: 200;
  translate: -50% 0
}

@media screen and (max-width: 1024px) {
  .header__bar {
    gap: .5089058524vw;
    bottom: 1.0178117048vw
  }

}

.header__barLinks nav,
.header__barMenuBtn {
  padding: .2314814815vw;
  overflow: clip;
  border-radius: 4px
}

@media screen and (max-width: 1024px) {

  .header__barLinks nav,
  .header__barMenuBtn {
    padding: .5089058524vw
  }

}

.header__bar:has(.header__barMenu.onclick-is-on) nav {
  translate: 0 -100%
}

.header__bar:has(.header__barMenu.onclick-is-on) .header__barLinksNews {
  pointer-events: all;
  translate: 0 0
}

.header__barLinks {
  position: relative;
  height: 3.125vw;
  overflow: clip;
  border-radius: 4px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .header__barLinks {
    height: 12.213740458vw
  }

}

.header__barLinks>* {
  height: 100%;
  padding: .2314814815vw;
  transition: .4s all cubic-bezier(.09, 1, .36, 1)
}

@media screen and (max-width: 1024px) {
  .header__barLinks>* {
    padding: .5089058524vw
  }

}

.header__barLinks nav {
  display: flex;
  align-items: center;
  gap: .2314814815vw
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav {
    gap: .5089058524vw
  }

}

.header__barLinks nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .8680555556vw 0;
  border: 1px solid var(--color-gray);
  border-radius: 2px
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a {
    width: 15.7760814249vw;
    padding: 4.3256997455vw 0
  }

}

@media screen and (min-width:1025px) {
  .header__barLinks nav a:hover {
    border-color: var(--color-btn-hover);
    background: var(--color-btn-hover)
  }

  [data-theme=dark] .header__barLinks nav a:hover {
    border-color: var(--color-btn-hover)
  }

  .header__barLinks nav a:hover .txt p.en {
    translate: 0 -160%
  }

  .header__barLinks nav a:hover .txt p.ja {
    translate: -50% -50%
  }

}

.header__barLinks nav a:focus-visible {
  border-color: var(--color-btn-hover);
  background: var(--color-btn-hover)
}

[data-theme=dark] .header__barLinks nav a:focus-visible {
  border-color: var(--color-btn-hover)
}

.header__barLinks nav a:focus-visible .txt p.en {
  translate: 0 -160%
}

.header__barLinks nav a:focus-visible .txt p.ja {
  translate: -50% -50%
}

[data-theme=dark] .header__barLinks nav a {
  border-color: #d9d9d9
}

@media screen and (max-width: 1024px) {

  .header__barLinks nav a:nth-child(4),
  .header__barLinks nav a:nth-child(6),
  .header__barLinks nav a:nth-child(7) {
    display: none
  }

}

.header__barLinks nav a.attr-row-2 {
  padding: .5787037037vw 0
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a.attr-row-2 {
    padding: 3.0534351145vw 0
  }

}

.header__barLinks nav a.attr-row-2 .txt {
  padding-top: .2893518519vw;
  padding-bottom: .2893518519vw
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a.attr-row-2 .txt {
    padding-top: 1.272264631vw;
    padding-bottom: 1.272264631vw
  }

}

.header__barLinks nav a .txt {
  position: relative;
  padding: 0 .9259259259vw;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a .txt {
    width: 100%;
    padding: 0
  }

}

.header__barLinks nav a .txt p {
  color: var(--color-bg);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap
}

.header__barLinks nav a .txt p.en {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1.3;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a .txt p.en {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.header__barLinks nav a .txt p.ja {
  font-size: .5787037037vw;
  letter-spacing: .08em;
  line-height: 1.2;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  translate: -50% 110%
}

@media screen and (max-width: 1024px) {
  .header__barLinks nav a .txt p.ja {
    font-size: 2.0356234097vw;
    letter-spacing: .08em;
    line-height: 1.2;
    font-weight: 300
  }

}

.header__barLinks nav a.is-crnt {
  border-color: var(--dark-color-light)
}

.header__barLinks nav a.is-crnt .txt p.en {
  translate: 0 -160%
}

.header__barLinks nav a.is-crnt .txt p.ja {
  translate: -50% -50%
}

.header__barLinksNews {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  translate: 0 100%
}

.header__barLinksNewsScroll {
  width: 100%;
  height: 100%;
  overflow: clip;
  border: 1px solid var(--color-gray);
  border-radius: 2px
}

[data-theme=dark] .header__barLinksNewsScroll {
  border-color: var(--dark-color-light)
}

.header__barLinksNewsScrollCells {
  align-items: center;
  width: fit-content;
  height: 100%;
  animation: slide3 40s linear 0s both infinite
}

@media screen and (min-width:1025px) {
  .header__barLinksNewsScrollCells:hover {
    animation-play-state: paused
  }

}

.header__barLinksNewsScrollCells:focus-visible {
  animation-play-state: paused
}

[data-pause-motion] .header__barLinksNewsScrollCells {
  animation: none
}

.header__barLinksNewsScrollCells,
.header__barLinksNewsScrollCellsCell {
  display: flex
}

.header__barLinksNewsScrollCellsCell {
  flex-shrink: 0;
  padding-left: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .header__barLinksNewsScrollCellsCell {
    padding-left: 3.0534351145vw
  }

}

.header__barLinksNewsScrollCellsCell a {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: .6944444444vw;
  margin-right: 1.3888888889vw;
  flex-shrink: 0;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .header__barLinksNewsScrollCellsCell a {
    gap: 3.0534351145vw;
    margin-right: 6.106870229vw
  }

}

.header__barLinksNewsScrollCellsCell a p {
  white-space: nowrap;
  flex-shrink: 0
}

.header__barLinksNewsScrollCellsCell a p.date {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .header__barLinksNewsScrollCellsCell a p.date {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.header__barLinksNewsScrollCellsCell a p.ttl {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .header__barLinksNewsScrollCellsCell a p.ttl {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.header__barMenu {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 4.1666666667vw;
  padding-bottom: 0;
  border-radius: 4px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .header__barMenu {
    width: 15.7760814249vw
  }

}

.header__barMenu.onclick-is-on.onclick-is-in-progress .header__barMenuBtn span {
  transition: .3s translate cubic-bezier(.09, 1, .36, 1), .6s rotate cubic-bezier(.09, 1, .36, 1) .3s
}

.header__barMenu.onclick-is-on .header__barMenuBtn span:nth-of-type(1) {
  translate: -50% -50%;
  rotate: 30deg
}

.header__barMenu.onclick-is-on .header__barMenuBtn span:nth-of-type(2) {
  rotate: -30deg;
  translate: -50% -50%
}

@media screen and (min-width:1025px) {
  .header__barMenu.onclick-is-on .header__barMenuBtn:hover span:nth-of-type(1) {
    rotate: 15deg
  }

  .header__barMenu.onclick-is-on .header__barMenuBtn:hover span:nth-of-type(2) {
    rotate: -15deg
  }

}

.header__barMenu.onclick-is-on .header__barMenuBtn:focus-visible span:nth-of-type(1) {
  rotate: 15deg
}

.header__barMenu.onclick-is-on .header__barMenuBtn:focus-visible span:nth-of-type(2) {
  rotate: -15deg
}

.header__barMenu.onclick-is-in-progress {
  pointer-events: none
}

.header__barMenuBtn {
  position: relative;
  width: 100%;
  aspect-ratio: 72/54;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .header__barMenuBtn {
    aspect-ratio: 62/48
  }

}

@media screen and (min-width:1025px) {
  .header__barMenuBtn:hover:after {
    background: var(--color-btn-hover)
  }

  [data-theme=dark] .header__barMenuBtn:hover:after {
    border-color: var(--color-btn-hover)
  }

}

.header__barMenuBtn:focus-visible:after {
  background: var(--color-btn-hover)
}

[data-theme=dark] .header__barMenuBtn:focus-visible:after {
  border-color: var(--color-btn-hover)
}

.header__barMenuBtn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-gray);
  border-radius: inherit
}

@media screen and (max-width: 1024px) {
  .header__barMenuBtn:after {
    border-width: 1px
  }

}

[data-theme=dark] .header__barMenuBtn:after {
  border-color: #d9d9d9
}

.header__barMenuBtn span {
  position: absolute;
  z-index: 5;
  content: "";
  top: 50%;
  left: 50%;
  width: 55.5555555556%;
  height: 1px;
  background: var(--color-light)
}

.header__barMenuBtn span:nth-of-type(1) {
  translate: -50% calc(-50% - .1157407407vw)
}

@media screen and (max-width: 1024px) {
  .header__barMenuBtn span:nth-of-type(1) {
    translate: -50% calc(-50% - .5089058524vw)
  }

}

.header__barMenuBtn span:nth-of-type(2) {
  translate: -50% calc(-50% + .1157407407vw)
}

@media screen and (max-width: 1024px) {
  .header__barMenuBtn span:nth-of-type(2) {
    translate: -50% calc(-50% + .5089058524vw)
  }

}

.header__barScreen {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  position: absolute;
  bottom: 3.2407407407vw;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 7.5231481481vw);
  max-height: calc(100dvh - 7.5231481481vw);
  overflow-y: scroll;
  border-radius: 4px;
  background: var(--color-txt);
  color: var(--color-bg);
  transition: .125s all cubic-bezier(.09, 1, .36, 1), .6s clip-path cubic-bezier(.09, 1, .36, 1) .6s;
  opacity: 0;
  scrollbar-width: none
}

@media screen and (max-width: 1024px) {
  .header__barScreen {
    bottom: 12.7226463104vw;
    height: calc(100vh - 14.7582697201vw);
    height: calc(100dvh - 14.7582697201vw)
  }

}

.header__barScreen::-webkit-scrollbar {
  display: none
}

.header__barScreen.is-on {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: .4s all cubic-bezier(.09, 1, .36, 1), .01s opacity cubic-bezier(.09, 1, .36, 1);
  opacity: 1
}

.header__barScreen.is-on .header__barScreenInner {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: .3s all cubic-bezier(.09, 1, .36, 1) .4s;
  opacity: 1;
  translate: 0 0
}

.header__barScreenInner {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  width: 100%;
  padding: 2.7777777778vw 5.5555555556vw;
  transition: .6s opacity cubic-bezier(.09, 1, .36, 1), .6s all cubic-bezier(.09, 1, .36, 1) .6s;
  opacity: 1;
  translate: 0 10.0621118012%
}

@media screen and (max-width: 1024px) {
  .header__barScreenInner {
    padding: 6.3613231552vw 4.0712468193vw
  }

}

.header__barScreenInnerCards {
  display: grid;
  gap: .462962963vw;
  margin-bottom: 1.4467592593vw;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerCards {
    gap: 2.0356234097vw;
    margin-bottom: 4.0712468193vw;
    grid-template-columns: 1fr
  }

}

.header__barScreenInnerCardsCard a {
  display: block;
  position: relative;
  padding: .6944444444vw .9259259259vw;
  border: 1px solid var(--color-gray);
  border-radius: 2px
}

@media screen and (min-width:1025px) {
  .header__barScreenInnerCardsCard a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .header__barScreenInnerCardsCard a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .header__barScreenInnerCardsCard a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.header__barScreenInnerCardsCard a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.header__barScreenInnerCardsCard a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.header__barScreenInnerCardsCard a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerCardsCard a {
    padding: 3.8167938931vw 4.0712468193vw
  }

}

[data-theme=dark] .header__barScreenInnerCardsCard a {
  border-color: var(--dark-color-light)
}

.header__barScreenInnerCardsCard a>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700;
  margin-top: .462962963vw;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerCardsCard a>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerCardsCard a>p {
    margin-top: 2.0356234097vw
  }

}

.header__barScreenInnerCardsCard a .Arrow {
  position: absolute;
  top: 50%;
  right: .5208333333vw;
  translate: 0 -50%
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerCardsCard a .Arrow {
    right: 2.5445292621vw
  }

}

.header__barScreenInnerAccs>*+* {
  margin-top: .8101851852vw
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccs>*+* {
    margin-top: 3.5623409669vw
  }

}

.header__barScreenInnerAccsAccTtl,
.header__barScreenInnerAccsLink {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%
}

.header__barScreenInnerAccsAccTtl .Link,
.header__barScreenInnerAccsLink .Link {
  width: 100%
}

.header__barScreenInnerAccsAccTtl .Link a,
.header__barScreenInnerAccsLink .Link a {
  justify-content: space-between;
  width: 100%;
  padding-top: .8680555556vw;
  padding-left: .462962963vw
}

@media screen and (max-width: 1024px) {

  .header__barScreenInnerAccsAccTtl .Link a,
  .header__barScreenInnerAccsLink .Link a {
    padding-top: 3.8167938931vw;
    padding-left: 2.0356234097vw
  }

}

.header__barScreenInnerAccsAccTtl .Link a p,
.header__barScreenInnerAccsLink .Link a p {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .header__barScreenInnerAccsAccTtl .Link a p,
  .header__barScreenInnerAccsLink .Link a p {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.header__barScreenInnerAccsAccTtl .Link.txt-en a p,
.header__barScreenInnerAccsLink .Link.txt-en a p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.1574074074vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .header__barScreenInnerAccsAccTtl .Link.txt-en a p,
  .header__barScreenInnerAccsLink .Link.txt-en a p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 5.0890585242vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.header__barScreenInnerAccsAcc,
.header__barScreenInnerAccsLink {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-top: 1px solid var(--color-gray)
}

.header__barScreenInnerAccsAcc:last-of-type,
.header__barScreenInnerAccsLink:last-of-type {
  padding-bottom: .8680555556vw;
  border-bottom: 1px solid var(--color-gray)
}

@media screen and (max-width: 1024px) {

  .header__barScreenInnerAccsAcc:last-of-type,
  .header__barScreenInnerAccsLink:last-of-type {
    padding-bottom: 3.8167938931vw
  }

}

[data-theme=dark] .header__barScreenInnerAccsAcc,
[data-theme=dark] .header__barScreenInnerAccsLink {
  border-top-color: var(--dark-color-light)
}

[data-theme=dark] .header__barScreenInnerAccsAcc:last-of-type,
[data-theme=dark] .header__barScreenInnerAccsLink:last-of-type {
  border-bottom-color: var(--dark-color-light)
}

.header__barScreenInnerAccs .Link+div {
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccs .Link+div {
    margin-top: 3.5623409669vw
  }

}

.header__barScreenInnerAccs .Link a {
  justify-content: space-between;
  width: 100%;
  padding-right: .462962963vw
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccs .Link a {
    padding-right: 2.0356234097vw
  }

}

.header__barScreenInnerAccsAccTtl,
.header__barScreenInnerAccsAccCnt {
  width: 100%
}

.header__barScreenInnerAccsAccCntInner {
  display: flex;
  flex-direction: column;
  padding-top: 1.4467592593vw;
  padding-left: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccsAccCntInner {
    padding-top: 6.3613231552vw;
    padding-left: 4.0712468193vw
  }

}

.header__barScreenInnerAccsAccCntInner .Link {
  width: 100%
}

.header__barScreenInnerAccsAccCntInner .Link a p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  padding-bottom: 0;
  color: var(--color-kurame)
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccsAccCntInner .Link a p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.header__barScreenInnerAccsAccCntInner .Link a p:before {
  display: none
}

.header__barScreenInnerAccsAccCntInner .Link a .arrow .Arrow {
  width: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerAccsAccCntInner .Link a .arrow .Arrow {
    width: 3.0534351145vw
  }

}

[data-theme=dark] .header__barScreenInnerAccsAccCntInner .Link a .arrow .Arrow picture {
  filter: brightness(0) invert(.22)
}

.header__barScreenInnerAccsLink {
  flex-direction: row;
  align-items: flex-start
}

.header__barScreenInnerLinks {
  width: 100%;
  margin-top: 1.4467592593vw;
  display: flex;
  align-items: flex-end;
  flex-direction: column
}

@media screen and (max-width: 1024px) {
  .header__barScreenInnerLinks {
    margin-top: 4.0712468193vw
  }

}

.footer {
  position: relative;
  z-index: 100;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .footer {
    padding-bottom: 29.5165394402vw
  }

}

.footer__upper {
  position: relative;
  z-index: 5;
  padding: 4.1666666667vw 4.1666666667vw 4.3981481481vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .footer__upper {
    position: relative;
    padding: 9.6692111959vw 4.0712468193vw
  }

}

.footer__upperReco {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 13.3101851852vw
}

@media screen and (max-width: 1024px) {
  .footer__upperReco {
    padding-bottom: 29.262086514vw
  }

}

.footer__upperRecoLeft {
  position: relative;
  width: 100%
}

.footer__upperRecoLeft .Ttl .Dottxt {
  padding-bottom: .462962963vw;
  border-bottom: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {
  .footer__upperRecoLeft .Ttl .Dottxt {
    padding-bottom: 2.0356234097vw
  }

}

.footer__upperRecoLeft .Ttl h2 {
  margin-top: .9837962963vw
}

@media screen and (max-width: 1024px) {
  .footer__upperRecoLeft .Ttl h2 {
    margin-top: 4.3256997455vw
  }

}

.footer__upperRecoLeftPages {
  display: flex;
  flex-wrap: wrap;
  gap: .462962963vw;
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .footer__upperRecoLeftPages {
    gap: 2.0356234097vw;
    margin-top: 6.3613231552vw
  }

}

.footer__upperBottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

@media screen and (max-width: 1024px) {
  .footer__upperBottom {
    display: block
  }

}

.footer__upperBottomLinks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinks {
    flex-direction: column;
    justify-content: center;
    gap: 3.0534351145vw
  }

}

.footer__upperBottomLinksLink {
  width: 45.1388888889vw
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink {
    width: 100%
  }

}

.footer__upperBottomLinksLink:last-of-type a {
  border-bottom: 1px solid #d9d9d9
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink:last-of-type a {
    border: 1px solid #D9D9D9
  }

}

.footer__upperBottomLinksLink a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 3.0671296296vw 2.7777777778vw;
  border: 1px solid #D9D9D9;
  color: var(--color-txt)
}

@media screen and (min-width:1025px) {
  .footer__upperBottomLinksLink a:hover {
    background: var(--color-btn-hover-invert)
  }

  .footer__upperBottomLinksLink a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .footer__upperBottomLinksLink a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .footer__upperBottomLinksLink a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

  .footer__upperBottomLinksLink a:hover .arrow {
    background: var(--color-btn-hover)
  }

}

.footer__upperBottomLinksLink a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.footer__upperBottomLinksLink a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.footer__upperBottomLinksLink a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.footer__upperBottomLinksLink a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.footer__upperBottomLinksLink a:focus-visible .arrow {
  background: var(--color-btn-hover)
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a {
    padding: 5.0890585242vw 8.1424936387vw;
    border: 1px solid #D9D9D9
  }

}

.footer__upperBottomLinksLink a .Dottxt {
  margin-bottom: .462962963vw
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .Dottxt {
    margin-bottom: 2.0356234097vw
  }

}

.footer__upperBottomLinksLink a .ttl p {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .ttl p {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.footer__upperBottomLinksLink a .txt {
  margin-top: 1.099537037vw
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .txt {
    margin-top: 6.106870229vw
  }

}

.footer__upperBottomLinksLink a .txt p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .txt p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.footer__upperBottomLinksLink a .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2.7777777778vw;
  transform: translateY(-50%);
  width: 2.8356481481vw;
  height: 2.7777777778vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .arrow {
    right: 8.1424936387vw;
    width: 7.6335877863vw;
    height: 7.6335877863vw
  }

}

.footer__upperBottomLinksLink a .Arrow {
  width: .9837962963vw;
  filter: brightness(0) invert(100%)
}

@media screen and (max-width: 1024px) {
  .footer__upperBottomLinksLink a .Arrow {
    width: 2.5445292621vw
  }

}

[data-theme=dark] .footer__upperBottomLinksLink a .Arrow {
  filter: brightness(0)
}

.footer__lower {
  position: relative
}

@media screen and (max-width: 1024px) {
  .footer__lower {
    position: relative
  }

}

.footer__lowerInner {
  padding-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInner {
    position: relative;
    padding-bottom: 9.6692111959vw
  }

}

.footer__lowerInnerInfo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 6.9444444444vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfo {
    flex-direction: column-reverse;
    gap: 12.7226463104vw;
    padding-bottom: 9.6692111959vw
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeft {
    width: 100%
  }

}

.footer__lowerInnerInfoLeftAddr>p+* {
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeftAddr>p+* {
    margin-top: 2.0356234097vw
  }

}

.footer__lowerInnerInfoLeftAddr>p.en {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeftAddr>p.en {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.footer__lowerInnerInfoLeftAddr>p.ja {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeftAddr>p.ja {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.footer__lowerInnerInfoLeft .Link {
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeft .Link {
    margin-top: 3.0534351145vw
  }

}

.footer__lowerInnerInfoLeft .Sns {
  margin-top: 1.7361111111vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoLeft .Sns {
    width: 100%;
    margin-top: 4.0712468193vw
  }

}

.footer__lowerInnerInfoRight {
  display: flex;
  align-items: flex-start;
  gap: 2.0833333333vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight {
    flex-direction: column;
    gap: 0;
    width: 100%
  }

}

@media screen and (max-width: 1024px) {

  .footer__lowerInnerInfoRightAcc,
  .footer__lowerInnerInfoRight>.Link {
    width: 100%;
    border-top: 1px solid var(--color-dark-akarume)
  }

}

@media screen and (max-width: 1024px) {

  .footer__lowerInnerInfoRightAcc:last-of-type,
  .footer__lowerInnerInfoRight>.Link:last-of-type {
    border-bottom: 1px solid var(--color-dark-akarume)
  }

}

@media screen and (max-width: 1024px) {

  .footer__lowerInnerInfoRightAcc .acc__txt,
  .footer__lowerInnerInfoRight>.Link a {
    justify-content: space-between;
    width: 100%;
    padding: 4.0712468193vw 2.0356234097vw
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight .Link a p {
    padding-bottom: 0
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight .Link a p:before {
    display: none
  }

}

.footer__lowerInnerInfoRight .Link a .arrow {
  display: none
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight .Link a .arrow {
    display: block
  }

}

.footer__lowerInnerInfoRight .Link a .arrow .Arrow {
  width: .5787037037vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight .Link a .arrow .Arrow {
    width: 2.5445292621vw
  }

}

.footer__lowerInnerInfoRight>.Link.txt-en a p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRight>.Link.txt-en a p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.footer__lowerInnerInfoRightAcc .acc__txt {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.footer__lowerInnerInfoRightAcc .acc__txt span.plus {
  display: none;
  position: relative
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__txt span.plus {
    display: block;
    width: 2.5445292621vw;
    aspect-ratio: 1
  }

}

@media screen and (max-width: 1024px) {

  .footer__lowerInnerInfoRightAcc .acc__txt span.plus:before,
  .footer__lowerInnerInfoRightAcc .acc__txt span.plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: var(--color-txt)
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__txt span.plus:after {
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 1px;
    height: 100%
  }

}

.footer__lowerInnerInfoRightAcc .acc__cnt {
  overflow: clip
}

.footer__lowerInnerInfoRightAcc .acc__cntInner {
  display: flex;
  flex-direction: column;
  gap: .6944444444vw;
  position: relative;
  padding-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner {
    padding-top: 0;
    padding-bottom: 4.0712468193vw;
    padding-left: 4.0712468193vw
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner .Link {
    justify-content: space-between;
    width: 100%
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner .Link+* {
    margin-top: 3.0534351145vw
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner .Link a {
    justify-content: space-between;
    width: 100%;
    padding-right: 2.0356234097vw
  }

}

.footer__lowerInnerInfoRightAcc .acc__cntInner .Link a p {
  color: #b0b0b0
}

[data-theme=dark] .footer__lowerInnerInfoRightAcc .acc__cntInner .Link a p {
  color: var(--color-light)
}

.footer__lowerInnerInfoRightAcc .acc__cntInner .Link a p:before {
  background: #b0b0b0
}

[data-theme=dark] .footer__lowerInnerInfoRightAcc .acc__cntInner .Link a p:before {
  background: var(--color-light)
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner .Link a .arrow {
    filter: invert(.7)
  }

}

.footer__lowerInnerInfoRightAcc .acc__cntInner .Link a .arrow .Arrow {
  width: .5787037037vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerInfoRightAcc .acc__cntInner .Link a .arrow .Arrow {
    width: 2.5445292621vw
  }

}

.footer__lowerInnerInfoRightAcc.is-on .acc__txt span.plus {
  rotate: 45deg
}

.footer__lowerInnerBottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12.9770992366vw
  }

}

.footer__lowerInnerBottom>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottom>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottom>p {
    display: none
  }

}

.footer__lowerInnerBottomRight {
  display: flex;
  align-items: flex-end;
  gap: 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottomRightTop {
    display: none
  }

}

.footer__lowerInnerBottomRightTop a {
  display: flex;
  align-items: center;
  gap: .2314814815vw;
  height: 1.6203703704vw;
  padding: 0 .8101851852vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (min-width:1025px) {
  .footer__lowerInnerBottomRightTop a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .footer__lowerInnerBottomRightTop a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .footer__lowerInnerBottomRightTop a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.footer__lowerInnerBottomRightTop a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.footer__lowerInnerBottomRightTop a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.footer__lowerInnerBottomRightTop a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottomRightTop a {
    gap: 2.0356234097vw;
    height: 7.1246819338vw;
    padding: 0 2.5445292621vw
  }

}

.footer__lowerInnerBottomRightTop a p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottomRightTop a p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (min-width:1025px) {
  .footer__lowerInnerBottomRightTop a p {
    transform: translateY(-.0578703704vw)
  }

}

.footer__lowerInnerBottomRightTop a .Arrow {
  width: .5787037037vw;
  rotate: -90deg
}

@media screen and (max-width: 1024px) {
  .footer__lowerInnerBottomRightTop a .Arrow {
    width: 2.5445292621vw
  }

}

.footer__logo {
  padding: 2.1990740741vw 1.6782407407vw 14.1782407407vw
}

@media screen and (max-width: 1024px) {
  .footer__logo {
    padding: 9.6692111959vw 4.0712468193vw 6.3613231552vw
  }

}

.footer__logoPic {
  transition: none;
  translate: 0 calc(6.6550925926vw * (1 - var(--prog)))
}

@media screen and (max-width: 1024px) {
  .footer__logoPic {
    translate: 0 calc(15.2671755725vw * (1 - var(--prog)))
  }

}

[data-theme=dark] .footer__logoPic {
  filter: brightness(0) invert(1)
}

.footer__items {
  display: none
}

@media screen and (max-width: 1024px) {
  .footer__items {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
  }

}

@media screen and (max-width: 1024px) {
  .footer__items .footer__lowerInnerBottomRightTop {
    display: block
  }

}

.svg-icon {
  display: none
}

@media screen and (max-width: 1024px) {
  .mq4pc {
    display: none
  }

}

.mq4sp {
  display: none
}

@media screen and (max-width: 1024px) {
  .mq4sp {
    display: block
  }

}

html.is-rendering body:before {
  animation: swupBodyB4 1s cubic-bezier(.09, 1, .36, 1) 0s both
}

@keyframes swupBodyB4 {
  0% {
    translate: 0 100%
  }

  60% {
    translate: 0 0%
  }

  61%,
  to {
    translate: 0 100%
  }

}

html.is-rendering body .wrapper .wrapper__swup.is-previous-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0s all linear .6s;
  opacity: 0
}

html.is-rendering body .wrapper .wrapper__swup:not(.is-previous-container) {
  z-index: 10;
  animation: swupOpacity .8s cubic-bezier(.09, 1, .36, 1) .6s both
}

@keyframes swupOpacity {
  0% {
    opacity: 0;
    scale: .9131944444;
    translate: 0 30em
  }

  to {
    opacity: 1;
    scale: 1;
    translate: 0 0
  }

}

.home.fade-out .wrapper .header__ab {
  opacity: 0;
  transition: .35s all ease
}

.home.fade-out .wrapper .header__abTime {
  opacity: 0 !important
}

.home.fade-out .wrapper main .Layers_5 .fv {
  opacity: 0;
  transition: .35s all ease
}

.home .header__ab {
  opacity: 0;
  transition: .35s all ease
}

.home .header__abLogo a picture {
  filter: brightness(0) invert(1)
}

.home .header__abTime {
  opacity: 0;
  pointer-events: all;
  transition: .35s all ease
}

.home .header__abRight>.Btn>* {
  background: #fff
}

@media screen and (min-width:1025px) {
  .home .header__abRight>.Btn>*:hover {
    background: var(--color-btn-hover-invert)
  }

}

.home .header__abRight>.Btn>*:focus-visible {
  background: var(--color-btn-hover-invert)
}

.home .header__abRight>.Btn>* .txt>p {
  color: #141414
}

@media screen and (min-width:1025px) {
  [data-theme=dark] .home .header__abRight>.Btn>*:hover {
    background: var(--color-btn-hover)
  }

}

[data-theme=dark] .home .header__abRight>.Btn>*:focus-visible {
  background: var(--color-btn-hover)
}

.home .header__abRight>.Btn>* .videobtn {
  border-color: #141414
}

.home .header__abRight>.Btn>* .videobtn picture {
  filter: none
}

.home .header__bar {
  opacity: 0;
  transition: .35s all ease
}

.home.splashed:not(.is-loading) .header__ab,
.home.splashed:not(.is-loading) .header__bar {
  opacity: 1
}

.home.splashed:not(.is-loading) .header__abTime,
.home.splashed:not(.is-loading) .header__barTime {
  opacity: 1
}

.home.splashed:not(.is-loading) main .Layers_5 .fv__copy,
.home.splashed:not(.is-loading) main .Layers_5 .fv__h {
  opacity: 1
}

.home.splashed:not(.is-loading) .Cookie.is-on {
  opacity: 0;
  pointer-events: none
}

.home.splashed:not(.is-loading) .Cookie {
  opacity: 1;
  pointer-events: all
}

.home.is-loading .header__ab,
.home.is-loading .header__bar,
.home.is-loading .header__abTime,
.home.is-loading .header__barTime {
  opacity: 0
}

.home.is-loading main .Layers_5 .fv__copy,
.home.is-loading main .Layers_5 .fv__h {
  opacity: 0
}

.home main .Layers_1 {
  /*
    3DCG枠の調整ポイント
    - height を大きくすると: 3D表示セクション全体のスクロール占有量が増える
    - height を小さくすると: 3D表示セクション全体のスクロール占有量が減る
  */
  width: 100vw;
  height: calc(100vh + 71.1805555556vw);
  height: calc(var(--calcdSvh, 100svh) + 71.1805555556vw);
  transition: none
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 {
    height: calc(100vh + 192.6208651399vw);
    height: calc(var(--calcdSvh, 100svh) + 192.6208651399vw);
    padding-bottom: 0
  }

}

.home main .Layers_1 canvas {
  /*
    3DCGキャンバスの見え方
    - top を変えると: sticky時の表示開始位置が上下にずれる
    - height を変えると: 画面内で見える3D描画領域の高さが変わる
  */
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  height: var(--calcdLvh, 100lvh)
}

.home main .Layers_1 .fv,
.home main .Layers_5 .fv {
  position: relative;
  width: 100%;
  height: 100vh;
  height: var(--calcdSvh, 100svh);
  opacity: 1;
  transition: .35s all ease
}

.home main .Layers_1 .fv__copy,
.home main .Layers_5 .fv__copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 1.3888888889vw;
  translate: -50% -50%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .fv__copy,
  .home main .Layers_5 .fv__copy {
    padding: 0 1.0178117048vw
  }

}

.home main .Layers_1 .fv__copy p,
.home main .Layers_5 .fv__copy p {
  color: #fff;
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .fv__copy p,
  .home main .Layers_5 .fv__copy p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.home main .Layers_1 .fv__h,
.home main .Layers_5 .fv__h {
  position: absolute;
  bottom: 2.0833333333vw;
  left: 1.3888888889vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .fv__h,
  .home main .Layers_5 .fv__h {
    bottom: 17.3027989822vw;
    left: 2.0356234097vw
  }

}

.home main .Layers_1 .fv__h h1,
.home main .Layers_5 .fv__h h1 {
  color: #fff;
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .fv__h h1,
  .home main .Layers_5 .fv__h h1 {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.home main .Layers_1 .about,
.home main .Layers_5 .about {
  padding: 9.9537037037vw 0 14.8148148148vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .about,
  .home main .Layers_5 .about {
    padding: 24.1730279898vw 0 38.9312977099vw
  }

}

.home main .Layers_1 .about__innerBlock,
.home main .Layers_5 .about__innerBlock {
  width: 33.3333333333vw;
  margin-top: 25.462962963vw;
  margin-left: auto
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .about__innerBlock,
  .home main .Layers_5 .about__innerBlock {
    width: 75.0636132316vw;
    margin-top: 88.0407124682vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end
  }

}

.home main .Layers_1 .about__innerBlock>p,
.home main .Layers_5 .about__innerBlock>p {
  text-align: justify;
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .about__innerBlock>p,
  .home main .Layers_5 .about__innerBlock>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 2;
    font-weight: 300
  }

}

.home main .Layers_1 .about__innerBlock .Arrowbtn,
.home main .Layers_5 .about__innerBlock .Arrowbtn {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .about__innerBlock .Arrowbtn,
  .home main .Layers_5 .about__innerBlock .Arrowbtn {
    margin-top: 9.6692111959vw
  }

}

.home main .Layers_1 .works,
.home main .Layers_5 .works {
  padding: 0 0 14.8148148148vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works,
  .home main .Layers_5 .works {
    padding: 0 0 38.9312977099vw
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works__inner,
  .home main .Layers_5 .works__inner {
    width: 91.8575063613vw
  }

}

.home main .Layers_1 .works__imgposts,
.home main .Layers_5 .works__imgposts {
  position: relative;
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works__imgposts,
  .home main .Layers_5 .works__imgposts {
    margin-top: 12.9770992366vw
  }

}

.home main .Layers_1 .works__imgpostsAnchors,
.home main .Layers_5 .works__imgpostsAnchors {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(1fr)
}

.home main .Layers_1 .works__imgpostsMain>*,
.home main .Layers_5 .works__imgpostsMain>* {
  position: sticky;
  top: 0
}

.home main .Layers_1 .works__imgpostsMain>*:nth-of-type(2),
.home main .Layers_5 .works__imgpostsMain>*:nth-of-type(2) {
  top: 2.8935185185vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works__imgpostsMain>*:nth-of-type(2),
  .home main .Layers_5 .works__imgpostsMain>*:nth-of-type(2) {
    top: 9.1603053435vw
  }

}

.home main .Layers_1 .works__imgpostsMain>*:nth-of-type(3),
.home main .Layers_5 .works__imgpostsMain>*:nth-of-type(3) {
  top: 5.787037037vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works__imgpostsMain>*:nth-of-type(3),
  .home main .Layers_5 .works__imgpostsMain>*:nth-of-type(3) {
    top: 18.320610687vw
  }

}

.home main .Layers_1 .works__imgpostsMain>*:nth-of-type(4),
.home main .Layers_5 .works__imgpostsMain>*:nth-of-type(4) {
  top: 8.6805555556vw
}

.home main .Layers_1 .works .Arrowbtn,
.home main .Layers_5 .works .Arrowbtn {
  width: fit-content;
  margin: 4.3981481481vw auto 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .works .Arrowbtn,
  .home main .Layers_5 .works .Arrowbtn {
    margin: 12.9770992366vw auto 0
  }

}

.home main .Layers_1 .service,
.home main .Layers_5 .service {
  position: relative;
  height: 500vh;
  height: calc(5 * var(--calcdSvh, 100svh));
  overflow: clip
}

.home main .Layers_1 .service__anchors,
.home main .Layers_5 .service__anchors {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(1fr)
}

.home main .Layers_1 .service__anchors span,
.home main .Layers_5 .service__anchors span {
  scroll-margin-top: 0
}

.home main .Layers_1 .service__imgs,
.home main .Layers_5 .service__imgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.home main .Layers_1 .service__imgsInner,
.home main .Layers_5 .service__imgsInner {
  position: sticky;
  top: 0
}

.home main .Layers_1 .service__imgsInner picture,
.home main .Layers_5 .service__imgsInner picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: var(--calcdLvh, 100lvh);
  overflow: clip;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% * (1 - var(--my-prog, 0))), 0 calc(100% * (1 - var(--my-prog, 0))));
  transition: none
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(1),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(1) {
  z-index: 9
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(2),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(2) {
  z-index: 8
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(3),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(3) {
  z-index: 7
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(4),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(4) {
  z-index: 6
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(5),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(5) {
  z-index: 5
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(6),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(6) {
  z-index: 4
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(7),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(7) {
  z-index: 3
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(8),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(8) {
  z-index: 2
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(9),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(9) {
  z-index: 1
}

.home main .Layers_1 .service__imgsInner picture:nth-of-type(10),
.home main .Layers_5 .service__imgsInner picture:nth-of-type(10) {
  z-index: 0
}

.home main .Layers_1 .service__imgsInner picture:last-of-type,
.home main .Layers_5 .service__imgsInner picture:last-of-type {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important
}

.home main .Layers_1 .service__imgsInner picture img,
.home main .Layers_5 .service__imgsInner picture img {
  object-fit: cover;
  transition: none;
  translate: 0 calc(-20% * var(--my-prog, 0));
  scale: 1.4
}

.home main .Layers_1 .service__fixed,
.home main .Layers_5 .service__fixed {
  position: sticky;
  top: 0;
  z-index: 5;
  height: 100vh;
  height: var(--calcdSvh, 100svh);
  padding: 5.9027777778vw 4.1666666667vw 5.5555555556vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixed,
  .home main .Layers_5 .service__fixed {
    padding-top: min(5.985915493vh, 12.9770992366vw);
    padding-top: min(.0598591549 * var(--calcdSvh, 100svh), 12.9770992366vw);
    padding-bottom: min(5.985915493vh, 12.9770992366vw);
    padding-bottom: min(.0598591549 * var(--calcdSvh, 100svh), 12.9770992366vw);
    padding-left: min(1.8779342723vh, 4.0712468193vw);
    padding-left: min(.0187793427 * var(--calcdSvh, 100svh), 4.0712468193vw);
    padding-right: min(1.8779342723vh, 4.0712468193vw);
    padding-right: min(.0187793427 * var(--calcdSvh, 100svh), 4.0712468193vw)
  }

}

.home main .Layers_1 .service__fixedCards,
.home main .Layers_5 .service__fixedCards {
  width: min(34.3777976723vh, 22.2222222222vw);
  width: min(.3437779767 * var(--calcdSvh, 100svh), 22.2222222222vw);
  height: min(48.0752014324vh, 31.0763888889vw);
  height: min(.4807520143 * var(--calcdSvh, 100svh), 31.0763888889vw);
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: clip;
  pointer-events: none;
  translate: -50% -50%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCards,
  .home main .Layers_5 .service__fixedCards {
    top: min(24.0610328638vh, 52.1628498728vw);
    top: min(.2406103286 * var(--calcdSvh, 100svh), 52.1628498728vw);
    height: min(42.0187793427vh, 91.0941475827vw);
    height: min(.4201877934 * var(--calcdSvh, 100svh), 91.0941475827vw);
    width: 83.2061068702vw;
    translate: -50% 0
  }

}

.home main .Layers_1 .service__fixedCardsInner,
.home main .Layers_5 .service__fixedCardsInner {
  display: flex;
  flex-direction: column-reverse;
  height: fit-content;
  transition: none;
  translate: 0 calc((1 - var(--prog, 0)) * -75%)
}

.home main .Layers_1 .service__fixedCardsInnerCard,
.home main .Layers_5 .service__fixedCardsInnerCard {
  min-width: 100%;
  height: min(48.7914055506vh, 31.5393518519vw);
  height: min(.4879140555 * var(--calcdSvh, 100svh), 31.5393518519vw);
  padding-top: min(.7162041182vh, .462962963vw);
  padding-top: min(.0071620412 * var(--calcdSvh, 100svh), .462962963vw);
  pointer-events: all
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard,
  .home main .Layers_5 .service__fixedCardsInnerCard {
    height: min(42.0187793427vh, 91.0941475827vw);
    height: min(.4201877934 * var(--calcdSvh, 100svh), 91.0941475827vw);
    padding-top: min(.9389671362vh, 2.0356234097vw);
    padding-top: min(.0093896714 * var(--calcdSvh, 100svh), 2.0356234097vw)
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard:last-of-type,
.home main .Layers_5 .service__fixedCardsInnerCard:last-of-type {
  padding-top: 0
}

.home main .Layers_1 .service__fixedCardsInnerCard a,
.home main .Layers_5 .service__fixedCardsInnerCard a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: #f4f4f4
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a:hover .Arrow picture,
  .home main .Layers_5 .service__fixedCardsInnerCard a:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .home main .Layers_1 .service__fixedCardsInnerCard a:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_5 .service__fixedCardsInnerCard a:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .home main .Layers_1 .service__fixedCardsInnerCard a:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_5 .service__fixedCardsInnerCard a:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a:focus-visible .Arrow picture,
.home main .Layers_5 .service__fixedCardsInnerCard a:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.home main .Layers_1 .service__fixedCardsInnerCard a:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_5 .service__fixedCardsInnerCard a:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.home main .Layers_1 .service__fixedCardsInnerCard a:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_5 .service__fixedCardsInnerCard a:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.home main .Layers_1 .service__fixedCardsInnerCard a .Dottxt,
.home main .Layers_5 .service__fixedCardsInnerCard a .Dottxt {
  position: absolute;
  top: min(2.1486123545vh, 1.3888888889vw);
  top: min(.0214861235 * var(--calcdSvh, 100svh), 1.3888888889vw);
  left: min(2.1486123545vh, 1.3888888889vw);
  left: min(.0214861235 * var(--calcdSvh, 100svh), 1.3888888889vw)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .Dottxt,
  .home main .Layers_5 .service__fixedCardsInnerCard a .Dottxt {
    top: min(2.8169014085vh, 6.106870229vw);
    top: min(.0281690141 * var(--calcdSvh, 100svh), 6.106870229vw);
    left: min(2.8169014085vh, 6.106870229vw);
    left: min(.0281690141 * var(--calcdSvh, 100svh), 6.106870229vw)
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a .txt,
.home main .Layers_5 .service__fixedCardsInnerCard a .txt {
  width: min(25.7833482543vh, 16.6666666667vw);
  width: min(.2578334825 * var(--calcdSvh, 100svh), 16.6666666667vw);
  color: #141414
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .txt,
  .home main .Layers_5 .service__fixedCardsInnerCard a .txt {
    width: 67.4300254453vw
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a .txt h3,
.home main .Layers_5 .service__fixedCardsInnerCard a .txt h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.6;
  font-weight: 700;
  font-size: min(2.1486123545vh, 1.3888888889vw);
  font-size: min(.0214861235 * var(--calcdSvh, 100svh), 1.3888888889vw)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .txt h3,
  .home main .Layers_5 .service__fixedCardsInnerCard a .txt h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .txt h3,
  .home main .Layers_5 .service__fixedCardsInnerCard a .txt h3 {
    font-size: min(2.3474178404vh, 5.0890585242vw);
    font-size: min(.0234741784 * var(--calcdSvh, 100svh), 5.0890585242vw)
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a .txt p,
.home main .Layers_5 .service__fixedCardsInnerCard a .txt p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify;
  font-size: min(1.4324082363vh, .9259259259vw);
  font-size: min(.0143240824 * var(--calcdSvh, 100svh), .9259259259vw);
  margin-top: min(2.2381378693vh, 1.4467592593vw);
  margin-top: min(.0223813787 * var(--calcdSvh, 100svh), 1.4467592593vw)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .txt p,
  .home main .Layers_5 .service__fixedCardsInnerCard a .txt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .txt p,
  .home main .Layers_5 .service__fixedCardsInnerCard a .txt p {
    font-size: min(1.6431924883vh, 3.5623409669vw);
    font-size: min(.0164319249 * var(--calcdSvh, 100svh), 3.5623409669vw);
    margin-top: min(2.9342723005vh, 6.3613231552vw);
    margin-top: min(.029342723 * var(--calcdSvh, 100svh), 6.3613231552vw)
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a .arrow,
.home main .Layers_5 .service__fixedCardsInnerCard a .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  aspect-ratio: 1;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  background: #141414;
  right: min(2.1486123545vh, 1.3888888889vw);
  right: min(.0214861235 * var(--calcdSvh, 100svh), 1.3888888889vw);
  bottom: min(2.1486123545vh, 1.3888888889vw);
  bottom: min(.0214861235 * var(--calcdSvh, 100svh), 1.3888888889vw);
  width: min(4.297224709vh, 2.7777777778vw);
  width: min(.0429722471 * var(--calcdSvh, 100svh), 2.7777777778vw)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .arrow,
  .home main .Layers_5 .service__fixedCardsInnerCard a .arrow {
    right: min(1.8779342723vh, 4.0712468193vw);
    right: min(.0187793427 * var(--calcdSvh, 100svh), 4.0712468193vw);
    bottom: min(1.8779342723vh, 4.0712468193vw);
    bottom: min(.0187793427 * var(--calcdSvh, 100svh), 4.0712468193vw);
    width: min(5.3990610329vh, 11.7048346056vw);
    width: min(.0539906103 * var(--calcdSvh, 100svh), 11.7048346056vw)
  }

}

.home main .Layers_1 .service__fixedCardsInnerCard a .arrow .Arrow,
.home main .Layers_5 .service__fixedCardsInnerCard a .arrow .Arrow {
  width: min(1.4324082363vh, .9259259259vw);
  width: min(.0143240824 * var(--calcdSvh, 100svh), .9259259259vw)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedCardsInnerCard a .arrow .Arrow,
  .home main .Layers_5 .service__fixedCardsInnerCard a .arrow .Arrow {
    width: min(1.6431924883vh, 3.5623409669vw);
    width: min(.0164319249 * var(--calcdSvh, 100svh), 3.5623409669vw)
  }

}

.home main .Layers_1 .service__fixedProg,
.home main .Layers_5 .service__fixedProg {
  position: absolute;
  bottom: 5.5555555556vw;
  left: 4.1666666667vw;
  padding-left: .5208333333vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedProg,
  .home main .Layers_5 .service__fixedProg {
    bottom: 12.9770992366vw;
    left: 4.0712468193vw;
    padding-left: 2.0356234097vw
  }

}

.home main .Layers_1 .service__fixedProg .bar,
.home main .Layers_5 .service__fixedProg .bar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  width: 1px;
  height: 100%;
  background: #fff;
  transition: none;
  scale: 1 var(--pure-prog, 0)
}

.home main .Layers_1 .service__fixedProgList .Dottxt+div,
.home main .Layers_5 .service__fixedProgList .Dottxt+div {
  margin-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixedProgList .Dottxt+div,
  .home main .Layers_5 .service__fixedProgList .Dottxt+div {
    margin-top: min(2.3474178404vh, 5.0890585242vw);
    margin-top: min(.0234741784 * var(--calcdSvh, 100svh), 5.0890585242vw)
  }

}

.home main .Layers_1 .service__fixed .Arrowbtn,
.home main .Layers_5 .service__fixed .Arrowbtn {
  position: absolute;
  right: 4.1666666667vw;
  bottom: 7.2916666667vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixed .Arrowbtn,
  .home main .Layers_5 .service__fixed .Arrowbtn {
    bottom: min(24.0610328638vh, 52.1628498728vw);
    bottom: min(.2406103286 * var(--calcdSvh, 100svh), 52.1628498728vw);
    right: auto;
    left: 50%;
    transform: translate(-50%)
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .service__fixed .Arrowbtn a .txt,
  .home main .Layers_5 .service__fixed .Arrowbtn a .txt {
    padding: min(1.8779342723vh, 4.0712468193vw);
    padding: min(.0187793427 * var(--calcdSvh, 100svh), 4.0712468193vw)
  }

}

.home main .Layers_1 .service__fixed .Arrowbtn a .txt__inner p,
.home main .Layers_5 .service__fixed .Arrowbtn a .txt__inner p {
  font-size: min(1.4084507042vh, 3.0534351145vw);
  font-size: min(.014084507 * var(--calcdSvh, 100svh), 3.0534351145vw)
}

.home main .Layers_1 .service__fixed .Arrowbtn a .arrow,
.home main .Layers_5 .service__fixed .Arrowbtn a .arrow {
  width: min(5.3990610329vh, 11.7048346056vw);
  width: min(.0539906103 * var(--calcdSvh, 100svh), 11.7048346056vw)
}

.home main .Layers_1 .str,
.home main .Layers_5 .str {
  padding: 14.8148148148vw 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str,
  .home main .Layers_5 .str {
    padding: 38.9312977099vw 0
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__inner,
  .home main .Layers_5 .str__inner {
    width: 91.8575063613vw
  }

}

.home main .Layers_1 .str__inner .Ttl,
.home main .Layers_5 .str__inner .Ttl {
  margin-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__inner .Ttl,
  .home main .Layers_5 .str__inner .Ttl {
    margin-bottom: 12.9770992366vw
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpper,
  .home main .Layers_5 .str__innerUpper {
    width: 75.0636132316vw;
    margin: 0 auto
  }

}

.home main .Layers_1 .str__innerUpper .Arrowbtn,
.home main .Layers_5 .str__innerUpper .Arrowbtn {
  margin-left: auto
}

.home main .Layers_1 .str__innerUpperNums,
.home main .Layers_5 .str__innerUpperNums {
  display: grid;
  border-right: 0;
  border-left: 0;
  grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNums,
  .home main .Layers_5 .str__innerUpperNums {
    grid-template-columns: repeat(1, 1fr)
  }

}

.home main .Layers_1 .str__innerUpperNumsNum,
.home main .Layers_5 .str__innerUpperNumsNum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--color-light);
  border-right: 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNum,
  .home main .Layers_5 .str__innerUpperNumsNum {
    border: 1px solid var(--color-light);
    border-bottom: 0
  }

}

.home main .Layers_1 .str__innerUpperNumsNum:last-of-type,
.home main .Layers_5 .str__innerUpperNumsNum:last-of-type {
  border-right: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNum:last-of-type,
  .home main .Layers_5 .str__innerUpperNumsNum:last-of-type {
    border-bottom: 1px solid var(--color-light)
  }

}

.home main .Layers_1 .str__innerUpperNumsNumInner>*+*,
.home main .Layers_5 .str__innerUpperNumsNumInner>*+* {
  margin-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNumInner>*+*,
  .home main .Layers_5 .str__innerUpperNumsNumInner>*+* {
    margin-top: 5.0890585242vw
  }

}

.home main .Layers_1 .str__innerUpperNumsNumInner p.num,
.home main .Layers_5 .str__innerUpperNumsNumInner p.num {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 6.9444444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNumInner p.num,
  .home main .Layers_5 .str__innerUpperNumsNumInner p.num {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 18.320610687vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.home main .Layers_1 .str__innerUpperNumsNumInner p.num *,
.home main .Layers_5 .str__innerUpperNumsNumInner p.num * {
  transition: none !important
}

.home main .Layers_1 .str__innerUpperNumsNumInner p.num .unit,
.home main .Layers_5 .str__innerUpperNumsNumInner p.num .unit {
  display: inline-block;
  translate: 0 -.11em
}

.home main .Layers_1 .str__innerUpperNumsNumInner p.txt,
.home main .Layers_5 .str__innerUpperNumsNumInner p.txt {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  translate: .3em 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNumInner p.txt,
  .home main .Layers_5 .str__innerUpperNumsNumInner p.txt {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerUpperNumsNumInner p.txt,
  .home main .Layers_5 .str__innerUpperNumsNumInner p.txt {
    text-align: center
  }

}

.home main .Layers_1 .str__innerPoint,
.home main .Layers_5 .str__innerPoint {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5.9027777778vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPoint,
  .home main .Layers_5 .str__innerPoint {
    display: block;
    padding-top: 19.3384223919vw;
    width: 83.2061068702vw;
    margin: 0 auto
  }

}

.home main .Layers_1 .str__innerPointImg,
.home main .Layers_5 .str__innerPointImg {
  top: min(25.3804834378vh, 16.40625vw);
  top: min(.2538048344 * var(--calcdSvh, 100svh), 16.40625vw);
  height: min(49.2390331244vh, 31.8287037037vw);
  height: min(.4923903312 * var(--calcdSvh, 100svh), 31.8287037037vw);
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  aspect-ratio: 1
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointImg,
  .home main .Layers_5 .str__innerPointImg {
    display: none
  }

}

.home main .Layers_1 .str__innerPointImgLottie,
.home main .Layers_5 .str__innerPointImgLottie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.home main .Layers_1 .str__innerPointImgLottie.is-crnt,
.home main .Layers_5 .str__innerPointImgLottie.is-crnt {
  opacity: 1
}

.home main .Layers_1 .str__innerPointImgLottie dotlottie-player,
.home main .Layers_5 .str__innerPointImgLottie dotlottie-player {
  width: 100%;
  height: 100%
}

[data-theme=dark] .home main .Layers_1 .str__innerPointImgLottie dotlottie-player,
[data-theme=dark] .home main .Layers_5 .str__innerPointImgLottie dotlottie-player {
  filter: brightness(0) invert(1)
}

[data-pause-motion] .home main .Layers_1 .str__innerPointImgLottie dotlottie-player,
[data-pause-motion] .home main .Layers_5 .str__innerPointImgLottie dotlottie-player {
  opacity: 0
}

[data-pause-motion] .home main .Layers_1 .str__innerPointImgLottie>picture,
[data-pause-motion] .home main .Layers_5 .str__innerPointImgLottie>picture {
  opacity: 1
}

.home main .Layers_1 .str__innerPointImgLottie>picture,
.home main .Layers_5 .str__innerPointImgLottie>picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

[data-pause-motion][data-theme=dark] .home main .Layers_1 .str__innerPointImgLottie>picture.light,
[data-pause-motion][data-theme=dark] .home main .Layers_5 .str__innerPointImgLottie>picture.light {
  opacity: 0
}

.home main .Layers_1 .str__innerPointImgLottie>picture.dark,
.home main .Layers_5 .str__innerPointImgLottie>picture.dark {
  opacity: 0
}

[data-pause-motion][data-theme=dark] .home main .Layers_1 .str__innerPointImgLottie>picture.dark,
[data-pause-motion][data-theme=dark] .home main .Layers_5 .str__innerPointImgLottie>picture.dark {
  opacity: 1
}

.home main .Layers_1 .str__innerPointRows,
.home main .Layers_5 .str__innerPointRows {
  flex-basis: 43.8131313131%
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .str__innerPointRows,
  .home main .Layers_5 .str__innerPointRows {
    padding-top: 12.037037037vw;
    padding-bottom: 12.037037037vw
  }

}

.home main .Layers_1 .str__innerPointRowsRow+div,
.home main .Layers_5 .str__innerPointRowsRow+div {
  margin-top: 31.8287037037vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRow+div,
  .home main .Layers_5 .str__innerPointRowsRow+div {
    margin-top: 19.3384223919vw;
    justify-content: center
  }

}

.home main .Layers_1 .str__innerPointRowsRowImg,
.home main .Layers_5 .str__innerPointRowsRowImg {
  position: relative
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowImg,
  .home main .Layers_5 .str__innerPointRowsRowImg {
    width: 100%;
    aspect-ratio: 1
  }

}

.home main .Layers_1 .str__innerPointRowsRowImg dotlottie-player,
.home main .Layers_5 .str__innerPointRowsRowImg dotlottie-player {
  width: 100%;
  height: 100%
}

[data-theme=dark] .home main .Layers_1 .str__innerPointRowsRowImg dotlottie-player,
[data-theme=dark] .home main .Layers_5 .str__innerPointRowsRowImg dotlottie-player {
  filter: brightness(0) invert(1)
}

[data-pause-motion] .home main .Layers_1 .str__innerPointRowsRowImg dotlottie-player,
[data-pause-motion] .home main .Layers_5 .str__innerPointRowsRowImg dotlottie-player {
  opacity: 0
}

[data-pause-motion] .home main .Layers_1 .str__innerPointRowsRowImg>picture,
[data-pause-motion] .home main .Layers_5 .str__innerPointRowsRowImg>picture {
  opacity: 1
}

.home main .Layers_1 .str__innerPointRowsRowImg>picture,
.home main .Layers_5 .str__innerPointRowsRowImg>picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

[data-pause-motion][data-theme=dark] .home main .Layers_1 .str__innerPointRowsRowImg>picture.light,
[data-pause-motion][data-theme=dark] .home main .Layers_5 .str__innerPointRowsRowImg>picture.light {
  opacity: 0
}

.home main .Layers_1 .str__innerPointRowsRowImg>picture.dark,
.home main .Layers_5 .str__innerPointRowsRowImg>picture.dark {
  opacity: 0
}

[data-pause-motion][data-theme=dark] .home main .Layers_1 .str__innerPointRowsRowImg>picture.dark,
[data-pause-motion][data-theme=dark] .home main .Layers_5 .str__innerPointRowsRowImg>picture.dark {
  opacity: 1
}

.home main .Layers_1 .str__innerPointRowsRowTtl,
.home main .Layers_5 .str__innerPointRowsRowTtl {
  position: relative;
  margin-bottom: 1.4467592593vw;
  padding-bottom: 1.4467592593vw;
  border-bottom: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowTtl,
  .home main .Layers_5 .str__innerPointRowsRowTtl {
    margin: 6.3613231552vw 0 4.0712468193vw;
    padding-bottom: 4.0712468193vw
  }

}

.home main .Layers_1 .str__innerPointRowsRowTtl .num,
.home main .Layers_5 .str__innerPointRowsRowTtl .num {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.1574074074vw;
  letter-spacing: .04em;
  line-height: 1.6;
  font-weight: 700;
  display: block;
  position: absolute;
  top: 0;
  right: calc(100% + 2.7777777778vw);
  white-space: nowrap
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowTtl .num,
  .home main .Layers_5 .str__innerPointRowsRowTtl .num {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowTtl .num,
  .home main .Layers_5 .str__innerPointRowsRowTtl .num {
    top: 2.2900763359vw;
    left: 0;
    right: auto
  }

}

.home main .Layers_1 .str__innerPointRowsRowTtl h3,
.home main .Layers_5 .str__innerPointRowsRowTtl h3 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowTtl h3,
  .home main .Layers_5 .str__innerPointRowsRowTtl h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRowTtl h3,
  .home main .Layers_5 .str__innerPointRowsRowTtl h3 {
    padding-left: 8.9058524173vw
  }

}

.home main .Layers_1 .str__innerPointRowsRow>p,
.home main .Layers_5 .str__innerPointRowsRow>p {
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .str__innerPointRowsRow>p,
  .home main .Layers_5 .str__innerPointRowsRow>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.home main .Layers_1 .flow__inner,
.home main .Layers_5 .flow__inner {
  position: sticky;
  top: 0;
  left: 0;
  overflow: clip
}

.home main .Layers_1 .flow__innerBlock .Ttl,
.home main .Layers_5 .flow__innerBlock .Ttl {
  margin-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .Ttl,
  .home main .Layers_5 .flow__innerBlock .Ttl {
    width: 91.8575063613vw;
    margin-bottom: 12.9770992366vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper,
.home main .Layers_5 .flow__innerBlock .swiper {
  cursor: grab;
  padding: 0 4.1666666667vw
}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide {
  width: 26.3888888889vw;
  margin-right: 2.7777777778vw;
  height: auto
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide {
    width: 77.0992366412vw;
    margin-right: 4.0712468193vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide:last-of-type,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide:last-of-type,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 0
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide .Flowinner,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide .Flowinner {
  height: 100%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide .Flowinner,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-wrapper .swiper-slide .Flowinner {
    padding: 9.6692111959vw 6.106870229vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls {
  display: flex;
  gap: .462962963vw;
  margin-top: 4.3981481481vw;
  margin-left: auto;
  width: fit-content
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls {
    gap: 2.0356234097vw;
    margin-top: 12.9770992366vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev,
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next {
  margin: 0;
  position: relative;
  inset: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8356481481vw;
  height: 2.7777777778vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture,
  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture,
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev,
  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next {
    width: 9.1603053435vw;
    height: 9.1603053435vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev svg,
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next svg,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev svg,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next svg {
  display: none
}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow {
  filter: brightness(0) invert(100%)
}

[data-theme=dark] .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
[data-theme=dark] .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow,
[data-theme=dark] .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
[data-theme=dark] .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow {
  filter: brightness(0)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
  .home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev .Arrow,
  .home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-next .Arrow {
    width: 2.5445292621vw
  }

}

.home main .Layers_1 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev,
.home main .Layers_5 .flow__innerBlock .swiper .swiper-ctrls .swiper-button-prev {
  rotate: 180deg
}

.home main .Layers_1 .flow__innerBlockBtns,
.home main .Layers_5 .flow__innerBlockBtns {
  display: flex;
  justify-content: flex-end;
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .flow__innerBlockBtns,
  .home main .Layers_5 .flow__innerBlockBtns {
    width: 91.8575063613vw;
    margin-top: 12.9770992366vw
  }

}

.home main .Layers_1 .news,
.home main .Layers_5 .news {
  padding: 14.8148148148vw 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news,
  .home main .Layers_5 .news {
    padding: 38.9312977099vw 0
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__inner,
  .home main .Layers_5 .news__inner {
    width: 91.8575063613vw
  }

}

.home main .Layers_1 .news__inner .Ttl,
.home main .Layers_5 .news__inner .Ttl {
  margin-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__inner .Ttl,
  .home main .Layers_5 .news__inner .Ttl {
    margin-bottom: 12.9770992366vw
  }

}

.home main .Layers_1 .news__innerBlock,
.home main .Layers_5 .news__innerBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlock,
  .home main .Layers_5 .news__innerBlock {
    display: block;
    padding-bottom: 21.3740458015vw
  }

}

.home main .Layers_1 .news__innerBlockLeft,
.home main .Layers_5 .news__innerBlockLeft {
  flex-basis: 22.7272727273%
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .news__innerBlockLeft,
  .home main .Layers_5 .news__innerBlockLeft {
    position: sticky;
    top: 10.8217592593vw
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockLeft>.Arrowbtn,
  .home main .Layers_5 .news__innerBlockLeft>.Arrowbtn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
  }

}

.home main .Layers_1 .news__innerBlockLeftCats,
.home main .Layers_5 .news__innerBlockLeftCats {
  width: 100%;
  margin-top: 1.4467592593vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockLeftCats,
  .home main .Layers_5 .news__innerBlockLeftCats {
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    gap: 2.0356234097vw
  }

}

.home main .Layers_1 .news__innerBlockLeftCats .Arrowbtn,
.home main .Layers_5 .news__innerBlockLeftCats .Arrowbtn {
  width: 100%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockLeftCats .Arrowbtn,
  .home main .Layers_5 .news__innerBlockLeftCats .Arrowbtn {
    width: fit-content
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockLeftCats .Arrowbtn a,
  .home main .Layers_5 .news__innerBlockLeftCats .Arrowbtn a {
    border: 1px solid #D9D9D9;
    padding: 2.0356234097vw 3.0534351145vw;
    gap: 2.0356234097vw
  }

}

.home main .Layers_1 .news__innerBlockRight,
.home main .Layers_5 .news__innerBlockRight {
  flex-basis: 69.696969697%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockRight,
  .home main .Layers_5 .news__innerBlockRight {
    margin-top: 9.6692111959vw
  }

}

.home main .Layers_1 .news__innerBlockRightUpper,
.home main .Layers_5 .news__innerBlockRightUpper {
  display: grid;
  gap: 2.7777777778vw;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockRightUpper,
  .home main .Layers_5 .news__innerBlockRightUpper {
    grid-template-columns: repeat(1, 1fr)
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockRightUpper .Newspost:last-of-type,
  .home main .Layers_5 .news__innerBlockRightUpper .Newspost:last-of-type {
    display: none
  }

}

.home main .Layers_1 .news__innerBlockRightLower,
.home main .Layers_5 .news__innerBlockRightLower {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .news__innerBlockRightLower,
  .home main .Layers_5 .news__innerBlockRightLower {
    margin-top: 6.3613231552vw
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .faq>.Ttl,
  .home main .Layers_1 .faq__btn,
  .home main .Layers_5 .faq>.Ttl,
  .home main .Layers_5 .faq__btn {
    width: 91.8575063613vw
  }

}

.home main .Layers_1 .faq>.Ttl,
.home main .Layers_5 .faq>.Ttl {
  margin-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .faq>.Ttl,
  .home main .Layers_5 .faq>.Ttl {
    margin-bottom: 12.9770992366vw
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .faq__qas,
  .home main .Layers_5 .faq__qas {
    width: 91.8575063613vw;
    margin: 0 auto
  }

}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .faq__qas .Faq .acc__txt,
  .home main .Layers_1 .faq__qas .Faq .acc__cntInner,
  .home main .Layers_5 .faq__qas .Faq .acc__txt,
  .home main .Layers_5 .faq__qas .Faq .acc__cntInner {
    padding-left: 4.1666666667vw;
    padding-right: 4.1666666667vw
  }

}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .faq__qas .Faq .acc__txt .Plus,
  .home main .Layers_1 .faq__qas .Faq .acc__cntInner .Plus,
  .home main .Layers_5 .faq__qas .Faq .acc__txt .Plus,
  .home main .Layers_5 .faq__qas .Faq .acc__cntInner .Plus {
    right: 4.1666666667vw
  }

}

.home main .Layers_1 .faq__btn,
.home main .Layers_5 .faq__btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.2986111111vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .faq__btn,
  .home main .Layers_5 .faq__btn {
    margin-top: 9.6692111959vw
  }

}

.home main .Layers_1 .voice,
.home main .Layers_5 .voice {
  padding: 14.8148148148vw 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice,
  .home main .Layers_5 .voice {
    padding: 38.9312977099vw 0
  }

}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner,
  .home main .Layers_5 .voice__inner {
    width: 91.8575063613vw
  }

}

.home main .Layers_1 .voice__inner .Ttl,
.home main .Layers_5 .voice__inner .Ttl {
  margin-bottom: 8.8541666667vw
}

.home main .Layers_1 .voice__inner .swiper,
.home main .Layers_5 .voice__inner .swiper {
  position: relative;
  width: 67.3611111111vw;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10.1273148148vw;
  overflow: visible
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper,
  .home main .Layers_5 .voice__inner .swiper {
    width: 91.8575063613vw;
    padding-bottom: 32.5699745547vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide {
    flex-direction: column;
    gap: 9.6692111959vw;
    padding: 0 1.5267175573vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row {
  display: flex;
  align-items: flex-start
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row {
    gap: 3.0534351145vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row+div,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row+div {
  margin-top: 2.0833333333vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row+div,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__row+div {
    margin-top: 3.0534351145vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl {
  width: 4.1666666667vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl {
    width: 13.2315521628vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl p,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-kurame)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl p,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowTtl p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt>p,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt>p,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt>p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt .Link a p,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt .Link a p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt .Link a p,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .info__rowCnt .Link a p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .02em;
    line-height: 1;
    font-weight: 400
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt {
  flex-basis: 49.4845360825%
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt {
    transform: translateY(-.462962963vw)
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt p,
.home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt p {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt p,
  .home main .Layers_5 .voice__inner .swiper .swiper-wrapper .swiper-slide .txt p {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-prog,
.home main .Layers_5 .voice__inner .swiper .swiper-prog {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-prog,
  .home main .Layers_5 .voice__inner .swiper .swiper-prog {
    flex-direction: column;
    gap: 6.3613231552vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-prog,
.home main .Layers_1 .voice__inner .swiper .swiper-progUpper,
.home main .Layers_5 .voice__inner .swiper .swiper-prog,
.home main .Layers_5 .voice__inner .swiper .swiper-progUpper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.home main .Layers_1 .voice__inner .swiper .swiper-progUpper,
.home main .Layers_5 .voice__inner .swiper .swiper-progUpper {
  gap: 1.8518518519vw
}

.home main .Layers_1 .voice__inner .swiper .swiper-progBar,
.home main .Layers_5 .voice__inner .swiper .swiper-progBar {
  display: block;
  position: relative;
  width: 44.849537037vw;
  height: 2px;
  background-color: var(--color-light)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBar,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBar {
    width: 67.6844783715vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBarCrnt,
.home main .Layers_5 .voice__inner .swiper .swiper-progBarCrnt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center left;
  width: 100%;
  height: 100%;
  background-color: var(--color-txt);
  transition-timing-function: ease-in-out;
  scale: 0 1
}

[data-pause-motion] .home main .Layers_1 .voice__inner .swiper .swiper-progBarCrnt,
[data-pause-motion] .home main .Layers_5 .voice__inner .swiper .swiper-progBarCrnt {
  opacity: 0;
  transition: .1s ease all 0s !important
}

.home main .Layers_1 .voice__inner .swiper .swiper-progNums,
.home main .Layers_5 .voice__inner .swiper .swiper-progNums {
  display: flex;
  align-items: center;
  gap: 1.9675925926vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progNums,
  .home main .Layers_5 .voice__inner .swiper .swiper-progNums {
    gap: 6.6157760814vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progNums p,
.home main .Layers_5 .voice__inner .swiper .swiper-progNums p {
  color: var(--color-txt);
  position: relative;
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progNums p,
  .home main .Layers_5 .voice__inner .swiper .swiper-progNums p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progNums p.total:before,
.home main .Layers_5 .voice__inner .swiper .swiper-progNums p.total:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -.9837962963vw;
  translate: -50% -50%;
  width: 1px;
  height: .6944444444vw;
  border-radius: .5px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progNums p.total:before,
  .home main .Layers_5 .voice__inner .swiper .swiper-progNums p.total:before {
    left: -3.3078880407vw;
    height: 3.0534351145vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns {
  display: flex;
  align-items: center;
  gap: .462962963vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns {
    gap: 2.0356234097vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev,
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next {
  margin: 0;
  position: relative;
  inset: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8356481481vw;
  height: 2.7777777778vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (min-width:1025px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture,
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture:nth-of-type(1),
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:hover .Arrow picture:nth-of-type(2),
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:hover .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture,
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(1),
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev:focus-visible .Arrow picture:nth-of-type(2),
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next:focus-visible .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev,
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next {
    width: 9.1603053435vw;
    height: 9.1603053435vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev svg,
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next svg,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev svg,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next svg {
  display: none
}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow {
  filter: brightness(0) invert(100%)
}

[data-theme=dark] .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
[data-theme=dark] .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow,
[data-theme=dark] .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
[data-theme=dark] .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow {
  filter: brightness(0)
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev .Arrow,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-next .Arrow {
    width: 2.5445292621vw
  }

}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns .swiper-button-prev,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns .swiper-button-prev {
  rotate: 180deg
}

.home main .Layers_1 .voice__inner .swiper .swiper-progBtns>.Btn>a,
.home main .Layers_1 .voice__inner .swiper .swiper-progBtns>.Btn>div,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns>.Btn>a,
.home main .Layers_5 .voice__inner .swiper .swiper-progBtns>.Btn>div {
  height: 2.7777777778vw
}

@media screen and (max-width: 1024px) {

  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns>.Btn>a,
  .home main .Layers_1 .voice__inner .swiper .swiper-progBtns>.Btn>div,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns>.Btn>a,
  .home main .Layers_5 .voice__inner .swiper .swiper-progBtns>.Btn>div {
    height: 9.1603053435vw
  }

}

.home .footer__upperReco {
  display: none
}

.page-about main .cnt {
  display: flex;
  width: 61.1111111111vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  margin: 0 auto;
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt {
    width: 91.8575063613vw;
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-about main .cnt__txt p {
  text-align: justify;
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__txt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-about main .cnt__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.7777777778vw 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__links {
    grid-template-columns: repeat(1, 1fr);
    gap: 6.106870229vw;
    width: 100%
  }

}

.page-about main .cnt__linksItem {
  width: 29.1666666667vw;
  height: 15.5092592593vw;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem {
    width: 100%;
    height: 36.641221374vw
  }

}

.page-about main .cnt__linksItem a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2.7777777778vw;
  transition: .35s all ease
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem a {
    padding: 6.106870229vw 4.3256997455vw
  }

}

@media screen and (min-width:1025px) {
  .page-about main .cnt__linksItem a:hover {
    background: var(--color-btn-hover-invert)
  }

  .page-about main .cnt__linksItem a:hover .arrow {
    background: var(--color-btn-hover)
  }

  .page-about main .cnt__linksItem a:hover .arrow .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .page-about main .cnt__linksItem a:hover .arrow .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .page-about main .cnt__linksItem a:hover .arrow .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.page-about main .cnt__linksItem a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.page-about main .cnt__linksItem a:focus-visible .arrow {
  background: var(--color-btn-hover)
}

.page-about main .cnt__linksItem a:focus-visible .arrow .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.page-about main .cnt__linksItem a:focus-visible .arrow .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.page-about main .cnt__linksItem a:focus-visible .arrow .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.page-about main .cnt__linksItem a .Ttl h2 {
  margin-top: .9259259259vw;
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem a .Ttl h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem a .Ttl h2 {
    margin-top: 2.0356234097vw
  }

}

.page-about main .cnt__linksItem a .arrow {
  position: absolute;
  bottom: 2.7777777778vw;
  right: 2.7777777778vw;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  padding: 1.0416666667vw .9259259259vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem a .arrow {
    bottom: 6.106870229vw;
    right: 4.3256997455vw;
    width: 7.6335877863vw;
    height: 7.6335877863vw;
    padding: 2.7989821883vw 2.5445292621vw
  }

}

.page-about main .cnt__linksItem a .arrow .Arrow {
  width: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .page-about main .cnt__linksItem a .arrow .Arrow {
    width: 2.5445292621vw
  }

}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-about-company main .Sidebard__innerCnt .cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  padding-bottom: 14.8148148148vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt {
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-about-company main .Sidebard__innerCnt .cnt__clms {
  width: 100%
}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRow {
  display: flex;
  align-items: flex-start;
  padding: 2.3148148148vw 0;
  border-bottom: 1px solid #D9D9D9
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt__clmsRow {
    flex-direction: column;
    justify-content: center;
    gap: 2.0356234097vw;
    padding: 6.106870229vw 0
  }

}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRow:first-child {
  border-top: 1px solid #D9D9D9
}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRowTtl {
  width: 19.4444444444vw
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt__clmsRowTtl {
    width: 100%
  }

}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRowTxt>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt__clmsRowTxt>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-about-company main .Sidebard__innerCnt .cnt__clmsRowTxt .Link {
  margin-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .page-about-company main .Sidebard__innerCnt .cnt__clmsRowTxt .Link {
    margin-top: 2.0356234097vw
  }

}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.8541666667vw;
  padding-bottom: 14.8148148148vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt {
    gap: 19.3384223919vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clms {
  width: 100%
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 1.1574074074vw 0 8.8541666667vw;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRow {
    flex-direction: column;
    padding: 4.0712468193vw 0 19.3384223919vw;
    gap: 9.6692111959vw
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-light);
  width: 100%;
  height: 1px;
  transform-origin: top left;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:last-child {
  padding: 1.1574074074vw 0 0;
  border-bottom: none
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:last-child {
    padding: 4.0712468193vw 0 0
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:not(.is-on):before {
  scale: 0 1
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:not(.is-on) .cnt__clmsRowTtl h2 span.txt {
  translate: 0 100%
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:not(.is-on) .cnt__clmsRowTxt h3 span.txt {
  translate: 0 100%
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRow:not(.is-on) .cnt__clmsRowTxt p {
  opacity: 0
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 4.0712468193vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTtl h2 span.txt {
  display: block;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) .6s
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt {
  display: flex;
  width: calc(100% - 13.8888888889vw);
  flex-direction: column;
  gap: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt {
    width: 100%;
    gap: 5.0890585242vw
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt.non-jattl {
  gap: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt.non-jattl {
    gap: 9.6692111959vw
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt h3 {
  font-size: 2.4305555556vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt h3 {
    font-size: 6.106870229vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt h3 span.txt {
  display: block;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 1s
}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt p {
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 1.4s
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxtClm h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxtClm h3 {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowTxtClm h3 {
    margin-bottom: 3.0534351145vw
  }

}

.page-about-concept main .Sidebard__innerCnt .cnt__clmsRowImg {
  margin-top: 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .page-about-concept main .Sidebard__innerCnt .cnt__clmsRowImg {
    width: 100vw;
    margin-top: 9.6692111959vw;
    margin-left: -4.3256997455vw
  }

}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-about-access main .Sidebard__innerCnt .cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  padding-bottom: 14.8148148148vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt {
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__map {
  width: 100%
}

.page-about-access main .Sidebard__innerCnt .cnt__map iframe {
  display: block;
  width: 100%;
  height: 28.9351851852vw;
  filter: grayscale(100%)
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__map iframe {
    height: 91.8575063613vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clms {
  width: 100%
}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRow {
  display: flex;
  align-items: flex-start;
  padding: 2.3148148148vw 0;
  border-bottom: 1px solid #D9D9D9;
  justify-content: space-between
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRow {
    flex-direction: column;
    padding: 6.106870229vw 0;
    gap: 2.0356234097vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRow:first-child {
  border-top: 1px solid #D9D9D9
}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTtl h2 {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt {
  width: calc(100% - 12.5vw)
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt {
    width: 100%
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .Link {
  margin-top: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .Link {
    margin-top: 2.0356234097vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8935185185vw
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list {
    gap: 6.3613231552vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms {
    gap: 1.0178117048vw
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p.apper {
  position: relative;
  padding-left: .8101851852vw
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p.apper {
    padding-left: 3.5623409669vw;
    font-weight: 700;
    line-height: 1
  }

}

.page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p.apper:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: .3472222222vw;
  height: .3472222222vw;
  border-radius: 1px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .page-about-access main .Sidebard__innerCnt .cnt__clmsRowTxt .list__clms p.apper:before {
    width: 1.5267175573vw;
    height: 1.5267175573vw
  }

}

@media screen and (min-width:1025px) {
  .page-service main .Sidebard {
    padding-bottom: 14.8148148148vw
  }

}

.page-service main .Sidebard__inner .Sidebar__links {
  display: none
}

.page-service main .Sidebard__innerCnt {
  width: 70.8333333333vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-service main .Sidebard__innerCnt .cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13.3101851852vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt {
    gap: 29.262086514vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block {
  width: 100%
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .H2ttl h2 {
    line-height: 1.4
  }

}

[data-theme=dark] .page-service main .Sidebard__innerCnt .cnt__block>picture {
  filter: brightness(1) invert(1)
}

.page-service main .Sidebard__innerCnt .cnt__block>picture {
  margin-top: 1.4467592593vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block>picture {
    margin-top: 6.3613231552vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner {
    gap: 12.9770992366vw;
    margin-top: 12.9770992366vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features {
    display: block
  }

}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features h3 {
    margin-bottom: 5.0890585242vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features__list {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4.1666666667vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list {
    align-items: flex-start;
    gap: 4.3256997455vw
  }

}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list:nth-child(2) {
    margin-top: 5.0890585242vw
  }

}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list:nth-child(n+3) {
    margin-top: 9.6692111959vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features__list picture {
  width: 12.5vw;
  aspect-ratio: 1;
  border-radius: 4px;
  overflow: clip;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list picture {
    position: absolute;
    top: 0;
    right: 0;
    width: 20.8651399491vw
  }

}

[data-theme=dark] .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list picture {
  filter: invert(1)
}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts {
    width: 100%;
    gap: 3.0534351145vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts h4 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts h4 {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts h4 {
    width: 66.6666666667vw;
    height: 20.8651399491vw;
    padding-top: 4.0712468193vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts p {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .features__list .txts p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .record {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .record {
    gap: 6.3613231552vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts {
  width: 100%
}

.page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts .Workspost:first-child a {
  border-top: 1px solid var(--color-light)
}

.page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts .Workspost a {
  padding: 1.4467592593vw 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts .Workspost a {
    padding: 4.0712468193vw
  }

}

.page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts .Workspost a .block .Arrow {
  right: 0
}

[data-theme=dark] .page-service main .Sidebard__innerCnt .cnt__block .inner .record__posts .Workspost a .media>picture {
  filter: none
}

.page-strengths main .Sidebard__inner {
  padding-bottom: 13.599537037vw
}

.page-strengths main .Sidebard__inner .Sidebar__links {
  display: none
}

.page-strengths main .Sidebard__innerCnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.6550925926vw;
  width: 70.8333333333vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt {
    gap: 19.3384223919vw;
    width: 100%;
    padding: 0
  }

}

.page-strengths main .Sidebard__innerCnt .cnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.8541666667vw;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt {
    gap: 29.262086514vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution,
.page-strengths main .Sidebard__innerCnt .cnt__features,
.page-strengths main .Sidebard__innerCnt .cnt__cando {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  width: 100%
}

@media screen and (max-width: 1024px) {

  .page-strengths main .Sidebard__innerCnt .cnt__solution,
  .page-strengths main .Sidebard__innerCnt .cnt__features,
  .page-strengths main .Sidebard__innerCnt .cnt__cando {
    gap: 12.9770992366vw
  }

}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .H2ttl h2 {
    line-height: 1.4
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes {
  display: grid;
  gap: 1.3888888889vw 1.3888888889vw;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes {
    gap: 4.0712468193vw;
    width: 100%;
    grid-template-columns: repeat(1, 1fr)
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__block {
  padding: 1.7361111111vw 2.7777777778vw 2.1990740741vw;
  border: 1px solid #D9D9D9;
  border-radius: 2px
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__block {
    padding: 5.0890585242vw 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.099537037vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner {
    gap: 3.0534351145vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner .issue {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 700;
  display: inline-block;
  color: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner .issue {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .02em;
    line-height: 1;
    font-weight: 700
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner h3 {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner .txt {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__solution .boxes__blockInner .txt {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .H2ttl p {
    font-size: 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2.1990740741vw;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts {
    justify-content: center;
    align-items: center;
    gap: 9.6692111959vw;
    padding: 0 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms {
  display: flex;
  align-items: center;
  gap: 5.5555555556vw;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms {
    flex-direction: column;
    gap: 6.3613231552vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer {
  position: relative;
  width: 20.8333333333vw;
  aspect-ratio: 1
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer {
    width: 100%
  }

}

[data-theme=dark] .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer dotlottie-player {
  filter: brightness(0) invert(1)
}

[data-pause-motion] .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer dotlottie-player {
  opacity: 0
}

[data-pause-motion] .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer>picture {
  opacity: 1
}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer>picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

[data-pause-motion][data-theme=dark] .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer>picture.light {
  opacity: 0
}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer>picture.dark {
  opacity: 0
}

[data-pause-motion][data-theme=dark] .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clmsPlayer>picture.dark {
  opacity: 1
}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 44.4444444444vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption {
    position: relative;
    width: 100%
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .num {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.1574074074vw;
  letter-spacing: .04em;
  line-height: 1.6;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .num {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .num {
    position: absolute;
    top: 2.2900763359vw;
    left: 0
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts {
  width: 38.8310185185vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts {
    width: 100%
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts h3 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700;
  padding-bottom: 1.099537037vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts h3 {
    padding-bottom: 4.0712468193vw;
    padding-left: 8.9058524173vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts .txt {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  padding-top: 1.099537037vw;
  border-top: 1px solid #D9D9D9
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts .txt {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__features .cnts__clms .caption .txts .txt {
    padding-top: 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__cando .clms {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__cando .clms {
    gap: 9.6692111959vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm {
    gap: 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm h3 {
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm h3 {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__cando .clms__clm p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__flow {
  width: 100%
}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper {
    margin-top: 9.6692111959vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiper-wrapper {
  align-items: stretch;
  width: fit-content;
  min-height: 0
}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiper-wrapper .swiper-slide {
  display: flex;
  width: auto;
  height: auto;
  min-height: 0;
  margin-right: 2.7777777778vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiper-wrapper .swiper-slide {
    margin-right: 4.0712468193vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0
}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiperbtns {
  display: flex;
  align-items: flex-start;
  align-self: flex-end;
  gap: .462962963vw;
  margin-top: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiperbtns {
    gap: 2.0356234097vw;
    margin-top: 9.6692111959vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiperbtns .Arrowbtn a {
  width: 2.7777777778vw;
  aspect-ratio: 1;
  padding: .9259259259vw;
  border: none
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiperbtns .Arrowbtn a {
    width: 9.1603053435vw;
    padding: 3.3078880407vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__flow .flowSwiper .swiperbtns .Arrowbtn a .txt {
  display: none
}

.page-strengths main .Sidebard__innerCnt .cnt__faq {
  width: 100%
}

.page-strengths main .Sidebard__innerCnt .cnt__faq .faq__qas {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__faq .faq__qas {
    margin-top: 12.9770992366vw
  }

}

.page-strengths main .Sidebard__innerCnt .cnt__faq .faq__btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-strengths main .Sidebard__innerCnt .cnt__faq .faq__btn {
    margin-top: 9.6692111959vw
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-about-member-0 main .mem {
  padding-bottom: 14.8148148148vw
}

.page-about-member-0 main .mem__anchors {
  margin: 8.8541666667vw 0 6.6550925926vw;
  display: flex;
  gap: .462962963vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__anchors {
    margin: 19.3384223919vw 0 9.6692111959vw;
    gap: 2.0356234097vw;
    flex-wrap: wrap
  }

}

.page-about-member-0 main .mem__depsDep+div {
  margin-top: 6.6550925926vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDep+div {
    margin-top: 19.3384223919vw
  }

}

.page-about-member-0 main .mem__depsDepTtl {
  position: relative;
  margin-bottom: 3.8773148148vw;
  padding-top: 1.1574074074vw;
  display: flex;
  align-items: center;
  gap: 1.3888888889vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepTtl {
    margin-bottom: 9.6692111959vw;
    padding-top: 4.0712468193vw;
    gap: 6.106870229vw
  }

}

.page-about-member-0 main .mem__depsDepTtl:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: var(--color-light);
  width: 100%;
  height: 1px;
  transform-origin: top left;
  transition: .6s all cubic-bezier(.09, 1, .36, 1)
}

.page-about-member-0 main .mem__depsDepTtl h2,
.page-about-member-0 main .mem__depsDepTtl p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.8518518519vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  overflow: clip
}

@media screen and (max-width: 1024px) {

  .page-about-member-0 main .mem__depsDepTtl h2,
  .page-about-member-0 main .mem__depsDepTtl p {
    font-size: 6.106870229vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-about-member-0 main .mem__depsDepTtl h2 span.txt,
.page-about-member-0 main .mem__depsDepTtl p span.txt {
  display: block;
  transition: .4s all cubic-bezier(.09, 1, .36, 1) 1.1s
}

.page-about-member-0 main .mem__depsDepTtl p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  transform: translateY(.0578703704vw)
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepTtl p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepTtl p {
    transform: translateY(0)
  }

}

.page-about-member-0 main .mem__depsDepTtl:not(.is-on):before {
  scale: 0 1
}

.page-about-member-0 main .mem__depsDepTtl:not(.is-on) h2 span.txt,
.page-about-member-0 main .mem__depsDepTtl:not(.is-on) p span.txt {
  translate: 0 100%
}

.page-about-member-0 main .mem__depsDepMems {
  display: grid;
  gap: 2.7777777778vw 4.3981481481vw;
  grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMems {
    gap: 6.106870229vw 4.0712468193vw;
    grid-template-columns: repeat(2, 1fr)
  }

}

.page-about-member-0 main .mem__depsDepMemsMem {
  position: relative;
  cursor: pointer
}

@media screen and (min-width:1025px) {
  .page-about-member-0 main .mem__depsDepMemsMem:hover .mem__depsDepMemsMemImg picture:nth-of-type(2) {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
  }

  .page-about-member-0 main .mem__depsDepMemsMem:hover .plus .Plus {
    rotate: 90deg
  }

}

.page-about-member-0 main .mem__depsDepMemsMem:focus-visible .mem__depsDepMemsMemImg picture:nth-of-type(2) {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.page-about-member-0 main .mem__depsDepMemsMem:focus-visible .plus .Plus {
  rotate: 90deg
}

.page-about-member-0 main .mem__depsDepMemsMemImg {
  width: 100%;
  aspect-ratio: 408/571;
  margin-bottom: 1.8518518519vw;
  overflow: clip;
  position: relative;
  border-radius: 4px;
  background: #585858
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMemImg {
    aspect-ratio: 172/241;
    margin-bottom: 4.0712468193vw;
    border-radius: 2px
  }

}

.page-about-member-0 main .mem__depsDepMemsMemImg picture img {
  object-fit: cover;
  scale: 1.01
}

.page-about-member-0 main .mem__depsDepMemsMemImg picture:nth-of-type(2) {
  transition: .8s all cubic-bezier(.09, 1, .36, 1);
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.page-about-member-0 main .mem__depsDepMemsMem .lower>*+* {
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .lower>*+* {
    margin-top: 2.0356234097vw
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .lower p.dep {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .lower p.dep {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .lower h3 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .lower h3 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .plus {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.7777777778vw;
  aspect-ratio: 1;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .plus {
    width: 8.1424936387vw
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .plus .Plus {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .9259259259vw;
  transition: .8s all cubic-bezier(.09, 1, .36, 1);
  translate: -50% -50%
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .plus .Plus {
    width: 2.5445292621vw
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:before,
.page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:after {
  background: var(--color-bg)
}

.page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:before {
  height: 2px
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:before {
    height: 1px
  }

}

.page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:after {
  width: 2px
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 main .mem__depsDepMemsMem .plus .Plus:after {
    width: 1px
  }

}

.page-about-member-0 .Modal {
  display: flex;
  justify-content: center;
  align-items: center
}

.page-about-member-0 .Modal__close {
  aspect-ratio: 72/54
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__close {
    aspect-ratio: 69/46
  }

}

.page-about-member-0 .Modal__inner {
  width: 76.3888888889vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner {
    width: 91.8575063613vw;
    height: 100%
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper {
    height: 100%
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper {
    height: 100%
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide {
    flex-direction: column;
    gap: 9.6692111959vw;
    height: 100%;
    padding: 4.0712468193vw 0 27.989821883vw;
    overflow-y: auto;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
  }

  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar {
    display: none
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .left {
  flex-basis: 30.9090909091%
}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .left picture {
  width: 100%;
  aspect-ratio: 408/571;
  border-radius: 4px;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .left picture {
    aspect-ratio: 361/505
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .left picture img {
  scale: 1.01
}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right {
  flex-basis: 63.6363636364%
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right {
    width: 100%
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right>*+* {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right>*+* {
    margin-top: 6.3613231552vw
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right p {
  color: var(--color-txt)
}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper>*+* {
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper>*+* {
    margin-top: 3.0534351145vw
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.dep {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.dep {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.name {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.name {
    font-size: 6.106870229vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.enname {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-light)
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.enname {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .upper p.enname {
    margin-top: 1.5267175573vw
  }

}

.page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .middle p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .middle p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal__inner .swiper .swiper-wrapper .swiper-slide .right .Sns {
    width: 100%
  }

}

.page-about-member-0 .Modal .swiperbtns {
  position: absolute;
  display: flex;
  gap: 4.3981481481vw;
  bottom: 2.1990740741vw;
  left: 50%;
  translate: -50% 0
}

@media screen and (max-width: 1024px) {
  .page-about-member-0 .Modal .swiperbtns {
    gap: 18.5750636132vw;
    bottom: 2.0356234097vw;
    z-index: 99
  }

}

.page-about-member-0 .Modal .swiperbtns .Arrowbtn a,
.page-about-member-0 .Modal .swiperbtns .Arrowbtn button {
  border-radius: 4px;
  border: 1px solid var(--color-gray)
}

[data-theme=dark] .page-about-member-0 .Modal .swiperbtns .Arrowbtn a,
[data-theme=dark] .page-about-member-0 .Modal .swiperbtns .Arrowbtn button {
  border-color: #d9d9d9
}

.page-recruit-0 main {
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-recruit-0 main {
    padding-bottom: 38.9312977099vw
  }

}

.page-recruit-0 main .rec__innerAnchors {
  display: flex;
  gap: .462962963vw
}

@media screen and (max-width: 1024px) {
  .page-recruit-0 main .rec__innerAnchors {
    gap: 2.0356234097vw
  }

}

.page-recruit-0 main .rec__innerCats {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-recruit-0 main .rec__innerCats {
    margin-top: 9.6692111959vw
  }

}

.page-recruit-0 main .rec__innerCatsCat+div {
  margin-top: 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .page-recruit-0 main .rec__innerCatsCat+div {
    margin-top: 24.427480916vw
  }

}

.page-recruit-0 main .rec__innerCatsCat .H2ttl {
  margin-bottom: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-recruit-0 main .rec__innerCatsCat .H2ttl {
    margin-bottom: 9.6692111959vw
  }

}

.page-works-0 main {
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-works-0 main {
    padding-bottom: 38.9312977099vw
  }

}

.page-works-0 main .works__inner {
  opacity: 0
}

@media screen and (max-width: 1024px) {
  .page-works-0 main .works__inner {
    width: 91.8575063613vw !important
  }

}

.page-works-0 main .works__inner.view-mode-is-selected {
  transition-delay: .2s;
  opacity: 1
}

.page-works-0 main .works__innerShowtype {
  margin-top: -2.0833333333vw;
  margin-left: auto
}

@media screen and (max-width: 1024px) {
  .page-works-0 main .works__innerShowtype {
    margin-top: 6.3613231552vw
  }

}

.page-works-0 main .works__innerPosts {
  display: grid;
  gap: 1.3888888889vw;
  margin-top: 4.3981481481vw;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1024px) {
  .page-works-0 main .works__innerPosts {
    gap: 4.0712468193vw;
    margin-top: 12.9770992366vw;
    grid-template-columns: repeat(1, 1fr)
  }

}

.page-works-0 main .works__innerPosts.is-filtering {
  opacity: 0;
  transition-duration: .2s !important
}

.page-works-0 main .works__innerPosts.is-filtering * {
  transition-duration: .2s !important
}

.page-works-0 main .works__innerPosts:has(.Workspost.type-txt) {
  border-top: 1px solid var(--color-light);
  gap: 0;
  grid-template-columns: repeat(1, 1fr)
}

.page-works-0 main .works__innerPosts>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

.single-works main {
  padding-bottom: 10.4166666667vw
}

@media screen and (max-width: 1024px) {
  .single-works main {
    padding-bottom: 38.9312977099vw
  }

}

.single-works main .works__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6.6550925926vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__info {
    flex-direction: column;
    align-items: flex-start;
    width: 91.8575063613vw;
    margin-bottom: 12.9770992366vw;
    gap: 6.3613231552vw
  }

}

.single-works main .works__infoLeft p+p {
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoLeft p+p {
    margin-top: 3.0534351145vw
  }

}

.single-works main .works__infoLeft p.date {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoLeft p.date {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.single-works main .works__infoLeft p.terms {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoLeft p.terms {
    font-size: 2.5445292621vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 300
  }

}

.single-works main .works__infoLeft p.terms span.comma {
  display: inline-block;
  width: .462962963vw;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoLeft p.terms span.comma {
    width: 1.7811704835vw
  }

}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoRight {
    align-self: flex-end
  }

}

.single-works main .works__infoRightFin {
  position: relative;
  padding-left: .5787037037vw;
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoRightFin {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoRightFin {
    padding-left: 2.5445292621vw
  }

}

.single-works main .works__infoRightFin:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: .3472222222vw;
  aspect-ratio: 1;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .single-works main .works__infoRightFin:before {
    width: 1.5267175573vw
  }

}

.single-works main .works__thumb {
  margin-bottom: 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__thumb {
    margin-bottom: 12.9770992366vw
  }

}

.single-works main .works__thumb picture {
  width: 100%;
  aspect-ratio: 1728/702;
  overflow: clip;
  min-height: 0;
  display: flex;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .single-works main .works__thumb picture {
    aspect-ratio: 131/81
  }

}

.single-works main .works__thumb picture img {
  object-fit: cover;
  height: 140%;
  translate: 0 calc(-30% * (-.5 + var(--prog, 0)));
  transition: none
}

@media screen and (max-width: 1024px) {
  .single-works main .works__thumb picture img {
    height: 100%;
    translate: 0 0
  }

}

@media screen and (max-width: 1024px) {
  .single-works main .works__cnt {
    width: 91.8575063613vw
  }

}

.single-works main .works__cntTxt p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTxt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.single-works main .works__cntTable {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTable {
    margin-top: 12.9770992366vw
  }

}

.single-works main .works__cntTableTr {
  display: grid;
  padding: 3.2986111111vw 0;
  border-top: 1px solid var(--color-light);
  grid-template-columns: 20.4475308642% 79.5524691358%
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTr {
    padding: 9.6692111959vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.0712468193vw
  }

}

.single-works main .works__cntTableTr:last-of-type {
  border-bottom: 1px solid var(--color-light)
}

.single-works main .works__cntTableTrTh p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTh p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

.single-works main .works__cntTableTrTd>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .9259259259vw;
  letter-spacing: .02em;
  line-height: 1.8;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTd>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.5623409669vw;
    letter-spacing: .04em;
    line-height: 1.8;
    font-weight: 400
  }

}

.single-works main .works__cntTableTrTdRolesRole+div {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRole+div {
    margin-top: 6.3613231552vw
  }

}

.single-works main .works__cntTableTrTdRolesRole .Dottxt {
  margin-bottom: .9259259259vw;
  padding-left: 0
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRole .Dottxt {
    margin-bottom: 3.0534351145vw
  }

}

.single-works main .works__cntTableTrTdRolesRole .Dottxt p {
  color: #b0b0b0;
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .8101851852vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRole .Dottxt p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .02em;
    line-height: 1;
    font-weight: 400
  }

}

.single-works main .works__cntTableTrTdRolesRole .Dottxt:before {
  display: none
}

.single-works main .works__cntTableTrTdRolesRoleMembers {
  display: grid;
  grid-template-columns: repeat(3, 12.4421296296vw);
  gap: 4.1666666667vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRoleMembers {
    grid-template-columns: repeat(3, 29.7709923664vw);
    gap: 4.0712468193vw
  }

}

.single-works main .works__cntTableTrTdRolesRoleMembersMember p+p {
  margin-top: .462962963vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRoleMembersMember p+p {
    margin-top: 2.0356234097vw
  }

}

.single-works main .works__cntTableTrTdRolesRoleMembersMember p.name {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRoleMembersMember p.name {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.single-works main .works__cntTableTrTdRolesRoleMembersMember p.cp {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .single-works main .works__cntTableTrTdRolesRoleMembersMember p.cp {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 2.5445292621vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.single-works main .works__imgs {
  margin-top: 8.8541666667vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__imgs {
    width: 91.8575063613vw;
    margin-top: 19.3384223919vw
  }

}

.single-works main .works__imgs>*+* {
  margin-top: 1.4467592593vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__imgs>*+* {
    margin-top: 4.0712468193vw
  }

}

.single-works main .works__imgs picture {
  background: var(--color-btn-hover-invert)
}

.single-works main .works__imgs picture img {
  object-fit: contain
}

.single-works main .works__imgsPc {
  display: grid;
  gap: 1.4467592593vw 1.3888888889vw;
  grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1024px) {
  .single-works main .works__imgsPc {
    gap: 4.0712468193vw;
    grid-template-columns: repeat(1, 1fr)
  }

}

.single-works main .works__imgsPc picture:nth-of-type(3n-2) {
  grid-column: 1/-1
}

.single-works main .works__imgsSpImg {
  display: grid;
  gap: 1.3888888889vw;
  grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 1024px) {
  .single-works main .works__imgsSpImg {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.0712468193vw
  }

}

.single-works main .works__imgsSpImg>picture {
  width: 24.0740740741vw
}

@media screen and (max-width: 1024px) {
  .single-works main .works__imgsSpImg>picture {
    width: 100%
  }

}

.single-works main .other {
  margin-top: 13.3101851852vw
}

@media screen and (max-width: 1024px) {
  .single-works main .other {
    margin-top: 29.262086514vw
  }

}

@media screen and (max-width: 1024px) {
  .single-works main .other__inner {
    width: 91.8575063613vw
  }

}

.single-works main .other__inner h2 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  margin-left: 2.3148148148vw
}

@media screen and (max-width: 1024px) {
  .single-works main .other__inner h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {
  .single-works main .other__inner h2 {
    margin-left: 6.106870229vw
  }

}

.single-works main .other__innerPosts {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-works main .other__innerPosts {
    margin-top: 6.3613231552vw
  }

}

.single-works main .other__innerPosts>*:nth-of-type(1) {
  border-top: 1px solid var(--color-light)
}

.single-works main .other__innerBtns {
  margin-top: 2.1990740741vw;
  display: flex;
  justify-content: flex-end
}

@media screen and (max-width: 1024px) {
  .single-works main .other__innerBtns {
    margin-top: 6.3613231552vw
  }

}

.page-news-0 main {
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-news-0 main {
    padding-bottom: 38.9312977099vw
  }

}

@media screen and (max-width: 1024px) {
  .page-news-0 main .news__inner {
    width: 91.8575063613vw
  }

}

.page-news-0 main .news__inner .Taxs {
  margin-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-news-0 main .news__inner .Taxs {
    margin-bottom: 9.6692111959vw
  }

}

.page-news-0 main .news__innerPosts.is-filtering {
  opacity: 0;
  transition-duration: .2s !important
}

.page-news-0 main .news__innerPosts.is-filtering * {
  transition-duration: .2s !important
}

.page-contact main .cnts {
  display: flex;
  width: 61.1111111111vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.3981481481vw;
  margin: 0 auto;
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-contact main .cnts {
    width: 91.8575063613vw;
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-contact main .cnts__txt p {
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-contact main .cnts__txt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-contact main .cnts__faq,
.page-contact main .cnts__menus {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.1990740741vw
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faq,
  .page-contact main .cnts__menus {
    width: 100%;
    gap: 7.1246819338vw
  }

}

.page-contact main .cnts__faq h2,
.page-contact main .cnts__menus h2 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faq h2,
  .page-contact main .cnts__menus h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faq .faq__qas .Faq .acc__txt .txt,
  .page-contact main .cnts__menus .faq__qas .Faq .acc__txt .txt {
    flex-basis: 88.6426592798%
  }

}

.page-contact main .cnts__faq .faq__btn,
.page-contact main .cnts__menus .faq__btn {
  display: flex;
  align-self: flex-end
}

.page-contact main .cnts__faqBtns,
.page-contact main .cnts__menusBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.7777777778vw 2.7777777778vw
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtns,
  .page-contact main .cnts__menusBtns {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    gap: 6.106870229vw
  }

}

.page-contact main .cnts__faqBtnsInner,
.page-contact main .cnts__menusBtnsInner {
  width: 19.4444444444vw;
  height: 27.4884259259vw;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner,
  .page-contact main .cnts__menusBtnsInner {
    width: 100%;
    height: auto
  }

}

.page-contact main .cnts__faqBtnsInner a,
.page-contact main .cnts__menusBtnsInner a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2.7777777778vw 1.7361111111vw 1.7361111111vw;
  transition: .35s all ease
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a,
  .page-contact main .cnts__menusBtnsInner a {
    padding: 6.106870229vw 4.3256997455vw
  }

}

@media screen and (min-width:1025px) {

  .page-contact main .cnts__faqBtnsInner a:hover,
  .page-contact main .cnts__menusBtnsInner a:hover {
    background: var(--color-btn-hover-invert)
  }

  .page-contact main .cnts__faqBtnsInner a:hover .arrow,
  .page-contact main .cnts__menusBtnsInner a:hover .arrow {
    background: var(--color-btn-hover)
  }

  .page-contact main .cnts__faqBtnsInner a:hover .arrow .Arrow picture,
  .page-contact main .cnts__menusBtnsInner a:hover .arrow .Arrow picture {
    transition: .4s cubic-bezier(.09, 1, .36, 1) all
  }

  .page-contact main .cnts__faqBtnsInner a:hover .arrow .Arrow picture:nth-of-type(1),
  .page-contact main .cnts__menusBtnsInner a:hover .arrow .Arrow picture:nth-of-type(1) {
    translate: 110% 0
  }

  .page-contact main .cnts__faqBtnsInner a:hover .arrow .Arrow picture:nth-of-type(2),
  .page-contact main .cnts__menusBtnsInner a:hover .arrow .Arrow picture:nth-of-type(2) {
    transition-delay: .4s;
    translate: 0 0
  }

}

.page-contact main .cnts__faqBtnsInner a:focus-visible,
.page-contact main .cnts__menusBtnsInner a:focus-visible {
  background: var(--color-btn-hover-invert)
}

.page-contact main .cnts__faqBtnsInner a:focus-visible .arrow,
.page-contact main .cnts__menusBtnsInner a:focus-visible .arrow {
  background: var(--color-btn-hover)
}

.page-contact main .cnts__faqBtnsInner a:focus-visible .arrow .Arrow picture,
.page-contact main .cnts__menusBtnsInner a:focus-visible .arrow .Arrow picture {
  transition: .4s cubic-bezier(.09, 1, .36, 1) all
}

.page-contact main .cnts__faqBtnsInner a:focus-visible .arrow .Arrow picture:nth-of-type(1),
.page-contact main .cnts__menusBtnsInner a:focus-visible .arrow .Arrow picture:nth-of-type(1) {
  translate: 110% 0
}

.page-contact main .cnts__faqBtnsInner a:focus-visible .arrow .Arrow picture:nth-of-type(2),
.page-contact main .cnts__menusBtnsInner a:focus-visible .arrow .Arrow picture:nth-of-type(2) {
  transition-delay: .4s;
  translate: 0 0
}

.page-contact main .cnts__faqBtnsInner a .ttls,
.page-contact main .cnts__menusBtnsInner a .ttls {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.4467592593vw
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .ttls,
  .page-contact main .cnts__menusBtnsInner a .ttls {
    width: 60.5597964377vw;
    gap: 4.0712468193vw
  }

}

.page-contact main .cnts__faqBtnsInner a .ttls .Ttl .Dottxt,
.page-contact main .cnts__menusBtnsInner a .ttls .Ttl .Dottxt {
  margin-bottom: .9259259259vw
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .ttls .Ttl .Dottxt,
  .page-contact main .cnts__menusBtnsInner a .ttls .Ttl .Dottxt {
    margin-bottom: 2.0356234097vw
  }

}

.page-contact main .cnts__faqBtnsInner a .ttls .Ttl h2,
.page-contact main .cnts__menusBtnsInner a .ttls .Ttl h2 {
  margin-top: 0;
  font-size: 1.3888888889vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .ttls .Ttl h2,
  .page-contact main .cnts__menusBtnsInner a .ttls .Ttl h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-contact main .cnts__faqBtnsInner a .ttls>p,
.page-contact main .cnts__menusBtnsInner a .ttls>p {
  color: var(--color-txt);
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .ttls>p,
  .page-contact main .cnts__menusBtnsInner a .ttls>p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1.6;
    font-weight: 300
  }

}

.page-contact main .cnts__faqBtnsInner a .arrow,
.page-contact main .cnts__menusBtnsInner a .arrow {
  position: absolute;
  bottom: 1.8518518519vw;
  right: 1.8518518519vw;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  padding: 1.0416666667vw .9259259259vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .arrow,
  .page-contact main .cnts__menusBtnsInner a .arrow {
    bottom: 6.106870229vw;
    right: 4.3256997455vw;
    width: 7.6335877863vw;
    height: 7.6335877863vw;
    padding: 3.0534351145vw 2.5445292621vw
  }

}

.page-contact main .cnts__faqBtnsInner a .arrow .Arrow,
.page-contact main .cnts__menusBtnsInner a .arrow .Arrow {
  width: .9259259259vw
}

@media screen and (max-width: 1024px) {

  .page-contact main .cnts__faqBtnsInner a .arrow .Arrow,
  .page-contact main .cnts__menusBtnsInner a .arrow .Arrow {
    width: 2.5445292621vw
  }

}

@media screen and (max-width: 1024px) {
  .page-contact-faq main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.page-contact-faq main .Sidebard__innerCnt .cnts {
  padding-bottom: 10.9375vw;
  background: var(--color-bg)
}

@media screen and (max-width: 1024px) {
  .page-contact-faq main .Sidebard__innerCnt .cnts .faq__qas .Faq .acc__txt .txt {
    flex-basis: 88.6426592798%
  }

}

.page-contact-faq main .Sidebard__innerCnt .cnts .faq__btn {
  display: flex;
  align-self: flex-end
}

@media screen and (max-width: 1024px) {
  .page-contact-other main .Mv__inner .Ttl h1 {
    line-height: 1.3
  }

}

.page-contact-talk-thanks .header__abRight .Btn,
.page-contact-talk-thanks .header__bar,
.page-contact-talk-thanks .footer__upper,
.page-contact-talk-thanks .footer__lower,
.page-contact-talk-thanks .footer__logo {
  display: none
}

.page-contact-talk-thanks .footer__items {
  display: flex;
  justify-content: center;
  padding-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks .footer__items {
    padding-bottom: 9.6692111959vw
  }

}

.page-contact-talk-thanks .footer__items p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks .footer__items p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.page-contact-talk-thanks .footer__items .footer__lowerInnerBottomRightTop {
  display: none
}

.page-contact-talk-thanks main .Bread {
  display: none
}

.page-contact-talk-thanks main .cnt {
  display: flex;
  width: 52.4305555556vw;
  align-items: flex-start;
  gap: 14.7569444444vw;
  margin: 0 auto 0 32.2916666667vw;
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt {
    flex-direction: column-reverse;
    align-items: center;
    width: 91.8575063613vw;
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw;
    margin: 0 auto
  }

}

.page-contact-talk-thanks main .cnt__txts {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.page-contact-talk-thanks main .cnt__txts h2 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__txts h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-contact-talk-thanks main .cnt__txts>p {
  margin-top: 2.1990740741vw;
  white-space: nowrap;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__txts>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__txts>p {
    margin-top: 6.3613231552vw
  }

}

.page-contact-talk-thanks main .cnt__txts .Arrowbtn {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__txts .Arrowbtn {
    margin-top: 12.9770992366vw
  }

}

.page-contact-talk-thanks main .cnt__bar {
  position: sticky;
  top: 4.6296296296vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8518518519vw
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__bar {
    width: 100%;
    position: relative;
    top: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12.4681933842vw
  }

}

.page-contact-talk-thanks main .cnt__barTxt {
  position: relative
}

.page-contact-talk-thanks main .cnt__barTxt p {
  position: relative;
  padding-left: 1.7361111111vw;
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  white-space: nowrap;
  color: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__barTxt p {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__barTxt p {
    padding-left: 5.0890585242vw
  }

}

.page-contact-talk-thanks main .cnt__barTxt p:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: .8101851852vw;
  aspect-ratio: 1;
  border-radius: 2px;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__barTxt p:before {
    width: 3.0534351145vw
  }

}

.page-contact-talk-thanks main .cnt__barTxt:nth-child(n+2):before {
  position: absolute;
  content: "";
  top: -1.6203703704vw;
  left: .3472222222vw;
  width: 1px;
  height: 1.4467592593vw;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-talk-thanks main .cnt__barTxt:nth-child(n+2):before {
    top: 50%;
    left: -9.4147582697vw;
    transform: translateY(-50%);
    width: 6.3613231552vw;
    height: 1px
  }

}

.page-contact-talk-thanks main .cnt__barTxt.is-crnt p {
  color: var(--color-txt)
}

.page-contact-talk-thanks main .cnt__barTxt.is-crnt p:before {
  background: var(--color-txt)
}

.page-contact-career-thanks .header__abRight .Btn,
.page-contact-career-thanks .header__bar,
.page-contact-career-thanks .footer__upper,
.page-contact-career-thanks .footer__lower,
.page-contact-career-thanks .footer__logo {
  display: none
}

.page-contact-career-thanks .footer__items {
  display: flex;
  justify-content: center;
  padding-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks .footer__items {
    padding-bottom: 9.6692111959vw
  }

}

.page-contact-career-thanks .footer__items p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks .footer__items p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.page-contact-career-thanks .footer__items .footer__lowerInnerBottomRightTop {
  display: none
}

.page-contact-career-thanks main .Bread {
  display: none
}

.page-contact-career-thanks main .cnt {
  display: flex;
  width: 52.4305555556vw;
  align-items: flex-start;
  gap: 14.7569444444vw;
  margin: 0 auto 0 32.2916666667vw;
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt {
    flex-direction: column-reverse;
    align-items: center;
    width: 91.8575063613vw;
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw;
    margin: 0 auto
  }

}

.page-contact-career-thanks main .cnt__txts {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.page-contact-career-thanks main .cnt__txts h2 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__txts h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-contact-career-thanks main .cnt__txts>p {
  margin-top: 2.1990740741vw;
  white-space: nowrap;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__txts>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__txts>p {
    margin-top: 6.3613231552vw
  }

}

.page-contact-career-thanks main .cnt__txts .Arrowbtn {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__txts .Arrowbtn {
    margin-top: 12.9770992366vw
  }

}

.page-contact-career-thanks main .cnt__bar {
  position: sticky;
  top: 4.6296296296vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8518518519vw
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__bar {
    width: 100%;
    position: relative;
    top: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12.4681933842vw
  }

}

.page-contact-career-thanks main .cnt__barTxt {
  position: relative
}

.page-contact-career-thanks main .cnt__barTxt p {
  position: relative;
  padding-left: 1.7361111111vw;
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  white-space: nowrap;
  color: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__barTxt p {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__barTxt p {
    padding-left: 5.0890585242vw
  }

}

.page-contact-career-thanks main .cnt__barTxt p:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: .8101851852vw;
  aspect-ratio: 1;
  border-radius: 2px;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__barTxt p:before {
    width: 3.0534351145vw
  }

}

.page-contact-career-thanks main .cnt__barTxt:nth-child(n+2):before {
  position: absolute;
  content: "";
  top: -1.6203703704vw;
  left: .3472222222vw;
  width: 1px;
  height: 1.4467592593vw;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {
  .page-contact-career-thanks main .cnt__barTxt:nth-child(n+2):before {
    top: 50%;
    left: -9.4147582697vw;
    transform: translateY(-50%);
    width: 6.3613231552vw;
    height: 1px
  }

}

.page-contact-career-thanks main .cnt__barTxt.is-crnt p {
  color: var(--color-txt)
}

.page-contact-career-thanks main .cnt__barTxt.is-crnt p:before {
  background: var(--color-txt)
}

.page-contact-talk .header__bar,
.page-contact-career .header__bar,
.page-contact-other .header__bar,
.page-contact-thanks .header__bar,
.page-404 .header__bar,
.page-contact-talk .header__abRight .Btn,
.page-contact-career .header__abRight .Btn,
.page-contact-other .header__abRight .Btn,
.page-contact-thanks .header__abRight .Btn,
.page-404 .header__abRight .Btn,
.page-contact-talk .footer__upper,
.page-contact-talk .footer__lower,
.page-contact-talk .footer__logo,
.page-contact-career .footer__upper,
.page-contact-career .footer__lower,
.page-contact-career .footer__logo,
.page-contact-other .footer__upper,
.page-contact-other .footer__lower,
.page-contact-other .footer__logo,
.page-contact-thanks .footer__upper,
.page-contact-thanks .footer__lower,
.page-contact-thanks .footer__logo,
.page-404 .footer__upper,
.page-404 .footer__lower,
.page-404 .footer__logo {
  display: none
}

.page-contact-talk .footer__items,
.page-contact-career .footer__items,
.page-contact-other .footer__items,
.page-contact-thanks .footer__items,
.page-404 .footer__items {
  display: flex;
  justify-content: center;
  padding-bottom: 4.3981481481vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .footer__items,
  .page-contact-career .footer__items,
  .page-contact-other .footer__items,
  .page-contact-thanks .footer__items,
  .page-404 .footer__items {
    padding-bottom: 9.6692111959vw
  }

}

.page-contact-talk .footer__items p,
.page-contact-career .footer__items p,
.page-contact-other .footer__items p,
.page-contact-thanks .footer__items p,
.page-404 .footer__items p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .footer__items p,
  .page-contact-career .footer__items p,
  .page-contact-other .footer__items p,
  .page-contact-thanks .footer__items p,
  .page-404 .footer__items p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 400
  }

}

.page-contact-talk .footer__items .footer__lowerInnerBottomRightTop,
.page-contact-career .footer__items .footer__lowerInnerBottomRightTop,
.page-contact-other .footer__items .footer__lowerInnerBottomRightTop,
.page-contact-thanks .footer__items .footer__lowerInnerBottomRightTop,
.page-404 .footer__items .footer__lowerInnerBottomRightTop,
.page-contact-talk .Bread,
.page-contact-career .Bread,
.page-contact-other .Bread {
  display: none
}

.page-contact-talk .cnt,
.page-contact-career .cnt,
.page-contact-other .cnt {
  display: flex;
  align-items: flex-start;
  gap: 9.7222222222vw;
  width: 69.4444444444vw;
  margin: 0 auto;
  padding-bottom: 11.8055555556vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt,
  .page-contact-career .cnt,
  .page-contact-other .cnt {
    flex-direction: column-reverse;
    gap: 12.9770992366vw;
    width: 91.8575063613vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-contact-talk .cnt form,
.page-contact-career .cnt form,
.page-contact-other .cnt form {
  width: 55.5555555556vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form,
  .page-contact-career .cnt form,
  .page-contact-other .cnt form {
    width: 100%
  }

}

.page-contact-talk .cnt form .field,
.page-contact-career .cnt form .field,
.page-contact-other .cnt form .field {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field,
  .page-contact-career .cnt form .field,
  .page-contact-other .cnt form .field {
    flex-direction: column;
    gap: 3.0534351145vw
  }

}

.page-contact-talk .cnt form .field:nth-child(n+3),
.page-contact-career .cnt form .field:nth-child(n+3),
.page-contact-other .cnt form .field:nth-child(n+3) {
  margin-top: 3.2986111111vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field:nth-child(n+3),
  .page-contact-career .cnt form .field:nth-child(n+3),
  .page-contact-other .cnt form .field:nth-child(n+3) {
    margin-top: 9.6692111959vw
  }

}

.page-contact-talk .cnt form .field__label,
.page-contact-career .cnt form .field__label,
.page-contact-other .cnt form .field__label {
  display: flex;
  align-items: center;
  gap: .6944444444vw;
  padding-top: .7523148148vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__label,
  .page-contact-career .cnt form .field__label,
  .page-contact-other .cnt form .field__label {
    gap: 3.0534351145vw;
    padding: 0
  }

}

.page-contact-talk .cnt form .field__label.type-check,
.page-contact-career .cnt form .field__label.type-check,
.page-contact-other .cnt form .field__label.type-check {
  align-items: flex-start
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__label.type-check .field__labelName,
  .page-contact-career .cnt form .field__label.type-check .field__labelName,
  .page-contact-other .cnt form .field__label.type-check .field__labelName {
    display: flex;
    align-items: center;
    gap: 3.0534351145vw
  }

}

.page-contact-talk .cnt form .field__label.type-check .field__labelName span,
.page-contact-career .cnt form .field__label.type-check .field__labelName span,
.page-contact-other .cnt form .field__label.type-check .field__labelName span {
  display: inline-flex;
  margin-top: .462962963vw;
  color: #b0b0b0;
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__label.type-check .field__labelName span,
  .page-contact-career .cnt form .field__label.type-check .field__labelName span,
  .page-contact-other .cnt form .field__label.type-check .field__labelName span {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__label.type-check .field__labelName span,
  .page-contact-career .cnt form .field__label.type-check .field__labelName span,
  .page-contact-other .cnt form .field__label.type-check .field__labelName span {
    margin-top: 0
  }

}

.page-contact-talk .cnt form .field__labelTag,
.page-contact-career .cnt form .field__labelTag,
.page-contact-other .cnt form .field__labelTag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .462962963vw .6944444444vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__labelTag,
  .page-contact-career .cnt form .field__labelTag,
  .page-contact-other .cnt form .field__labelTag {
    padding: 2.0356234097vw 3.0534351145vw
  }

}

.page-contact-talk .cnt form .field__labelTag p,
.page-contact-career .cnt form .field__labelTag p,
.page-contact-other .cnt form .field__labelTag p {
  font-size: .6944444444vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-bg)
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__labelTag p,
  .page-contact-career .cnt form .field__labelTag p,
  .page-contact-other .cnt form .field__labelTag p {
    font-size: 3.0534351145vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-contact-talk .cnt form .field__labelTag.bg-invert,
.page-contact-career .cnt form .field__labelTag.bg-invert,
.page-contact-other .cnt form .field__labelTag.bg-invert {
  background: var(--color-bg);
  border: 1px solid var(--color-txt)
}

.page-contact-talk .cnt form .field__labelTag.bg-invert p,
.page-contact-career .cnt form .field__labelTag.bg-invert p,
.page-contact-other .cnt form .field__labelTag.bg-invert p {
  color: var(--color-txt)
}

.page-contact-talk .cnt form .field__label h2,
.page-contact-career .cnt form .field__label h2,
.page-contact-other .cnt form .field__label h2 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__label h2,
  .page-contact-career .cnt form .field__label h2,
  .page-contact-other .cnt form .field__label h2 {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.page-contact-talk .cnt form .field__radio,
.page-contact-career .cnt form .field__radio,
.page-contact-other .cnt form .field__radio {
  display: flex;
  flex-wrap: wrap;
  width: 38.8888888889vw;
  align-items: center;
  gap: .6944444444vw;
  padding-top: .7523148148vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio,
  .page-contact-career .cnt form .field__radio,
  .page-contact-other .cnt form .field__radio {
    width: 91.8575063613vw;
    padding: 0
  }

}

.page-contact-talk .cnt form .field__radio>p:last-child,
.page-contact-career .cnt form .field__radio>p:last-child,
.page-contact-other .cnt form .field__radio>p:last-child {
  display: none;
  width: 100%;
  margin: 0
}

.page-contact-talk .cnt form .field__radio>p:last-child:has(.error),
.page-contact-career .cnt form .field__radio>p:last-child:has(.error),
.page-contact-other .cnt form .field__radio>p:last-child:has(.error) {
  display: block
}

.page-contact-talk .cnt form .field__radio.radio-select,
.page-contact-career .cnt form .field__radio.radio-select,
.page-contact-other .cnt form .field__radio.radio-select {
  display: block;
  padding-top: .9837962963vw
}

.page-contact-talk .cnt form .field__radio.radio-select .radio-select-row,
.page-contact-career .cnt form .field__radio.radio-select .radio-select-row,
.page-contact-other .cnt form .field__radio.radio-select .radio-select-row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: .6944444444vw
}

.page-contact-talk .cnt form .field__radio.radio-select .in-ja,
.page-contact-talk .cnt form .field__radio.radio-select .non-ja,
.page-contact-career .cnt form .field__radio.radio-select .in-ja,
.page-contact-career .cnt form .field__radio.radio-select .non-ja,
.page-contact-other .cnt form .field__radio.radio-select .in-ja,
.page-contact-other .cnt form .field__radio.radio-select .non-ja {
  position: relative;
  display: none;
  width: 38.8888888889vw;
  align-items: center;
  gap: .6944444444vw;
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio.radio-select .in-ja,
  .page-contact-talk .cnt form .field__radio.radio-select .non-ja,
  .page-contact-career .cnt form .field__radio.radio-select .in-ja,
  .page-contact-career .cnt form .field__radio.radio-select .non-ja,
  .page-contact-other .cnt form .field__radio.radio-select .in-ja,
  .page-contact-other .cnt form .field__radio.radio-select .non-ja {
    width: 91.8575063613vw;
    margin-top: 3.0534351145vw
  }

}

.page-contact-talk .cnt form .field__radio.radio-select .in-ja.is-active,
.page-contact-talk .cnt form .field__radio.radio-select .non-ja.is-active,
.page-contact-career .cnt form .field__radio.radio-select .in-ja.is-active,
.page-contact-career .cnt form .field__radio.radio-select .non-ja.is-active,
.page-contact-other .cnt form .field__radio.radio-select .in-ja.is-active,
.page-contact-other .cnt form .field__radio.radio-select .non-ja.is-active {
  display: flex !important
}

.page-contact-talk .cnt form .field__radio.radio-select .in-ja select,
.page-contact-talk .cnt form .field__radio.radio-select .non-ja select,
.page-contact-career .cnt form .field__radio.radio-select .in-ja select,
.page-contact-career .cnt form .field__radio.radio-select .non-ja select,
.page-contact-other .cnt form .field__radio.radio-select .in-ja select,
.page-contact-other .cnt form .field__radio.radio-select .non-ja select {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  display: flex;
  align-items: flex-start;
  width: 38.8888888889vw;
  padding: 1.099537037vw 1.3888888889vw;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  background: #fff;
  color: #141414;
  appearance: none
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-talk .cnt form .field__radio.radio-select .non-ja select,
  .page-contact-career .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-career .cnt form .field__radio.radio-select .non-ja select,
  .page-contact-other .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-other .cnt form .field__radio.radio-select .non-ja select {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-talk .cnt form .field__radio.radio-select .non-ja select,
  .page-contact-career .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-career .cnt form .field__radio.radio-select .non-ja select,
  .page-contact-other .cnt form .field__radio.radio-select .in-ja select,
  .page-contact-other .cnt form .field__radio.radio-select .non-ja select {
    width: 91.8575063613vw;
    padding: 4.0712468193vw
  }

}

.page-contact-talk .cnt form .field__radio.radio-select .in-ja select::placeholder,
.page-contact-talk .cnt form .field__radio.radio-select .non-ja select::placeholder,
.page-contact-career .cnt form .field__radio.radio-select .in-ja select::placeholder,
.page-contact-career .cnt form .field__radio.radio-select .non-ja select::placeholder,
.page-contact-other .cnt form .field__radio.radio-select .in-ja select::placeholder,
.page-contact-other .cnt form .field__radio.radio-select .non-ja select::placeholder {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  color: #b0b0b0
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio.radio-select .in-ja select::placeholder,
  .page-contact-talk .cnt form .field__radio.radio-select .non-ja select::placeholder,
  .page-contact-career .cnt form .field__radio.radio-select .in-ja select::placeholder,
  .page-contact-career .cnt form .field__radio.radio-select .non-ja select::placeholder,
  .page-contact-other .cnt form .field__radio.radio-select .in-ja select::placeholder,
  .page-contact-other .cnt form .field__radio.radio-select .non-ja select::placeholder {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.page-contact-talk .cnt form .field__radio.radio-select .in-ja picture,
.page-contact-talk .cnt form .field__radio.radio-select .non-ja picture,
.page-contact-career .cnt form .field__radio.radio-select .in-ja picture,
.page-contact-career .cnt form .field__radio.radio-select .non-ja picture,
.page-contact-other .cnt form .field__radio.radio-select .in-ja picture,
.page-contact-other .cnt form .field__radio.radio-select .non-ja picture {
  position: absolute;
  top: 50%;
  right: 1.3888888889vw;
  transform: translateY(-50%);
  width: .6365740741vw;
  aspect-ratio: 11/6;
  line-height: 0;
  pointer-events: none
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio.radio-select .in-ja picture,
  .page-contact-talk .cnt form .field__radio.radio-select .non-ja picture,
  .page-contact-career .cnt form .field__radio.radio-select .in-ja picture,
  .page-contact-career .cnt form .field__radio.radio-select .non-ja picture,
  .page-contact-other .cnt form .field__radio.radio-select .in-ja picture,
  .page-contact-other .cnt form .field__radio.radio-select .non-ja picture {
    right: 4.0712468193vw;
    width: 3.5623409669vw
  }

}

.page-contact-talk .cnt form .field__radio.radio-select>p:last-child,
.page-contact-career .cnt form .field__radio.radio-select>p:last-child,
.page-contact-other .cnt form .field__radio.radio-select>p:last-child {
  display: none;
  width: 100%;
  margin: 0
}

.page-contact-talk .cnt form .field__radio.radio-select>p:last-child:has(.error),
.page-contact-career .cnt form .field__radio.radio-select>p:last-child:has(.error),
.page-contact-other .cnt form .field__radio.radio-select>p:last-child:has(.error) {
  display: block
}

.page-contact-talk .cnt form .field__radio label,
.page-contact-career .cnt form .field__radio label,
.page-contact-other .cnt form .field__radio label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: .6944444444vw;
  margin-right: 2.7777777778vw;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  position: relative
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio label,
  .page-contact-career .cnt form .field__radio label,
  .page-contact-other .cnt form .field__radio label {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio label,
  .page-contact-career .cnt form .field__radio label,
  .page-contact-other .cnt form .field__radio label {
    white-space: nowrap;
    margin-right: 8.1424936387vw
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio label,
  .page-contact-career .cnt form .field__radio label,
  .page-contact-other .cnt form .field__radio label {
    row-gap: 4.0712468193vw
  }

}

.page-contact-talk .cnt form .field__radio label input[type=radio],
.page-contact-career .cnt form .field__radio label input[type=radio],
.page-contact-other .cnt form .field__radio label input[type=radio] {
  appearance: none;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin-right: .6944444444vw;
  border: 1px solid var(--color-txt);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio label input[type=radio],
  .page-contact-career .cnt form .field__radio label input[type=radio],
  .page-contact-other .cnt form .field__radio label input[type=radio] {
    width: 4.0712468193vw;
    height: 4.0712468193vw;
    margin-right: 2.0356234097vw
  }

}

.page-contact-talk .cnt form .field__radio label input[type=radio]:after,
.page-contact-career .cnt form .field__radio label input[type=radio]:after,
.page-contact-other .cnt form .field__radio label input[type=radio]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .5787037037vw;
  height: .5787037037vw;
  background-color: var(--color-txt);
  border-radius: 50%;
  opacity: 0;
  transition: .35s all ease
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__radio label input[type=radio]:after,
  .page-contact-career .cnt form .field__radio label input[type=radio]:after,
  .page-contact-other .cnt form .field__radio label input[type=radio]:after {
    width: 2.0356234097vw;
    height: 2.0356234097vw
  }

}

.page-contact-talk .cnt form .field__radio label input[type=radio]:checked:after,
.page-contact-career .cnt form .field__radio label input[type=radio]:checked:after,
.page-contact-other .cnt form .field__radio label input[type=radio]:checked:after {
  opacity: 1
}

.page-contact-talk .cnt form .field__check,
.page-contact-career .cnt form .field__check,
.page-contact-other .cnt form .field__check {
  display: flex;
  flex-wrap: wrap;
  width: 38.8888888889vw;
  align-items: center;
  gap: .6944444444vw;
  padding-top: .7523148148vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__check,
  .page-contact-career .cnt form .field__check,
  .page-contact-other .cnt form .field__check {
    width: 91.8575063613vw;
    padding: 0
  }

}

.page-contact-talk .cnt form .field__check>p:last-child,
.page-contact-career .cnt form .field__check>p:last-child,
.page-contact-other .cnt form .field__check>p:last-child {
  display: none;
  width: 100%;
  margin: 0
}

.page-contact-talk .cnt form .field__check>p:last-child:has(.error),
.page-contact-career .cnt form .field__check>p:last-child:has(.error),
.page-contact-other .cnt form .field__check>p:last-child:has(.error) {
  display: block
}

.page-contact-talk .cnt form .field__checkList,
.page-contact-career .cnt form .field__checkList,
.page-contact-other .cnt form .field__checkList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: .6944444444vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__checkList,
  .page-contact-career .cnt form .field__checkList,
  .page-contact-other .cnt form .field__checkList {
    row-gap: 4.0712468193vw
  }

}

.page-contact-talk .cnt form .field__checkList .list,
.page-contact-career .cnt form .field__checkList .list,
.page-contact-other .cnt form .field__checkList .list {
  display: flex;
  align-items: center
}

.page-contact-talk .cnt form .field__checkList .list input,
.page-contact-career .cnt form .field__checkList .list input,
.page-contact-other .cnt form .field__checkList .list input {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin-right: .6944444444vw;
  accent-color: var(--color-txt);
  cursor: pointer
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__checkList .list input,
  .page-contact-career .cnt form .field__checkList .list input,
  .page-contact-other .cnt form .field__checkList .list input {
    width: 4.0712468193vw;
    height: 4.0712468193vw;
    margin-right: 2.0356234097vw
  }

}

.page-contact-talk .cnt form .field__checkList .list span,
.page-contact-career .cnt form .field__checkList .list span,
.page-contact-other .cnt form .field__checkList .list span {
  margin-right: 2.7777777778vw;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__checkList .list span,
  .page-contact-career .cnt form .field__checkList .list span,
  .page-contact-other .cnt form .field__checkList .list span {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__checkList .list span,
  .page-contact-career .cnt form .field__checkList .list span,
  .page-contact-other .cnt form .field__checkList .list span {
    white-space: nowrap;
    margin-right: 8.1424936387vw
  }

}

.page-contact-talk .cnt form .field__select,
.page-contact-career .cnt form .field__select,
.page-contact-other .cnt form .field__select {
  position: relative;
  display: flex;
  width: 38.8888888889vw;
  align-items: center;
  gap: .6944444444vw;
  flex-wrap: wrap
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__select,
  .page-contact-career .cnt form .field__select,
  .page-contact-other .cnt form .field__select {
    width: 91.8575063613vw;
    padding: 0
  }

}

.page-contact-talk .cnt form .field__select select,
.page-contact-career .cnt form .field__select select,
.page-contact-other .cnt form .field__select select {
  width: 100%;
  border-radius: 2px;
  padding-left: .9259259259vw;
  appearance: none;
  color: #141414;
  cursor: pointer
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__select select,
  .page-contact-career .cnt form .field__select select,
  .page-contact-other .cnt form .field__select select {
    height: 13.7404580153vw;
    padding-left: 4.3256997455vw
  }

}

.page-contact-talk .cnt form .field__select picture,
.page-contact-career .cnt form .field__select picture,
.page-contact-other .cnt form .field__select picture {
  position: absolute;
  top: 1.3888888889vw;
  right: 1.3888888889vw;
  width: .6365740741vw;
  aspect-ratio: 11/6;
  line-height: 0;
  pointer-events: none
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field__select picture,
  .page-contact-career .cnt form .field__select picture,
  .page-contact-other .cnt form .field__select picture {
    top: 6.106870229vw;
    right: 4.0712468193vw;
    width: 2.7989821883vw
  }

}

.page-contact-talk .cnt form .field__select>p:last-child,
.page-contact-career .cnt form .field__select>p:last-child,
.page-contact-other .cnt form .field__select>p:last-child {
  width: 100%;
  margin: 0
}

.page-contact-talk .cnt form .field__select>p:last-child:has(.error),
.page-contact-career .cnt form .field__select>p:last-child:has(.error),
.page-contact-other .cnt form .field__select>p:last-child:has(.error) {
  display: block
}

.page-contact-talk .cnt form .field>p input,
.page-contact-talk .cnt form .field>p textarea,
.page-contact-talk .cnt form .field>p select,
.page-contact-career .cnt form .field>p input,
.page-contact-career .cnt form .field>p textarea,
.page-contact-career .cnt form .field>p select,
.page-contact-other .cnt form .field>p input,
.page-contact-other .cnt form .field>p textarea,
.page-contact-other .cnt form .field>p select {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  display: flex;
  align-items: flex-start;
  width: 38.8888888889vw;
  padding: 1.099537037vw 1.3888888889vw;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  background: #fff
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p input,
  .page-contact-talk .cnt form .field>p textarea,
  .page-contact-talk .cnt form .field>p select,
  .page-contact-career .cnt form .field>p input,
  .page-contact-career .cnt form .field>p textarea,
  .page-contact-career .cnt form .field>p select,
  .page-contact-other .cnt form .field>p input,
  .page-contact-other .cnt form .field>p textarea,
  .page-contact-other .cnt form .field>p select {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p input,
  .page-contact-talk .cnt form .field>p textarea,
  .page-contact-talk .cnt form .field>p select,
  .page-contact-career .cnt form .field>p input,
  .page-contact-career .cnt form .field>p textarea,
  .page-contact-career .cnt form .field>p select,
  .page-contact-other .cnt form .field>p input,
  .page-contact-other .cnt form .field>p textarea,
  .page-contact-other .cnt form .field>p select {
    width: 91.8575063613vw;
    padding: 4.0712468193vw;
    align-items: center
  }

}

.page-contact-talk .cnt form .field>p input::placeholder,
.page-contact-talk .cnt form .field>p textarea::placeholder,
.page-contact-talk .cnt form .field>p select::placeholder,
.page-contact-career .cnt form .field>p input::placeholder,
.page-contact-career .cnt form .field>p textarea::placeholder,
.page-contact-career .cnt form .field>p select::placeholder,
.page-contact-other .cnt form .field>p input::placeholder,
.page-contact-other .cnt form .field>p textarea::placeholder,
.page-contact-other .cnt form .field>p select::placeholder {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  color: #b0b0b0
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p input::placeholder,
  .page-contact-talk .cnt form .field>p textarea::placeholder,
  .page-contact-talk .cnt form .field>p select::placeholder,
  .page-contact-career .cnt form .field>p input::placeholder,
  .page-contact-career .cnt form .field>p textarea::placeholder,
  .page-contact-career .cnt form .field>p select::placeholder,
  .page-contact-other .cnt form .field>p input::placeholder,
  .page-contact-other .cnt form .field>p textarea::placeholder,
  .page-contact-other .cnt form .field>p select::placeholder {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

.page-contact-talk .cnt form .field>p textarea,
.page-contact-career .cnt form .field>p textarea,
.page-contact-other .cnt form .field>p textarea {
  height: 14.6412037037vw;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  resize: vertical
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p textarea,
  .page-contact-career .cnt form .field>p textarea,
  .page-contact-other .cnt form .field>p textarea {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p textarea,
  .page-contact-career .cnt form .field>p textarea,
  .page-contact-other .cnt form .field>p textarea {
    height: 40.7124681934vw
  }

}

.page-contact-talk .cnt form .field>p textarea::placeholder,
.page-contact-career .cnt form .field>p textarea::placeholder,
.page-contact-other .cnt form .field>p textarea::placeholder {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .field>p textarea::placeholder,
  .page-contact-career .cnt form .field>p textarea::placeholder,
  .page-contact-other .cnt form .field>p textarea::placeholder {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-contact-talk .cnt form .error,
.page-contact-career .cnt form .error,
.page-contact-other .cnt form .error {
  font-size: .8101851852vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  display: block;
  margin-top: .9259259259vw;
  color: #dc3232
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .error,
  .page-contact-career .cnt form .error,
  .page-contact-other .cnt form .error {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .error,
  .page-contact-career .cnt form .error,
  .page-contact-other .cnt form .error {
    margin-top: 3.0534351145vw
  }

}

.page-contact-talk .cnt form .confirm,
.page-contact-career .cnt form .confirm,
.page-contact-other .cnt form .confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2986111111vw;
  margin-top: 6.6550925926vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .confirm,
  .page-contact-career .cnt form .confirm,
  .page-contact-other .cnt form .confirm {
    gap: 9.6692111959vw;
    margin-top: 19.3384223919vw
  }

}

.page-contact-talk .cnt form .confirm__inner p,
.page-contact-career .cnt form .confirm__inner p,
.page-contact-other .cnt form .confirm__inner p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: center
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .confirm__inner p,
  .page-contact-career .cnt form .confirm__inner p,
  .page-contact-other .cnt form .confirm__inner p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.page-contact-talk .cnt form .confirm__inner p a,
.page-contact-career .cnt form .confirm__inner p a,
.page-contact-other .cnt form .confirm__inner p a {
  position: relative;
  padding-bottom: .2314814815vw;
  color: var(--color-txt)
}

@media screen and (min-width:1025px) {

  .page-contact-talk .cnt form .confirm__inner p a:hover:before,
  .page-contact-career .cnt form .confirm__inner p a:hover:before,
  .page-contact-other .cnt form .confirm__inner p a:hover:before {
    transform-origin: right center;
    scale: 0 1
  }

}

.page-contact-talk .cnt form .confirm__inner p a:focus-visible:before,
.page-contact-career .cnt form .confirm__inner p a:focus-visible:before,
.page-contact-other .cnt form .confirm__inner p a:focus-visible:before {
  transform-origin: right center;
  scale: 0 1
}

.page-contact-talk .cnt form .confirm__inner p a:before,
.page-contact-career .cnt form .confirm__inner p a:before,
.page-contact-other .cnt form .confirm__inner p a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  transform-origin: left center;
  width: 100%;
  height: 1px;
  background: var(--color-txt);
  transition: scale .12s ease-out;
  scale: 1 1
}

.page-contact-talk .cnt form .confirm__inner p span,
.page-contact-career .cnt form .confirm__inner p span,
.page-contact-other .cnt form .confirm__inner p span {
  display: inline-block;
  transform: translate(-.2893518519vw, -.5208333333vw);
  width: .4050925926vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt form .confirm__inner p span,
  .page-contact-career .cnt form .confirm__inner p span,
  .page-contact-other .cnt form .confirm__inner p span {
    transform: translate(-1.0178117048vw, -1.7811704835vw);
    width: 1.7811704835vw
  }

}

[data-theme=dark] .page-contact-talk .cnt form .confirm__inner p span svg,
[data-theme=dark] .page-contact-career .cnt form .confirm__inner p span svg,
[data-theme=dark] .page-contact-other .cnt form .confirm__inner p span svg {
  filter: brightness(0) invert(1)
}

.page-contact-talk .cnt form .confirm>button,
.page-contact-career .cnt form .confirm>button,
.page-contact-other .cnt form .confirm>button {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

.page-contact-talk .cnt__bar,
.page-contact-career .cnt__bar,
.page-contact-other .cnt__bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8518518519vw;
  position: sticky;
  top: 4.6296296296vw
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt__bar,
  .page-contact-career .cnt__bar,
  .page-contact-other .cnt__bar {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12.4681933842vw;
    position: relative;
    top: auto;
    width: 100%
  }

}

.page-contact-talk .cnt__barTxt,
.page-contact-career .cnt__barTxt,
.page-contact-other .cnt__barTxt {
  position: relative
}

.page-contact-talk .cnt__barTxt p,
.page-contact-career .cnt__barTxt p,
.page-contact-other .cnt__barTxt p {
  font-size: 1.1574074074vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 300;
  position: relative;
  padding-left: 1.7361111111vw;
  color: #d9d9d9;
  white-space: nowrap
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt__barTxt p,
  .page-contact-career .cnt__barTxt p,
  .page-contact-other .cnt__barTxt p {
    font-size: 4.5801526718vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt__barTxt p,
  .page-contact-career .cnt__barTxt p,
  .page-contact-other .cnt__barTxt p {
    padding-left: 5.0890585242vw
  }

}

[data-theme=dark] .page-contact-talk .cnt__barTxt p,
[data-theme=dark] .page-contact-career .cnt__barTxt p,
[data-theme=dark] .page-contact-other .cnt__barTxt p {
  color: #585858
}

.page-contact-talk .cnt__barTxt p:before,
.page-contact-career .cnt__barTxt p:before,
.page-contact-other .cnt__barTxt p:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: .8101851852vw;
  aspect-ratio: 1;
  border-radius: 2px;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt__barTxt p:before,
  .page-contact-career .cnt__barTxt p:before,
  .page-contact-other .cnt__barTxt p:before {
    width: 3.0534351145vw
  }

}

[data-theme=dark] .page-contact-talk .cnt__barTxt p:before,
[data-theme=dark] .page-contact-career .cnt__barTxt p:before,
[data-theme=dark] .page-contact-other .cnt__barTxt p:before {
  background: #585858
}

.page-contact-talk .cnt__barTxt:nth-child(n+2):before,
.page-contact-career .cnt__barTxt:nth-child(n+2):before,
.page-contact-other .cnt__barTxt:nth-child(n+2):before {
  position: absolute;
  content: "";
  top: -1.6203703704vw;
  left: .3472222222vw;
  width: 1px;
  height: 1.4467592593vw;
  background: #d9d9d9
}

@media screen and (max-width: 1024px) {

  .page-contact-talk .cnt__barTxt:nth-child(n+2):before,
  .page-contact-career .cnt__barTxt:nth-child(n+2):before,
  .page-contact-other .cnt__barTxt:nth-child(n+2):before {
    top: 50%;
    left: -9.4147582697vw;
    transform: translateY(-50%);
    width: 6.3613231552vw;
    height: 1px
  }

}

[data-theme=dark] .page-contact-talk .cnt__barTxt:nth-child(n+2):before,
[data-theme=dark] .page-contact-career .cnt__barTxt:nth-child(n+2):before,
[data-theme=dark] .page-contact-other .cnt__barTxt:nth-child(n+2):before {
  background: #585858
}

.page-contact-talk .cnt__barTxt.is-crnt p,
.page-contact-career .cnt__barTxt.is-crnt p,
.page-contact-other .cnt__barTxt.is-crnt p {
  color: var(--color-txt)
}

.page-contact-talk .cnt__barTxt.is-crnt p:before,
.page-contact-career .cnt__barTxt.is-crnt p:before,
.page-contact-other .cnt__barTxt.is-crnt p:before {
  background: var(--color-txt)
}

.single-news main {
  padding-top: 16.6087962963vw
}

@media screen and (max-width: 1024px) {
  .single-news main {
    padding-top: 43.7659033079vw
  }

}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__inner .Sidebar {
    margin-top: 19.3384223919vw
  }

}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt {
    width: 100%;
    padding: 0
  }

}

.single-news main .Sidebard__innerCnt .news__info {
  margin-bottom: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__info {
    margin-bottom: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__infoUpper {
  display: flex;
  align-items: flex-start;
  gap: 1.3888888889vw;
  margin-bottom: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__infoUpper {
    gap: 4.0712468193vw;
    margin-bottom: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__infoUpper p.date {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__infoUpper p.date {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .02em;
    line-height: 1;
    font-weight: 400
  }

}

.single-news main .Sidebard__innerCnt .news__infoUpper p.tag {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: .6944444444vw;
  letter-spacing: .02em;
  line-height: 1;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__infoUpper p.tag {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 3.0534351145vw;
    letter-spacing: .02em;
    line-height: 1;
    font-weight: 400
  }

}

.single-news main .Sidebard__innerCnt .news__info h1 {
  font-size: 2.4305555556vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700;
  text-align: justify
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__info h1 {
    font-size: 7.1246819338vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.single-news main .Sidebard__innerCnt .news__cntEye {
  margin-bottom: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntEye {
    margin-bottom: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntEye picture {
  aspect-ratio: 960/593;
  border-radius: 2px;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntEye picture {
    aspect-ratio: 361/223
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain>*+* {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain>*+* {
    margin-top: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain>*:nth-child(n+3) {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain>*:nth-child(n+3) {
    margin-top: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain>figure,
.single-news main .Sidebard__innerCnt .news__cntMain picture {
  border-radius: 2px;
  overflow: clip;
  aspect-ratio: 960/593
}

@media screen and (max-width: 1024px) {

  .single-news main .Sidebard__innerCnt .news__cntMain>figure,
  .single-news main .Sidebard__innerCnt .news__cntMain picture {
    aspect-ratio: 361/223
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain p,
.single-news main .Sidebard__innerCnt .news__cntMain li {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  text-align: justify
}

@media screen and (max-width: 1024px) {

  .single-news main .Sidebard__innerCnt .news__cntMain p,
  .single-news main .Sidebard__innerCnt .news__cntMain li {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain .wp-block-lazyblock-h3ttl+* {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain .wp-block-lazyblock-h3ttl+* {
    margin-top: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain .wp-block-columns {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain .wp-block-columns {
    gap: 3.0534351145vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain .wp-block-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.099537037vw;
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain .wp-block-list {
    gap: 4.0712468193vw;
    margin-top: 6.3613231552vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain ol {
  margin-left: 1.1574074074vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain ol {
    margin-left: 4.0712468193vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain ul li {
  list-style: none;
  padding-left: .9259259259vw;
  position: relative
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain ul li {
    padding-left: 4.0712468193vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain ul li:before {
  position: absolute;
  content: "";
  top: .5787037037vw;
  left: 0;
  width: .462962963vw;
  height: .462962963vw;
  border-radius: 2px;
  background: var(--color-txt)
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain ul li:before {
    top: 2.0356234097vw;
    width: 2.0356234097vw;
    height: 2.0356234097vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain .wp-block-group__inner-container .wp-block-lazyblock-link:nth-child(n+2) {
  margin-top: .9259259259vw
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain .wp-block-group__inner-container .wp-block-lazyblock-link:nth-child(n+2) {
    margin-top: 4.0712468193vw
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain h2.wp-block-heading {
  font-size: 2.1990740741vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain h2.wp-block-heading {
    font-size: 6.106870229vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.single-news main .Sidebard__innerCnt .news__cntMain h3.wp-block-heading {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-news main .Sidebard__innerCnt .news__cntMain h3.wp-block-heading {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.single-recruit main {
  padding-bottom: 10.4166666667vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main {
    padding-bottom: 38.9312977099vw
  }

}

.single-recruit main .recruit {
  display: flex;
  width: 55.5555555556vw;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit {
    width: 91.8575063613vw
  }

}

.single-recruit main .recruit__inner {
  width: 100%;
  margin-top: 13.3101851852vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__inner {
    margin-top: 12.9770992366vw
  }

}

.single-recruit main .recruit__innerRows {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.1990740741vw 0;
  border-top: 1px solid var(--color-light)
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__innerRows {
    flex-direction: column;
    gap: 4.0712468193vw;
    padding: 6.3613231552vw 0
  }

}

.single-recruit main .recruit__innerRows:last-of-type {
  border-bottom: 1px solid var(--color-light)
}

.single-recruit main .recruit__innerRowsTtl h2,
.single-recruit main .recruit__innerRowsTtl h3 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {

  .single-recruit main .recruit__innerRowsTtl h2,
  .single-recruit main .recruit__innerRowsTtl h3 {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.single-recruit main .recruit__innerRowsCnt {
  width: 41.6666666667vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__innerRowsCnt {
    width: 100%
  }

}

.single-recruit main .recruit__innerRowsCnt p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__innerRowsCnt p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

.single-recruit main .recruit__innerRowsCnt ul li,
.single-recruit main .recruit__innerRowsCnt ol li {
  list-style: none;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300;
  padding-left: .6944444444vw;
  position: relative
}

@media screen and (max-width: 1024px) {

  .single-recruit main .recruit__innerRowsCnt ul li,
  .single-recruit main .recruit__innerRowsCnt ol li {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (max-width: 1024px) {

  .single-recruit main .recruit__innerRowsCnt ul li,
  .single-recruit main .recruit__innerRowsCnt ol li {
    padding-left: 3.0534351145vw
  }

}

.single-recruit main .recruit__innerRowsCnt ul li:before,
.single-recruit main .recruit__innerRowsCnt ol li:before {
  position: absolute;
  content: "";
  top: .6944444444vw;
  left: 0;
  width: .2893518519vw;
  height: .2893518519vw;
  background: var(--color-txt);
  border-radius: 99px
}

@media screen and (max-width: 1024px) {

  .single-recruit main .recruit__innerRowsCnt ul li:before,
  .single-recruit main .recruit__innerRowsCnt ol li:before {
    top: 3.0534351145vw;
    width: .7633587786vw;
    height: .7633587786vw
  }

}

.single-recruit main .recruit__innerRowsCnt ol {
  margin-left: 1.2731481481vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__innerRowsCnt ol {
    padding-left: 5.5979643766vw
  }

}

.single-recruit main .recruit__innerRowsCnt ol li {
  list-style-type: decimal;
  padding-left: 0
}

.single-recruit main .recruit__innerRowsCnt ol li:before {
  display: none
}

.single-recruit main .recruit__image {
  width: 91.6666666667vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__image {
    width: 100%;
    aspect-ratio: 361/223
  }

}

.single-recruit main .recruit__image picture {
  width: 100%;
  aspect-ratio: 1584/500;
  border-radius: 2px;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit__image picture {
    aspect-ratio: 361/223
  }

}

.single-recruit main .recruit__image picture img {
  object-fit: cover
}

.single-recruit main .recruit>.Arrowbtn {
  margin-top: 4.3981481481vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .recruit>.Arrowbtn {
    margin-top: 12.9770992366vw
  }

}

.single-recruit main .other {
  margin-top: 13.3101851852vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .other {
    margin-top: 29.262086514vw
  }

}

@media screen and (max-width: 1024px) {
  .single-recruit main .other__inner {
    width: 91.8575063613vw
  }

}

.single-recruit main .other__inner h2 {
  font-size: 1.8518518519vw;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .single-recruit main .other__inner h2 {
    font-size: 5.0890585242vw;
    letter-spacing: .08em;
    line-height: 1.4;
    font-weight: 700
  }

}

.single-recruit main .other__innerPosts {
  margin-top: 2.1990740741vw
}

@media screen and (max-width: 1024px) {
  .single-recruit main .other__innerPosts {
    margin-top: 6.3613231552vw
  }

}

.single-recruit main .other__innerBtns {
  margin-top: 2.1990740741vw;
  display: flex;
  justify-content: flex-end
}

@media screen and (max-width: 1024px) {
  .single-recruit main .other__innerBtns {
    margin-top: 9.6692111959vw
  }

}

.page-privacy-policy main .cnt {
  display: flex;
  width: 55.5555555556vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.6550925926vw;
  margin: 0 auto;
  padding-bottom: 14.8148148148vw
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt {
    width: 91.8575063613vw;
    gap: 12.9770992366vw;
    padding-bottom: 38.9312977099vw
  }

}

.page-privacy-policy main .cnt__ttl h2 {
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__ttl h2 {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 700
  }

}

.page-privacy-policy main .cnt__block {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2986111111vw
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__block {
    gap: 14.5038167939vw
  }

}

.page-privacy-policy main .cnt__blockInner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__blockInner {
    gap: 3.0534351145vw
  }

}

.page-privacy-policy main .cnt__blockInner h3 {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__blockInner h3 {
    font-size: 4.0712468193vw;
    letter-spacing: .08em;
    line-height: 1;
    font-weight: 700
  }

}

.page-privacy-policy main .cnt__blockInner .block p {
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 400
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__blockInner .block p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 400
  }

}

.page-privacy-policy main .cnt__blockInner .block p:nth-child(n+2) {
  margin-top: .6944444444vw
}

@media screen and (max-width: 1024px) {
  .page-privacy-policy main .cnt__blockInner .block p:nth-child(n+2) {
    margin-top: 3.0534351145vw
  }

}

.page-privacy-policy main .cnt__blockInner .block .strong {
  font-weight: 700
}

.page-privacy-policy main .cnt__blockInner .block ol li,
.page-privacy-policy main .cnt__blockInner .block ol li::marker {
  margin-left: 1.3888888889vw;
  text-align: justify;
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 400
}

@media screen and (max-width: 1024px) {

  .page-privacy-policy main .cnt__blockInner .block ol li,
  .page-privacy-policy main .cnt__blockInner .block ol li::marker {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 400
  }

}

@media screen and (max-width: 1024px) {

  .page-privacy-policy main .cnt__blockInner .block ol li,
  .page-privacy-policy main .cnt__blockInner .block ol li::marker {
    margin-left: 6.106870229vw
  }

}

.page-privacy-policy main .cnt__blockInner .block ol .alpha li,
.page-privacy-policy main .cnt__blockInner .block ol .alpha li::marker {
  list-style: lower-alpha
}

.page-privacy-policy main .cnt__blockInner .block ol .roma {
  margin-left: 1.3888888889vw
}

.page-privacy-policy main .cnt__blockInner .block ol .roma li,
.page-privacy-policy main .cnt__blockInner .block ol .roma li::marker {
  list-style: lower-roman
}

.page-privacy-policy main .cnt__blockInner .link .Link a p {
  font-weight: 300
}

@media screen and (min-width:1025px) {
  .page-404 .header__abRight .Btn.type-contact {
    display: flex
  }

}

@media screen and (max-width: 1024px) {
  .page-404 .header__bar {
    display: flex
  }

}

.page-404 main .imgpopper {
  position: absolute;
  width: 100%;
  height: 100vh;
  height: var(--calcdSvh, 100svh);
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .page-404 main .imgpopper {
    opacity: 0
  }

}

.page-404 main .imgpopper__imgs {
  display: contents
}

.page-404 main .imgpopper__imgsImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 288px;
  aspect-ratio: 288/178;
  overflow: clip;
  border-radius: 2px;
  opacity: 0;
  transition: opacity ease-in-out .3s
}

.page-404 main .imgpopper__imgsImg figure {
  animation: page-img-popper-on-cursor_imgcircle_invert .35s ease-out 0s both;
  width: 100%;
  height: 100%;
  transition: .35s all ease
}

.page-404 main .imgpopper__imgsImg figure img {
  object-fit: cover
}

.page-404 main .imgpopper__imgsImg.is-shown {
  opacity: 1
}

.page-404 main .imgpopper__imgsImg.is-shown figure {
  animation: page-img-popper-on-cursor_imgcircle .35s ease-out 0s both
}

.page-404 main .nf {
  position: relative;
  z-index: 5;
  width: 100%;
  min-height: 100vh;
  min-height: var(--calcdSvh, 100svh)
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf {
    height: 216.7938931298vw
  }

}

.page-404 main .nf__inner {
  padding-top: min(31.781557744vh, 20.5439814815vw);
  padding-top: min(.3178155774 * var(--calcdSvh, 100svh), 20.5439814815vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 0;
  position: relative;
  z-index: 10
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner {
    justify-content: flex-start;
    padding-top: 27.989821883vw
  }

}

.page-404 main .nf__inner>picture {
  display: none;
  border-radius: 2px;
  overflow: clip
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner>picture {
    display: block;
    margin-bottom: 12.9770992366vw
  }

}

.page-404 main .nf__inner h1 {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 1.8518518519vw;
  letter-spacing: .02em;
  line-height: 1.4;
  font-weight: 700
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner h1 {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 7.1246819338vw;
    letter-spacing: .02em;
    line-height: 1.4;
    font-weight: 700
  }

}

@media screen and (min-width:1025px) {
  .page-404 main .nf__inner h1 {
    margin-bottom: min(3.4019695613vh, 2.1990740741vw);
    margin-bottom: min(.0340196956 * var(--calcdSvh, 100svh), 2.1990740741vw)
  }

}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner h1 {
    margin-bottom: 6.3613231552vw
  }

}

.page-404 main .nf__inner>p {
  font-size: .9259259259vw;
  letter-spacing: .08em;
  line-height: 1.8;
  font-weight: 300
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner>p {
    font-size: 3.5623409669vw;
    letter-spacing: .08em;
    line-height: 1.8;
    font-weight: 300
  }

}

@media screen and (min-width:1025px) {
  .page-404 main .nf__inner .Arrowbtn {
    margin-top: min(5.102954342vh, 3.2986111111vw);
    margin-top: min(.0510295434 * var(--calcdSvh, 100svh), 3.2986111111vw)
  }

}

@media screen and (max-width: 1024px) {
  .page-404 main .nf__inner .Arrowbtn {
    margin-top: 12.9770992366vw
  }

}

.page-404 main .nf>p {
  font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
  font-size: 40.5092592593vw;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 50%;
  white-space: nowrap;
  pointer-events: none;
  translate: -50% 25%
}

@media screen and (max-width: 1024px) {
  .page-404 main .nf>p {
    font-family: Barlow, heisei-kaku-gothic-std, Yu Gothic, 游ゴシック, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, sans-serif;
    font-size: 51.3994910941vw;
    letter-spacing: .04em;
    line-height: 1;
    font-weight: 700
  }

}

@media screen and (min-width:1025px) {
  .page-404 main .nf>p {
    font-size: min(62.6678603402vh, 40.5092592593vw);
    font-size: min(.6266786034 * var(--calcdSvh, 100svh), 40.5092592593vw)
  }

}

@media screen and (max-width: 1024px) {
  .page-404 main .nf>p {
    translate: -50% -5%
  }

}

.page-404 main .nf>p span {
  display: inline-block;
  animation: slideup 1s ease 1s both
}

.page-404 main .nf>p span:nth-of-type(1) {
  animation-delay: .9s
}

.page-404 main .nf>p span:nth-of-type(2) {
  animation-delay: 1s
}

.page-404 main .nf>p span:nth-of-type(3) {
  animation-delay: 1.1s
}

.page-404 .footer {
  display: none
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(barlow-vietnamese-400-normal.Dpl4UHAZ.woff2) format("woff2"), url(barlow-vietnamese-400-normal.BFeobeCK.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(barlow-latin-ext-400-normal.HxX4XjxC.woff2) format("woff2"), url(barlow-latin-ext-400-normal.CvBsJvxq.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(barlow-latin-400-normal.qiz4-Cze.woff2) format("woff2"), url(barlow-latin-400-normal.fsAxiSwU.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(barlow-vietnamese-700-normal.D6euyNzi.woff2) format("woff2"), url(barlow-vietnamese-700-normal.4Jt4k04K.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(barlow-latin-ext-700-normal.BLuWmldJ.woff2) format("woff2"), url(barlow-latin-ext-700-normal.CctuGmmz.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(barlow-latin-700-normal.A9pxMQ4z.woff2) format("woff2"), url(barlow-latin-700-normal.__SGTsZ1.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/* ================================
   Skills Section Styles
   ================================ */
.home main .Layers_1 .skills,
.home main .Layers_5 .skills {
  padding: 14.8148148148vw 0;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skills,
  .home main .Layers_5 .skills {
    padding: 38.9312977099vw 0;
  }
}

.home main .Layers_1 .skills__inner,
.home main .Layers_5 .skills__inner {
  width: 91.6666666667vw;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skills__inner,
  .home main .Layers_5 .skills__inner {
    width: 89.5674300254vw;
  }
}

.home main .Layers_1 .skills__grid,
.home main .Layers_5 .skills__grid {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: 60px;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skills__grid,
  .home main .Layers_5 .skills__grid {
    gap: 60px;
  }
}

.home main .Layers_1 .skill-category,
.home main .Layers_5 .skill-category {
  opacity: 1;
}

.home main .Layers_1 .skill-category__title,
.home main .Layers_5 .skill-category__title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: 2px solid #e0e0e0;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-category__title,
  .home main .Layers_5 .skill-category__title {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}

.home main .Layers_1 .skill-item,
.home main .Layers_5 .skill-item {
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item,
  .home main .Layers_5 .skill-item {
    margin-bottom: 24px;
  }
}

.home main .Layers_1 .skill-item__header,
.home main .Layers_5 .skill-item__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  align-items: baseline;
}

.home main .Layers_1 .skill-item__name-wrapper,
.home main .Layers_5 .skill-item__name-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.home main .Layers_1 .skill-item__icon,
.home main .Layers_5 .skill-item__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item__icon,
  .home main .Layers_5 .skill-item__icon {
    width: 24px;
    height: 24px;
  }
}

.home main .Layers_1 .skill-item__name,
.home main .Layers_5 .skill-item__name {
  font-size: 2.2rem;
  font-weight: 500;
  color: #333;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item__name,
  .home main .Layers_5 .skill-item__name {
    font-size: 2rem;
  }
}

.home main .Layers_1 .skill-item__level,
.home main .Layers_5 .skill-item__level {
  font-size: 2rem;
  font-weight: 500;
  color: #aaa;
  font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item__level,
  .home main .Layers_5 .skill-item__level {
    font-size: 1.8rem;
  }
}

.home main .Layers_1 .skill-item__bar-bg,
.home main .Layers_5 .skill-item__bar-bg {
  width: 100%;
  height: 6px;
  background: #e0e0e0;
  overflow: hidden;
  border-radius: 3px;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item__bar-bg,
  .home main .Layers_5 .skill-item__bar-bg {
    height: 4px;
    border-radius: 2px;
  }
}

.home main .Layers_1 .skill-item__bar-fill,
.home main .Layers_5 .skill-item__bar-fill {
  width: 0%;
  height: 100%;
  background: #0b0c10;
  transition: width 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 3px;
}

@media screen and (max-width: 1024px) {
  .home main .Layers_1 .skill-item__bar-fill,
  .home main .Layers_5 .skill-item__bar-fill {
    border-radius: 2px;
  }
}