.text_memo {
	font-size: 40px;
	font-family: Roboto Bold;
	animation: slideInFromLeft 0.5s forwards;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.text {
	font-size: 20px;
	margin-left: 150px;
	width: 40%;
	animation: slideInFromRight 0.5s forwards;
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.body span {
	cursor: default;
	margin-bottom: 15px;
}


.line {
	border-bottom: 1px solid #e8e8e8;
	margin: 20px 0;
}

/********** MOBILE PORTRAIT **********/
@media only screen and (min-width: 320px) and (max-width: 812px) {
	.text_memo {
		font-size: 35px;
		line-height: 1.3em;
		margin-top: 30px;
	}

	.text {
		margin-left: 0;
		margin-top: 40px;
		width: 100%;
	}

	.footer {
		position: relative;
		margin-top: 50px;
	}
}
/********** END MOBILE PORTRAIT **********/

/********** MOBILE LANDSCAPE **********/
@media only screen and (min-width: 320px) and (max-width: 812px) and (orientation:landscape) {
	.body {
		display: block;
	}
}
/********** END MOBILE LANDSCAPE **********/

/********** TABLET PORTRAIT **********/
@media only screen and (min-width: 768px) and (max-width: 811px), (min-width: 813px) and (max-width: 1281px) {
	.text_memo {
		margin-top: 0;
	}

	.footer {
		position: fixed;
	}
}
/********** END TABLET PORTRAIT **********/

/********** TABLET LANDSCAPE **********/
@media only screen and (min-width: 813px) and (max-width: 1281px) and (orientation:landscape) {
	.text_memo {
		font-size: 35px;
	}

	.text {
		width: 47%;
		margin-left: 100px;
	}
}
/********** END TABLET LANDSCAPE **********/