@import url(common.css);
#img_area{
	width:100%;	
}

#main_area{
	position:relative;	
}
#nv_area {
	background-color:rgba(255,255,255,0.8);
	width:100%;
	bottom:0;
	padding:60px 0;
	position:absolute;
	bottom:0;
}
div#nv_area ul{
	width:93%;
	margin:0 auto;
}
div#nv_area ul li{
	float:left;
	font-size:24px;
	margin:0 10px;
	display: inline-block;
  	vertical-align: middle;
}

#nv_area2 {
	background-color:rgba(255,255,255,0.8);
	width:100%;
	bottom:0;
	padding:10px 0;
	position:relative;
}
#nv_area2{
	display:none;
}
#sm_btn{
	width:50px;
	position:absolute;
	right:10px;
	top:25px;
}
#sm_btn img{
	width:100%;
}
div#nv_area2 ul{
	width:100%;
	margin:0;
}
div#nv_area2 ul li{
	font-size:18px;
	display: block;
  	vertical-align: middle;
	
}
div#nv_area2 ul li a{
	display: block;
	padding:10px;
	color:#333;
}

li.smnv_bg{
	background:#CCC;
	border-bottom:1px solid #FFF;
}
ul#smnv{
	display:none;
}

div#nvlogo-area{

}
div#nv_area2 div#nvlogo-area img{
	width:30%;
}
#nwd{
	width:400px;
}
li#nwd img{
	width:100%;
}
li.n1{
	padding-top:80px;	
}
div#nv_area ul li a{
	display:block;
	border-bottom:5px solid #B1C843;
	color:#333;
	padding-bottom:3px;
}

.wid{
	width:98%;	
}
.wid2{
	width:11%;	
}
.wid3{
	width:23%;	
}
.wid4{
	width:100%;	
}
h1#page_title{
	text-align:center;
	background:#ffa800;
	font-size:1.8rem;
	color:#fff;
	font-weight:600;
	line-height:2.4rem;
	padding:7px 0;
}
ul.rbox,ul.rbox2{
	width:100%;
	display:block;	
}
ul.rbox li{
	float:left;
	display:block;
	padding-right:5px;
}
div.rbox2 div.fin{
	float:left;
	
}
.next{
	font-size:1.6rem;
	background:url(../img/arr.jpg) no-repeat left,url(../img/arr.jpg) no-repeat right;
	width:210px;
	margin:80px auto;
	padding-left:35px;
	font-weight:600;
}
.next2{
	font-size:1.6rem;
	background:url(../img/arr.jpg) no-repeat left,url(../img/arr.jpg) no-repeat right;
	width:280px;
	margin:80px auto;
	padding-left:35px;
	font-weight:600;
}

.ts{
	font-size:0.9rem;	
}
.insert{
	width:45%;	
}
#cck p{
	line-height:1.5rem;	
}
#submit_area{
	text-align:center;	
}
.catch_inner {
	width:90%;
	max-width:1300px;
	margin:0 auto;
}
.catch_inner2 {
	width:95%;
	margin:0 auto;
}
.catch2,.catch3{
	font-size:35px;
}

.sent1 {
	font-size:26px;
	line-height:38px;
}

#catch2 {
	background:#B1C843 url(../img/mascot_03.jpg) no-repeat right bottom;
	background-size:10%;
}

.bk-set {
	border-top:8px solid #9E9999;
}

/*-----------------------------------------------------------
	教育体制
------------------------------------------------------------*/
.wid45{
	width:45%;
}
.wid55{
	width:55%;
}
.subt{
	font-size:30px;
	font-weight:700;
}
.sent2{
	font-size:24px;
	line-height:38px;
}

/*-----------------------------------------------------------
	先輩からのメッセージ
------------------------------------------------------------*/
.se_inner{
	width:90%;
	margin:0 auto;
}
.se_title{
	font-size:26px;
	padding:10px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	background:#F8ED91;
}
ul.interview{
	list-style-type : disc;
	margin-left:40px;
}
.inter_t{
	font-weight:700;
	margin-bottom:20px;
}
.inter_sent{
	margin-bottom:35px;
}
/*-----------------------------------------------------------
	Q&A
------------------------------------------------------------*/
.qbox{
	padding:20px;
	margin-bottom:5px;
	background:#FCF0C0;
	
}
.abox{
	padding:20px;
	margin-bottom:5px;
	background:#F1F1F1;
}
.question{
	
	background:#FCF0C0 url(../img/q.png) no-repeat left;
	background-position:5px 5px;
	padding:5px 5px 5px 45px;
}
.answer{
	background:#F1F1F1 url(../img/a.png) no-repeat left;
	background-position:5px 5px;
	padding:5px 5px 5px 45px;
	margin-left:35px;
}
#movie{
	width:40%;
	margin:0 auto;
	padding:40px 0;
}
ul.picbox{
	width:650px;
	margin:0 auto;
	display:block;
	padding:20px 0;
}
ul.picbox>li{
	float:left;
	padding:12px;
}
ul#event-list{
	list-style-type : disc;
	margin-left:40px;
	font-size:23px;
	padding:40px 0 0 40px;
}

.youtube{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mv{
	width:80%;
	margin:0 auto;
	padding:40px 0;
}
/*-----------------------------------------------------------
	福利厚生
------------------------------------------------------------*/
.fu_title{
	font-size:28px;
	font-weight:600;
	margin-bottom:15px;
	color:#215E31;
}
.fu_inner{
	width:63%;
	margin:0 auto;
}
.fu_inner dl{
	display:block;
	clear:both;
	font-size:24px;
}
.fu_inner dt,dd{

}
.fu_inner dl.bd1{
	border:1px solid #ccc;
}
#block6 .se_inner.pdt60 .bd1 {
}

.bd2{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
dt{
	width:15%;
	float:left;
	padding:12px 7px 0px 7px;
	font-size:21px;
}
dd{
	width:80%;
	float:left;
	boder-left:1px solid #ccc;
	padding:12px 0;
	font-size:21px;
}
.att{
	padding:30px 0;
	font-size:21px;
}
ul#end li img{
	width:100%;
}