@charset "UTF-8";
#wpadminbar {
  display: none; }

.notshow {
  display: none; }

.footer-all-wrap {
  width: 100vw;
  padding: 30px 30px 10px 0;
  box-shadow: 0px 3px 16px -1px #777777;
  margin: 5% auto 0; }
  .footer-all-wrap .footer-back-wrap {
    width: 100%;
    position: relative;
    display: flex;
    padding: 4%; }
    @media (max-width: 768px) {
      .footer-all-wrap .footer-back-wrap {
        flex-direction: column; } }
    .footer-all-wrap .footer-back-wrap .footer-left-wrap {
      text-align: center;
      width: 40%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .footer-all-wrap .footer-back-wrap .footer-left-wrap {
          width: 100%; } }
      .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-rogo-wrap {
        text-align: center; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-rogo-wrap img {
          width: 100px; }
      .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap {
        display: flex;
        text-align: center;
        justify-content: center;
        margin: 7px auto; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap i {
          width: 30px;
          /* アイコンの幅 */
          height: 30px;
          /* アイコンの高さ */
          display: inline-flex;
          align-items: center;
          /* 垂直中央揃え */
          justify-content: center;
          /* 水平方向中央揃え */
          font-size: 25px;
          /* アイコンのフォントサイズ */
          border-radius: 5px;
          /* アイコンの角丸（任意） */ }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap .fa-brands.fa-square-x-twitter {
          color: #3c434a; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap .fa-brands.fa-square-facebook {
          color: #3b5598; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap .fa-brands.fa-square-instagram.instagram-icon {
          background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap .fa-brands.fa-youtube {
          color: #DA1725; }
        .footer-all-wrap .footer-back-wrap .footer-left-wrap .footer-sns-wrap .fa-brands.fa-line {
          color: #25b625;
          font-size: 22px; }
      .footer-all-wrap .footer-back-wrap .footer-left-wrap .follow-text {
        font-size: 19px;
        font-family: 'Damion', cursive;
        transform: rotate(-5deg);
        transform-origin: center;
        letter-spacing: 2px;
        margin: 10px auto 0;
        border-bottom: 3px solid;
        border-radius: 5px;
        display: inline-block;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 3px; }
    .footer-all-wrap .footer-back-wrap .footer-right-wrap {
      width: 100%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .footer-all-wrap .footer-back-wrap .footer-right-wrap {
          width: 100%;
          margin: 20px auto 0; } }
      .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap {
        position: relative; }
        .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .footer-right-title {
          width: 100%;
          border-bottom: 1px solid;
          padding-bottom: 7px;
          margin-top: 0; }
        @media (max-width: 768px) {
          .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .footer-right-title {
            font-size: 1em; } }
        @media (max-width: 576px) {
          .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .footer-right-title {
            font-size: .8em;
            margin-top: 30px;
            text-align: center;
            font-weight: bold; } }
        .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          list-style: none;
          margin: 0;
          padding: 0; }
          @media (max-width: 768px) {
            .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap {
              flex-direction: column; } }
          .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li {
            flex: 1 1 calc(20% - 20px);
            margin: 2% auto;
            text-decoration: none;
            border-left: 1px solid;
            padding: 0 0 0 10px; }
            @media (max-width: 1200px) {
              .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li {
                font-size: .9em; } }
            @media (max-width: 992px) {
              .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li {
                font-size: .8em;
                padding: 0 0 0 4px; } }
            @media (max-width: 768px) {
              .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li {
                margin: 2%;
                border-left: 3px solid; } }
            @media (max-width: 576px) {
              .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li {
                margin: 5%; } }
            .footer-all-wrap .footer-back-wrap .footer-right-wrap .footer-link-wrap .subfooter-ul-wrap li a {
              text-decoration: none; }
  .footer-all-wrap .copy-right-text {
    width: 100%;
    text-align: center;
    margin: 40px auto; }
    @media (max-width: 768px) {
      .footer-all-wrap .copy-right-text {
        font-size: .8em; } }

.subfooter-preview-all-wrap {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  z-index: 999;
  box-shadow: 0px 3px 16px -1px #777777;
  transition: transform 0.2s ease-out; }
  .subfooter-preview-all-wrap .subfooter-wrap {
    position: relative;
    width: 100%; }
    .subfooter-preview-all-wrap .subfooter-wrap .subfooter-ul-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 0; }
      .subfooter-preview-all-wrap .subfooter-wrap .subfooter-ul-wrap li {
        margin: 16px auto;
        list-style: none; }
        @media (max-width: 768px) {
          .subfooter-preview-all-wrap .subfooter-wrap .subfooter-ul-wrap li {
            font-size: .8em; } }
        @media (max-width: 576px) {
          .subfooter-preview-all-wrap .subfooter-wrap .subfooter-ul-wrap li {
            font-size: .7em;
            font-weight: bold; } }
        .subfooter-preview-all-wrap .subfooter-wrap .subfooter-ul-wrap li a {
          text-decoration: none; }

.globalmenu-content-all-wrap {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1000; }
  .globalmenu-content-all-wrap.pointer-event {
    pointer-events: none; }
  .globalmenu-content-all-wrap.bg-opacity-value {
    opacity: 0;
    animation: bgOpacityAnime 4.9s ease-out forwards; }
@keyframes bgOpacityAnime {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .globalmenu-content-all-wrap .humberger-button-wrap {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 8%;
    left: 2%;
    z-index: 1000;
    display: inline-block;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 3px;
    transition: transform 0.2s ease-out;
    pointer-events: auto; }
    @media (max-width: 576px) {
      .globalmenu-content-all-wrap .humberger-button-wrap {
        width: 35px;
        height: 35px;
        top: 4%;
        left: 4%; } }
    .globalmenu-content-all-wrap .humberger-button-wrap.wrap-change {
      border-radius: 50%;
      width: 35px;
      height: 35px;
      top: 8%;
      left: 2%; }
      @media (max-width: 576px) {
        .globalmenu-content-all-wrap .humberger-button-wrap.wrap-change {
          width: 35px;
          height: 35px;
          top: 4%;
          left: 4%; } }
    .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap {
      width: 80%;
      height: 55%;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 576px) {
        .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap {
          top: 43%; } }
      .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap .span-text {
        font-weight: bold;
        transition: 0.4s;
        opacity: 1;
        transition: opacity 0.4s;
        position: absolute;
        left: -13%; }
        .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap .span-text.opacity-change {
          opacity: 0; }
      .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap span {
        display: block;
        width: 80%;
        height: 4px;
        margin: 3px auto;
        background-color: #ffffff;
        border-radius: 2px;
        transition: transform 0.4s; }
      @media (max-width: 576px) {
        .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap.global-open {
          top: 48%; } }
      .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap.global-open span {
        margin: 2px auto; }
        .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap.global-open span:nth-child(1) {
          transform: rotate(-40deg) translate(-8px, -3px);
          width: 50%; }
        .globalmenu-content-all-wrap .humberger-button-wrap .span-wrap.global-open span:nth-child(3) {
          transform: rotate(40deg) translate(-8px, 3px);
          width: 50%; }
  .globalmenu-content-all-wrap .globalmenu-back-wrap {
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: 99;
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.5s ease; }
    .globalmenu-content-all-wrap .globalmenu-back-wrap.slide-change {
      transform: translateX(0);
      opacity: 1; }
    .globalmenu-content-all-wrap .globalmenu-back-wrap .globalmenu-flex-setting {
      width: 80%;
      height: 100%;
      position: relative;
      margin: 0 auto; }
      .globalmenu-content-all-wrap .globalmenu-back-wrap .globalmenu-flex-setting .globalmenu-title-wrap {
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        overflow: scroll;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .globalmenu-content-all-wrap .globalmenu-back-wrap .globalmenu-flex-setting .globalmenu-title-wrap li {
          width: 80%;
          padding: 16px;
          transition: 0.2s;
          list-style: none;
          margin: 3% auto; }
          .globalmenu-content-all-wrap .globalmenu-back-wrap .globalmenu-flex-setting .globalmenu-title-wrap li a {
            text-decoration: none; }
          .globalmenu-content-all-wrap .globalmenu-back-wrap .globalmenu-flex-setting .globalmenu-title-wrap li:hover {
            font-size: 1.1em; }

.heroheader-prevew-all-wrap {
  position: relative; }
  .heroheader-prevew-all-wrap .heroheader-back-wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden; }
    .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center; }
      .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap.scale-animation {
        animation: stillImgscaleDownClearMosaic 3s cubic-bezier(0.15, 0.17, 0, 1) forwards;
        transform-origin: center center; }
      .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 1% 3%;
        text-align: center; }
        .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap .heroheader-title {
          font-weight: bold;
          font-size: 2em;
          letter-spacing: 6px; }
          @media (max-width: 1200px) {
            .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap .heroheader-title {
              font-size: 1.5em; } }
          @media (max-width: 992px) {
            .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap .heroheader-title {
              font-size: 1.2em; } }
          .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap .heroheader-title.hopup-animation {
            animation: floatUp 4.4s ease-out; }
@keyframes floatUp {
  0% {
    transform: translateY(100%);
    opacity: 0; }
  90% {
    transform: translateY(50%);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
          .heroheader-prevew-all-wrap .heroheader-back-wrap .heroheader-rogo-wrap .heroheader-title-wrap .heroheader-title.hopup-animation-notuse {
            animation: floatUpNotuse 3.5s ease-in-out; }
@keyframes floatUpNotuse {
  0% {
    transform: translateY(100%);
    opacity: 0; }
  80% {
    transform: translateY(50%);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@keyframes stillImgscaleDownClearMosaic {
  0% {
    transform: scale(1.5);
    filter: blur(20px) brightness(150%); }
  40% {
    filter: blur(0) brightness(150%); }
  90% {
    filter: blur(0) brightness(150%); }
  100% {
    transform: scale(1);
    filter: blur(0) brightness(100%); } }
.heroheader-prevew-video-all-wrap {
  position: relative; }
  .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden; }
    .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 全体を表示する */
        position: absolute;
        top: 0;
        left: 0; }
      .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap.youtube-wrap {
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 56.25%; }
        .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap.youtube-wrap iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        @media (max-width: 768px) {
          .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap.youtube-wrap {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            padding-top: 0; }
            .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-wrap.youtube-wrap iframe {
              width: 100vw;
              height: 100vh; } }
    .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      /* 黒いオーバーレイ、透明度50% */ }
    .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 1% 3%;
      text-align: center; }
      .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap .heroheader-video-title {
        font-weight: bold;
        font-size: 2em;
        letter-spacing: 6px; }
        @media (max-width: 1200px) {
          .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap .heroheader-video-title {
            font-size: 1.5em; } }
        @media (max-width: 992px) {
          .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap .heroheader-video-title {
            font-size: 1.2em; } }
        .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap .heroheader-video-title.hopup-animation {
          animation: floatUp 4.4s ease-out; }
@keyframes floatUp {
  0% {
    transform: translateY(100%);
    opacity: 0; }
  90% {
    transform: translateY(50%);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
      .heroheader-prevew-video-all-wrap .heroheader-video-back-wrap .heroheader-video-title-wrap.notshow {
        display: none; }

.heroheader-prevew-slider-all-wrap {
  position: relative;
  width: 100vw;
  height: 100vh; }
  .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black; }
    .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      transition: none !important; }
      .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform-origin: center center; }
      .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide.slick-current {
        animation: clipPathAnimationOpen 3s cubic-bezier(0.15, 0.17, 0, 1) forwards; }
      .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide.slick-current img {
        animation: sliderImgscaleDownClearMosaic 3s cubic-bezier(0.15, 0.17, 0, 1) forwards; }
      .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        font-size: 2em;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        text-shadow: 1px 1px 1px 10px #000; }
        @media (max-width: 1200px) {
          .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide p {
            font-size: 1.5em; } }
        @media (max-width: 992px) {
          .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide p {
            font-size: 1.2em; } }
      .heroheader-prevew-slider-all-wrap .heroheader-slider-wrap .slick-slide .back-shadow {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }

.slick-custom-important {
  opacity: 1 !important; }

@keyframes clipPathAnimationOpen {
  0% {
    clip-path: inset(0 0 0 100%); }
  100% {
    clip-path: inset(0 0 0 0); } }
@keyframes sliderImgscaleDownClearMosaic {
  0% {
    transform: scale(1.5);
    filter: blur(20px); }
  100% {
    transform: scale(1);
    filter: blur(0); } }
.heroheader-back-wrap .heroheader-rogo-wrap.bg-opacity-value {
  opacity: 0;
  animation: bgOpacityAnime 4.9s ease-out forwards; }
@keyframes bgOpacityAnime {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.heroheader-video-back-wrap .heroheader-video-wrap.bg-opacity-value {
  opacity: 0;
  animation: bgOpacityAnime 4.9s ease-out forwards; }
@keyframes bgOpacityAnime {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.loadanime-opacity-control {
  opacity: 0; }

.heroheader-prevew-slider-all-wrap .heroheader-slider-wrap.bg-opacity-value {
  opacity: 0;
  animation: bgOpacityAnime 4.9s ease-out forwards; }
@keyframes bgOpacityAnime {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.animetion-prewrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999; }
  .animetion-prewrap.loading-anime-not-use {
    z-index: -999; }
  .animetion-prewrap img {
    width: 257px;
    height: 257px;
    object-fit: contain; }
    @media (max-width: 992px) {
      .animetion-prewrap img {
        width: 200px;
        height: 200px; } }
    @media (max-width: 576px) {
      .animetion-prewrap img {
        width: 175px;
        height: 175px; } }
  .animetion-prewrap.stretch-shrink-right {
    height: 100%;
    animation: stretchShrinkRight 4s ease-in-out forwards; }
@keyframes stretchShrinkRight {
  0% {
    width: 100%;
    clip-path: inset(0 100% 0 0);
    opacity: 1; }
  10% {
    width: 100%;
    clip-path: inset(0 0 0 0);
    opacity: 1; }
  90% {
    width: 100%;
    clip-path: inset(0 0 0 0);
    opacity: 1; }
  100% {
    width: 100%;
    clip-path: inset(0 0 0 100%);
    opacity: 1; } }
  .animetion-prewrap.stretch-shrink-curtain {
    height: 100%;
    animation: stretchShrinkCurtain 4s ease-in-out forwards; }
@keyframes stretchShrinkCurtain {
  0% {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 100% 0);
    opacity: 1; }
  10% {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 0);
    opacity: 1; }
  90% {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 0);
    opacity: 1; }
  100% {
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 100% 0);
    opacity: 1; } }
  .animetion-prewrap.expand-circle {
    height: 100%;
    animation: expandCircle 4s ease-out forwards; }
@keyframes expandCircle {
  0% {
    opacity: 1;
    clip-path: circle(100% at 50% 50%); }
  50% {
    opacity: 1; }
  80% {
    opacity: 0.6; }
  100% {
    clip-path: circle(0% at 50% 50%);
    opacity: 0; } }
  .animetion-prewrap .loadwrap-rogo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center; }
    .animetion-prewrap .loadwrap-rogo.loading-opacity-cont {
      animation: CircleTextAnime 4s ease-out; }
@keyframes CircleTextAnime {
  0% {
    opacity: 1; }
  70% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .animetion-prewrap .loadwrap-rogo.popup-rogo {
      animation: popUpRogoAnime 4s ease-out; }
@keyframes popUpRogoAnime {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .animetion-prewrap .loading-text {
    width: 100%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    font-size: .6em;
    transform: translateX(-50%);
    color: #000;
    text-align: center;
    font-family: 'Noto Serif JP', sans-serif;
    letter-spacing: 1px; }
    .animetion-prewrap .loading-text.loading-anime {
      animation: CircleTextAnimeconb 4s ease-out, loadingTextAnimationconb 2s ease-out infinite; }
@keyframes CircleTextAnimeconb {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes loadingTextAnimationconb {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.header-back-wrap {
  text-align: center;
  padding: 1% 0;
  width: 100%;
  height: 150px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform 0.3s ease;
  /* スムーズな表示/非表示のためのアニメーション */
  z-index: 998;
  /* 他の要素の上に表示 */ }
  .header-back-wrap.bg-opacity-value {
    opacity: 0;
    animation: bgOpacityAnime 4.9s ease-out forwards; }
@keyframes bgOpacityAnime {
  0% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .header-back-wrap .header-flex-setting {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .header-back-wrap .header-flex-setting .header-rogo-wrap {
      text-align: center;
      margin: 0 auto; }
      .header-back-wrap .header-flex-setting .header-rogo-wrap img {
        height: 100%;
        object-fit: contain; }
    .header-back-wrap .header-flex-setting .header-title-wrap {
      margin-top: -10px; }
      .header-back-wrap .header-flex-setting .header-title-wrap .header-site-title {
        font-weight: bold;
        display: inline-block;
        border-bottom: 1px solid;
        padding-bottom: 7px;
        margin: 5px auto;
        font-size: .6em; }
      .header-back-wrap .header-flex-setting .header-title-wrap .header-site-discription {
        margin: 0 auto;
        font-weight: bold;
        font-size: .6em; }

.n-section-block {
  margin: 7% 0; }
  @media (max-width: 576px) {
    .n-section-block {
      margin: 90px 0; } }
  .n-section-block .rank-primary-title-prevew {
    width: 93%;
    text-align: center;
    margin: 0 auto 5%;
    text-align: center;
    box-shadow: 0px 4px 2px -3px #b6b4b4; }
    .n-section-block .rank-primary-title-prevew .r-p-t-prev {
      font-size: 1.2em;
      position: relative;
      display: inline-block;
      margin-bottom: 3em;
      font-weight: bold;
      letter-spacing: 5px; }
      @media (max-width: 768px) {
        .n-section-block .rank-primary-title-prevew .r-p-t-prev {
          font-size: .8em; } }
      .n-section-block .rank-primary-title-prevew .r-p-t-prev span {
        display: inline-block;
        transition: 1s;
        opacity: 0;
        transform: translateX(50px); }
        .n-section-block .rank-primary-title-prevew .r-p-t-prev span.is-animated {
          opacity: 1;
          transform: translateX(0); }
    .n-section-block .rank-primary-title-prevew .r-p-t-prev::before {
      content: '';
      position: absolute;
      bottom: -15px;
      display: inline-block;
      width: 60px;
      height: 2px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #000000bf;
      border-radius: 2px; }
  .n-section-block .ranking-all-back-wrap {
    max-width: 1100px;
    margin: 0 auto;
    width: 90%;
    overflow: scroll; }
    .n-section-block .ranking-all-back-wrap .ranking-all-wrap {
      width: 144%;
      position: relative;
      display: flex;
      overflow: scroll;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center; }
      @media (max-width: 992px) {
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap {
          width: 160%; } }
      @media (max-width: 992px) {
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap {
          width: 240%; } }
      @media (max-width: 576px) {
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap {
          width: 410%; } }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .rank-pop {
        display: none; }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_sq_bg {
        font-family: math;
        font-weight: bold;
        width: 20%;
        font-size: 1em;
        box-sizing: border-box;
        text-align: center;
        background-color: #dbbf4b;
        color: #f0f0f1;
        padding: 5px;
        margin: -5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute; }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_circle_bg {
        font-family: math;
        font-weight: bold;
        width: 40px;
        height: 40px;
        font-size: 1.4em;
        box-sizing: border-box;
        text-align: center;
        background-color: #DBBF4B;
        color: #ffffff;
        border-radius: 50%;
        padding: 4px;
        position: absolute; }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_band_bg {
        font-family: math;
        font-weight: bold;
        width: 35px;
        height: 70px;
        font-size: 1em;
        box-sizing: border-box;
        color: #ffffff;
        transform: translate(-10px, 3px);
        text-align: center;
        position: absolute; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_band_bg span::after,
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_band_bg span::before {
          position: absolute;
          content: ''; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_band_bg span::before {
          right: -13px;
          top: -14px;
          width: 0;
          height: 0;
          border-right: 10px solid transparent;
          border-bottom: 6px solid #9C8320; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_band_bg span::after {
          top: -20%;
          left: 0;
          display: block;
          height: 50px;
          border: 1.2rem solid #DBBF4B;
          border-bottom-width: 15px;
          border-bottom-color: transparent;
          z-index: -1; }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_label_bg {
        font-family: math;
        font-weight: bold;
        width: 20px;
        height: 70px;
        font-size: 1.2em;
        box-sizing: border-box;
        transform: translate(8px, 8px);
        text-align: center;
        color: #ffffff;
        position: absolute;
        top: 0;
        left: 0; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_label_bg span::after,
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_label_bg span::before {
          position: absolute;
          content: ''; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .math_label_bg span::after {
          top: -8px;
          left: -8px;
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 65px 65px 0 0;
          border-color: #DBBF4B transparent transparent transparent;
          z-index: -1;
          border-top-left-radius: 5px; }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle {
        margin: 20px;
        border-radius: 5px;
        padding: 5px;
        background-color: #ffffff;
        box-shadow: 2px 8px 13px -4px #b6b4b4;
        width: 192px;
        position: relative; }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle {
            margin: 10px; } }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle {
            margin: 5px; } }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle .ranking-img {
          text-align: center;
          margin: 20px 0 10px; }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle .ranking-img img {
            max-width: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 50%;
            width: 180px;
            height: 180px;
            padding: 10px; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle .ranking-item-title {
          margin: 10px;
          font-size: 1em;
          font-weight: bold;
          width: 162px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          @media (max-width: 992px) {
            .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle .ranking-item-title {
              font-size: .8em; } }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle .ranking-item-title::before {
          content: '';
          border: 2px #AD002D solid;
          margin-right: 8px; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle p {
          margin-left: 10px;
          font-weight: bold;
          line-height: 15px; }
          @media (max-width: 992px) {
            .n-section-block .ranking-all-back-wrap .ranking-all-wrap .circle p {
              font-size: .8em; } }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping {
        margin: 20px;
        border-radius: 5px;
        padding: 5px;
        background-color: #ffffff;
        box-shadow: 2px 8px 13px -4px #b6b4b4;
        width: 192px;
        position: relative; }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping {
            margin: 10px; } }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping {
            margin: 5px; } }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping .ranking-img {
          text-align: center;
          margin: 20px 0 10px; }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping .ranking-img img {
            max-width: 100%;
            width: 200px;
            height: 200px;
            object-fit: cover;
            object-position: center;
            box-sizing: border-box;
            border-radius: 5px; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping .ranking-item-title {
          margin: 10px;
          font-size: 1em;
          font-weight: bold;
          width: 162px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          @media (max-width: 992px) {
            .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping .ranking-item-title {
              font-size: .8em; } }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping .ranking-item-title::before {
          content: '';
          border: 2px #AD002D solid;
          margin-right: 8px; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping p {
          margin-left: 10px;
          font-weight: bold;
          line-height: 15px; }
          @media (max-width: 992px) {
            .n-section-block .ranking-all-back-wrap .ranking-all-wrap .clipping p {
              font-size: .8em; } }
      .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay {
        position: relative;
        margin: 20px;
        border-radius: 5px;
        padding: 5px;
        background-color: #ffffff;
        box-shadow: 2px 8px 13px -4px #b6b4b4;
        width: 192px;
        background-size: cover;
        background-position: center; }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay {
            margin: 10px; } }
        @media (max-width: 992px) {
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay {
            margin: 5px; } }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 99; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-img {
          text-align: center;
          margin: 20px 0 10px; }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-img img {
            width: 200px;
            height: 200px;
            object-fit: cover;
            box-sizing: border-box;
            border-radius: 5px;
            opacity: 0; }
        .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription {
          width: 100%;
          background-color: #000000bf;
          box-sizing: border-box;
          position: absolute;
          left: 0;
          bottom: 0;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px; }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription .ranking-item-title {
            font-size: 1em;
            font-weight: bold;
            color: #FFFFFF;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
            @media (max-width: 992px) {
              .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription .ranking-item-title {
                font-size: .8em; } }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription .ranking-item-title::before {
            content: '';
            border: 2px #AD002D solid;
            margin-right: 8px; }
          .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription p {
            margin-left: 10px;
            font-weight: bold;
            line-height: 15px;
            color: #FFFFFF; }
            @media (max-width: 992px) {
              .n-section-block .ranking-all-back-wrap .ranking-all-wrap .overlay .ranking-discription p {
                font-size: .8em; } }

/*------　ランキングタイトルスタイルend　-------*/
.n-section-block .concept-back-wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .n-section-block .concept-back-wrap .concept-text-wrap {
    width: 65%;
    height: 90%;
    background-color: rgba(255, 255, 255, 0.89);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow-y: scroll; }
    @media (max-width: 1200px) {
      .n-section-block .concept-back-wrap .concept-text-wrap {
        width: 75%; } }
    @media (max-width: 576px) {
      .n-section-block .concept-back-wrap .concept-text-wrap {
        width: 90%; } }
    .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title {
      position: relative;
      display: block;
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: rgba(255, 255, 255, 0.4);
      margin: 40px 0;
      padding: 40px 0;
      letter-spacing: 5px; }
      @media (max-width: 992px) {
        .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title {
          font-size: .8em; } }
      .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title span {
        display: inline-block;
        transition: 1s;
        opacity: 0;
        transform: translateX(50px); }
        .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title span.is-animated {
          opacity: 1;
          transform: translateX(0); }
    .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-title::before {
      content: '';
      position: absolute;
      bottom: 30px;
      display: inline-block;
      width: 100px;
      height: 2px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #000000bf;
      border-radius: 2px; }
    .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-content {
      display: block;
      width: 50%;
      height: 360px;
      box-sizing: border-box;
      overflow: scroll;
      margin: 40px auto;
      padding: 20px;
      line-height: 25px;
      background-color: rgba(255, 255, 255, 0.4);
      letter-spacing: 2px; }
      @media (max-width: 992px) {
        .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-content {
          font-size: 1em;
          width: 90%; } }
      @media (max-width: 768px) {
        .n-section-block .concept-back-wrap .concept-text-wrap .concept-main-content {
          font-size: .8em; } }

.n-section-block .gm-primary-title-prevew {
  width: 100%;
  text-align: center;
  margin: 0 auto 5%;
  box-shadow: 0px 4px 2px -3px #b6b4b4; }
  .n-section-block .gm-primary-title-prevew .gm-primary-title {
    font-size: 1.2em;
    position: relative;
    display: inline-block;
    margin-bottom: 3em;
    font-weight: bold;
    letter-spacing: 5px; }
    @media (max-width: 768px) {
      .n-section-block .gm-primary-title-prevew .gm-primary-title {
        font-size: .8em; } }
    .n-section-block .gm-primary-title-prevew .gm-primary-title span {
      display: inline-block;
      transition: 1s;
      opacity: 0;
      transform: translateX(50px); }
      .n-section-block .gm-primary-title-prevew .gm-primary-title span.is-animated {
        opacity: 1;
        transform: translateX(0); }
  .n-section-block .gm-primary-title-prevew .gm-primary-title::before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000000bf;
    border-radius: 2px; }
.n-section-block .grandmenu-wrap {
  max-width: 1100px;
  margin: 0 auto;
  width: 90%; }
  .n-section-block .grandmenu-wrap .grandmenu-title-wrap {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    .n-section-block .grandmenu-wrap .grandmenu-title-wrap .gm-item-wrap {
      flex: 1 0 200px;
      width: 230px;
      height: 230px;
      box-sizing: border-box;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      transition: all .6s ease-in-out;
      box-shadow: 2px 8px 13px -4px #b6b4b4;
      text-decoration: none;
      /* 下線を非表示にする */
      color: inherit;
      position: relative;
      margin: 2% 3%;
      opacity: 0;
      transform: translateY(20px); }
      .n-section-block .grandmenu-wrap .grandmenu-title-wrap .gm-item-wrap p {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 6px;
        text-align: center;
        border: 3px  solid;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: bold;
        text-shadow: 1px 1px 10px #000;
        background-color: rgba(0, 0, 0, 0.17);
        letter-spacing: 1px; }
        @media (max-width: 992px) {
          .n-section-block .grandmenu-wrap .grandmenu-title-wrap .gm-item-wrap p {
            font-size: .8em;
            border: 2px solid; } }
      .n-section-block .grandmenu-wrap .grandmenu-title-wrap .gm-item-wrap.show {
        opacity: 1;
        transform: translateY(0); }

.n-section-block .column_right_1-all-wrap {
  width: 100%;
  height: auto;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 0 5%; }
  @media (max-width: 992px) {
    .n-section-block .column_right_1-all-wrap {
      grid-template-columns: 1fr; } }
  @media (max-width: 992px) {
    .n-section-block .column_right_1-all-wrap {
      gap: 5px; } }
  .n-section-block .column_right_1-all-wrap .column_right_1-back-wrap {
    width: 100%; }
  .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap {
    width: 100%;
    padding: 10px;
    margin: 0 10px; }
    @media (max-width: 992px) {
      .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap {
        width: 100%;
        margin: 0;
        padding: 10px 10px 10px 0; } }
    .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-title {
      letter-spacing: 5px;
      position: relative;
      width: 100%;
      font-size: 1.2em;
      margin-top: 0;
      font-weight: bold;
      white-space: normal;
      word-wrap: break-word; }
      @media (max-width: 992px) {
        .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-title {
          font-size: .8em; } }
    .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-title::after {
      content: '';
      position: absolute;
      bottom: -15px;
      display: inline-block;
      width: 100%;
      height: 2px;
      left: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(0%);
      background-color: #000000bf;
      border-radius: 2px; }
    .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-content {
      padding: 20px 5px;
      letter-spacing: 2px; }
      @media (max-width: 992px) {
        .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-content {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-content {
          font-size: .8em; } }
      @media (max-width: 576px) {
        .n-section-block .column_right_1-all-wrap .column_right_1-text-wrap .column_right_1-main-content {
          margin-bottom: 0;
          padding: 20px 5px 20px 0; } }

.n-section-block .column_left_1-all-wrap {
  width: 100%;
  height: auto;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 0 5%; }
  @media (max-width: 992px) {
    .n-section-block .column_left_1-all-wrap {
      grid-template-columns: 1fr; } }
  @media (max-width: 768px) {
    .n-section-block .column_left_1-all-wrap {
      gap: 5px; } }
  .n-section-block .column_left_1-all-wrap .column_left_1-back-wrap {
    width: 100%; }
  .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap {
    width: 100%;
    margin: 0 10px; }
    @media (max-width: 992px) {
      .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap {
        width: 100%;
        margin: 0;
        padding: 10px 10px 10px 0; } }
    .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-title {
      position: relative;
      width: 100%;
      font-size: 1.2em;
      margin-top: 0;
      font-weight: bold;
      letter-spacing: 5px;
      white-space: normal;
      word-wrap: break-word; }
      @media (max-width: 992px) {
        .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-title {
          font-size: .8em; } }
      .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-title::after {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 100%;
        height: 2px;
        left: 0;
        transform: translateX(0%);
        background-color: #000000bf;
        border-radius: 2px; }
    .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-content {
      padding: 20px 5px;
      letter-spacing: 2px; }
      @media (max-width: 992px) {
        .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-content {
          font-size: 1em;
          padding: 20px 5px 20px 0; } }
      @media (max-width: 768px) {
        .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-content {
          font-size: .8em; } }
      @media (max-width: 576px) {
        .n-section-block .column_left_1-all-wrap .column_left_1-text-wrap .column_left_1-main-content {
          margin-bottom: 0;
          padding: 20px 0 20px 0; } }

.n-section-block .column_2-all-wrap {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 0 3%; }
  @media (max-width: 768px) {
    .n-section-block .column_2-all-wrap {
      grid-template-columns: 1fr; } }
  .n-section-block .column_2-all-wrap .column_2_item_wrap {
    width: 100%;
    padding: 20px; }
    .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-back-wrap {
      width: 100%;
      height: auto; }
      @media (max-width: 768px) {
        .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-back-wrap {
          font-size: .8em; } }
    .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-title {
      position: relative;
      width: 100%;
      font-size: 1.2em;
      font-weight: bold;
      margin: 30px 0 10px;
      letter-spacing: 5px;
      white-space: normal;
      word-wrap: break-word; }
      @media (max-width: 992px) {
        .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-title {
          font-size: .9em; } }
      @media (max-width: 768px) {
        .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-title {
          font-size: .8em; } }
    .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-title::after {
      content: '';
      position: absolute;
      bottom: -15px;
      display: inline-block;
      width: 100%;
      height: 2px;
      left: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(0%);
      background-color: #000000bf;
      border-radius: 2px; }
    .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-content {
      padding: 20px 0;
      letter-spacing: 2px; }
      @media (max-width: 992px) {
        .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-content {
          font-size: .9em; } }
      @media (max-width: 768px) {
        .n-section-block .column_2-all-wrap .column_2_item_wrap .column_2-text-wrap .column_2-main-content {
          font-size: .8em; } }

.n-section-block .column_3-all-wrap {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0 5%; }
  @media (max-width: 768px) {
    .n-section-block .column_3-all-wrap {
      grid-template-columns: 1fr; } }
  .n-section-block .column_3-all-wrap .column_3_item_wrap {
    width: 100%;
    padding: 20px; }
    .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-back-wrap {
      width: 100%;
      height: auto; }
    .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-title {
      position: relative;
      width: 100%;
      font-size: 1em;
      font-weight: bold;
      margin: 30px 0 10px;
      letter-spacing: 5px;
      white-space: normal;
      word-wrap: break-word; }
      @media (max-width: 1200px) {
        .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-title {
          font-size: .9em; } }
      @media (max-width: 992px) {
        .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-title {
          font-size: .8em; } }
      .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-title::after {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 100%;
        height: 2px;
        left: 0;
        transform: translateX(0%);
        background-color: #000000bf;
        border-radius: 2px; }
    .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-content {
      padding: 20px 0;
      letter-spacing: 2px;
      font-size: 1em; }
      @media (max-width: 1200px) {
        .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-content {
          font-size: .9em; } }
      @media (max-width: 992px) {
        .n-section-block .column_3-all-wrap .column_3_item_wrap .column_3-text-wrap .column_3-main-content {
          font-size: .8em; } }

.n-section-block .text_content-back-wrap {
  width: 100%;
  margin: 20px 0;
  padding: 10px; }
  .n-section-block .text_content-back-wrap .text_content-text-wrap {
    width: 100%; }
    .n-section-block .text_content-back-wrap .text_content-text-wrap .text_content-main-title {
      width: 60%;
      font-size: 1.5em;
      font-weight: bold;
      text-align: center;
      margin: 8% auto;
      letter-spacing: 5px; }
      @media (max-width: 992px) {
        .n-section-block .text_content-back-wrap .text_content-text-wrap .text_content-main-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .text_content-back-wrap .text_content-text-wrap .text_content-main-title {
          font-size: 1em; } }
    .n-section-block .text_content-back-wrap .text_content-text-wrap .text_content-main-content {
      width: 80%;
      margin: 10% auto 0;
      line-height: 35px;
      font-size: 1em;
      letter-spacing: 1px; }
      @media (max-width: 992px) {
        .n-section-block .text_content-back-wrap .text_content-text-wrap .text_content-main-content {
          font-size: 1em; } }

.n-section-block .store-info-primary-title-prevew {
  width: 90%;
  text-align: center;
  margin: 0 auto 5%;
  text-align: center;
  box-shadow: 0px 4px 2px -3px #b6b4b4; }
  .n-section-block .store-info-primary-title-prevew .store-info-p_title {
    font-size: 1.2em;
    position: relative;
    display: inline-block;
    margin-bottom: 3em;
    font-weight: bold;
    letter-spacing: 5px; }
    @media (max-width: 1200px) {
      .n-section-block .store-info-primary-title-prevew .store-info-p_title {
        font-size: 1em; } }
    @media (max-width: 768px) {
      .n-section-block .store-info-primary-title-prevew .store-info-p_title {
        font-size: .8em; } }
    .n-section-block .store-info-primary-title-prevew .store-info-p_title span {
      display: inline-block;
      transition: 1s;
      opacity: 0;
      transform: translateX(50px); }
      .n-section-block .store-info-primary-title-prevew .store-info-p_title span.is-animated {
        opacity: 1;
        transform: translateX(0); }
  .n-section-block .store-info-primary-title-prevew .store-info-p_title::before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000000bf;
    border-radius: 2px; }
.n-section-block .store_info-all-wrap {
  width: 80%;
  position: relative;
  display: flex;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .n-section-block .store_info-all-wrap {
      flex-direction: column-reverse; } }
  .n-section-block .store_info-all-wrap .store_info-text-wrap {
    width: 30%;
    padding: 20px;
    background-color: #000000; }
    @media (max-width: 768px) {
      .n-section-block .store_info-all-wrap .store_info-text-wrap {
        width: 100%; } }
    .n-section-block .store_info-all-wrap .store_info-text-wrap .adress-detail-title {
      font-weight: bold;
      position: relative;
      color: #ffffff; }
      @media (max-width: 1200px) {
        .n-section-block .store_info-all-wrap .store_info-text-wrap .adress-detail-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .store_info-all-wrap .store_info-text-wrap .adress-detail-title {
          font-size: .8em; } }
    .n-section-block .store_info-all-wrap .store_info-text-wrap .adress-detail-title::after {
      content: '';
      position: absolute;
      bottom: -5px;
      display: inline-block;
      width: 100%;
      height: 2px;
      left: 0;
      transform: translateX(0%);
      background-color: #ffffff69;
      border-radius: 2px; }
    .n-section-block .store_info-all-wrap .store_info-text-wrap .store_info-main-title {
      color: #ffffff;
      font-weight: bold; }
      @media (max-width: 1200px) {
        .n-section-block .store_info-all-wrap .store_info-text-wrap .store_info-main-title {
          font-size: 1em; } }
      @media (max-width: 768px) {
        .n-section-block .store_info-all-wrap .store_info-text-wrap .store_info-main-title {
          font-size: .8em; } }
  .n-section-block .store_info-all-wrap .store_info-back-wrap {
    width: 70%; }
    .n-section-block .store_info-all-wrap .store_info-back-wrap iframe {
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
    @media (max-width: 768px) {
      .n-section-block .store_info-all-wrap .store_info-back-wrap {
        width: 100%;
        height: 400px; } }

.n-section-block .parallax-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  margin: 15% 0; }
  .n-section-block .parallax-container .parallax-section {
    position: relative;
    width: 100%;
    height: 100%; }
    .n-section-block .parallax-container .parallax-section .parallax-layer {
      position: absolute;
      top: 0;
      display: none;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%;
      height: 100%; }
      .n-section-block .parallax-container .parallax-section .parallax-layer.parallax-isblock {
        display: block; }
        .n-section-block .parallax-container .parallax-section .parallax-layer.parallax-isblock.parallax-isactive {
          position: fixed; }
      .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap {
        width: 70%;
        text-align: center;
        margin: 0 auto 5%;
        text-align: center;
        box-shadow: 0px 4px 2px -3px #b6b4b4; }
        @media (max-width: 768px) {
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap {
            width: 90%; } }
        .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap .parallax-title {
          position: relative;
          display: block;
          text-align: center;
          font-size: 1.2rem;
          font-weight: bold;
          background-color: rgba(255, 255, 255, 0.4);
          margin: 40px 0;
          padding: 40px 0;
          letter-spacing: 5px; }
          @media (max-width: 768px) {
            .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap .parallax-title {
              font-size: .8em; } }
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap .parallax-title span {
            display: inline-block;
            transition: 1s;
            opacity: 0;
            transform: translateX(50px); }
            .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap .parallax-title span.is-animated {
              opacity: 1;
              transform: translateX(0); }
        .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-title-wrap .parallax-title::before {
          content: '';
          position: absolute;
          bottom: 20px;
          display: inline-block;
          width: 60px;
          height: 2px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          background-color: #000000bf;
          border-radius: 2px; }
      .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content-title {
        position: absolute;
        display: block;
        text-align: center;
        font-size: 2.2em;
        font-weight: bold;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        letter-spacing: 5px;
        color: #ffffff;
        text-shadow: 1px 1px 10px #000; }
        @media (max-width: 1200px) {
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content-title {
            font-size: 1.8em; } }
        @media (max-width: 992px) {
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content-title {
            font-size: 1.4em; } }
        @media (max-width: 768px) {
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content-title {
            font-size: 1.2em; } }
        @media (max-width: 576px) {
          .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content-title {
            font-size: 1em; } }
      .n-section-block .parallax-container .parallax-section .parallax-layer .parallax-content {
        position: absolute;
        display: block;
        font-weight: bold;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        letter-spacing: 2px;
        color: #ffffff;
        text-shadow: 1px 1px 10px #000; }

.notfound_all_wrap {
  position: relative;
  width: 100vw;
  height: 100vh; }
  .notfound_all_wrap .notfound-title {
    width: 100%;
    text-align: center;
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 992px) {
      .notfound_all_wrap .notfound-title {
        font-size: 1.5em; } }
    .notfound_all_wrap .notfound-title.notfound-linktext {
      font-size: 1em;
      top: 70%;
      text-decoration: none; }

.banner-all-wrap-prev,
.banner-all-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 998;
  transition: opacity .5s ease;
  opacity: 1; }
  .banner-all-wrap-prev.remove-banner,
  .banner-all-wrap.remove-banner {
    opacity: 0; }
  .banner-all-wrap-prev .banner-content-wrap,
  .banner-all-wrap .banner-content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 50%;
    height: 70%; }
    @media (max-width: 768px) {
      .banner-all-wrap-prev .banner-content-wrap,
      .banner-all-wrap .banner-content-wrap {
        width: 80%;
        height: 63%; } }
    .banner-all-wrap-prev .banner-content-wrap .banner-title,
    .banner-all-wrap .banner-content-wrap .banner-title {
      text-align: center;
      font-weight: bold;
      color: #ffffff; }
    .banner-all-wrap-prev .banner-content-wrap a,
    .banner-all-wrap .banner-content-wrap a {
      width: 100%;
      height: 100%;
      text-decoration: none; }
      .banner-all-wrap-prev .banner-content-wrap a img,
      .banner-all-wrap .banner-content-wrap a img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .banner-all-wrap-prev .banner-content-wrap .banner-close-button-prev,
    .banner-all-wrap-prev .banner-content-wrap .banner-close-button,
    .banner-all-wrap .banner-content-wrap .banner-close-button-prev,
    .banner-all-wrap .banner-content-wrap .banner-close-button {
      width: 30px;
      height: 30px;
      background-color: #FFFFFF;
      color: #000;
      border: none;
      border-radius: 50%;
      font-size: 16px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      outline: none;
      padding: 0;
      margin-top: 12px; }
      .banner-all-wrap-prev .banner-content-wrap .banner-close-button-prev::before,
      .banner-all-wrap-prev .banner-content-wrap .banner-close-button::before,
      .banner-all-wrap .banner-content-wrap .banner-close-button-prev::before,
      .banner-all-wrap .banner-content-wrap .banner-close-button::before {
        content: '×';
        display: block; }

.scroll-top-btn {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  border: none;
  border-radius: 3px;
  z-index: 100; }
  @media (max-width: 576px) {
    .scroll-top-btn {
      width: 30px;
      height: 30px; } }
  .scroll-top-btn .fas.fa-chevron-up,
  .scroll-top-btn .fas.fa-arrow-up,
  .scroll-top-btn .fas.fa-caret-up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .scroll-top-btn.notshow {
    display: none !important; }

.store-call-btn {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 60px;
  left: 10px;
  border: none;
  display: none;
  background-color: transparent; }
  @media (max-width: 576px) {
    .store-call-btn {
      display: block; } }
  .store-call-btn .fas.fa-phone-square {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .store-call-btn .fas.fa-phone-square::before {
      font-size: 35px; }
  .store-call-btn.notshow {
    display: none !important; }
