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


#saiyo .contentsWrap {
	max-width: 980px;
	width: 100%;
	margin: 50px auto;
}
#saiyo .contentsWrap img {
	max-width: 100%;
}
#saiyo #secret p, #saiyo #facility p {
	font-size: 15px;
	line-height: 2;
}

#saiyo .contentsWrap td {
	line-height: 1.6;
	padding: 5px;
}

#saiyo #catWrap {}
#saiyo #catWrap #catBox {
}
#saiyo #catWrap #catBox p {

}
#saiyo #catWrap #catBox .area {
	padding: 0.2em 0.4em;
}
#saiyo #catWrap #catBox .area:before {
	content: "●";
	color: #33cc00;
	margin-right: 0.3em;
}
#saiyo #catWrap #catBox .category {
	text-align: center;
	background-color: #33cc00;
	border-radius: 3px;
	color: #fff;
	padding: 0.2em 1em;
	margin-left: 1em;
}


#saiyo #titWrap {
	text-align: center;
	/*background-color: #33cc33;
	border-radius: 10px;
padding-bottom: 20px;*/
	margin: 20px 0 20px;
}
#saiyo #titWrap h3 {
	background-color: #33cc33;
	color: #fff;
	padding: 10px 0;
	padding-right: 1em;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}
#saiyo #titWrap h2 {
	color:#198D00;
	padding: 10px 0px;
	font-size: 35px;
	font-weight: bold;
	border-bottom: #198D00 solid 1px;
}
#saiyo #titWrap .flex {
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
	padding-top: 20px;
}
#saiyo #titWrap p {
	text-align: justify;
	padding: 10px 0;
	font-size: 21px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	padding-bottom: 2em;
	padding-right: 30px;
}


#saiyo #titWrap #titBox {
	background-color: #fff;
	padding: 30px 0px;
}
#saiyo .contentsWrap h4 {
	border-bottom: #CCC solid 1px;
	position: relative;
	margin: 40px 0 15px;
}
#saiyo .contentsWrap h4 span:first-child {
	font-size: 16px;
	display: block;
	width: 25%;
	background-color: #C8E6EF;
	padding: 0.5em 0 0.3em 1.5em;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+3,7db9e8+62,ffffff+100 */

background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(125,185,232,1) 3%, rgba(125,185,232,1) 62%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(125,185,232,1) 3%,rgba(125,185,232,1) 62%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(125,185,232,1) 3%,rgba(125,185,232,1) 62%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}
#saiyo .contentsWrap .contentBox {
	width: 86%;
	margin: 0 auto;
}
#saiyo .contentsWrap h4 span.eng {
	position: absolute;
	font-size: 18px;
	color: #999;
	text-align: right;
	width: 20%;
	position: absolute;
	right: 0;
	bottom: -0.3em;
	text-shadow: none;
}


#saiyo .row {
	padding: 30px 0;
}
#saiyo #secret {}
#saiyo #secret .row01 .leftBox {
	width: 20%;
	text-align: center;
}
#saiyo #secret .row01 .leftBox p.busho {
	font-size: 12px;
	line-height: 1.3;
	padding: 1em 0 0.5em;
}
#saiyo #secret .row01 .leftBox p.name {
	font-size: 15px;
}
#saiyo #secret .row01 .rightBox {
	width: 73%;
	text-align: justify;
}
#saiyo #secret .row02 {

}
#saiyo #secret .row02 .leftBox {
	width: 47%;
}
#saiyo #secret .row02 .rightBox {
	width: 47%;
}
#saiyo #secret .row02 .txtBox {
	width: 48%;
}
#saiyo #secret .row02 .txtBox p {
	font-size: 13px;
	line-height: 1.8;
	text-align: justify;
}
#saiyo #secret .row02 .imgBox {
	width: 50%;
	text-align: center;
}
#saiyo #secret .row02 .imgBox .cap01 {
	font-size: 11px;
	line-height: 1.3;
	padding-top: 1em;
}

#saiyo #system .row01, #saiyo #system .row02 {
	text-align: center;
}
#saiyo #system .row03 table {
	margin: 0 auto;
}

#saiyo #facility {}

#saiyo #facility .row01 {
	width: 73%;
	margin-left:27%;
	text-align: justify;
}
#saiyo #facility .row02 {
	border: #eee solid 8px;
}
#saiyo #facility .row02 p, #saiyo #facility .row03 p, #saiyo #facility .row04 p {
	line-height: 1.4;
	padding: 0.2em 0;
}
#saiyo #facility .row02 .leftBox {
	width: 55%;
	padding: 0 5%;
}
#saiyo #facility .row02 .leftBox p:before {
	content: "●";
	color: #33cc00;
	margin-right: 0.3em;
}
#saiyo #facility .row02 .rightBox {
	width: 45%;
	text-align: center;
}
#saiyo #facility .row02 .rightBox img {
	border: #ccc solid 1px;
}
#saiyo #facility .row02 .rightBox p {
	font-size: 12px;
	padding-top: 1em;
}
#saiyo #facility .row03 {
	border: #eee solid 8px;
	margin-top: 20px;
	background-color:#FBFBE6;
}
#saiyo #facility .row03 p {
	margin: 0 5%;
}
#saiyo #facility .row03 p:before {
	content: "■";
color: #33cc00;
margin-right: 0.3em;
}

#saiyo #facility .row04 {
	border: #eee solid 8px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#saiyo #facility .row04 h5 {
	margin: 0 5%;
	color:#12981D;
	font-size: 15px;
	padding-bottom: 0.5em;
}
#saiyo #facility .row04 p {
	margin: 0 5%;
}
#saiyo #facility .row04 p:before {
	content: "●";
color: #33cc00;
margin-right: 0.3em;
}

@media screen and (max-width: 979px) {
	#saiyo .contentsWrap {
		width: 90%;
	}

	#saiyo .contentsWrap .contentBox {
		width: 100%;
	}
}
@media screen and (max-width: 599px) {
	#saiyo .contentsWrap {
		margin: 30px auto;
	}
	
	#saiyo #catWrap #catBox {
		width: 100%;
		text-align: center;
		margin-bottom: 0.6em
		-webkit-box-pack: center;
    -ms-flex-pack: center;
   justify-content: center;
	}
	#saiyo #catWrap #catBox p {
	font-size: 11px;
	}
	#saiyo #catWrap {
		padding-bottom: 20px;
	}
	#saiyo #catWrap a {
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}
	
	#saiyo #titWrap {
		text-align: center;
		background-color: #33cc33;
		border-radius: 6px;
		padding-bottom: 0px;
		margin: 10px 0 20px;
	}
	#saiyo #titWrap h3 {
		padding: 8px 0 4px;
		text-align: center;
		font-size: 14px;
		margin-right: 0px;
	}
	#saiyo #titWrap #titBox {
		padding: 15px 0px 0px;
	}
#saiyo #titWrap h2 {
	color:#198D00;
	padding: 0px 0px 10px;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: #198D00 solid 1px;
}
#saiyo #titWrap p {
	font-size: 15px;
	text-align:justify;
	padding-right: 0;
}
	#saiyo .row {
		padding: 15px 0;
	}

	#saiyo .contentsWrap h4 {
		border-bottom: #CCC solid 1px;
		position: relative;
		margin: 40px 0 15px;
	}
	#saiyo .contentsWrap h4 span:first-child {
		font-size: 14px;
		display: block;
		width: 100%;
		padding: 0.5em 0 0.3em 1.5em;
	}
	#saiyo .contentsWrap h4 span.eng {
		font-size: 14px;
		color: #3681B5;
	}
		#saiyo #secret .row01 .leftBox {
		width: 100%;
			padding-bottom: 1em;
	}
	#saiyo #secret .row01 .leftBox p.busho {

	}
	#saiyo #secret .row01 .leftBox p.name {
		font-size: 15px;
	}
	#saiyo #secret .row01 .rightBox {
		width: 100%;
		text-align: justify;
	}
	
	#saiyo #secret .row02 .leftBox {
		width: 100%;
		border-top: #ccc solid 1px;
		padding-top: 20px;
	}
	#saiyo #secret .row02 .rightBox {
		width: 100%;
		border-top: #ccc solid 1px;
		padding-top: 20px;
	}
	#saiyo #secret .row02 .txtBox {
		width: 45%;
	}

	#saiyo #secret .row02 .imgBox .cap01 {
		font-size: 10px;
		text-align: left;
		padding: 0.5em 0;
	}
	#saiyo #system .row02 img {
		margin-bottom: 10px;
	}
	#saiyo #facility .row01 {
		width: 100%;
		margin-left:0;
	}
	#saiyo #facility .row01 p {
		text-align: justify;
	}

	#saiyo #facility .row02 .leftBox {
		width: 100%;
		padding: 0 5%;
		padding-bottom: 20px;
	}
	#saiyo #facility .row02 p {
		text-align: left;
		line-height: 1.3;
		padding: 0.5em 0;
		font-size: 13px;
		text-indent: -1em;
		margin-left: 1em;
	}
	#saiyo #facility .row02 .rightBox p {
		text-align: center;
	}
	#saiyo #facility .row02 .leftBox p:before {
		content: "●";
		color: #33cc00;
		margin-right: 0.3em;
	}
	#saiyo #facility .row02 .rightBox {
		width: 100%;
		text-align: center;
	}
	#saiyo #facility .row03 p, #saiyo #facility .row04 p {
		line-height: 1.4;
		padding: 0.2em 0;
		font-size: 13px;
		text-indent: -1em;
		margin-left: 2em;
	}
	#saiyo #secret p, #saiyo #facility p {
		font-size: 14px;
		line-height: 2;
	}

}