@import url(//fonts.googleapis.com/css?family=Lora);

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

#intro .topimage {
	margin-bottom: 1em;
}

#intro h2 {
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom: 0.5em;
}

#profiles {
	background: #f27e93;
}

#profiles .table {
	margin-bottom: 3em;
	background-color: #EFF0E0;
	border-top: 2px solid #0085B2;
}

#profiles .table .photo {
	vertical-align: bottom;
}

#profiles .table .photo img {
	vertical-align: bottom;
}

#profiles .table .content h3 {
	font-family: 'Lora', serif;
}

#profiles .table .content .name {
	margin-bottom: 1em;
	font-size: 20px;
}

#profiles .table .content .job {
	background-color: #f27e93;
	color: #FFF;
	display: inline-block;
	padding: 5px 12px;
	border-radius: 6px;
	margin-right: 1em;
}

#profiles .table .content h4 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom: 0.5em;
}

/*# sourceMappingURL=page_staffprofile.css.map */

@media print, screen and (min-width: 741px) {

#intro h2 {
	font-size: 40px;
}

#profiles .table {
	display: table;
	background-repeat:no-repeat;
	background-position:left 15px;
	padding-left: 328px;
}

#profiles .table .table-cell {
	display: table-cell;
	vertical-align: top;
	padding: 15px;
	padding-bottom: 0;
}

#profiles .table .photo {
	padding-right: 25px;
}

#profiles .table .content h3 {
	font-size: 50px;
}

#profiles .table .content .name br {
	display: none;
}

#profiles .table .content .job {
font-size: 16px;
width: 16em;
text-align: right;
}

#profiles .table .content h4 {
	font-size: 20px;
}

}

@media only screen and (max-width: 740px) {

#intro h2 {
	font-size: 22px;
}

#profiles {
	padding-top: 3%;
	margin-bottom: 3em;
}

#profiles .table {
	padding: 3%;
	background: none!important;
	background-color: #EFF0E0!important;
}

#profiles .table .photo {
	width: 65%;
	margin: auto;
}

#profiles .table .content h3 {
	font-size: 25px;
}

#profiles .table .content .job {
	font-size: 13px;
	margin-bottom: 1.5em;
}

#profiles .table .content h4 {
	font-size: 16px;
}

}