@charset "UTF-8";
/* Break point
---------------------------------------------------------- */
/* Font
---------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* Mixin
---------------------------------------------------------- */
/* Animation
---------------------------------------------------------- */
.a-fadeIn {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.a-fadeIn.-start {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes arrowAnime {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes arrowAnime {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowAnime2 {
  0% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(0);
            transform: scaleX(var(--arrow-scale)) translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(10px);
            transform: scaleX(var(--arrow-scale)) translateX(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(-10px);
            transform: scaleX(var(--arrow-scale)) translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(0);
            transform: scaleX(var(--arrow-scale)) translateX(0);
    opacity: 1;
  }
}
@keyframes arrowAnime2 {
  0% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(0);
            transform: scaleX(var(--arrow-scale)) translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(10px);
            transform: scaleX(var(--arrow-scale)) translateX(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(-10px);
            transform: scaleX(var(--arrow-scale)) translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(var(--arrow-scale)) translateX(0);
            transform: scaleX(var(--arrow-scale)) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes dengenkunAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(10px);
            transform: scale(0.7) translateY(10px);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateY(-5px);
            transform: scale(1.05) translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes dengenkunAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(10px);
            transform: scale(0.7) translateY(10px);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateY(-5px);
            transform: scale(1.05) translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
/* ==========================================================================//
//
//　変数
//
// ========================================================================== */
:root {
  /* Color
  ---------------------------------------------------------- */
  --color-plus-main: #FFD600;
  --color-plus-bg: #FFFCCE;
  --color-plus-sub: #E5F3FD;
  --color-plus-line: #DDD;
  --color-plus-hover: #adb0df;
  /* font
  ---------------------------------------------------------- */
  /* width
  ---------------------------------------------------------- */
  --plus-maxWidth: 1140px;
  --plus-sidePadding: 15px;
  --plus-header: 60px;
}
@media screen and (min-width: 768px) {
  :root {
    --plus-sidePadding: 40px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --plus-header: 90px;
  }
}

.c-pageTop a::before {
  content: "Back to Top";
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.l-plus-header__nav__list li a {
  font-size: clamp(0.594rem, -1.121rem + 2.86vw, 0.844rem);
}
@media screen and (min-width: 1100px) {
  .l-plus-header__nav__list li a {
    font-size: clamp(0.625rem, -0.903rem + 2.22vw, 0.875rem);
  }
}