@charset "utf-8";
.mainback{
  width: 100%;
  height: 100vh;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}
.main1{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logobox{
  width: 90%;
  max-width : 1100px;
  text-align: center;
}
.textlogo1{
  letter-spacing : 0.5em;
  padding-left : -0.5em;
  font-size : 150%;
}
.textlogo4{
  font-size : 180%;
  margin-top : 20px;
  color : #e6ddb9;
  text-shadow : 0px 0px 10px #666666;
}
.textlogo2{
  letter-spacing : -0.1em;
  padding-left : 0.1em;
  font-size : 450%;
  color : #cca880;
}
.textlogo3{
  letter-spacing : 0.1em;
  padding-left : -0.1em;
  font-size : 250%;
  color : #cca880;
}
.textlogo2,
.textlogo3{
  background: linear-gradient(
    to bottom,
    #fffbd5 0%,
    #f9e27d 17%,
    #c58a18 38%,
    #fff6b5 52%,
    #d09b28 67%,
    #8f5a08 85%,
    #f2cf58 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5))
          drop-shadow(0 0 5px rgba(255,210,70,0.35));
}