@charset "UTF-8";

@font-face {
	font-family: "NotoSansJp";
	font-style: normal;
	font-weight: normal;
	src: url("../font/notosans_cjk_jp_dl_min.eot"); /* IE9 Compat Modes */
	src: url("../font/notosans_cjk_jp_dl_min.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../font/notosans_cjk_jp_dl_min.woff") format("woff"), /* Modern Browsers */
		url("../font/notosans_cjk_jp_dl_min.ttf")  format("truetype"), /* Safari, Android, iOS */
		local("Noto Sans CJK JP DemiLight"); /* Local Font */
}

@font-face {
	font-family: "NotoSansJp";
	font-style: normal;
	font-weight: bold;
	src: url("../font/notosans_cjk_jp_b_min.eot"); /* IE9 Compat Modes */
	src: url("../font/notosans_cjk_jp_b_min.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../font/notosans_cjk_jp_b_min.woff") format("woff"), /* Modern Browsers */
		url("../font/notosans_cjk_jp_b_min.ttf")  format("truetype"), /* Safari, Android, iOS */
		local("Noto Sans CJK JP Bold"); /* Local Font */
}

/* Normalize - 要素のノーマライズ
==================================================*/

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-style: normal;
	font-weight: normal;
	font-size: 100.01%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, #nav, section,
div, p, ul, ol, li {
	display: block;
	position: relative;
}

html {
	overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
}

/* Fundamental Definition - 基本要素定義
==================================================*/

html,
body {
	display: block;
	position: relative;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

html {
	font: normal normal normal 100.01%/1.8125 "NotoSansJp", "Lucida Grande", Roboto, "Droid Sans", "メイリオ", Meiryo, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-break: break-all;
}

body {
	background: #fff;
	color: #205267;
	z-index: 0;
}

a {
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: none;
}

/* General Definition - 汎用定義
==================================================*/

/* ClearFix
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* Float
----------------------------------------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

/* Display
----------------------------------------*/

.block {
	display: block;
}

.iblock {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.none {
	display: none;
}

/* Position
----------------------------------------*/

.abs {
	position: absolute;
}

/* Width & Height
----------------------------------------*/

.full {
	width: 100%;
}

.half {
	width: 50%;
}

/* Font
----------------------------------------*/

.f075 {
	font-size: 75%;
}

.f0875 {
	font-size: 87.5%;
}

/* Text
----------------------------------------*/

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.super {
	vertical-align: super;
}

/* Align
----------------------------------------*/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* Main Layout Settings - メインレイアウト
==================================================*/

/* Header - ヘッダ
----------------------------------------*/

#header {
	min-width: 1000px;
	min-height: 390px;
	padding: 53px 0 33px;
	background: transparent url(../img/sub_bg.png) center top no-repeat;
}

#index_page #header {
	min-height: 612px;
	background: transparent url(../img/top_bg.png) center top no-repeat;
}

	#header > .logo {
		display: block;
		margin: 0 auto;
	}

/* Footer - フッタ
----------------------------------------*/

#footer {
	height: 230px;
	padding: 62px 0 0;
	background: transparent url(../img/stripe_bg.png) center top repeat;
}

	#footer .logo {
		display: block;
		margin: 0 auto;
	}

	#copyright {
		margin: 30px auto 0;
		color: #0080cc;
		font-size: 75%;
		line-height: 1;
		text-align: center;
	}

/* to Top - このページの先頭へ戻る
----------------------------------------*/

#totop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
}

	#totop > img {
		display: block;
	}

/* Contents - コンテンツ詳細
==================================================*/

/* Contents default - 共有基本設定
----------------------------------------*/

/* Headline
------------------------------*/

h3 {
	max-width: 1000px;
	margin: 0 auto;
	font-weight: bold;
}

.striped {
	background: transparent url(../img/stripe_bg.png) center top repeat;
}

	.striped > img {
		display: block;
		margin: 0 auto;
	}

/* 会社概要・採用情報教諭テーブルリスト
------------------------------*/

.table {
	display: table;
	width: 1000px;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #36cbd7;
	font-size: 112.5%;
	line-height: 1.61;
	empty-cells: show;
	z-index: 10;
}

	.table th {
		width: 259px;
		padding: 28px 0 28px 30px;
		border-bottom: 1px solid #36cbd7;
		border-right: 1px dashed #fda89e;
		text-align: left;
		vertical-align: middle;
	}

	.table td {
		width: 570px;
		position: relative;
		padding: 28px 0 28px 40px;
		border-bottom: 1px solid #36cbd7;
		text-align: left;
		vertical-align: middle;
	}

/* Index Page - トップページ
----------------------------------------*/

/* Index Header - トップページヘッダ
------------------------------*/

#index_page h1 {
	margin: 30px 0 0;
}

	#index_page h1 > img {
		display: block;
		margin: 0 auto;
	}

#header .tel {
	margin: 28px auto 0;
}

#header .mail {
	margin: 17px auto 73px;
}

	#header .tel *,
	#header .mail * {
		display: block;
		margin: 0 auto;
	}

/* Navigation - ナビゲーション
--------------------*/

#nav {
	text-align: center;
}

	#nav > li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 31px;
	}

/* Intro - 序文
------------------------------*/

#intro {
	min-width: 1000px;
	height: 188px;
	margin: 0 auto;
	padding: 63px 0 72px;
	background: transparent url(../img/intro_bg.png) 50% 63px no-repeat;
}

	#intro > h2 {
		margin: 30px 0 63px;
	}

		#intro > h2 > img,
		#intro > p > img {
			display: block;
			margin: 0 auto;
		}

/* Business01 - 事業案内①
------------------------------*/

#business01 {
	padding-bottom: 70px;
}

#business01 > h2 {
	margin: 0 auto 50px;
}

#business01 > dl + h3 {
	margin-top: 30px;
}

#business01 > p {
	width: 1000px;
	margin: 0 auto 30px;
}

#business01 > dl {
	width: 1000px;
	margin: 0 auto;
}

	#business01 > dl > .fl + dd {
		margin: 0 0 0 9.5em;
		padding: 0 0 0 5em;
		text-indent: -5em;
		before: "・・・・・";
	}

	#business01 > dl > .fl + dd:before {
		content: "・・・・・";
	}

/* Business02 - 事業案内②
------------------------------*/

#business02 {
	padding-bottom: 70px;
}

#business02 > h2 {
	margin: 0 auto 50px;
}

#business02 > p {
	width: 1000px;
	margin: 0 auto 30px;
}

	#business02 > p > .abs {
		left: -192px;
		top: 120px;
	}

#business02 > dl {
	width: 1000px;
	margin: 0 auto;
}

	#business02 > dl > dd {
		padding: 0 0 0 1em;
	}

/* Overview - 会社概要
------------------------------*/

#overview {
	padding-bottom: 70px;
}

#overview > h2 {
	margin: 0 auto 50px;
}

	#overview .table td > .abs {
		left: 360px;
		top: 30px;
		z-index: -1;
	}

/* Recruit - 採用情報
------------------------------*/

#recruit {
	padding-bottom: 70px;
}

#recruit > h2 {
	margin: 0 auto 40px;
}

#recruit > p {
	width: 1000px;
	margin: 0 auto;
}

#recruit > h3 {
	margin: 30px auto 20px;
}

#recruit > a {
	display: block;
	width: 257px;
	margin: 30px auto;
}

	#recruit > a > img {
		display: block;
	}

/* Inquiry - 問い合わせ
------------------------------*/

#inquiry {
	padding-bottom: 70px;
}

#inquiry > h1,
#inquiry > h2 {
	margin: 0 auto 40px;
}

#inquiry > p {
	width: 1000px;
	margin: 0 auto 40px;
}

#inquiry > form {
	width: 1000px;
	margin: 0 auto;
}

#inquiry .table {
	margin: 0 0 40px;
}

	#inquiry .table th {
		width: 260px;
		border-right: 0;
	}

#inquiry > form .text {
	padding: 4px;
	background: #faf8e7;
	border: 1px solid #205267;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 87.5%;
}

#inquiry > form input.text {
	width: 304px;
	height: 26px;
}

#inquiry > form textarea.text {
	width: 493px;
	height: 247px;
	line-height: 1.5;
	resize: none;
}

#inquiry > form .submit01,
#inquiry > form .submit_value {
	display: block;
	width: 257px;
	height: 53px;
	margin: 0 auto;
	border: 0;
	cursor: pointer;
	overflow: hidden;
}

#inquiry > form .submit01 {
	background: transparent url(../img/submit01.png) center top no-repeat;
	text-indent: 100%;
}

#inquiry > form .submit_value {
	background: transparent url(../img/submit_value.png) center top no-repeat;
	color: #0080cc;
	font-family: "NotoSansJp", "Lucida Grande", Roboto, "Droid Sans", "メイリオ", Meiryo, YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 137.5%;
	font-weight: bold;
	line-height: 53px;
	text-align: center;
}

#inquiry > form .submit01:hover {
	background-position: center bottom;
}

#inquiry > form .submit_value:hover {
	color: #fff;
	background-position: center bottom;
}