/* ====================================== $ */
/* ====================================== function */
/* ====================================== color */
/* ====================================== animation */
@keyframes loop01 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes loop02 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop03 {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes loop01-r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop02-r {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes loop03-r {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes loop01-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes loop02-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes loop03-up {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes loop01-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes loop02-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes loop03-down {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(200%);
  }
}
.loop-slider {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.loop-slider .slider {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.loop-slider .slider .list {
  display: flex;
  align-items: center;
}
.loop-slider .slider .list:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
}
.loop-slider .slider .list:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(200%);
}
.loop-slider .slider.-animation .list:nth-child(1) {
  animation: loop01 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loop-slider .slider.-animation .list:nth-child(2) {
  animation: loop02 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loop-slider .slider.-animation .list:nth-child(3) {
  animation: loop03 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
.loop-slider.-r .slider.-animation .list:nth-child(1) {
  animation: loop01-r 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-r .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loop-slider.-r .slider.-animation .list:nth-child(2) {
  animation: loop02-r 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-r .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loop-slider.-r .slider.-animation .list:nth-child(3) {
  animation: loop03-r 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-r .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
.loop-slider.-up .slider, .loop-slider.-down .slider {
  display: block;
}
.loop-slider.-up .slider .list, .loop-slider.-down .slider .list {
  display: block;
}
.loop-slider.-up .slider .list:nth-child(2), .loop-slider.-down .slider .list:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 100%);
}
.loop-slider.-up .slider .list:nth-child(3), .loop-slider.-down .slider .list:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 200%);
}
.loop-slider.-up .slider.-animation .list:nth-child(1) {
  animation: loop01-up 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-up .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loop-slider.-up .slider.-animation .list:nth-child(2) {
  animation: loop02-up 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-up .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loop-slider.-up .slider.-animation .list:nth-child(3) {
  animation: loop03-up 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-up .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
.loop-slider.-down .slider.-animation .list:nth-child(1) {
  animation: loop01-down 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-down .slider.-animation .list:nth-child(1) {
    animation: none;
  }
}
.loop-slider.-down .slider.-animation .list:nth-child(2) {
  animation: loop02-down 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-down .slider.-animation .list:nth-child(2) {
    animation: none;
  }
}
.loop-slider.-down .slider.-animation .list:nth-child(3) {
  animation: loop03-down 80s linear 0s infinite;
}
@media all and (-ms-high-contrast: none) {
  .loop-slider.-down .slider.-animation .list:nth-child(3) {
    animation: none;
  }
}
.loop-slider.-paused:hover .slider.-animation .list {
  animation-play-state: paused;
}

@keyframes bar-t {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  50% {
    transform: translate(0, 5px) rotate(0);
  }
  100% {
    transform: translate(0, 5px) rotate(45deg);
  }
}
@keyframes bar-c {
  0%, 50% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1);
  }
  50.01% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes bar-b {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  50% {
    transform: translate(0, -5px) rotate(0);
  }
  100% {
    transform: translate(0, -5px) rotate(-45deg);
  }
}
@keyframes bar-t-r {
  0% {
    transform: translate(0, 5px) rotate(45deg);
  }
  50% {
    transform: translate(0, 5px) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes bar-c-r {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(0);
  }
  50.000000001% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes bar-b-r {
  0% {
    transform: translate(0, -5px) rotate(-45deg);
  }
  50% {
    transform: translate(0, -5px) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
/* ====================================== % */
.common--archive__item__link {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
  .common--archive__item__link {
    display: block;
  }
}
.common--archive__item__contents {
  flex: 1;
}
.common--archive__item .common--button {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .common--archive__item .common--button {
    margin-top: 8.1424936387vw;
  }
}
.common--landing__inner .common--title {
  display: none;
}

.pattern--section .common--title {
  font-size: 1.6vw;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .pattern--section .common--title {
    font-size: 4vw;
  }
}
.pattern--section .common--title:first-line {
  font-size: 4.3055555556vw;
}
@media screen and (max-width: 768px) {
  .pattern--section .common--title:first-line {
    font-size: 8.1424936387vw;
  }
}

.footer__navList__node {
  font-size: 0.9vw;
}
@media screen and (max-width: 768px) {
  .footer__navList__node {
    font-size: 3vw;
  }
}