@charset "utf-8";
/* CSS Document */

html{
	font-size: 62.5%; /* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
}

body{
	text-align:center;
	width:100%;
	color: #4d4d4d;
}


/* pagetop btn */

.pagetop {
	position: fixed;
	bottom: 20px;
	right: -55px;
	z-index:150;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #5b84c2;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 47px;
}


/* Main*/



/* Main Contents*/
@media screen and ( max-width:739px ){
	#main_conts{
		position: relative;
		width: 100%;
		margin-top: 50px;
	}
	
	#main_wrap{
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}
	#main_wrap h1{
		font-size: 5vw;
		line-height: 6vw;
	}
	
	#main_wrap p{
		margin-top: 4vw;
		text-align: left;
		font-size: 3.5vw;
		line-height: 5vw;
	}
	#main_wrap div{
		margin-top: 20px;
		text-align: right;
	}
	
	#main_wrap div a{
		font-size: 15px;
		text-align: right;
		text-decoration: underline;
	}
}

@media screen and ( min-width:480px ){
	#main_conts{
		position: relative;
		width: 100%;
		margin-top: 50px;
	}

	#main_wrap{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	#main_wrap h1{
		font-size: 20px;
	}
	
	#main_wrap p{
		margin-top: 20px;
		text-align: left;
		font-size: 15px;
		line-height: 20px;
	}
	#main_wrap div{
		margin-top: 20px;
		text-align: right;
	}
	
	#main_wrap div a{
		font-size: 15px;
		text-align: right;
		text-decoration: underline;
	}
	
	
	
	
	
}