@charset "utf-8";
.g_nav {
  display: none;
}
/*---------- 変数 ----------*/
:root {

  /*ファーストビュー　sentence文字サイズ*/
  --fv_txt_size: min(10.4vw,180px);
}

/* -----------------------------------------------------------------
.sec_fv
----------------------------------------------------------------- */
.sec_fv {
  position: relative;
  display: flex;
  height: 100vh;
  cursor: default;
  background: #fff;
}
.sec_fv .box_logo,
.sec_fv .box_body{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.fv_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: inset(0 0 0% 0);
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
}
.fv_overlay.layer01 {
  animation-name:PageAnime01;
  background: rgba(0,0,0,1);
}
.fv_overlay.layer02 {
  animation-delay:.05s;
  animation-name:PageAnime02;
  background: rgba(0,0,0,.31);

}
@media screen and (max-width: 999px) {
  .sec_fv {
    flex-direction: column;
  }
  .sec_fv .box_logo,
  .sec_fv .box_body{
    height: 50vh;
  }
}
@media print, screen and (min-width: 1000px) {
}

@keyframes PageAnime01{
  0% {
  }
  60% {
  clip-path: inset(0 0 0% 0);
  }
  100% {
  clip-path: inset(0 0 100% 0);
  }
}
@keyframes PageAnime02{
  0% {
  }
  60% {
  clip-path: inset(0 0 0% 0);
  }
  100% {
  clip-path: inset(0 0 100% 0);
  }
}
/* -----------------------------------------------------------------
.sec_fv .box_logo
----------------------------------------------------------------- */
.sec_fv .box_logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec_fv .box_logo img {
  width: 26vw;
}

@media screen and (max-width: 999px) {
  .sec_fv .box_logo {
    margin-top: 15vh;
  }
  .sec_fv .box_logo img {
    width: 50vw;
  }

}
@media print, screen and (min-width: 1000px) {
  .sec_fv .box_logo {
    margin-left: 10vw;
  }
}


/* -----------------------------------------------------------------
.sec_fv .box_body
----------------------------------------------------------------- */
.sec_fv .box_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:2rem;
}
.sec_fv .box_body .ig {
  width: 4rem;
  width: clamp(2rem,6vw, 65px);
}
.sec_fv .box_body .info p + p {

  text-align: center;
}

@media screen and (max-width: 999px) {
  .sec_fv .box_body {
    margin-bottom: 15vh;
  }

}
@media print, screen and (min-width: 1000px) {
  .sec_fv .box_body {
    margin-right: 10vw;
  }
}