@charset "UTF-8";

/* CSS Document */
.pc_logo {
    padding: 2% 10%;
    text-align: center;
}
.pc_logo img{
	width: 30%
}
.hash_text{
	margin: 1% 0px;
	font-size:0.6rem;
	}
.hash_text span{
	background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1.5% 3%;
    border-radius: 0.5rem;
    margin: 1% 2%;
    display: inline-block;
	}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown2 {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown2;
 animation-name: fadeInDown2;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown2 {
 0% { opacity: 0; -webkit-transform: translateX(-20px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInDow2n {
 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

section ul li:last-child{
	padding-bottom:22%;
	}
.img_list li{
	margin-top:5%;
	}
	
.scroll	{
    position: absolute;
    left: 42%;
    width: 40px;
    height: 40px;
	margin-top:5%}


	
@media screen and (min-width:640px) and (max-width:1024px) {
.pc_logo {
	display:none
}

.img_list{
	margin-left:20%
	}
.img_list li{
	margin-top:0;
	}

.img_list li img{
	float: left;
    width: 75%	
	}

.img_list li:nth-child(2n+0) img{
	float: right;
    width: 75%	
	}

.hash_text{
	float:left;
	width:25%;	
	}
.hash_text span {
    margin: 3% 5%;
	}	
section ul li:last-child{
	margin-bottom:0%;
	}
.scroll	{
    margin-left: 20%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 40%;
    width: 80px;
    height: 80px;}	
}

@media screen and (min-width:1024px){
.pc_logo {
	display:none
}

.img_list{
	margin-left:15%
	}	

.img_list li{
	margin-top:0;
	}

.img_list li img{
	float: left;
    width: 75%	
	}

.img_list li:nth-child(2n+0) img{
	float: right;
    width: 75%	
	}
	
	.hash_text{
	float:left;
	width:25%;	
	}
.hash_text span {
    margin: 3% 5%;
	}	
section ul li:last-child{
	margin-bottom:0%;
	}

.scroll	{
    margin-left: 20%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 40%;
    width: 80px;
    height: 80px;}	
	}