@charset "UTF-8";
/* CSS FILE 2022.10.27 */


body {
  background-color : #000000;
  color : #FFFFFF;
  font-family: 'Dancing Script', cursive;
  font-family: 'Saira Condensed', sans-serif;
  font-family: 'Saira Semi Condensed', sans-serif;
  font-family: 'Space Grotesk', sans-serif;
}
h1 {
  font-size : 80px;
  font-weight: 900;
}
h2 {
  font-size: 25px;
  font-weight: 300;
}
.title_style {
  margin : 250px 0 0 30px;
}
.caption {
  margin : 22px 0 0 30px;
  line-height: 29px;
}
.border_style {
    width: 100%;
    border-bottom: 2px solid #FFFFFF;
    padding: 15px 0 15px 0;
}
.copyright {
  font-size: 19px;
  margin : 0 0 0 30px;
}

/* smartphone */
@media screen and (max-width: 1024px) {
h1 {
  font-size : 40px;
  font-weight: 900;
  text-align: center;
}
h2 {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
.title_style {
  margin : 250px 0 0 0;
}
.caption {
  margin : 22px 0 0 0;
  line-height: 24px
}
.border_style {
    width: 100%;
    border-bottom: 2px solid #FFFFFF;
    padding: 15px 0 15px 0;
}
.copyright {
  font-size: 14px;
  text-align: center;
  margin : 0;
}
}

/* animation */
.flowing {
  white-space: nowrap;
  overflow: hidden;
  animation: flowing-anim 8s;
}
@keyframes flowing-anim {
 0%{
     width: 0%;
   }
100%{
     width: 100%;
   }
}