/************** login *************/
@media screen and (min-width:769px) {
	#firstView article {
		left: 10vw;
		margin-left: 10vw;
		width: 60vw;
		background-color: black;
	}
	#firstView a {
		width: 100%;
		height: 100%;
		padding: 5vw 5vw;
		overflow: hidden;
		display: flex;
		align-content: center;
		-webkit-align-content: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#firstView strong {
		display: block;
		line-height: 1.2;
		font-weight: 400;
	}
	#firstView .txt span {
		font-size: 1.5rem;
	}
	#firstView i {
		font-size: 5rem;
		margin-right: 3vw;
	}
}
@media screen and (max-width:768px) {
	#firstView {
		display:block;
	}
	#firstView div {
		margin-top: 15vh;
		margin-bottom: 20vh;
	}
	#firstView article {
		background-color: black;
	}
	#firstView a {
		width: 100%;
		height: 100%;
		padding: 10vw 5vw 5vw 5vw;
		overflow: hidden;
		display: flex;
		align-content: center;
		-webkit-align-content: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#firstView strong {
		display: block;
		font-size: 3rem;
		line-height: 1.2;
		font-weight: 400;
	}
	#firstView .txt span {
		font-size: 2.5rem;
	}
	#firstView i {
		font-size: 8rem;
		margin-right: 3vw;
	}
}
#firstView ul {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
}
#firstView li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #e9e9e9;
}
/*#firstView li:nth-child(odd) {
	margin-bottom:1px;
}*/
#firstView li:hover {
	opacity: 0.95;
	transition: 1s;
}

/************** font awesome ***********/
.fas {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-family:"Font Awesome 5 Free";
}
@font-face {font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:900;
    font-display:swap;
	src:url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.eot");
	src:url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
	url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.woff2") format("woff2"),
	url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.woff") format("woff"),
	url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.ttf") format("truetype"),
	url("//use.fontawesome.com/releases/v5.5.0/webfonts/fa-solid-900.svg#fontawesome") format("svg")
}
.fa-store:before {
	content: "\f54e"
}
.fa-desktop:before {
	content: "\f108"
}


/************** fade in ***********/
#firstView .first_title1 {animation: fadeIn 1s ease-out 0s 1 normal;}
#firstView .first_title2 {animation: fadeIn 8s ease-out 0s 1 normal;}
#firstView .first_title3 {animation: fadeIn 2s ease-out 0s 1 normal;}
#firstView .first_title4 {animation: fadeIn 6s ease-out 0s 1 normal;}
#firstView .first_title5 {animation: fadeIn 3s ease-out 0s 1 normal;}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}