@charset "utf-8";
/* CSS Document */
ul.box_all{
	display:table;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}

ul.box_all li{display:table-row;}

ul.box_all li:last-child span {
	border-bottom: 1px solid #686868;
}

ul.box_all li span{
	padding: 1vh 0;
	text-align: center;
	display: table-cell;
	border-left: 1px solid #686868;
	border-top: 1px solid #686868;
}
ul.box_all li span:nth-child(2){
	border-right:  1px solid #686868;
}
.idea_gaiyo{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 3vh 0;
	line-height: 160%;
}
.top{
	font-size: 3vh;
	background: #FFFFFF;
	text-align: center;
	color: #5B5B5B;
	padding: 3vh 0;
	border-bottom: 1px solid #5B5B5B;
}
.goto a{
	text-align: center;
	border: 1px solid #747474;
	border-radius: 5px;
	padding: 2vh;
	margin-left: auto;
	margin-right: auto;
	display:block;
	width: 300px;
	margin-bottom: 3vh;	
}

.container img{
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	.container img{
		width: 100%;
	}
.idea_gaiyo{
	width: 90%;
}

}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.images{
		width: 100%;
		padding: 2vh 0;
	}
	.container img{
		width: 100%;
	}
	.idea_gaiyo{
	width: 90%;
}
	.top{
		font-size: 3vh;
}
	ul.box_all{
		width: 100%;
}
	ul.box_all li span{vertical-align: middle;} 
	ul.box_all li span iframe {
		width: 90%;
	}
}