@charset "utf-8";

body {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	vertical-align: middle;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

/*  トップに戻るボタン  */
#scroll-top {
    position: fixed;
    height: 3rem;
    width: 3rem;
    color: #fff;
    text-align: center;
    right: 1.5em;
    bottom: 2em;
    display: none;
    margin: 0;
    cursor: pointer;
    background-color: #DC4991;
    border-radius: 100%;
    line-height: 1.8;
	z-index: 20;
	opacity: 0.8;
}
#scroll-top:after {
	content: '';
	border: solid .8rem transparent;
	border-bottom: solid .8rem #fff;
	border-top: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}


img.main_img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	
	
}

#main {
	margin: 0 auto;
	background-image: url("img/app_lp_back.jpg");
	background-repeat: repeat-x;

}


#main div {
	margin: 0 auto;
	width: 900px;
	max-width: 100%;
	position: relative;
}



.download {
	display: block;
	position: absolute;
	border-radius: 14px;
}

.download.app {
	width: 176px;
	height: 64px;
	left: 253px;
}

.download.goo {
	width: 219px;
	height: 64px;
	left: 556px;
}

.download.first {
	top: 616px;
}
.download.second {
	top: 1795px;
}	
.download.third {
	top: 2975px;
}	
.download.fourth {
	top: 3626px;
}	



footer {
	background-color: #000;
}

footer div {
	margin: 0 auto;
	width: 900px;
	max-width: 100%;
	position: relative;
}


	

.fotter_link {
	display: block;
	position: absolute;
	height: 16px;
	left: 30px;
}
.fotter_link.no1 {
	bottom: 83px;
	width: 201px;
}	
.fotter_link.no2 {
	bottom: 59px;
	width: 222px;
}
.fotter_link.no3 {
	bottom: 36px;
	width: 316px;
}
.fotter_link.no4 {
	bottom: 59px;
	width: 106px;
	left: 386px;
}

.page_top {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	right: 18px;
	bottom: 19px;
	border-radius: 50%;
}






@media screen and (max-width: 900px) { 
	
	.download.app {
		width: 19.2vw;
		height: 7vw;
		left: 27.4vw;
	}

	.download.goo {
		width: 23.8vw;
		height: 7vw;
		left: 60.5vw;
	}

	.download.first {
		top: 66.9vw;
	}

	
.fotter_link {
		height: 1.9vw;
		left: 3.2vw;
	}
	.fotter_link.no1 {
		bottom: 9vw;
		width: 22.5vw;
	}	
	.fotter_link.no2 {
		bottom: 6.5vw;
		width: 24.8vw;
	}
	.fotter_link.no3 {
		bottom: 4vw;
		width: 35.4vw;
	}
	.fotter_link.no4 {
		bottom: 6.5vw;
		width: 11.6vw;
		left: 42vw;
	}	
	
	.page_top {
		display: block;
		position: absolute;
		width: 6.8vw;
		height: 6.8vw;
		right: 2vw;
		bottom: 2vw;
	}
		
}

@media screen and (max-width: 768px) { 

	body {
		background-image: none;
	}

	
	
	/*  トップに戻るボタン  */
	#scroll-top {
		right: 3vw;
		bottom: 3vw;
		height: 60px;
		width: 60px;
	}
	#scroll-top:after {
		border: solid 14px transparent;
		border-bottom: solid 14px #fff;
		border-top: none;
	}
	

	img.main_img {
		width: 100vw;
	}

	
	.download.app {
		width: 25.5vw;
		height: 9.5vw;
		left: 20vw;
	}

	.download.goo {
		width: 32vw;
		height: 9.5vw;
		left: 63.5vw;
	}

	.download.first {
		top: 153vw;
	}
	.download.second {
		top: 464.2vw;
	}	
	.download.third {
		top: 775.4vw;
	}	
	.download.fourth {
		top: 941.9vw;
	}	
	
	
	
	
	
	.fotter_link {
		height: 2vw;
		left: 5vw;
	}
	.fotter_link.no1 {
		bottom: 12.5vw;
		width: 30.5vw;
	}	
	.fotter_link.no2 {
		bottom: 8.5vw;
		width: 33.5vw;
	}
	.fotter_link.no3 {
		bottom: 4.7vw;
		width: 48vw;

	}
	.fotter_link.no4 {
		bottom: 8.5vw;
		width: 16.5vw;
		left: 63vw;
	}	
	

	.page_top {
		display: none;
	}


}