@charset "utf-8";
/*###############PC first###############*/
/*--京about.css--*/
/*--------PCここから--------*/
	.about.index #topicpath ul li:nth-child(2) {
		display: none;
	}

/* #################### センターについて #################### */
	.about.index #page_body ul {
		margin: 0 0 50px;
	}
		.about.index #page_body ul li {
			display: inline-block;
			vertical-align: top;
			padding: 5px;
			margin-right: 10px;
		}
		.about.index #page_body ul li:nth-child(3n) {
			margin-right: 0;
		}
		.about.index #page_body ul li:before {
			content: none;
		}
			.about.index #page_body ul li a {
				width: 135px;
				display: inline-block;
				padding: 10px 20px;
				text-decoration: none;
				border-width: 0;
				border-style: solid;
				background: transparent;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				cursor: pointer;
				user-select: none;
				vertical-align: bottom;
				transition: box-shadow 0.2s, transform 0.2s, color 0.2s;
				box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
				background-color: #E6EAEF;
				background-image: linear-gradient(-45deg, #E6EAEF, #e4edf1);
				color: #252730;
			}
			.about.index #page_body ul li a:hover {
				box-shadow: 0 3px 0 0 #b7c3d1, 0 6px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.5), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.14) inset;
			}
			.about.index #page_body ul li a:active {
				box-shadow: 0 0px 0 0 #a8b6c7, 0 3px 0 0 transparent, 0 4px 16px transparent, 0 1px 2px 1px rgba(0, 0, 0, 0.5) inset, 0 -18px 32px -2px rgba(255, 255, 255, 0.1) inset;
				transition: 0s;
				color: #b7c3d1;
				text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
			}
			.about.index #page_body ul li:nth-child(2) a,
			.about.index #page_body ul li:nth-child(5) a,
			.about.index #page_body ul li:nth-child(8) a {
				width: 230px;
			}

	.about #page_body dl {
		box-shadow:1px 1px 5px 0px rgba(64,64,64,0.5);
		margin: 0 5px 30px;
	}
	.about #page_body dl:last-child,
	.about #page_body dl:only-child {
		margin-bottom: 5px;
	}
		.about #page_body dl dt {
			padding: 5px 15px 2px;
			font-weight: normal;
			/*letter-spacing: 0.2em;*/
			background: rgba(35,48,99,0.7);
			color: #fff;
			text-shadow: rgba(0, 0, 0, .075) 2px 2px 0px, rgba(0, 0, 0, .075) -2px 2px 0px, rgba(0, 0, 0, .075) 2px -2px 0px, rgba(0, 0, 0, .075) -2px -2px 0px;
		}
		.about #page_body dl dd {
			padding: 10px;
			background: rgba(249,249,249,0.8);
		}
			.about #page_body dl:last-child dd dl,
			.about #page_body dl:only-child dd dl,
			.about #page_body dl dd dl {
				box-shadow: none;
				margin: 15px 0 0;
			}
				.about #page_body dl dd dl dt {
					padding: 5px 15px;
					margin: 0 0 5px;
					letter-spacing: inherit;
					background: none;
					color: #333;
					text-shadow: none;
				}
				.about #page_body dl dd dl dt:before {
					content: "\f10c";
					font-family: FontAwesome;
					margin-right: 10px;
					margin-left: -20px;
					color: #003;
				}
				.about #page_body dl dd dl dd {
				}

	#page_body_about{
		width:930px;
		margin:0 auto;
	}

		#page_body_about p{
			font-size:1.1em;
			line-height:1.8em;
			margin: 0 10px 40px 10px;
		}

		.about_nav{
			overflow:hidden;
		}

			.about_nav li{
				float:left;
				margin-right:40px;
				margin-bottom:40px;
			}

			.about_nav li:nth-child(3n){
				margin-right:0;
			}

			.about_nav li a{
				display:block;
				width:280px;
				height:240px;
				background:#fff;
				padding:20px 0 15px 0;
				box-shadow:1px 1px 0 0 rgba(0,0,0,0.2);
				text-decoration:none;
				transition:all .5s ease;
			}

			.about_nav li a:hover{
				box-shadow:2px 2px 0 0 rgba(0,0,0,0.4);
			}

			.about_nav li a .nav_img{
				display:block;
				text-align:center;
				margin-bottom:15px;
				opacity:1;
				transition:.5s all ease;
			}

			.about_nav li a:hover .nav_img{
				opacity:0.7;
			}

			.about_nav li a .nav_img img.img-responsive{
				display:inline-block;
			}

			.about_nav li a .nav_txt{
				display:block;
				color:#c13535;
				font-size:1.35em;
				padding:0 20px;
			}

		.goto_committee{
			clear:both;
			text-align:center;
			margin-bottom:50px;
		}

			.goto_committee .box_inner{
				display:inline-block;
				background:#fff;
				padding:10px 40px;
				box-shadow:1px 1px 0 0 rgba(0,0,0,0.2);
				font-size:1.1em;
			}

			.goto_committee .box_inner a{
				color:#c13535;
			}

		.about_contact{
			border-top:1px dotted #555;
			padding:40px 40px 0;
		}

			.about_contact .box_header{
				margin-bottom:20px;
				text-align:center;
			}

			.about_contact .box_header img.img-responsive{
				display:inline-block;
			}

			.about_contact .box_inner{
				text-align:center;
			}
			#page_body_about .about_contact .box_inner p{
				margin-bottom: 0;
			}
/* #################### 学長あいさつ #################### */
	.president_name{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
	}

/* #################### センタ－長あいさつ #################### */
	#greeting_ph_name {
		float: right;
		text-align: right;
		margin: 0 0 10px 40px;
	}
		#greeting_ph {
			margin-bottom: 1em;
		}
		#greeting_name {
			font-size:24px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
			#greeting_name img {
				float: right;
			}

/* #################### 趣旨・目的 #################### */
	.about.purpose #page_body dl:nth-of-type(3) {
		margin-bottom: 50px;
	}
		#chuki_keikaku ol {
			list-style: none;
			padding-left: 0;
		}
			#chuki_keikaku ol li {
				padding-left: 20px;
				margin-bottom: 1em;
			}
			#chuki_keikaku ol li:last-child {
				margin-bottom: 0;
			}
				#chuki_keikaku ol li span {
					display: inline-block;
					margin-right: 7px;
					margin-left: -20px;
				}

/* #################### 概要 #################### */
	.about.outline #page_body dl {
		box-shadow:1px 1px 5px 0px rgba(64,64,64,0.5);
		margin: 0 5px 30px;
		padding: 10px;
		background: rgba(249,249,249,0.8);
	}
	.about.outline #page_body dl:last-child,
	.about.outline #page_body dl:only-child {
		margin-bottom: 5px;
	}
		.about.outline #page_body dl dt {
			color: #27366d;
			font-size: 18px;
			padding: 10px;
			margin-bottom: 5px;
			border-bottom: 1px dotted #333;
			background: none;
			text-shadow: inherit;
		}
		.about.outline #page_body dl dd {
			padding: 0 5px 5px;
		}
			.about.outline #page_body dl dd dl {
				padding: 0;
			}
				.about.outline #page_body dl dd dl dt {
					font-size: 16px;
					padding: 5px 15px 5px 20px;
					margin: 0 0 10px;
					border-bottom: 0;
					color: #333;
				}
				.about.outline #page_body dl dd dl dt:before {
					content: "\f10c";
					font-family: FontAwesome;
					margin-right: 10px;
					color: #003;
				}
				.about.outline #page_body dl dd dl dd {
					margin-bottom: 15spx;
				}

/* #################### 運営組織体制 #################### */
	.about.organization table td {
		width: 100px;
		text-align: center;
	}

/* #################### スタッフ #################### */
	.about.staff #page_body dl {
		box-shadow:1px 1px 5px 0px rgba(64,64,64,0.5);
		margin: 0 5px 30px;
		padding: 10px;
		background: rgba(249,249,249,0.8);
	}
	.about.staff #page_body dl:last-child,
	.about.staff #page_body dl:only-child {
		margin-bottom: 5px;
	}
		.about.staff #page_body dl dt {
			color: #27366d;
			font-size: 18px;
			padding: 10px;
			margin-bottom: 5px;
			border-bottom: 1px dotted #333;
			background: none;
			text-shadow: inherit;
		}
		.about.staff #page_body dl dt:before {
			font-family: FontAwesome;
			margin-right: 5px;
		}
		.about.staff #page_body dl:nth-of-type(1) dt:before {
			content: "\f007";
		}
		.about.staff #page_body dl:nth-of-type(n+2) dt:before {
			content: "\f0c0";
		}
		.about.staff #page_body dl dd {
			padding: 0 5px 5px;
		}
			.about.staff #page_body dl dd ul {
				margin: 15px 5px 0;
			}
				.about.staff #page_body dl dd ul li {
					display: inline-block;
					margin-right: 30px;
				}
				.about.staff #page_body dl dd ul li:last-child {
					margin-right: 0;
				}
/* #################### 永青文庫とは #################### */

/* #################### よくある質問 #################### */
	#faq_wrap {
		margin: 0;
	}
		#faq_01 {
		}
			#faq_wrap ul {
			}
				#faq_wrap ul li {
				}
					#faq_wrap ul > li > a {
						text-decoration: underline;
						color: #222;
					}
					#aq_wrap ul > li > a:hover {
						color: #23527c;
					}
			.about.faq #page_body dl {
				margin: 0 10px 30px;
			}
				.about.faq #page_body dl dt {
					padding: 5px 15px 2px 35px;
					background: rgba(0, 0, 0, 0.4);
					position: relative;
				}
				.about.faq #page_body dl dt:before {
					content: "";
					display: block;
					width: 35px;
					height: 35px;
					background: #c84a4b;
					position: absolute;
					top: -10px;
					left: -10px;
					z-index: 1;
					box-shadow: 1px 1px 1px 0px rgba(64,64,64,0.7);
					-webkit-box-shadow: 1px 1px 1px 0px rgba(64,64,64,0.7);
					-moz-box-shadow: 1px 1px 1px 0px rgba(64,64,64,0.7);
				}
				.about.faq #page_body dl dt:after {
					content: "Q";
					position: absolute;
					font-size: 20px;
					top: -5px;
					left: 0;
					right: 0;
					margin: 0 auto;
					z-index: 2;
				}
					.about.faq #page_body dl dd {
						padding: 15px;
					}
					
					#faq_wrap dl dd ul > li > a{
						color: #337ab7;
					}
					
						.about.faq #page_body dl dd dl {
							margin: 20px 5px 0;
						}
							.about.faq #page_body dl dd dl dt {
								padding: 5px 15px 5px 20px;
								margin-bottom: 0;
								background: none;
								position: inherit;
							}
							.about.faq #page_body dl dd dl dt:before {
								content: "\f10c";
								font-family: FontAwesome;
								color: #003;
								background: none;
								position: inherit;
								display: inline-block;
								box-shadow: none;
								width: inherit;
								height: inherit;
							}
							.about.faq #page_body dl dd dl dt:after {
								content: none;
							}
							.about.faq #page_body dl dd dl dt.out_link:after {
								content: "\f08e";
								font-family: FontAwesome;
								font-size: inherit;
								margin-left: 3px;
								color: #666;
								position: inherit;
							}
								.about.faq #page_body dl dd dl dt.out_link a {
									text-decoration: underline;
								}
							.about.faq #page_body dl dd dl dd {
								padding: 0 0 0 1.5em;
								margin-bottom: 10px;
							}
							.about.faq #page_body dl dd dl dd:last-child,
							.about.faq #page_body dl dd dl dd:only-child {
								margin-bottom: 0;
							}
						.about.faq #page_body dl dd ul {
							margin: 20px 5px 0;
						}


/* #################### 刊行物 #################### */

/* #################### スタッフ紹介詳細 #################### */
.staff_detail hr{
	border:none;
	border-bottom:1px dotted #555;
	margin:30px 15px;
}

.achievement_list{
	margin:0;
	background:none;
}

table.achievement_list th,
table.achievement_list td{
	padding:0;
	border:none;
}


table.achievement_list th {
	background:none;
	width:80px;
	font-weight:bold;
	letter-spacing:0.3em;
}

table.achievement_list th:before {
	content:"【";
}

table.achievement_list th:after {
	content:"】";
}

#page_body table.achievement_list td ul{
	margin:0 0 15px 0;
}

#page_body table.achievement_list td ul li{
	margin-bottom:5px;
}

.backto_staff{
	margin-top:50px;
	text-align:center;
}

	.backto_staff:before{
		content:"\00ab";
		color:#c13535;
		margin-right:8px;
	}

	.backto_staff a{
		color:#333;
	}




/*--------PCここまで--------*/
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/
	#page_body_about{
		width:auto;
	}

	.about_nav li{
		width:50%;
		margin:0 0 10px 0;
		padding:0 5px 0 0;
	}

	.about_nav li{
		padding:0 0 0 5px;
	}

	.about_nav li a{
		width:auto;
		padding:10px 0;
	}

	.about_nav li a .nav_img{
		padding:0 10px;
		margin-bottom:10px;
	}

	.about_nav li a .nav_txt{
		font-size:1.1em;
		padding:0 10px;
	}

	.about_contact{
		padding:30px 10px 0 10px;
	}

		.about_contact .box_header{
			padding:0 20px;
			margin-bottom:10px;
		}


/*--------SPここまで--------*/
}