@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes blink-s {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    transform: translateX(60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    transform: translateX(-60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-zoom-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-zoom-out {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-clip-left {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-right {
  from {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-up {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-down {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-center {
  from {
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
@keyframes fade-clip-circle {
  from {
    -webkit-clip-path: circle(0 at 50% 50%);
            clip-path: circle(0 at 50% 50%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
  }
}
@keyframes fade-clip-skew {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    opacity: 1;
  }
}
@keyframes fade-clip-wave {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    transition: all 0.5s cubic-bezier(0.55, 0.06, 0.33, 1.85);
    transform: translateX(-30px) scale(0.8) skew(8deg);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    transform: translateX(0) scale(1) skew(0);
    opacity: 1;
  }
}
@keyframes cover-left {
  0%, 20% {
    transform-origin: 0 50%;
  }
  20%, 100% {
    transform-origin: 100% 50%;
  }
  20% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes cover-right {
  0%, 20% {
    transform-origin: 100% 50%;
  }
  20%, 100% {
    transform-origin: 0 50%;
  }
  20% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes cover-up {
  0%, 20% {
    transform-origin: 50% 100%;
  }
  20%, 100% {
    transform-origin: 50% 0;
  }
  20% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes cover-down {
  0%, 20% {
    transform-origin: 50% 0;
  }
  20%, 100% {
    transform-origin: 50% 100%;
  }
  20% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes hover-zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes hover-zoom-out {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hover-zoom-in-blink {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes hover-zoom-out-blink {
  0% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*
@mixin transition(
  $property: all,
  $duration: 0.3s,
  $delay: 0s,
  $easing-function: ease
) {
  transition: $property $duration $delay $easing-function;
}
*/
/* header */
.header {
  /*
  &__logo {
    @include anime-hover-blink;
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3csvg width='77' height='40' viewBox='0 0 77 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23F1832C'%3e%3cpath d='M29.401 2.212h-7.244c-.216 0-.384.2-.384.408v3.562c0 .208.168.383.384.383H25.2v30.76c0 .207.176.383.383.383h3.818a.382.382 0 0 0 .376-.384V2.612c0-.208-.176-.408-.376-.408v.008ZM65.311 4.736H54.488v3.3h10.823v-3.3Zm-.48 2.82h-9.856v-2.34h9.857v2.34ZM53.584 3.642h-7.428v4.401h7.428v-4.4Zm-.487 3.922h-6.47V4.12h6.47v3.443ZM53.584 8.954h-8.857v4.393h8.857V8.954Zm-.487 3.921h-7.891V9.433h7.891v3.442ZM40.832 24.697v6.198h4.417v-6.198h-4.417Zm3.938 5.718H41.31v-5.24h3.459v5.24ZM55.43 8.954v4.393h4.48V8.954h-4.48Zm4.001 3.921h-3.53V9.433h3.53v3.442ZM53.347 14.265h-3.003v3.195h3.25v-3.195h-.247Zm-.24 2.716h-2.292v-2.237h2.292v2.237ZM48.552 14.265h-9.896v9.529h9.896v-9.529Zm-.479 9.042h-8.938v-8.57h8.938v8.57ZM50.336 23.794h5.599v-5.407h-5.6v5.407Zm.471-4.928h4.649v4.44h-4.649v-4.44ZM68.26 18.387h-5.608v5.407h5.607v-5.407Zm-.48 4.92h-4.648v-4.441h4.648v4.44ZM43.826 8.954h-2.572v4.393h2.572V8.954Zm-.48 3.921h-1.613V9.433h1.614v3.442ZM46.148 24.697v10.151h6.374V24.697h-6.374Zm5.895 9.664h-5.415v-9.185h5.415v9.185ZM58.754 31.581v3.26h6.366v-3.26h-6.366Zm5.887 2.78h-5.408v-2.3h5.408v2.3ZM58.754 24.697v5.966h6.366v-5.966h-6.366Zm5.887 5.487h-5.408v-5.008h5.408v5.008ZM53.473 27.596v4.377h4.345v-4.377h-4.345Zm3.866 3.906h-3.395v-3.427h3.395v3.427ZM54.512 24.697v1.98h3.306v-1.98h-3.306Zm2.827 1.501h-2.348v-1.022h2.348v1.022ZM54.512 32.875v1.981h3.306v-1.98h-3.306Zm2.827 1.494h-2.348v-1.022h2.348v1.022ZM72.402 24.697h-3.218v4.273h3.458v-4.273h-.24Zm-.24 3.801h-2.5v-3.322h2.5v3.322ZM66.055 24.697v5.966h2.204v-5.966h-2.204Zm1.725 5.487h-1.246v-5.008h1.246v5.008ZM71.556 8.954h-2.372v2.987h2.372V8.954Zm-.48 2.508h-1.413v-2.03h1.414v2.03ZM69.203 17.46h3.379v-4.585h-3.379v4.585Zm.48-4.113h2.42v3.634h-2.42v-3.634ZM65.313 8.954h-4.497v4.393h2.948v4.113h4.505v-4.585h-2.956V8.954Zm2.476 4.393v3.634h-3.546v-4.106h-2.947V9.433h3.538v3.914h2.955Z'/%3e%3cpath d='M62.115 14.265H54.52v3.195h7.596v-3.195Zm-.487 2.716h-6.63v-2.237h6.63v2.237ZM56.516 21.07a2.778 2.778 0 0 0 2.771 2.772 2.785 2.785 0 0 0 2.78-2.772 2.787 2.787 0 0 0-2.78-2.78 2.77 2.77 0 0 0-2.771 2.78Zm5.047 0a2.28 2.28 0 0 1-2.276 2.277 2.286 2.286 0 0 1-2.276-2.277 2.292 2.292 0 0 1 2.276-2.284 2.282 2.282 0 0 1 2.276 2.284Z'/%3e%3cpath d='M56.148 0C45.126 0 36.156 8.97 36.156 20s8.97 20 19.992 20c11.023 0 20-8.97 20-20s-8.97-20-20-20Zm-1.174.543c.392-.024.783-.064 1.174-.064 3.123 0 6.063.759 8.682 2.06v.784h-9.856V.543Zm-1.869.2v1.501h-5.008A19.329 19.329 0 0 1 53.105.743Zm-8.362 3.45v3.363h-3.619a19.808 19.808 0 0 1 3.618-3.363Zm7.308 34.873a19.266 19.266 0 0 1-5.416-2.053v-.775h5.416v2.828Zm12.588-1.526a19.42 19.42 0 0 1-8.49 1.965c-.392 0-.776-.04-1.159-.064v-3.219h9.649v1.318Zm.479-.232v-1.557h-10.6v3.674a20.513 20.513 0 0 1-1.988-.264V35.76h-6.374v.958c-5.687-3.41-9.512-9.624-9.512-16.725 0-4.505 1.549-8.65 4.129-11.957h4.465V3.834c.599-.407 1.23-.775 1.885-1.118h6.485V.67c.296-.04.6-.08.903-.104V3.81h10.823V2.78C71.492 6.062 75.693 12.548 75.693 20c0 7.452-4.29 14.066-10.551 17.316l-.024-.008ZM6.246 28.355s7.244-9.25 8.738-11.19c1.478-1.933 2.46-4.266 2.46-6.99 0-4.76-3.906-8.618-8.722-8.618C3.906 1.557 0 5.423 0 10.184v1.949c0 .215.2.383.407.383h3.994a.385.385 0 0 0 .383-.391v-1.941c0-2.117 1.766-3.842 3.938-3.842 2.173 0 3.946 1.725 3.946 3.842 0 1.445-.487 2.78-1.478 4.081-1.454 1.893-8.634 11.063-8.706 11.15l.032-.04C1.086 27.157.232 29.393.232 31.358v5.934c0 .216.2.384.399.384h16.326c.215 0 .383-.2.383-.408v-3.993a.378.378 0 0 0-.383-.384H5.016v-1.533c0-.823.48-2.053 1.23-2.995v-.008Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h76.15v40H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
    min-width: 57px;
    width: 57px;
    height: 30px;
    margin: 0;
    @include pc {
      min-width: 77px;
      width: 77px;
      height: 40px;
    }
    a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  */
}
.header__container {
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: transparent;
  width: 100%;
  height: 70px;
}
.header__inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.header__body {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-end;
}
.header__nav {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  background: #fff;
  width: 100px;
  height: 40px;
  margin-right: 20px;
}
.header__nav__normal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.header__nav li {
  display: block;
  position: relative;
}
.header__nav li.split {
  width: 1px;
  background-color: #0000fe;
  margin: 0 12px;
  height: 20px;
}
.header__nav li a {
  transition: opacity 0.3s;
  font-weight: bold;
  white-space: nowrap;
  color: #0000fe;
  border: #0000fe;
  text-decoration: none;
  font-size: 14px;
}
.header__nav li a.current {
  opacity: 0.3;
}

.footer {
  width: 100%;
  height: auto;
}
.footer__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
.footer .copyright {
  display: block;
  font-weight: normal;
  line-break: strict;
  line-height: 1.58;
  font-size: 10px;
  color: #0000fe;
}
@media (min-width: 640px) {
  .header__container {
    height: 120px;
  }
  .header__nav {
    margin-right: 30px;
  }
  .footer__inner {
    height: 200px;
  }
  .footer .copyright {
    line-height: 1.58;
    font-size: 10px;
  }
}
@media (min-width: 1100px) {
  .header__container {
    height: 160px;
  }
  .header__body {
    justify-content: flex-end;
  }
  .header__nav {
    margin-right: 50px;
    width: 150px;
    height: 60px;
  }
  .header__nav li.split {
    margin: 0 20px;
    height: 30px;
  }
  .header__nav li a {
    font-size: 20px;
  }
  .footer .copyright {
    line-height: 1.63;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__nav li a:hover {
    color: #0000fe;
  }
}