@media (min-width:968px){

h2.Top {
  box-sizing: border-box;
  position: relative;
  padding: 0 65px;
  text-align: left;
  font-size: 2px;
  width: 10px;
  opacity: 0;
  transition: 700ms;
  margin-bottom: 50px;
}

h2.Top.scrollin {
  box-sizing: border-box;
  position: relative;
  padding: 0 65px;
  text-align: left;
  font-size: 28px;
  width: 100%;
  opacity: 1.0;
  transition: 700ms;
  margin-bottom: 20px;
}


h2.Top:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
}

h2.Top span {
  position: relative;
  padding: 0 15px;
  background: #fff;
}



h2 {
  box-sizing: border-box;
  position: relative;
  padding: 0 65px;
  text-align: left;
  font-size: 2px;
  width: 10px;
  opacity: 0;
  transition: 700ms;
  margin-bottom: 50px;
}

h2.scrollin {
  box-sizing: border-box;
  position: relative;
  padding: 0 65px;
  text-align: left;
  font-size: 28px;
  width: 100%;
  opacity: 1.0;
  transition: 700ms;
  margin-bottom: 20px;
}


h2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
}

h2 span {
  position: relative;
  padding: 0 15px;
  background: #fff;
}

.fadein {
  transition: 300ms;
  transition-timing-function: ease-out;
  opacity: 0;
}

.fadein.scrollin{
  opacity: 1;
}

.fadeinUTop {
  transform: translateY(300px);
  transition: 300ms;
  transition-timing-function: ease-out;
  opacity: 0;
}

.fadeinUTop.scrollin{
  transform: translateY(0);
  opacity: 1;
}

.fadeinU {
  transform: translateY(300px);
  transition: 300ms;
  transition-timing-function: ease-out;
  opacity: 0;
}

.fadeinU.scrollin{
  transform: translateY(0);
  opacity: 1;
}

	.delay100{
		transition-delay: 100ms;
	}

	.delay200{
		transition-delay: 200ms;
	}

	.delay300{
		transition-delay: 300ms;
	}

	.delay400{
		transition-delay: 400ms;
	}

	.delay500{
		transition-delay: 500ms;
	}

	.delay600{
		transition-delay: 600ms;
	}

	.delay700{
		transition-delay: 700ms;
	}





}