@charset "utf-8";
/* CSS Document */

#container #layout #gallery{
}
#container #layout #gallery ul{
	text-align:center;
	font-size:0;
	background:#3f9f31;
	color:#ffffff;
	border-top:1px solid #afe0a8;
	border-bottom:1px solid #afe0a8;
	box-sizing: border-box;
}
#container #layout #gallery ul h2{
	background:#82c878;
	font-size:16px;
	font-weight:normal;
	padding:5px;
}
#container #layout #gallery > ul li{
	cursor: pointer;
	font-size:12px;
	display:inline-block;
	border-left:1px solid #afe0a8;
	border-right:1px solid #afe0a8;
	box-sizing: border-box;
	width:200px;
}
#container #layout #gallery ul li img{
	display:block;
	max-width:100%;
}

#container #layout #stage{
	background-color:#afe0a8;
}
#container #layout #stage ul{
	background-color:#d6f6d1;
}
#container #layout #stage ul li{
display:none;
	font-size:0;
	width:auto;
	border:none;
}
#container #layout #stage ul li .lfBlock{
	display:inline-block;
	font-size:16px;
	width:574px;
}
#container #layout #stage ul li .lfBlock img{
	display:block;
	width:100%;
}
#container #layout #stage ul li .rtBlock{
	display:inline-block;
	vertical-align: top;
	font-size:16px;
	width:calc(100% - 574px - 0px);
	text-align:left;
}
#container #layout #stage ul li .rtBlock h3 a{
	color:#3f9f31;
}
#container #layout #stage ul li .rtBlock h3{
	font-size:36px;
	padding-top:30px;
	color:#3f9f31;
	border-bottom:1px solid #3f9f31;
	text-indent:50px;
}
#container #layout #stage ul li .rtBlock h3 span{
	font-size:16px;
	margin-left:10px;
	display;inline-block;
	vertical-align: middle;
}
#container #layout #stage ul li .rtBlock p{
	font-size:20px;
	color:#000000;
	padding:20px 55px;
}
#container #layout #stage ul li .rtBlock img{
	display:inline-block;
	vertical-align: text-top;
	margin-right:10px;
	height:50px;
}
#container #layout #stage ul li#st1{
display:block;
}

#container #layout #information {
    padding: 50px 100px;
}
#container #layout #information h3{
	text-align: left;
	border-bottom:1px solid #3c9e2e;
	color:#3c9e2e;
	padding:10px 5px 2px;
	font-size:22px;
	font-weight:bold;
}
#container #layout #information ul{
	text-align:left;
	font-size: 15px;
	padding:20px 0;
}
#container #layout #information ul li{
	line-height:1.7;
	padding:10px;
}

@media screen and (max-width: 667px) {
#container #layout #gallery ul li {
	width:calc(100%/5 - 0px);
}
#container #layout #stage ul li .lfBlock{
	width:100%;
}
#container #layout #stage ul li .lfBlock img{
}
#container #layout #stage ul li .rtBlock{
	width:100%;
}
#container #layout #stage ul li .rtBlock img {
vertical-align: middle;
        margin-bottom: 5px;
        height: 30px;
}
#container #layout #stage ul li .rtBlock h3 {
    font-size: 24px;
	padding:10px 0;
}
#container #layout #stage ul li .rtBlock h3 span {
    font-size: 12px;
}
#container #layout #stage ul li .rtBlock p {
    font-size: 16px;
}
	#container #layout #stage ul li{
	width:auto;
}
#container #layout #information {
    padding: 30px 20px;
}
}