@charset "utf-8";

/*TopIntro-Start*/
body {
	font-size:100%;
	line-height: 1.5;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
header {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
h1 {
	padding: 30px 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #000;
}
.head_txt {
	padding-bottom: 15px;
	font-size: 80%;
}
#wrap {
	width: 100%;
}
table {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 5%;
	border-collapse: collapse;
	border: none;
	font-size: 80%;
}
table th {
	width: 20%;
	padding: 10px;
	text-align: left;
	font-weight: bold;
	background-color: #eee;
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
}
table td {
	width: 60%;
	padding: 10px;
	border: 1px solid #434343;
	background-color: #fff;
}
footer {
	padding: 7px 0;
	margin: 0 auto;
	font-size: 0.7em;
	line-height: 1.5;
	text-align: center;
}
.close {
    height: 16px;
    margin: 0 auto 30px;
    text-align: center;
    width: 154px;
}
input[type="submit"],
input[type='button'] {
	padding: 5px;
	background-color: #434343;
	margin-bottom: 5%;
	font-size: 80%;
	border-radius: 5px;
	color: #fff;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


@media screen and (min-width: 800px){
	.sp{display:none;}
	br.sp {display: none;}
}
@media screen and (max-width: 800px){
	
	.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	header {
		width: 90%;
		margin: 0 auto;
	}
	h1{
		width: 90%;
		margin: 3% auto 0;
	}
	section {
		width: 90%;
		margin: 0 auto;
	}
	.head
	table {
		width: 90%;
		margin: 0 auto 5%;
	}
	table tr,
	table th,
	table td {
		width: 100%;
		display: block;
	}
	table th:nth-child(1) {
		border-bottom:none;
	}
	table th:nth-child(2){
		border-bottom:none;
		border-top:none;
	}
}