@charset "UTF-8";

/* ------------------------------------------
	HOME
--------------------------------------------- */
#home article, #home section, #home section ul,#home section p,#home img{
	margin:0 auto;
	padding:0;
}

#home{
	background-color:transparent;
	padding-bottom: 0;
	padding-top:200px;
}

#home article{
	width:80%;
}

#home section{
	display:flex;
	flex-direction:row-reverse;
	align-items: flex-start;
}

#home section ul {
	margin-top:20px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
#home section p {
	font-size:2.0em;
	font-weight: bold;
	text-align: left;
}

#home section li:nth-of-type(1) {
    animation: fadeIn 1s ease-in-out 1s 1 normal backwards;
    -webkit-animation: fadeIn 1s ease-in-out 1s 1 normal backwards;
}
#home section li:nth-of-type(2) {
    animation: fadeIn 1s ease-in-out 2.5s 1 normal backwards;
    -webkit-animation: fadeIn 1s ease-in-out 2.5s 1 normal backwards;
}
#home section li:nth-of-type(3) {
    animation: fadeIn 1s ease-in-out 3s 1 normal backwards;
    -webkit-animation: fadeIn 1s ease-in-out 3s 1 normal backwards;
}
#home section li:nth-of-type(4) {
    animation: fadeIn 1s ease-in-out 3.5s 1 normal backwards;
    -webkit-animation: fadeIn 1s ease-in-out 3.5s 1 normal backwards;
}
#home img{
	right:0;
	width:50%;
	animation: fadeIn 2s ease-in-out 0s 1 normal backwards;
    -webkit-animation: fadeIn 2s ease-in-out 0s 1 normal backwards;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media(max-width:599px){

	#home article{
		width:100%;
	}
	#home section p {
		font-size:1.0em;
	}
	#home img{
   		margin-top: 80px;
	}
}

@media(min-width:600px) and (max-width:959px){

	#home article{
		width:100%;
	}
	#home section p {
		font-size:1.3em;
	}
	#home img{
   		/* margin-top: 40px; */
	}
}

@media(min-width:960px) and (max-width:1280px){

	#home article{
		width:100%;
	}
	#home section p {
		font-size:1.8em;
	}
	#home img{
		/* margin-top: 40px; */
	}
}