@charset "UTF-8";


body {
	font-size:14px;
	margin: 0;
	padding: 0;
	line-height:1.5;
	color: #434343;
	background-color: #eee;
	-webkit-text-size-adjust: 100%;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #949494;
}
h1, h2, h3 {
 	margin: 0;
	padding: 0;
	font-weight: normal;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.p0 { padding: 0 !important;}
.p5 {padding: 5% 0 !important;}
.p7 {padding: 7% 0 !important;}
.p10 {padding: 10% 0 !important;}

.pb0 { padding-bottom: 0 !important;}
.pb3 { padding-bottom: 3% !important;}
.pb10 { padding-bottom: 10% !important;}
.pb5 { padding-bottom: 5% !important;}

.pt0 { padding-top: 0 !important;}
.pt3 { padding-top: 3% !important;}
.pt5 { padding-top: 5% !important;}
.pt10 { padding-top: 10% !important;}

.mb0 { margin-bottom: 0 !important;}
.mb3 { margin-bottom: 3% !important;}
.mb5 { margin-bottom: 5% !important;}
.mb10 { margin-bottom: 10% !important;}

.mt5 { margin-top: 5% !important;}

/*--------------------------------------
本文用*/
.txtwrapper {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 5% 0;
}
.logo {
	width: 150px;
	margin-left: auto;
	padding-bottom: 2%;
}
h1 {
	padding: 10px 0;
	margin-bottom: 2%;
	text-align: center;
	font-size: 138%;
	color: #fff;
	background-color: #000;
}
.tablewrapper {
	margin-bottom: 5%;
}
table{
  border-collapse:separate;
  border-spacing: 0 5px;
  width: 100%;
}

table th,table td{
  padding: 10px 0;
}

table th{
  width: 30%;
  padding: 15px;
  background-color: #000;
  color: white;
  color: #fff;
}

table td{
  padding: 15px;
  background-color: #fff;
  border:solid 1px #000;
}
.close {
	height: 16px;
	margin: 0 auto 30px;
	text-align: center;
	width: 154px;
}

/*--------------------------------------
フッター用*/
footer {
	text-align: center;
    font-size: 55%;
    padding: 2% 0;
    line-height: 1.5;
}
footer a,footer a:link,footer a:visited,footer a:hover,footer a:active {
	text-decoration: none;
	color: #434343;
}

/*--------------------------------------
レスポンシブ*/

@media screen and (min-width: 800px){
	.sp{display:none;}
	br.sp {display: none;}
}
@media print, screen and (max-width: 800px) {
	body {
		font-size: 90%;
		line-height: 1.4;
	}
	.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	.logo {
		width: 40%;
	}
	.txtwrapper {
		width: 90%;
		margin: 0 auto;
	}
	
	table th {
		display: block;
		width: 100%;
		padding: 10px;
		text-align: left;
	}
	table td {
		display: block;
		width: 100%;
		padding: 10px;
	}
	footer {
		padding: 3% 0;
	}	
}
@media print, screen and (max-width: 800px) and (min-width: 640px) {
	body {
		font-size: 118%;
	}
	br {
		display: block;
		content: none;
	}
}