@charset "utf-8";

/** PCファースト **/
	/* デフォルト：980x以上用（PC用）の記述 */
@media screen and (max-width: 1023px) {
	/* 1024px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

/** モバイルファースト **/
	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 1024px) {
	/* 1024px以上用（PC用）の記述 */
}

/*==========================================
リセット
===========================================*/
body {margin:80px 0; padding: 0 15px;}

/*==========================================
 レイアウト
===========================================*/
table {
	margin:0 auto 50px;
	padding: 0;
	border-collapse: collapse;
	border-bottom: #dddddd 1px solid;
	width: 640px;
}

th {
	padding: 12px 20px;
	background-color: #F5f5f5;
	border: #dddddd 1px solid;
	vertical-align: middle;
	width: 30%;
}

td {
	padding: 12px 15px;
	border: #dddddd 1px solid;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
	.table-mobile {
	  width: 100%;
	}
	.table-mobile th,
	.table-mobile td {
		width: auto;
		border-bottom: none;
		display: block;
		text-align: center;
	}
	.table-mobile td {
		text-align: left;
	}
}

h1 {font-size: 18px; margin-bottom: 50px; text-align: center;;}

p {text-align: center;}