@charset "utf-8";

@import url("reset.css");
@import url("font-awesome.css");

/* -------------------------------
   BASE
------------------------------- */

/* margin */
.mt-60 {margin-top:-60px!important;}
.mt-50 {margin-top:-50px!important;}
.mt-40 {margin-top:-40px!important;}
.mt-30 {margin-top:-30px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

/* float */
.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}
.clear { clear:both; }

/* align */
.tLeft { text-align:left!important;}
.tCenter { text-align:center!important;}
.tRight { text-align:right!important;}
.vTop { vertical-align:top!important;}
.vMiddle { vertical-align:middle!important;}
.vBottom { vertical-align:bottom!important;}

.nowrap { white-space:nowrap; }

/* color */
.blue { color:#144398;}
.red { color:#EB6A1F;}
.green { color:#AEC533;}
.pink { color:#EA609E;}

/* font */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f18 { font-size:18px!important;}
.lh10 { line-height:1!important;}
.lh12 { line-height:1.2!important;}
.lh15 { line-height:1.5!important;}
.lh18 { line-height:1.8!important;}
.lh20 { line-height:2!important;}
.gothic { font-family:Arial,Verdana,Helvetica,Roboto,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',sans-serif;}
.serif { font-family:Georgia,'Times New Roman','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif;}

/* color */
.block { display:block!important;}
.inline { display:inline!important;}
.inlineBlock { display:inline-block!important;}


/* -------------------------------
   common
------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	background:#FFF;
}
body {
	font-size:16px;
	line-height:1.5;
	background:#FFF;
	padding-top:1px;
	font-family:Arial,Verdana,Helvetica,Roboto,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',sans-serif;
}
#wrap {
	border-top:1px solid #EC6A1F;
}


/* -------------------------------
   header
------------------------------- */



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

#pagetop {
	position:fixed;
	bottom:0;
	right:0;
}
#footer {
	text-align:center;
	color:#FFF;
	background:#000;
}
#footer small {
	font-style:normal;
	font-size:16px;
}


/* -------------------------------
   side
------------------------------- */



/* -------------------------------
   contents
------------------------------- */

#main {
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	text-align:center;
	background:url(../img/main_catch_bg.png) center center repeat;
}
#mainCatch {
	padding:10px;
}
#main .inner {
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#main ul {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	width:400%;
}
#mainImgs01 {
	margin-left:-50%;
}
#mainImgs02 {
	margin-left:-250%;
}
#main li {
	float:left;
	border-right:1px solid #FFF;
	overflow:hidden;
	width:12.5%;
}

#pagetit {
	background:url(../img/main_catch_bg.png);
	text-align:center;
	font-size:0;
	padding:40px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

.sec {
	text-align:center;
}
.sec h2 {
	line-height:1.2;
	font-weight:normal;
	max-width:960px;
	margin:0 auto;
}
.sec h2 strong {
	color:#EB661E;
	font-weight:normal;
}

.contantSec {
	background:url(../img/sec_arr01.png) center top no-repeat #FDF2E1;
}
.contantSec.white {
	background:url(../img/sec_arr02.png) center top no-repeat #FFF;
}
.contantSec li a {
	display:block;
	color:#FFF;
	background:#EB661E;
	text-decoration:none;
	border-bottom:2px solid #CCC;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contantSec li a i {
	font-size:150%;
	margin-right:10px;
}
.btn a {
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	background:#EB661E;
	padding:10px 20px;
	border-bottom:2px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:1;
}
.btn a i {
	margin-right:10px;
}


/* -------------------------------
   home
------------------------------- */

#wl02 {
	background:url(../img/sec_arr01.png) center top no-repeat #FDF2E1;
}
#wl02 li p strong {
	color:#EB6A1F;
	font-weight:normal;
	background:url(../img/wl02_line.png) left bottom repeat-x;
	padding-bottom:5px;
}
#wl03 h2 {
	background:url(../img/main_catch_bg.png);
	color:#FFF;
}
#wl03 h2 strong {
	color:#FFF;
}
#wl03 .inner {
	background:url(../img/sec_arr03.png) center top no-repeat;
	padding-top:40px;
}
#wl03 li i {
	display:block;
	color:#EC6A1F;
}

#voice h2 ,
#course h2 {
	color:#EB6A1F;
}
#voice h2 i,
#course h2 i {
	background:url(../img/main_catch_bg.png);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color:#FFF;
	padding:10px;
	margin-right:10px;
}

#voice {
	background:url(../img/sec_arr02.png) center top no-repeat;
}
#voice article {
	position:relative;
	border-top:5px solid #F8CFB0;
	background:#FDF2E1;
}
#voice article:nth-child(1) h3:before {
	content:url(../img/voice01.png);
}
#voice article:nth-child(2) h3:before {
	content:url(../img/voice02.png);
}
#voice article:nth-child(3) h3:before {
	content:url(../img/voice03.png);
}
#voice article:nth-child(4) h3:before {
	content:url(../img/voice04.png);
}
#voice article .inner {
	background:url(../img/voice_line.png) left top repeat;
	line-height:34px;
	padding-bottom:21px;
	margin:0 20px;
	text-align:left;
}

#course {
	background:url(../img/sec_arr01.png) center top no-repeat #FDF2E1;
}
#course section {
	border-top:5px solid #F8CFB0;
	background:#FFF;
	padding:10px 20px 20px 20px;
}
#course section h3 {
	padding:15px 0;
	border-bottom:1px solid #EEE;
	margin-bottom:20px;
}
#course section dt {
	color:#EB6A1F;
	text-align:left;
	border-bottom:1px solid #EEE;
	padding-bottom:10px;
	margin-top:20px;
}
#course section dd {
	text-align:left;
}
.checkList li,
.pointList li {
	border-bottom:1px dotted #AAA;
	padding:10px 0 10px 20px;
}
.checkList li:before,
.pointList li:before {
	display:inline-block;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#EB6A1F;
	width:20px;
	text-align:center;
	margin-left:-20px;
}
.checkList li:before {
	content: "\f00c";
}
.pointList li:before {
	content: "\f0a4";
}

#profile {
	background:url(../img/sec_arr01.png) center top no-repeat #FDF2E1;
}
#profile section {
	border-top:5px solid #F8CFB0;
	background:#FFF;
	padding:10px 20px 20px 20px;
}
#profile section .inner {
	border-top:1px solid #EEE;
	padding-top:20px;
}
#profile section .txt {
	text-align:left;
}
#profile section .txt dl {
	background:#FDF2E1;
	padding:20px;
}
#profile section .txt dt {
	color:#EB6A1F;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

#download {
	background:url(../img/sec_arr02.png) center top no-repeat;
}
.pdfList {
	text-align:left;
	border-top:1px solid #EEE;
}
.pdfList li {
	padding:20px 0 10px 0;
	border-bottom:1px dotted #CCC;
}
.pdfList i {
	color:#EC6A1F;
	margin-right:5px;
}

#company {
	background:url(../img/sec_arr02.png) center top no-repeat;
}
#company h2 {
	border-bottom:1px solid #EEE;
}
#company table {
	width:100%;
	border-top:1px dotted #CCC;
}
#company th {
	background:#FDF2E1;
	text-align:center;
	padding:20px;
	border-bottom:1px dotted #CCC;
	white-space:nowrap;
}
#company td {
	padding:20px;
	border-bottom:1px dotted #CCC;
	text-align:left;
}


/* -------------------------------
   contact
------------------------------- */

#contact .sec h2 {
	color:#EC6A1F;
}
#telSec p i {
	color:#EC6A1F;
	margin-right:10px;
}
#formSec {
	background:url(../img/sec_arr01.png) center top no-repeat #FDF2E1;
}
#formSec table {
	width:100%;
	border-top:1px dotted #CCC;
}
#formSec th {
	background:#FAD9C7;
	text-align:center;
	vertical-align:top;
	padding:20px;
	border-bottom:1px dotted #CCC;
	white-space:nowrap;
}
#formSec td {
	padding:20px;
	border-bottom:1px dotted #CCC;
	text-align:left;
	background:#FFF;
}
#formSec td li {
	display:inline-block;
	margin-right:10px;
}
#formSec td li:last-child {
	margin-right:0;
}
#formSec .btns li i {
	margin-right:5px;
}
#formSec .btns li button {
	display:block;
	width:100%;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:1;
	border:none;
	background:#666;
	padding:10px 20px;
	border-bottom:2px solid #CCC;
}
#formSec .btns li button[type=submit] {
	background:#EB661E;
}
#formSec input[type=text],
#formSec input[type=email] {
	border:1px solid #CCC;
	padding:4px;
	max-width:400px;
	width:100%;
}
#formSec textarea {
	border:1px solid #CCC;
	padding:4px;
	width:100%;
	resize:none;
}

#thanks #contents {
	text-align:center;
	padding:40px 0;
}