body {
  font-family: "DM sans", sans-serif;
    color:#000;
}

#intro {
  background: #FF0000;
  animation: mymove 30s infinite;
}



@keyframes mymove {
    0% {background-color: #BF4040;}
    10% {background-color: #BE8C3F;}
    20% {background-color: #BEBE3F;}
    30% {background-color: #7FBE3F;}
    40% {background-color: #3FBE72;}
    50% {background-color: #3FBEBE;}
    60% {background-color: #3F72BE;}
    70% {background-color: #3F72BE;}
    80% {background-color: #A53FBE;}
    90% {background-color: #BE3F8C;}
    100% {background-color: #BF4040;}

}

#intro-mobile {
  background: #FF0000;
  animation: mymove 30s infinite;
}


.container-m5 {
  margin-left: 5%;
    margin-right: 5%;
}

.top-banner {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: 90%;
}

.top-banner-mobile {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	background-size: 90%;
}

.logo-lat {
	margin-right: 5%;
}

.logo-lat-img {
width: 11.4vw;
}



.tit {
	font-size: 7vw;
	font-weight: 400;
	line-height: 5.7vw;
	letter-spacing: -2px;
}

.subtit {
	font-size: 6vw;
}

.tit-mobile {
	font-size: 13vw;
	font-weight: 400;
	line-height: 11vw;
	letter-spacing: -1px;
}

.mt-100 {
	margin-top: 8vh;
}

.pt-100 {
	padding-top: 8vh;
}

.mb-100 {
	margin-bottom:8vh;
}

.pb-100 {
	padding-bottom:8vh;
}

.mt-25vw {
	margin-top:-42vw;
}

.img-1 {
	width: 45vw;
}

.next {
	width: 4.5vw;
}

.line {
	border-top: 1px solid #000;
	padding-top: 20px;
	font-size: 1rem;
}

.line2 {
	padding-top: 10px;
	font-size: 1rem;
}


.line-light {
	border-top: 1px solid #F8F5DC;
	padding-top: 20px;
	font-size: 1rem;
    color: #F8F5DC;
}

.line-light2 {
	padding-top: 10px;
	font-size: 1rem;
    color: #F8F5DC;
}

.line a {
	color: #000;
}

.line a:hover {
	text-decoration: none;
}




@media (min-width: 992px) {
.mt-25vw {
	margin-top:-26vw;
}

 }

@media (max-width: 991px) {
.tit {
	letter-spacing: -1px;
}

 }