@charset "utf-8";

/* base reset */
html{
	font-size: 62.5%;
}
body{
	margin: 0;
	color: #000;
	font-size: 1.6rem;
	line-height: 1.8;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
	background: #FFF;
}
img{
	max-width: 100%;
}
a{
	color: #333;
}

/* legal pages (privacy / terms / tokushoho) */
.legal-wrap{
	max-width: 800px;
	margin: 0 auto;
	padding: 3rem 1rem;
	line-height: 1.8;
}
.legal-wrap h1{
	font-size: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.legal-wrap h2{
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin-top: 2rem;
	margin-bottom: 0.8rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5rem;
}
.legal-wrap p{
	margin-bottom: 1rem;
}
.legal-table{
	width: 100%;
	border-collapse: collapse;
}
.legal-table th,
.legal-table td{
	padding: 1rem;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}
.legal-table th{
	width: 35%;
	background: #f7f7f7;
}

@media screen and (max-width: 600px){
	.legal-table,
	.legal-table tbody,
	.legal-table tr,
	.legal-table th,
	.legal-table td{
		display: block;
		width: auto;
	}
	.legal-table th{
		border-bottom: none;
		padding-bottom: 0.3rem;
	}
	.legal-table td{
		padding-top: 0.3rem;
	}
}