@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Walter+Turncoat);
@import url(http://fonts.googleapis.com/css?family=Walter+Turncoat);
a {
  color: #0060B6;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
a:hover, a:activ {
  color: #007be9; }
a:visited {
  color: #0060B6; }


/* パソコンで見たときは"pc"のclassがついた画像・コンテンツが表示される */
.pc_content { display: inline-block !important; }
.sp_content { display: none !important; }
.pc_img { display: inline-block !important; }
.sp_img { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像・コンテンツが表示される */
@media(max-width: 980px) {
.pc_content { display: none !important; }
.sp_content { display: inline-block !important;}
.pc_img { display: none !important; }
.sp_img { display: inline-block !important;
	  width: 100%;}
}

/* ------------------------
 * レイアウト
 *--------------------------- */
/*1: layout*/
.layout-footer {background-color: #E95450;}
.layout-header{ min-width: 980px; }

.layout-body { 
  margin: 40px auto 0px;
   }

.layout-header .title{
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	height: 90px;
	text-align: center;
	position: absolute;
	top: 0;
}
.layout-header .title .in{
	overflow: hidden;
	width: 932px;
	margin: auto;
}
.layout-header .title .in .logo1{
	float: left;
	margin-top: 10px;
}
.layout-header .title .in .logo2{
	float: right;
	margin-top: 20px;
}
/*----------携帯------------*/
@media(max-width:980px) {
    /*　画面サイズが980px以下からはここを読み込む　*/
.layout-header .title{
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	height: 90px;
	text-align: left;
	position: absolute;
	top: 0;
}
.layout-header .title .in{
	overflow: hidden;
	width: 73%;
	margin: 1% 0 0 4%;
}
.layout-header .title .in img{
	width: 100%;
}
}
/*--------携帯終わり----------*/
.layout-header .title_img{
	width: 100%;
	margin: 140px auto 0;
	position: absolute;
}
.layout-header .title_img div{
	text-align: center;
}

.layout-body .buttonarea{
	overflow: hidden;
	width: 980px;
	margin: auto;
}
.layout-body .buttonarea:after{
	clear: both;
}
.buttonarea .hoikuen_link {
	float: left;
    background: url("../images/hoikuen_link-siro-new.png") no-repeat;
}
 
.buttonarea .hoikuen_link a {
    display: inline-block;
}
 
.buttonarea .hoikuen_link a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.buttonarea .hoikuen_link a:hover img {
    visibility: hidden;
}
.buttonarea .gakudou_link {
	float: right;
    background: url("../images/gakudou_link-siro-new.png") no-repeat;
}
 
.buttonarea .gakudou_link a {
    display: inline-block;
}
 
.buttonarea .gakudou_link a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.buttonarea .gakudou_link a:hover img {
    visibility: hidden;
}
.layout-body .recruitarea{
	background-color: #FFF4D6;
}
.recruitarea .top_recruit-text1{
	text-align: center;
	margin-bottom: 50px;
	padding-top: 50px;
}
.recruitarea .top_recruit{
	overflow: hidden;
	width: 840px;
	margin: auto;
	padding-bottom: 56px;
}
.recruitarea .top_recruit:after{
	content: "";
	display: block;
	clear: both;
}
.recruitarea .top_recruit .left{
	float: left;
}
.recruitarea .top_recruit .right{
	float: right;
}

/*背景*/
/* 2: layout-header */
.layout-header {
    position:relative;
    overflow:hidden;
    width:100%;
    height:691px;
}

/* 4: ------------------layout-footer------------------ */
.layout-footer {
    width:100%;
    height: 100px;
    background-color: #E95450;
    margin: auto;}
.footer_main{
	overflow: hidden;
    width:980px;
    padding: 10px 0 0 0 ;
    clear: both;
    margin: auto;
}
.footer_main:after{
	content: "";
	display: block;
	clear: both;
}
.footer_left{
	width: 300px;
    float: left;
    margin-left: 130px;
    text-align: left;
}
.footer_left a{
	color: #fff;
	text-decoration: none;
}
.footer_left a:visited{
	color: #fff;
}
.footer_middle{
	float: left;
	margin: 10px 60px 0 0;
}
.footer_right{
    width:330px;
    float: left;
    text-align:left;
}
.footer_right p{
	color: #fff;
	line-height: 1.4;
	margin: 0;
}
.footer_right p a{
	color: #fff;
	text-decoration: none;
}
/*--------携帯----------*/
@media(max-width:980px) {
    /*　画面サイズが980px以下からはここを読み込む　*/
/* 4: ------------------layout-footer------------------ */
.layout-footer {
    width:100%;
    height: auto;
    background-color: #E95450;
    margin: auto;}
.footer_main{
	overflow: hidden;
    width:100%;
	font-size: 20px;
	font-weight: bold;
	padding: 2% 0;
    clear: both;
    margin: auto;
}
.footer_main:after{
	content: "";
	display: block;
	clear: both;
}
.footer_left{
	display: none;
}
.footer_left a{
	color: #fff;
	text-decoration: none;
}
.footer_middle{
	width: 28%;
    float: none;
    margin: auto;
}
.footer_middle img{
	width: 100%;
}
.footer_right{
    width: 100%;
    margin-right: 4%;
    float: none;
    text-align: center;
}
.footer_right p{
	color: #fff;
	line-height: 1.4;
	margin: 0;
	font-size: 30px;
}
.footer_right p a{
	color: #fff;
	text-decoration: none;
}
}

/*--------------------*/
/* 5: 共通クラス */
/*--------------------*/
a {
  color: #0060B6;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
a:hover, a:activ { color: #007be9; }
a:visited { color: #0060B6; }

/* 電話発信無効 */
a[href^="tel:"] { cursor: default; }

/* topへ戻る */
div.tothetop {
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 1500; }
div.tothetop a {
  display: block;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0.5; 
  background:url(../images/scrolltop.png) no-repeat;
  width:128px;
  height:105px;
  }
div.tothetop a:hover {
  opacity: 1; }

/*--------------bxslider_0705--------------------*/
/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
	height: 690px;
}
.slider-content{
	width: 980px;
	margin: auto;
	background-color: #FFBF00;
}

#sliderInner {
    position:relative;
    left:53%;
    width:3600px;
    margin-left:-1800px;
	background-image: url(../images/background_white.png);
	background-position: top;
	background-repeat: no-repeat;
}
#sliderInner ul{
	overflow: hidden;
	margin: 0;
}
#sliderInner li {
    width:1200px;
	height: 690px;
}
#sliderInner li img {
    position:absolute;
    left:21%;
    width:1200px;
    height:690px;
    margin-left:-1500px;
}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1000px;
    height:250px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1200px;
    background:#fff;
}

/* コントローラー */
.bx-wrapper .bx-prev {
    left:1035px;
    background:url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right:1035px;
    background:url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

.bx-wrapper .bx-next:hover {
    background-position:-43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}