@charset "utf-8";

.sanjo {
	padding: 40px 10px;
}
.sanjo p {
	font-size: 0.94em;
	margin-bottom: 15px;
}

.sanjo .main-image {
	margin-bottom: 50px;
}
.sanjo .sanjo-title {
	font-size: 1.85em;
	margin-bottom: 30px;
	text-align: center;
	color: rgba(0,112,181,1);
}
.sanjo .sanjo-txt {
	margin-bottom: 30px;
	line-height: 1.8;
}
.sanjo .memberList {
	width: 100%;
	margin-bottom: 30px;
}
.sanjo .memberList th,
.sanjo .memberList td {
	border: 1px solid #999;
	padding: 8px;
	font-size: 0.9em;
}
.sanjo .memberList th {
	text-align: center;
	background-color:  rgba(0,112,181,0.1);
}
.sanjo .memberList td:nth-child(1) {
	text-align: center;
}
.sanjo .list1 {
	list-style: disc;
	margin: 0 0 20px 1.5em;
}
.sanjo .list2 {
	list-style: decimal;
	margin: 0 0 20px 1.5em;
}
.sanjo .list1 li,
.sanjo .list2 li {
	font-size: 0.94em;
	line-height: 1.4;
}
.sanjo .meritList {
	width: 100%;
	margin-bottom: 30px;
}
.sanjo .meritList th,
.sanjo .meritList td {
	border: 1px solid #999;
	padding: 8px;
	font-size: 0.9em;
	text-align: center;
}
.sanjo .meritList th {
	background-color:  rgba(0,112,181,0.1);
}
.sanjo .meritList td:nth-child(2) {
	text-align: left;
}

.sanjo .fileList {
	margin-top: 20px;
	padding: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #f6f6f6;
}
.sanjo .fileList ul {
}
.sanjo .fileList ul li a {
	display: block;
	text-indent: -1.3em;
	padding: 5px 5px 5px 2em;
}
.sanjo .fileList ul li a:hover {
	background: rgba(255,255,255,0.8);
}
.sanjo .fileList ul li.zip a:before {
	content: "\f07b";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: rgba(0,112,181,1);
}
.sanjo .fileList ul li.pdf a:before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: #aa0000;
}


/* ---------------------------------------------
	768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {

	.sanjo {
		padding: 30px 10px;
	}
	.sanjo .sanjo-title {
		font-size: 1.5em;
	}
	
}

/* ---------------------------------------------
	640px
--------------------------------------------- */
@media only screen and (max-width: 640px) {

	.sanjo {
		padding: 20px 10px;
	}
	.sanjo .sanjo-title {
		font-size: 1.35em;
	}
	.sanjo .fileList {
		padding: 15px;
	}
	.sanjo .fileList ul li {
		font-size: 0.94em;
	}
	.sanjo .memberList th,
	.sanjo .memberList td {
		padding: 5px;
		font-size: 0.8em;
	}
		.sanjo .meritList th,
	.sanjo .meritList td {
		padding: 5px;
		font-size: 0.8em;
	}
	
}

/* ---------------------------------------------
	480px
--------------------------------------------- */
@media only screen and (max-width: 480px) {

	.sanjo .sanjo-title {
		font-size: 1.12em;
	}
	.sanjo .fileList ul li {
		font-size: 0.88em;
	}

}