@charset "UTF-8";

/*
@media (max-width: 767px) {
  
  .pg_header_title{
    top: 62% !important;
    filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF);
  }
  .pg_header_mv_img.mask_img:before{
    content:"";
    display: block;
    padding-top: 200px;
  }
  .pg_header_mv_img.mask_img img{
    object-fit: cover;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask-position: left;
  }
}
*/


/* ライン描画 */
.js-line-anime,
.js-line-anime-bf:before,
.js-line-anime-af:after{
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
  transition: 0.8s all;
  animation-delay: 0.5s;
}
.js-line-anime-on,
.js-line-anime-bf-on:before,
.js-line-anime-af-on:after{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}


/* テキスト */
.txt_cover3{
  /*display: inline-block;*/
}
.txt_cover3:not(.noRel){
  position: relative;
  /*z-index: 1;*/
}
.txt_cover3:not(.off){
  color: transparent !important;
  background: none !important;
  text-shadow: none !important;
}
.txt_cover3:not(.off) *{
  color: transparent !important;
  background: none !important;
  text-shadow: none !important;
}
.txt_cover3:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  background: linear-gradient(
    to right,
    #002e73 0%,
    #1a4a8f 40%,
    #4d7bb3 70%,
    #9fb8d6 100%
  );
  transition: 0.8s all;
}
.txt_cover3.on:after{
  right: 0;
}
.txt_cover3.off:after{
  right: 0;
  left: 100%;
}

/* 時短 */
.txt_cover3.short:after{
  transition: 0.4s all;
}

/* 白バージョン */
.txt_cover3.wh:after{
  background: #FFF;
}
/* 黄バージョン */
.txt_cover3.yl:after{
  background: #ffc600;
}
/* 黒バージョン */
.txt_cover3.bk:after{
  background: #000;
}

.img_cover:not(.img_fit){
  position: relative;
  /*z-index: 1;*/
}
.img_cover:after{
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--main-color);
  background: linear-gradient(
  to right,
  rgba(0, 46, 115, 0.85) 0%,
  rgba(0, 46, 115, 0.55) 45%,
  rgba(0, 46, 115, 0.25) 75%,
  rgba(0, 46, 115, 0) 100%
);
  transition: 0.8s all;
}
.img_cover.on.up:after{
  bottom: 100%;
}
.img_cover.on.down:after{
  top: 100%;
}
.img_cover.on.left:after{
  right: 100%;
}
.img_cover.on.right:after{
  left: 100%;
}