@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*===========================PC====================================== */
.talent01 .box img {
    max-width: 100%;
    height: 100% !important;
}
.talent02 .box img {
    max-width: 100%;
    height: 100% !important;
}
.bg_fix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.h1title_02 {
    margin-top: 0;
    padding: 10% 0;
}
.menuflex .box div {
    top: inherit;
    background: rgba(0,0,0,0.3);
    padding: 5px 0;
}
.menuflex .box img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 196px !important;
}

.check a {
    color: #0000FF !important;
}
#loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #596262;
    z-index: 9000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/*===========================tab====================================== */
@media screen and (min-width: 469px) and (max-width: 768px){




}
/*===========================tab END====================================== */
/*===========================sp====================================== */
@media only screen and (max-width: 640px){


    .h1title_02 {
        padding: 20% 0 7%;
    }



}
/*===========================sp END====================================== */