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

html {
	font-size: 62.5%;
}
body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 */
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
	opacity: 0.8;
}
h1, h2, h3, h4, h5, p, ol, ul, li {
	margin: 0;
	line-height: 1.5;
}
ol, ul {
    padding-left: 4rem;
}
li {
    margin-bottom: 1%;
}
li:last-child {
    margin: 0;
}
h1 {
	font-size: 4.6rem;
}
h2, .big {
	font-size: 4.2rem;
}
h3 {
	font-size: 3.0rem;
}
h4 {
	font-size: 2.4rem;
}
h5 {
	font-size: 1.8rem;
}
p, table, li {
	font-size: 1.8rem;
}
small {
    font-size: 1.4rem;
}
img {
	vertical-align: bottom;
}
.pc { display: block !important; }
.sp { display: none !important; }


#wrapper {
	max-width: 1040px ;
	width: 90%;
	margin: 8% auto;
}
h2 {
	text-align: center;
	margin-bottom: 4%;
}

table, th, td {
	border-collapse: collapse;
	border: solid 2px #d2d2d2;
}
th, td {
	padding: 2%;
}
th {
	width: 33rem;
	background-color: #eeeeee;
}

/*フッター===========================================================================*/
footer {
    background: #626262;
    color: #FFF;
    text-align: center;
    padding: 2%;
}


@media screen and (min-width: 751px) and (max-width: 1199px) {
	html {
		font-size: 0.83333vw;
	}
}

@media screen and (max-width: 750px) {
	html {
		font-size: 40% ;
	}
	p, table, li {
		font-size: 14px;
	}
	body {
		-webkit-text-size-adjust: 100% ;
	}
	.pc { display: none !important; }
    .sp { display: block !important; }
	
	table {
		border: none;
		border-bottom: solid 1px #d2d2d2;
	}
	th, td {
		width: 96%;
		display: block;
		border-bottom: none;
	}
	footer {
		padding: 4%;
	}
}