@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :ランディング

=================================================================== */

/* ---------------------------------------------------------------------------

		structure
			ストラクチャ：基本設定、リンクカラーなど

--------------------------------------------------------------------------- */
/*
	font-size:
	10px 0.84em｜11px 0.92em｜12px 1.00em｜13px 1.09em｜14px 1.17em｜15px 1.25em｜16px 1.34em｜
	17px 1.42em｜18px 1.50em｜19px 1.59em｜20px 1.67em｜21px 1.75em｜22px 1.84em｜23px 1.92em｜
	24px 2.00em｜25px 2.09em｜26px 2.17em｜
*/


/* ---------------------------------------------------------------------------
		#wrapper
			全体
--------------------------------------------------------------------------- */
#wrapper{
	background:#fac500;
	min-width:1000px;
	margin:0 auto;
	overflow-x:hidden;
}


/* ---------------------------------------------------------------------------
		#header	
			ヘッダー
--------------------------------------------------------------------------- */
#header	{
	width:1000px;
	margin:0 auto;
}
#header	 h1{
	padding:30px 0 16px 0;
	text-align:center;
}

/* ---------------------------------------------------------------------------
		#content		
			コンテンツ
--------------------------------------------------------------------------- */
#content{
	width:1000px;
	margin:0 auto;
}


/*---
	lead
---------------------------------*/
#content .lead{
	background:url(../images/bg_content.jpg) repeat 50% 0;
	position:relative;
	zoom:1;
}
#content .lead .inner{
	background:url(../images/bg_btm.jpg) no-repeat 0 bottom;
	padding-bottom:66px;
}
#content .lead p.pop{
	position:absolute;
	top:-44px;
	right:-35px;
}
#content .lead p.txt{
	margin-top:10px;
	text-align:center;
}


/*---
	about
---------------------------------*/
#content .about{
	background:url(../images/bg_content.jpg) repeat 50% 0;
}

#content .about p.txt{
	font-size:117%;
	line-height:1.8;
}
#content .about p.txt em{
	font-weight:bold;
	font-size:114%;
	color:#f28b00;
}

/* section01 */
#content .about .section01{
	background:url(../images/bg_top.jpg) no-repeat 0 0;
	position:relative;
	zoom:1;
}
#content .about .section01 h3{
	padding:72px 33px 0 0;
	margin:0 0 15px 34px;
	float:right;
}
#content .about .section01 p.txt{
	float:right;
	width:350px;
	margin:173px 0 15px 0;
}
#content .about .section01 p.img{
	position:absolute;
	top:-37px;
	left:-54px;
}

/* section02 */
#content .about .section02{
	padding:0 70px 35px 70px;
}
#content .about .section02 h3{
	width:209px;
	float:left;
}
#content .about .section02 .notes{
	width:595px;
	float:right;
}
#content .about .section02 p.txt{
	margin:0 0 24px 0;
}
#content .about .section02 ul li{
	margin:0 13px 0 0;
	float:left;
}
#content .about .section02 ul li.right{
	margin-right:0;
}

/* section03 */
#content .about .section03{
	background:url(../images/about/bg_sec03_btm.jpg) no-repeat 0 bottom;
	padding-bottom:22px;
	margin-left:-24px;
	width:984px;
	zoom:1;
}
#content .about .section03 .sec-inner{
	background:url(../images/about/bg_sec03_side.jpg) repeat-y;
	padding-bottom:20px;
}
#content .about .section03 .sec-inner .qa{
	float:left;
	width:590px;
	padding:25px 0 0 58px
}
#content .about .section03 .sec-inner .qa h3{
	margin-bottom:16px;
	margin-left:8px;
}
#content .about .section03 .sec-inner .qa h4{
	margin:34px 0 16px 0;
}
#content .about .section03 .sec-inner .qa p{
	font-size:109%;
	color:#FFF;
	line-height:1.9;
}
#content .about .section03 .sec-inner .check{
	background:url(../images/about/bg_sec03_checkpoint.jpg) no-repeat 0 bottom;
	width:289px;
	float:right;
	margin-right:13px;
	margin-top:-12px;
	zoom:1;
}
#content .about .section03 .sec-inner .check h4{
	text-align:center;
}
#content .about .section03 .sec-inner .check h5{
	text-align:center;
}
#content .about .section03 .sec-inner .check ul{
	padding:0 20px 20px 14px;
}
#content .about .section03 .sec-inner .check ul li{
	background:url(../images/about/ivo_sec03_check.png) no-repeat 0 0.4em;
	padding:0 0 0 40px;
	margin-top:10px;
	font-size:109%;
	line-height:1.9;
}

/* section04 */
#content .about .section04{
}
#content .about .section04 .block{
	background:url(../images/about/bg_sec04_img.jpg) no-repeat;
}
#content .about .section04 .block h3{
	float:right;
	margin:21px 58px 10px 38px;
}
#content .about .section04 .block p.txt{
	float:right;
	width:460px;
	margin-bottom:38px;
	margin-top:50px;
}
#content .about .section04 .block p.img{
	float:right;
	margin-bottom:20px;
}
#content .about .section04 .voice{
	background:url(../images/about/bg_sec_04_voice.jpg) no-repeat;
	height:372px;
	position:relative;
	zoom:1;
	padding:84px 0 0 0;
}
#content .about .section04 .voice .ttl{
	margin:0 0 0 61px;
}
#content .about .section04 .voice .ttl h4{
	float:left;
}
#content .about .section04 .voice .ttl p{
	float:left;
	margin-left:22px;
}
#content .about .section04 .voice p.txt{
	width:620px;
	margin:32px 0 0 70px;
	font-size:13px;
	color:#FFF;
	line-height:2;
}



/*---
	school
---------------------------------*/
#content .school{
	background:url(../images/bg_content.jpg) repeat 50% 0;
}
#content .school .school-inner{
	background:url(../images/bg_btm.jpg) no-repeat 0 bottom;
	padding-bottom:72px;
	position:relative;
	zoom:1;
}
#content .school h3{
	position:absolute;
	top:80px;
	right:34px;
	z-index:100;
}

/* lead */
#content .school .lead{
	background:url(../images/bg_top.jpg) no-repeat 0 0;
	padding:134px 0 50px 0;
}
#content .school .lead h4{
	margin:0 0 57px 160px;
}
#content .school .lead p{
	margin-left:102px;
}

/* feature */
#content .school .feature{
	background:url(../images/school/bg_feature_btm.png) no-repeat 0 bottom;
	padding-bottom:18px;
	width:860px;
	margin:0 auto 42px auto;
}
#content .school .feature .feature-inner{
	background:#fac500 url(../images/school/bg_feature_top.png) no-repeat 0 0;
	padding-top:18px;
}
#content .school .feature .feature-inner h4{
	margin:5px 0 15px 0;
	text-align:center;
}
#content .school .feature .feature-inner ul{
	width:682px;
	margin:0 auto 15px auto;
}
#content .school .feature .feature-inner ul li{
	float:left;
}
#content .school .feature .feature-inner p{
	width:760px;
	margin:0 auto 0 auto;
	font-size:117%;
	line-height:1.8;
	text-align:center;
}



#content .school .detail{
	background:url(../images/school/bg_detail.jpg) repeat;
	width:860px;
	margin:0 auto;
	position:relative;
	zoom:1;
	padding-bottom:50px;
}

/* period */
#content .school .period{
	position:relative;
	zoom:1;
	padding:0 39px 10px 39px;
}
#content .school .period h4{
	position:absolute;
	top:26px;
	left:320px;
}
#content .school .period p{
	margin-bottom:13px;
}
#content .school .period p.txt01{
	padding-top:62px;
	margin-bottom:8px;
}

#content .school .qualification{
	background:url(../images/school/bg_qualification.jpg) no-repeat;
	width:326px;
	height:214px;
	position:absolute;
	top:38px;
	left:502px;
	text-align:center;
}
#content .school .qualification dt{
	margin:52px 0 15px 0;
}
#content .school .qualification dd{
	font-size:13px;
	color:#40320c;
	line-height:1.8;
}

#content .school .skill{
	width:860px;
	margin:0 auto;
	border-top:1px solid #FFF;
}
#content .school .skill h4{
	padding:20px 0 30px 87px;
}
#content .school .skill ul{
	padding:0 0 0 52px;
}
#content .school .skill ul li{
	float:left;
	margin:0 17px 0 0;
}
#content .school .detail p.img01{
	position:absolute;
	left:-70px;
	bottom:11px;
}
#content .school .detail p.img02{
	position:absolute;
	right:-76px;
	bottom:-117px;
}


/* ---------------------------------------------------------------------------
		#footer
			フッター
--------------------------------------------------------------------------- */
#footer{
	background:#FFF;
	margin-top:100px;
}
#footer .foot-inner{
	width:1000px;
	margin:0 auto;
	position:relative;
	zoom:1;
}
#footer .foot-inner p.logo{
	padding:10px 0 0 70px;
}
#footer .foot-inner p.add{
	padding:13px 0 13px 90px;
}
#footer .foot-inner p.phone{
	position:absolute;
	right:37px;
	top:21px;
}
#footer p.copyright{
	border-top:1px solid #d9d9d9;
	padding:1em;
	text-align:center;
	font-size:84%;
}




/* ---------------------------------------------------------------------------
	汎用class
--------------------------------------------------------------------------- */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearB {
	clear:both;
	height: 0px;
	overflow: hidden;
	line-height:0;
}





.inq-section{
	margin:0 auto;
	position:relative;
	zoom:1;
	height:160px;
	z-index:5000;
}
.inq-section ul{
	position:relative;
	zoom:1;
	position:absolute;
	top:-60px;
	left:126px;
}
.inq-section ul li{
	float:left;
	margin:0 24px 0 0;
}
.inq-section ul li.right{
	margin:50px 0 0 0;
}