@charset "UTF-8";

.heading.block_header_4 .h {
    color: #57c4ff!important;
}


#top-header-wrap {
display: block !important;
}

#fade01 {
  animation: fadeIn 3s ease 2s forwards normal;
  opacity: 0;
  font-size:5vh;
  font-weight:bold;
  line-height:1.5;
  background-color:#fff;
  padding: 0.5rem 2rem;
  position: absolute;
  top: 65vh;
  left:60px;
  z-index:10;
}
#fade02 {
  animation: fadeIn 3s ease 4s forwards normal;
  opacity: 0;
  font-size:5vh;
  font-weight:bold;
  line-height:1.5;
  background-color:#fff;
  padding: 0.5rem 2rem;
  position: absolute;
  top: 75vh;
  left:85px;
  z-index:10;
}


@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@media screen and (max-width: 1000px){

#fade01 {
  font-size:3vh;
  top: 65vh;
  left:60px;
}
#fade02 {
  font-size:3vh;
  top: 72vh;
  left:90px;
}
}

@media screen and (max-width: 800px){

#fade01 {
  font-size:4vh;
  top: 55vh;
  left:60px;
}
#fade02 {
  font-size:4vh;
  top: 65vh;
  left:90px;
}
}

@media screen and  (min-width:768px) and  (max-width:991px) {
body{font-size: 1.7rem!important;}
}

@media screen and  (max-width:767px) {
body{font-size: 1.3rem;}
.editor-recruit {
text-align:left!important;
}
}


@media screen and (max-width: 650px){

#fade01 {
  font-size:2.4vh;
  top: 57vh;
  left:25px;
}
#fade02 {
  font-size:2.4vh;
  top: 63.5vh;
  left:51px;
}
.editor-recruit span{
    font-size: 84%!important;
}
.editor-gr span{
    font-size: 70%!important;
}

.gr-midashi span{
    font-size: 108%!important;
}

}