@charset "utf-8";

/*TopIntro-Start*/
body {
	font-size:100%;
	line-height: 1.5;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
section {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
h1 {
	width: 100%;
	max-width: 900px;
	margin: 3% auto 0;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#wrap {
	width: 100%;
}
.txt {
	padding-bottom: 3%;
	text-align: center;
}
.txt_l {
	padding-bottom: 3%;
	font-size: 88%;
}
table {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 5%;
	border-collapse: collapse;
	border: none;
	font-size: 80%;
}
table th {
	width: 20%;
	padding: 10px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #b5b5b5;
	background-color: #eaeaea;
}
table td {
	width: 60%;
	padding: 10px;
	margin-bottom: 2%;
	border: 1px solid #b5b5b5;
	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: #888;
	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;
}
ul.list {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 5%;
	border-collapse: collapse;
	border: none;
	font-size: 80%;
	border: 1px solid #313131;
}
/* font */
.f10 { font-size: 50% !important;}
.f12 { font-size: 60% !important;}
.f14 { font-size: 70% !important;}
.f16 { font-size: 80% !important;}
.f18 { font-size: 90% !important;}
.lh {
	line-height: 1.2;
}
.red {
	color: #e60012;
}
.blue {
	color: #0000ff;
}
.black {
	color: #000;
}
.bold {
	font-weight: bold;
}

@media screen and (min-width: 800px){
	.sp{display:none;}
	br.sp {display: none;}
}
@media screen and (max-width: 768px){
	body {
		font-size: 108%;
	}
	.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	h1{
		width: 100%;
		margin: 3% auto 0;
	}
	.txt {
		font-size: 80%;
	}
	table {
		width: 100%;
		margin: 0 auto 5%;
	}
	table tr,
	table th,
	table td {
		width: 100%;
		display: block;
	}
	table th {
		border: 1px solid #b5b5b5;
	}
	table th:nth-child(1) {
		border-bottom:none;
	}
	table th:nth-child(2){
		border-bottom:none;
		border-top:none;
	}
	section {
		width: 90%;
		margin: 0 auto;
	}
}