@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
	 v2.0 | 20110126
	 License: none (public domain)
	 */
	 html, body, div, span, applet, object, iframe,
	 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	 a, abbr, acronym, address, big, cite, code,
	 del, dfn, em, img, ins, kbd, q, s, samp,
	 small, strike, strong, sub, sup, tt, var,
	 b, u, i, center,
	 dl, dt, dd, ol, ul, li,
	 fieldset, form, label, legend,
	 table, caption, tbody, tfoot, thead, tr, th, td,
	 article, aside, canvas, details, embed,
	 figure, figcaption, footer, header, hgroup,
	 menu, nav, output, ruby, section, summary,
	 time, mark, audio, video {
	 	margin: 0;
	 	padding: 0;
	 	border: 0;
	 	font-size: 100%;
	 	font: inherit;
	 	vertical-align: baseline;
	 	box-sizing: border-box;
	 }
	 /* HTML5 display-role reset for older browsers */
	 article, aside, details, figcaption, figure,
	 footer, header, hgroup, menu, nav, section {
	 	display: block;
	 }
	 body {
	 	line-height: 1;
	 }
	 ol, ul {
	 	list-style: none;
	 }
	 blockquote, q {
	 	quotes: none;
	 }
	 blockquote:before, blockquote:after,
	 q:before, q:after {
	 	content: '';
	 	content: none;
	 }
	 table {
	 	border-collapse: collapse;
	 	border-spacing: 0;
	 }
	 *, *:before, *:after {
	 	-webkit-box-sizing: border-box;
	 	-moz-box-sizing: border-box;
	 	-o-box-sizing: border-box;
	 	-ms-box-sizing: border-box;
	 	box-sizing: border-box;
	 }
	 .no_border_box {
	 	-webkit-box-sizing: content-box;
	 	-moz-box-sizing: content-box;
	 	-o-box-sizing: content-box;
	 	-ms-box-sizing: content-box;
	 	box-sizing: content-box;
	 }

/*------------------------------------------------------------
common
------------------------------------------------------------*/
body {
	font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	background: #fff;
	line-height: 16px;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	opacity: 0.8;
}
img {
	max-width: 100%;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px) {
	.container {
		width: 92%;
	}
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.center {
	text-align: center;
}
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
}
.sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.sp {
		display: block;
	}
}
input {
	-webkit-appearance: none;
}
input[type="submit"], input[type="button"] {
	text-align: center;
	color: #fff;
	max-width: 500px;
	width: 75%;
	height: 40px;
	background: #00264f;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	input[type="submit"], input[type="button"] {
		width: 100%;
		height: 50px;
	}
}
input[type="submit"]:disabled, input[type="button"]:disabled {
	background: #aaa;
	cursor: default;
}
.ff_serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l_l {
	float: left;
}
.l_r {
	float: right;
}
.contents p,
.contents li,
.contents dt,
.contents dd {
	line-height: 1.6;
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
.header {
	background: #fff;
}
.header .inner {
	padding: 0 2%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 1400px;
}
.logo {
	padding: 8px 0 15px;
}
.header_img_notice {
	padding: 16px 0 18px;
}
@media screen and (max-width: 1400px) {
	.header .inner {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.header .l_l ,
	.header .l_r {
		float: none;
		text-align: center;
	}
	.logo {
		padding: 5% 0 0;
	}
	.header_img_notice {
		padding: 2% 0 5%;
	}
}
/*------------------------------------------------------------
contents
------------------------------------------------------------*/

main {
	display: block;
}
.contents {
	padding: 60px 0 60px 0;
	background: url("../img/contents_bg.jpg") no-repeat center top;
	background-size: 100% auto;
}
.contents > .inner {
	position: relative;
	margin: 0 auto;
	background: #fff;
	width: 1340px;
	height: 570px;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 768px) {
	.contents {
		padding: 0;
	}
	.contents > .inner {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 640px) {}

/*------------------------------------------------------------
content_l
------------------------------------------------------------*/
.content_l {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 700px;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.content_l {
		position: static;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 640px) {
	.content_l {
	}
}



/*------------------------------------------------------------
footer
------------------------------------------------------------*/

/* footer_top_area
------------------------------*/
.footer_top_area {
	margin: 20px auto;
	width: 1200px;
	overflow: hidden;
}
.footer_txt01 {
	padding-top: 20px;
}
@media screen and (max-width: 1200px) {
	.footer_top_area {
		margin-left: auto;
		margin-left: auto;
		width: 92%;
		text-align: center;
	}
	.footer_top_area img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.footer_top_area .footer_txt01 {
		margin-bottom: 10px;
		padding: 0;
		width: 50%;
	}
}

/* footer_top_middle
------------------------------*/
.footer_top_middle {
	padding: 25px 0;
	background: #132c69;
	text-align: center;
}
@media screen and (max-width: 1200px) {
	.footer_top_middle img {
		width: 90%;
	}
}

/* copyright_area
------------------------------*/
.copyright_area .pageTop {
	width: 100px;
	background: #00264f;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
	position: fixed;
	right: 12%;
	bottom: 8%;
	z-index: 9999;
	display: none;
}
.copyright_area .pageTop a {
	padding: 34px 0 32px;
	display: block;
}
.copyright_area .copyright {
	font-size: 12px;
	color: #132c69;
	padding: 10px 0 10px;
	background: #d7d7d7;
}
@media screen and (max-width: 1100px) {
	.copyright_area .pageTop {
		right: 3%;
	}
}
@media screen and (max-width: 768px) {
	.copyright_area .pageTop {
		width: 100%;
		box-shadow: none;
		left: 0;
		right: 0;
		bottom: 0;
		display: block !important;
		opacity: 1 !important;
	}
	.copyright_area .pageTop a {
		padding: 13px 0 10px;
	}
	.copyright_area .pageTop img {
		width: 40px;
	}
	.copyright_area .copyright {
		padding-bottom: 80px;
		font-size: 10px;
	}
}

/*------------------------------------------------------------
メインビジュアル
------------------------------------------------------------*/
.mv01 { text-align: center;
		margin-bottom: 30px;
}

.seminarbnrlink {
	margin: 0 0 20px 0;
	text-align: center;
}