@charset "UTF-8";



/* 
 * ---------------------------------------------------------------------------------------
 * 説明
 * 
 * .info
 *     h1
 *         span
 *     h2
 *     h3
 *     p
 *     ol.info-decimal
 *     .info-simpletoc
 *     .info-detailtoc
 *     .info-outline
 *     .info-note
 *     .info-figure
 *     .info-seminarlist (--intra)
 *         .info-seminar
 *             .info-date
 *             .info-area
 *             .info-subject
 *             .info-place
 *             .info-time
 *             .info-note
 *             .info-property
 *     .info-link
 *     .info-faq
 *         .info-q (--opened)
 *         .info-a
 * ---------------------------------------------------------------------------------------
 */

.frame-content .info {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 123px;
	max-width: 1020px;
}
.frame-content .info h1 {
	font-size: 2.5em;
	margin: 80px 0;
	text-align: center;
}
.frame-content .info h1 span {
	display: block;
	font-size: 0.4em;
}
.frame-content .info h2 {
	font-size: 1.5555555555555555555555555555556em;
	margin: 60px 0;
}
.frame-content .info h3 {
	font-size: 1.2222222222222222222222222222222em;
	margin: 30px 0;
}
.frame-content .info p {
	margin-top: 20px;
}
.frame-content .info ol.info-decimal {
	list-style: decimal outside none;
	margin-left: 1.3em;
}
.frame-content .info .info-simpletoc {
	color: #ddd;
}
.frame-content .info .info-simpletoc li {
	display: inline-block;
	margin: 15px 30px 15px 0;
}
.frame-content .info .info-simpletoc li a {
	color: #000;
	display: inline-block;
	padding-right: 55px;
	position: relative;
	text-decoration: none;
}
.frame-content .info .info-simpletoc li a img {
	margin-top: -22px;
	position: absolute;
	right: 0;
	top: 50%;
}
.frame-content .info .info-detailtoc {
}
.frame-content .info .info-detailtoc dl {
	border-bottom: 2px solid #000;
	padding: 30px 0;
	width: 100%;
}
.frame-content .info .info-detailtoc dl:after {
	clear: both;
	content: "";
	display: table;
}
.frame-content .info .info-detailtoc dl:first-child {
	border-top: 2px solid #000;
}
.frame-content .info .info-detailtoc dt {
	color: #ddd;
	float: left;
}
.frame-content .info .info-detailtoc dt span {
	display: block;
	font-size: 0.5em;
}
.frame-content .info .info-detailtoc dt a {
	color: #000;
	display: inline-block;
	padding-right: 55px;
	position: relative;
	text-decoration: none;
}
.frame-content .info .info-detailtoc dt a img {
	margin-top: -22px;
	position: absolute;
	right: 0;
	top: 50%;
}
.frame-content .info .info-detailtoc dd {
	display: list-item;
	list-style: disc outside none;
	margin-left: 18em;
}
.frame-content .info .info-outline {
	font-size: 0.88888888888888888888888888888889em;
	margin: 60px 0;
	width: 100%;
}
.frame-content .info .info-outline th,
.frame-content .info .info-outline td {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 1.5em 0;
	font-size: 0.94em; /*15px / 16px*/
}
.frame-content .info .info-outline th {
	width: 11em;
}
.frame-content .info .info-outline p {
	margin-top: 0;
}
.frame-content .info .info-outline dl {
	margin-left: 1.2em;
}
.frame-content .info .info-outline dt {
	display: list-item;
	list-style: circle outside none;
}
.frame-content .info .info-outline .info-note {
	display: inline-block;
}
.frame-content .info .info-note {
	font-size: 0.72222222222222222222222222222222em;
}
.frame-content .info .info-figure {
	margin: 60px 0;
	text-align: center;
}
.frame-content .info .info-seminarlist {
	margin: 60px 0;
}
.frame-content .info .info-seminarlist p {
	margin-top: 0;
}
.frame-content .info .info-seminarlist .info-seminar {
	border-bottom: 2px solid #000;
	padding-bottom: 1.875em;
}
.frame-content .info .info-seminarlist .info-seminar:first-child {
	border-top: 2px solid #000;
}
.frame-content .info .info-seminarlist .info-date {
	display: inline-block;
	font-size: 1.1666666666666666666666666666667em;
	margin-right: 0.5em;
	white-space: nowrap;
}
.frame-content .info .info-seminarlist .info-date em {
	font-size: 2.8571428571428571428571428571429em;
}
.frame-content .info .info-seminarlist .info-area {
	display: inline-block;
	font-size: 1.1666666666666666666666666666667em;
	white-space: nowrap;
}
.frame-content .info .info-seminarlist .info-subject {
	font-size: 1.5555555555555555555555555555556em;
}
.frame-content .info .info-seminarlist .info-subject a {
	color: #000;
	display: block;
	padding-right: 55px;
	position: relative;
	text-decoration: none;
}
.frame-content .info .info-seminarlist .info-subject a em {
	color: #c00;
	font-weight: normal;
}
.frame-content .info .info-seminarlist .info-subject a img {
	margin-top: -22px;
	position: absolute;
	right: 0;
	top: 50%;
}
.frame-content .info .info-seminarlist .info-place {
	display: inline-block;
	font-size: 0.88888888888888888888888888888889em;
	margin-right: 1em;
}
.frame-content .info .info-seminarlist .info-time {
	display: inline-block;
	font-size: 0.88888888888888888888888888888889em;
}
.frame-content .info .info-seminarlist .info-note {
	font-size: 0.88888888888888888888888888888889em;
}
.frame-content .info .info-seminarlist--intra .info-seminar {
	padding-top: 1.2em;
}
.frame-content .info .info-seminarlist--intra .info-date {
	display: inline;
	line-height: 1.2;
	white-space: normal;
}
.frame-content .info .info-seminarlist--intra .info-property p {
	display: inline-block;
	font-size: 0.88888888888888888888888888888889em;
	margin-right: 1em;
}
.frame-content .info .info-link {
	font-size: 0.77777777777777777777777777777778em;
	margin: 60px 0;
	text-align: right;
}
.frame-content .info .info-link a {
	color: #000;
	font-size: 1.7142857142857142857142857142857em;
	text-decoration: none;
}
.frame-content .info .info-link a img {
	vertical-align: middle;
}
.frame-content .info .info-faq {
	border-top: 2px solid #000;
	font-size: 0.88888888888888888888888888888889em;
	margin-top: 40px;
	position: relative;
}
.frame-content .info .info-faq .info-q {
	margin-top: 40px;
	padding-left: 3em;
	position: relative;
}
.frame-content .info .info-faq .info-a {
	margin-top: 20px;
	padding-left: 3em;
	position: relative;
}
.frame-content .info .info-faq .info-q span,
.frame-content .info .info-faq .info-a span {
	font-size: 1.75em;
	left: 0;
	position: absolute;
	top: -0.5625em;
}

@media only screen and (min-width: 720px) and (max-width: 1039px) {
	.frame-content .info {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 719px) {
	.frame-content .info {
		padding: 0 20px;
	}
	.frame-content .info h1 {
		font-size: 2em;
		margin: 60px -20px;
	}
	.frame-content .info h2 {
		font-size: 1.4285714285714285714285714285714em;
		margin: 40px 0;
		text-align: center;
	}
	.frame-content .info p {
		margin-top: 10px;
	}
	.frame-content .info .info-detailtoc dl {
		padding: 20px 0;
	}
	.frame-content .info .info-detailtoc dt {
		float: none;
		margin-bottom: 20px;
	}
	.frame-content .info .info-detailtoc dd {
		margin-left: 1.2em;
	}
	.frame-content .info .info-outline {
		border-bottom: 2px solid #000;
		font-size: 1em;
		margin: 40px 0;
	}
	.frame-content .info .info-outline tr {
		border-top: 2px solid #000;
		display: block;
		padding: 1.5em 0;
	}
	.frame-content .info .info-outline th,
	.frame-content .info .info-outline td {
		border: none;
		display: block;
		padding: 0;
	}
	.frame-content .info .info-note {
		font-size: 0.85714285714285714285714285714286em;
	}
	.frame-content .info .info-figure {
		margin: 40px 0;
	}
	.frame-content .info .info-seminarlist {
		margin: 40px 0;
	}
	.js .frame-content .info .info-faq .info-q {
		background: transparent url("../image/faq-closed.png") no-repeat scroll right center;
		background-size: 12px 12px;
		cursor: pointer;
		padding-right: 20px;
	}
	.js .frame-content .info .info-faq .info-q--opened {
		background-image: url("../image/faq-opened.png");
	}
}

.ie8 .frame-content .info .info-simpletoc li a:hover,
.ie8 .frame-content .info .info-simpletoc li a:active,
.ie8 .frame-content .info .info-detailtoc dt a:hover,
.ie8 .frame-content .info .info-detailtoc dt a:active,
.ie8 .frame-content .info .info-seminarlist .info-subject a:hover,
.ie8 .frame-content .info .info-seminarlist .info-subject a:active {
	color: #666;
	-ms-filter: "";
}
.ie8 .frame-content .info .info-seminarlist .info-subject a:hover em,
.ie8 .frame-content .info .info-seminarlist .info-subject a:active em {
	color: #eb9999;
}
.ie8 .frame-content .info .info-simpletoc li a:hover img,
.ie8 .frame-content .info .info-simpletoc li a:active img,
.ie8 .frame-content .info .info-detailtoc dt a:hover img,
.ie8 .frame-content .info .info-detailtoc dt a:active img,
.ie8 .frame-content .info .info-seminarlist .info-subject a:hover img,
.ie8 .frame-content .info .info-seminarlist .info-subject a:active img {
	-ms-filter: "alpha(opacity=60)";
}

/* 
 * ---------------------------------------------------------------------------------------
 * 採用方針・セミナー
 * 
 * .link
 *     h2
 *     ul
 * ---------------------------------------------------------------------------------------
 */

.frame-content .link {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1020px;
}
.frame-content .link h2 {
	margin-top: 80px;
	text-align: center;
}
.frame-content .link ul {
	color: #ddd;
	font-size: 1.3333333333333333333333333333333em;
	text-align: center;
	width: 100%;
}
.frame-content .link ul li {
	display: inline-block;
	padding: 50px 25px 0;
}
.frame-content .link ul li a {
	color: #000;
	text-decoration: none;
}

@media only screen and (max-width: 719px) {
	.frame-content .link {
		padding: 0 20px;
	}
	.frame-content .link h2 {
		font-size: 1.2857142857142857142857142857143em;
		margin-top: 60px;
	}
	.frame-content .link ul {
		font-size: 1.4285714285714285714285714285714em;
	}
	.frame-content .link ul li {
		display: block;
		margin-top: 20px;
		padding: 0;
	}
}

.ie8 .frame-content .link ul li a:hover,
.ie8 .frame-content .link ul li a:active {
	color: #666;
	-ms-filter: "";
}