p img {
   max-width: 100%;
height:100%;
}

body {
	background: url("../photo/p_pt_3.jpg") repeat-x center center fixed;
	background-size: cover;
	color: #4f4d47;
	font-size: 16px;
	line-height: 2rem;
	width: 100%;
	margin: 0;
	padding: 50px 0;
}
.back {
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 20px;
	width: 720px;
	margin: 0 auto;
	padding: 20px;
text-align: center;
}
section { margin-bottom: 50px;}
h1 { text-align: center;}


/* -----------------------------------------------
Table Design
----------------------------------------------- */
table {
	border-top: 0px solid #4f4d47;
	border-right: 0px solid #4f4d47;
	width: 640px;
	border-spacing: 0px;
	margin: 0 auto;
}
th, td {
	border-bottom: 0px solid #4f4d47;
	border-left: 0px solid #4f4d47;
	text-align: center;
	padding: 5px;
}
th { background-color: #61c5bb; color: #fff;}


/* -----------------------------------------------
Media Query
----------------------------------------------- */
@media only screen and (max-width: 640px) {
h1 { font-size: 14px;}
h1 > span { display: block;}
.back { border-radius: 0px; width: 100%; padding: 0px;}
}


/*-------------- レイアウトを変更する --------------*/
#demo01 table { width: 100%; border:none; padding: 10px;}



/*その他装飾*/
#demo03 tbody tr { width: 60%; margin-right: -6px;}/*px指定だとはみ出る*/
#demo03 tbody td:first-child { background-color: #f5f3ec;}
}

iframe {
border: 0px  solid;
overflow:scroll;
}

.kuro{
color: #ffffff;
background-color: #000000;
}