.mainVisual {
  position: relative;
}
.mainVisual .g-img {
  vertical-align: top;
}
.mainTxtBox {
  position: absolute;
  width: 57.6923%;
  top: 15.315%;
  right: 4.2735%;
}
.mainTxtBox .messages {
  margin-bottom: 30px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.3;
  color: #00CDFF;
}
.mainTxtBox .names {
  text-align: right;
  margin: 0;
}
@media screen and (max-width: 900px){
  .mainTxtBox .messages {
    margin-bottom: 10px;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px){
  .mainTxtBox .messages {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 530px){
  .mainTxtBox {
    position: absolute;
    top: 13.315%;
  }
  .mainTxtBox .messages {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .mainTxtBox .names {
    font-size: 14px;
  }
}
@media screen and (max-width: 450px){
  .mainTxtBox {
    position: absolute;
    top: 9.315%;
  }
  .mainTxtBox .messages {
    font-size: 14px;
  }
  .mainTxtBox .names {
    font-size: 12px;
  }
}
@media screen and (max-width: 350px){
  .mainTxtBox .messages {
    font-size: 12px;
  }
  .mainTxtBox .names {
    font-size: 10px;
  }
}