#main:before,
#main:after{
  content:"";
  width: 100%;
  position: fixed;
  z-index: 0;
}
#main:before{
  height: 50vh;
  background-color: #bfcfda;
  top: 0;
}
#main:after{
  height: 50vh;
  background-color: #9c9a78;
  bottom: 0;
}
.mv-panel {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .mv-panel {
      max-width: 1400px;
      margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .bk-imgs__inner {
    position: relative;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .bk-imgs__row {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding: 150% 0 0;
  }
}
.mv-panel__txt{
  position: absolute;
  z-index: 2;
}
.bk-imgs__panel{
  position: absolute;
  z-index: 1;
}
.bk-imgs__panel p{
  text-align: left;
}
.bk-imgs__panel p:not(.tit):not(.subtit){
  margin-top: 1rem;
}
.bk-imgs__panel .tit {
  margin-top: 5%;
  font-size: min(115px, 7.5vw);
  font-weight: bold;
  line-height: 1;
}
.bk-imgs__panel p.subtit{
  margin-top: 4%;
  font-size: 3vw;
  font-family: var(--font-mix);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .bk-imgs__panel:not(:has(.tit)) p.subtit {
    font-size: 5.6vw;
  }
}
/* _01 */
@media screen and (max-width:768px) {
  ._01{
    margin-top: 6vw;
  }
  ._01 .bk-imgs__row{
    width: 92%;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 4%;
    margin: auto;
  }
  ._01 .bk-imgs__panel{
    position: relative;
    width: 48%;
  }
  ._01 p.txt{
    font-size: 2.8vw;
    line-height: 1.6;
  }
  ._01 p.birth{
    width: auto;
    font-size: 3.4vw;
    position: relative;
    left: 0;
    top: 0;
  }
  ._01 p.birth br{
    display: none;
  }
}
._01 .bk-imgs__panel .bk-imgs__img{
  position: relative;
}
@media screen and (max-width:768px){
  ._01 .bk-imgs__panel .bk-imgs__img {
    text-align: right;
  }
  ._01 .bk-imgs__panel .bk-imgs__img img {
    width: 90%;
  } 
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(1){
    width: 35%;
    left: 8%;
    top: 20%;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(1) .bk-imgs__img{
    width: 100%;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(1) p.birth {
    top: -24%;
    left: -8%;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(1)>p:not(.tit):not(.subtit){
    width: fit-content;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    left: 105%;
    bottom: 0;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(2){
    width: 42%;
    top: 31%;
    right: 2%;
  }
  ._01 .bk-imgs__panel:nth-of-type(2) .bk-imgs__img{
    width: 72%;
    margin: auto;
    position: relative;
  }
  ._01 .bk-imgs__panel:nth-of-type(2) p.birth {
    left: 105%;
    bottom: 0;
    top: unset;
  }
  ._01 .bk-imgs__panel:nth-of-type(2) .tit{
    display: block;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
  }
  ._01 .bk-imgs__panel:nth-of-type(2) .subtit{
    display: block;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    text-align-last: right;
  }
  ._01 .bk-imgs__panel:nth-of-type(2) .txt{
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    text-align-last: right;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) {
    width: 50%;
    left: 5%;
    bottom: 0;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(3){
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) .tit {
    width: 100%;
    order: 1;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) .subtit {
    order: 2;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) .bk-imgs__img{
    width: 65%;
    max-height: 490px;
    order: 3;
    text-align: center;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) .bk-imgs__img img{
    width: 80%;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) p.birth {
    left: 95%;
    top: 59%;
  }
  ._01 .bk-imgs__panel:nth-of-type(3) .txt {
    order: 4;
    margin-top: 3%;
    margin-left: auto;
    width: 93.5%;
  }
}
._01 .bk-imgs__panel:nth-of-type(4){
  overflow: visible;
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(4){
    width: 42%;
    right: 2%;
    bottom: 0;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(4) .bk-imgs__img{
    width: 72%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(4) p.birth {
    top: unset;
    bottom: 0;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(4) .subtit{
    text-align: center;
    text-align-last: center;
  }
}
@media screen and (min-width:769px) {
  ._01 .bk-imgs__panel:nth-of-type(4)>p:not(.tit):not(.subtit){
    margin-top: 2rem;
    text-align: center;
    text-align-last: center;
  }
}

/* _02 */
.mv-panel._02 {
  width: 100%;
  height: 50vh;
  /* background-color: #bfcfda; */
  position: relative;
  z-index: 2;
}
@media screen and (max-width:768px) {
  .mv-panel._02 {
    width: 92%;
    margin: auto;
    height: 150vw;
  }
}
._02 .bk-imgs__inner {
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
}
._02 .bk-imgs__panel:nth-of-type(1) {
  width: 40.78%;
  left: 1.6%;
  top: 17%;
}
@media screen and (max-width:768px) {
  ._02 .bk-imgs__panel:nth-of-type(1) {
    width: 88%;
    top: 10%;
  }
}
._02 .bk-imgs__panel:nth-of-type(2) {
  width: 11.29%;
  right: 57.5%;
  left: unset;
  top: 85%;
}
@media screen and (max-width:768px) {
  ._02 .bk-imgs__panel:nth-of-type(2) {
    width: 25%;
    right: 10%;
    top: 35%;
  }
}
._02 .bk-imgs__panel:nth-of-type(3) .bk-imgs__img {
  overflow: hidden;
}
._02 .bk-imgs__panel:nth-of-type(3) {
  width: 40%;
  left: 45%;
  top: 42%;
}
@media screen and (max-width:768px){
  ._02 .bk-imgs__panel:nth-of-type(3) {
    width: 60%;
    left: 0%;
    top: 38%;
  }
}

@media screen and (min-width:769px) {
  ._02 .bk-imgs__panel:nth-of-type(3) .disc{
    width: 8rem;
    height: fit-content;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    left: 103%;
    bottom: 0;
  }
}
@media screen and (max-width:768px){
  ._02 .disc{
    font-size: 3.2vw;
  }
}
/* birth */
p.birth {
  width: 6em;
  font-size: 1.6rem;
  line-height: 1.3;
  position: absolute;
  left: 103%;
  top: 51%;
}
p.birth span{
  display: block;
  margin-bottom: .5em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-weight: bold;
  line-height: 1;
}
/* parallax */
.bk-imgs__img.parallax img {
  width: 120%;
  height: 120%;
  object-fit: cover;
  position: absolute;
  left: -10%;
	  background-color: #bfcfda;
}
.bk-imgs__img.parallax.down img{
  bottom: 0;
	  background-color: #bfcfda;
}
.bk-imgs__img.parallax.up img{
  top: 0;
	  background-color: #bfcfda;
}
/* アニメーション */
.parallax img{
  object-fit: cover;
  -webkit-transition: opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-clip-path 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.inview img{
  -webkit-transition: opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -webkit-clip-path: inset(0 99% 0 0);
  clip-path: inset(0 99% 0 0);
  opacity: 0;
}
.inview.is_view img{
  -webkit-clip-path: inset(0 0% 0 0);
  clip-path: inset(0 0% 0 0);
  opacity: 1;
}
.inview p {
  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, -webkit-filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, -webkit-filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s, -webkit-filter 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  opacity: 0;
}
.inview.is_view p {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
}

.bk-imgs__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/common/asfalt-dark.png);
  mix-blend-mode: overlay;
  background-size: 6%;
  background-repeat: repeat;
  pointer-events: none;
  z-index: 1111;
}
/* fireball */
.p-top-fireball {
  pointer-events: none;
  width: 7vw;
  height: 7vw;
  position: absolute;
  left: 50%;
  top: 20%;
  z-index: 1000;
  margin: -3.5vw 0 0 -3.5vw;
  -webkit-animation: flash ease 20s alternate infinite;
          animation: flash ease 20s alternate infinite;
  opacity: .4;
  mix-blend-mode: overlay; 
}
.p-top-fireball.under{
  top: 70%;
}
.p-top-fireball:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #bdcdd7;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: move1 linear 30s alternate infinite;
            animation: move1 linear 30s alternate infinite; }
.p-top-fireball--s {
    width: 4.5vw;
    height: 4.5vw;
    margin: -2.25vw 0 0 -2.25vw; }
.p-top-fireball--s:before {
      -webkit-animation: move2 linear 50s alternate infinite;
              animation: move2 linear 50s alternate infinite; }
@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  10% {
    opacity: .4; }
  20% {
    opacity: 0; }
  30% {
    opacity: .4; }
  40% {
    opacity: .4; }
  50% {
    opacity: .4; }
  60% {
    opacity: 0; }
  70% {
    opacity: .4; }
  80% {
    opacity: .4; }
  100% {
    opacity: .4; } }
@keyframes flash {
  0% {
    opacity: .4; }
  10% {
    opacity: .4; }
  20% {
    opacity: 0; }
  30% {
    opacity: .4; }
  40% {
    opacity: .4; }
  50% {
    opacity: .4; }
  60% {
    opacity: 0; }
  70% {
    opacity: .4; }
  80% {
    opacity: .4; }
  100% {
    opacity: .4; } }
@-webkit-keyframes move1 {
  0% {
    -webkit-transform: translate3d(-38vw, 7vh, 0);
    transform: translate3d(-38vw, 7vh, 0); 
  }
  11.11111% {
    -webkit-transform: translate3d(48vw, -14vh, 0);
    transform: translate3d(48vw, -14vh, 0); }
  22.22222% {
    -webkit-transform: translate3d(35vw, 3vh, 0);
    transform: translate3d(35vw, 3vh, 0); }
  33.33333% {
    -webkit-transform: translate3d(27vw, 25vh, 0);
    transform: translate3d(27vw, 25vh, 0); }
  44.44444% {
    -webkit-transform: translate3d(4vw, 1vh, 0);
    transform: translate3d(4vw, 1vh, 0); }
  55.55556% {
    -webkit-transform: translate3d(-19vw, -12vh, 0);
    transform: translate3d(-19vw, -12vh, 0); }
  66.66667% {
    -webkit-transform: translate3d(-38vw, 22vh, 0);
    transform: translate3d(-38vw, 22vh, 0); }
  77.77778% {
    -webkit-transform: translate3d(-46vw, 42vh, 0);
    transform: translate3d(-46vw, 42vh, 0); }
  88.88889% {
    -webkit-transform: translate3d(7vw, 37vh, 0);
    transform: translate3d(7vw, 37vh, 0); }
  to {
    -webkit-transform: translate3d(-40vw, -33vh, 0);
    transform: translate3d(-40vw, -33vh, 0); } }
@keyframes move1 {
  0% {
    -webkit-transform: translate3d(-38vw, 7vh, 0);
    transform: translate3d(-38vw, 7vh, 0); }
  11.11111% {
    -webkit-transform: translate3d(48vw, -14vh, 0);
    transform: translate3d(48vw, -14vh, 0); }
  22.22222% {
    -webkit-transform: translate3d(35vw, 3vh, 0);
    transform: translate3d(35vw, 3vh, 0); }
  33.33333% {
    -webkit-transform: translate3d(27vw, 25vh, 0);
    transform: translate3d(27vw, 25vh, 0); }
  44.44444% {
    -webkit-transform: translate3d(4vw, 1vh, 0);
    transform: translate3d(4vw, 1vh, 0); }
  55.55556% {
    -webkit-transform: translate3d(-19vw, -12vh, 0);
    transform: translate3d(-19vw, -12vh, 0); }
  66.66667% {
    -webkit-transform: translate3d(-38vw, 22vh, 0);
    transform: translate3d(-38vw, 22vh, 0); }
  77.77778% {
    -webkit-transform: translate3d(-46vw, 42vh, 0);
    transform: translate3d(-46vw, 42vh, 0); }
  88.88889% {
    -webkit-transform: translate3d(7vw, 37vh, 0);
    transform: translate3d(7vw, 37vh, 0); }
  to {
    -webkit-transform: translate3d(-40vw, -33vh, 0);
    transform: translate3d(-40vw, -33vh, 0); } }
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: translate3d(19vw, 5vh, 0);
    transform: translate3d(19vw, 5vh, 0); }
  11.11111% {
    -webkit-transform: translate3d(-46vw, -29vh, 0);
    transform: translate3d(-46vw, -29vh, 0); }
  22.22222% {
    -webkit-transform: translate3d(13vw, 27vh, 0);
    transform: translate3d(13vw, 27vh, 0); }
  33.33333% {
    -webkit-transform: translate3d(-36vw, -13vh, 0);
    transform: translate3d(-36vw, -13vh, 0); }
  44.44444% {
    -webkit-transform: translate3d(42vw, -18vh, 0);
    transform: translate3d(42vw, -18vh, 0); }
  55.55556% {
    -webkit-transform: translate3d(-11vw, 50vh, 0);
    transform: translate3d(-11vw, 50vh, 0); }
  66.66667% {
    -webkit-transform: translate3d(-48vw, -25vh, 0);
    transform: translate3d(-48vw, -25vh, 0); }
  77.77778% {
    -webkit-transform: translate3d(38vw, -29vh, 0);
    transform: translate3d(38vw, -29vh, 0); }
  88.88889% {
    -webkit-transform: translate3d(12vw, -36vh, 0);
    transform: translate3d(12vw, -36vh, 0); }
  to {
    -webkit-transform: translate3d(-30vw, -47vh, 0);
    transform: translate3d(-30vw, -47vh, 0); } }
@keyframes move2 {
  0% {
    -webkit-transform: translate3d(19vw, 5vh, 0);
    transform: translate3d(19vw, 5vh, 0); }
  11.11111% {
    -webkit-transform: translate3d(-46vw, -29vh, 0);
    transform: translate3d(-46vw, -29vh, 0); }
  22.22222% {
    -webkit-transform: translate3d(13vw, 27vh, 0);
    transform: translate3d(13vw, 27vh, 0); }
  33.33333% {
    -webkit-transform: translate3d(-36vw, -13vh, 0);
    transform: translate3d(-36vw, -13vh, 0); }
  44.44444% {
    -webkit-transform: translate3d(42vw, -18vh, 0);
    transform: translate3d(42vw, -18vh, 0); }
  55.55556% {
    -webkit-transform: translate3d(-11vw, 50vh, 0);
    transform: translate3d(-11vw, 50vh, 0); }
  66.66667% {
    -webkit-transform: translate3d(-48vw, -25vh, 0);
    transform: translate3d(-48vw, -25vh, 0); }
  77.77778% {
    -webkit-transform: translate3d(38vw, -29vh, 0);
    transform: translate3d(38vw, -29vh, 0); }
  88.88889% {
    -webkit-transform: translate3d(12vw, -36vh, 0);
    transform: translate3d(12vw, -36vh, 0); }
  to {
    -webkit-transform: translate3d(-30vw, -47vh, 0);
    transform: translate3d(-30vw, -47vh, 0); } }


/*  */
#site-footer {
  position: relative;
  z-index: 22;
  background: #fff;
}