@charset "utf-8";

.title-area{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  background: url("../img/bg/bg_top_loop02.png"), url("../img/bg/bg_top_loop01.png"), linear-gradient(to bottom,  #502cb0 0%,#985bf7 26%,#cb7bff 41%,#cb7bff 49%,#985bf7 73%,#502cb0 100%);
  background-repeat: repeat-x;
  background-position: top center;
  background-size: contain;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 991;
}

.title-area img{
  width: 100%;
  max-width: 640px;
  padding:10px 0
}

@media screen and (min-width: 600px) and (max-width: 979.9px){
  .title-area{
    height: 280px;
    background-size: cover;
  }
  .title-area img{
    width: 90%;
    max-width: 540px;
    margin: auto;
  }
}

@media screen and (max-width: 599.9px){
  .title-area{
    height: 200px;
    background-size: cover;
  }
  .title-area img{
    width: 100%;
    max-width: 400px;
    margin: auto;
  }
}