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

/*-----------------------------------------------------------------------------
	PC SP 共通
-----------------------------------------------------------------------------*/
html{
	font-size:62.5%;/*16px × 62.5% = 10px*/
	color: #000;
}

a{
	color: #000;
}
img{
	max-width:100%;
	vertival-align:bottom;
}

/* typography */
.roboto{
    font-family: 'Roboto', sans-serif;
}
.noto{
    font-family: 'Noto Sans JP', sans-serif;
}


/*-----------------------------------------------------------------------------
	PC
-----------------------------------------------------------------------------*/
@media screen and (min-width:750px){
	body{
		width: 750px;
		display: block;
		background-color:#fff;
		margin: 0 auto;
	}

	#wrap{
		max-width: 750px;
		overflow: hidden;
	}

	.inner{
		position: relative;
		width: 700px;
		margin: 0 auto;
	}
	.inner2{
		width: 650px;
		margin: 0 auto;
	}

	.pc{
		display: block;
	}

	.sp{
		display: none;
	}

}
/*-----------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------*/
@media screen and (max-width:749px){
	body{
		width: 100%;
		display: block;
		background-color:#fff;
		margin: 0 auto;
	}
	#wrap{
		width: 100%;
		overflow: hidden;
	}
	.inner{
		position: relative;
		width: 93.3%;
		margin: auto;
	}
	.inner2{
		position: relative;
		width: 86.6%;
		margin: auto;
	}

	.pc {
		display: none;
	}

	.sp{
		display: block;
	}
}