@charset "utf-8";

.areaQuiz{
	margin:50px auto 10px auto;
	width:500px;
	height:350px;
}
.areaQuiz iframe{
	width:500px;
	height:350px;
}

.image_right{
	padding-left:15px;
	float:right;
	max-width:100%;
}



/*pageIndex
************************************************************************************/
.frameIndex ul{
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 3px 0;
}
.frameIndex li{
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}
.frameIndex li a{
	display: block;
	text-decoration: none;
}

.frameIndexB ul{
}
.frameIndexB li{
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	margin: 1px;
}
.frameIndexB li a{
	display: block;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
/*tablet*/
.image_right{
	padding:0;
	float:none;
	text-align:center;
}
.frameIndex li,
.frameIndexB li{
	display: block;
}
.frameIndex li{
	margin: 0 0 3px 0;
}
.frameIndex li br{
	display: none;
}

table.shindo thead{
	display: none;
}
table.shindo tbody td:nth-of-type(1):before { content: "[人の体感・行動]"; display:block; font-weight: bold; }
table.shindo tbody td:nth-of-type(2):before { content: "[屋内の状況]"; display:block; font-weight: bold; }
table.shindo tbody td:nth-of-type(3):before { content: "[屋外の状況]"; display:block; font-weight: bold; }
}
@media screen and (max-width: 479px) {
/*sp*/

}