@charset "utf-8";

@media all and (max-width: 800px) { 

body{
	-webkit-text-size-adjust: 100%;
	font-family:"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
}

/* CSS Document */

/*header*/

.forpc{
	display:none;
}

.forpc_none{
	display:block;
}

body{
	color:#323243;
	margin:0px;
}

body a{
text-decoration:none;
	color:#323243;
}

.recruit_link{
	line-height:35px;
}
a.detail.about_link{  
	margin: 10px auto;
    display: block;
    text-align: center;
	font-size:15px;
	width:150px;
	border:1px solid #000;
    padding: 15px 50px 15px;
	background-color:rgba(255,255,255,0.5);
	border-radius:5px;
	transition:all 0.25s;
}

a.detail.recruit_link{  
	margin: 10px auto;
    display: block;
    text-align: center;
	font-size:15px;
	width:150px;
	border:1px solid #000;
    padding: 15px 50px 15px;
	background-color:rgba(255,255,255,0.7);
	border-radius:5px;
	transition:all 0.3s;
}

a.detail:hover {
  background: #000;
  color: #fff;

}

.body_div.about,.body_div.recruit{
	padding-top:100px;
}

#header{
	width:100%;
}

.menu{
	margin:8px;
}
/***メニュー***/


.logo{
	float:left;
}
.sp_menu{
	float:right;
	margin-right:10px;
}
#menuOn{
  display : none;
}

menu{
  position    : relative;
  font-size   : 20px;
  line-height : 20px;
  height      : 50px;
  width       : 10px;
  background  : rgba(74,140,215,1);
}

/* 隠しメニューを表示時のメニューの設定 */
/* absolute指定を行い、高さも与える     */
#menuOn:checked + menu{
/*コンテナと同じ数値を指定しておく必要あり*/
  z-index   : 20;
}

/* オーバーレイ                                         */
/* 隠しメニューが表示されているときに                   */
/* LightBoxのように画面全体を覆うブロックを表示する     */
/* これによってメニュー部分を除いて                     */
/* 画面全体がチェックボックスへのクリックになるので     */
/* メニュー以外の部分をクリックするとメニューが閉じます */
#menuOn:checked + menu + div.overlay{
  position : fixed;
  top      :  0;
  bottom   :  0;
  left     :  0;
  right    :  0;
  z-index  : 10;
}

#menuOn:checked + menu ul{
  display: block;
}

.sp_menu ul{
  position: absolute;
  top    : 40px;
  right  : 0;
  display: none;
  margin-top:10px;
}

.sp_menu li{
  list-style-type : none;
  /* メニュー要素の背景色と合わせる*/
  background      : rgba(74,140,215,0.8);
  width       :  170px;
  white-space     : nowrap;
  text-overflow   : ellipsis;
  color:#fff;
  padding:10px 0px;
  margin:0px;

}

.sp_menu li a{
  display       : block;
  padding       :  10px;
    color:#fff;
}

/* ハンバーガーメニュー */
.sp_menu menu::after {
  position     : absolute;
  z-index      : 30;
  display      : block;
  content      : '\2261';/* ハンバーガーメニュー*/
  line-height  : 50px;
  width        : 30px;
  padding-left : 10px;
  color        : white;
  right        :  0;
  top          :  0;
  background   : rgba(74,140,215,1);
}

/* メニューを閉じる */
#menuOn:checked + menu::after {
  content : '×';/* 閉じるボタン */
}


/**********index**********/
.top_div{
	width:100%;
/*	background-color:#F0EFEC; */
}


.top_img{
	height:450px;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	overflow: hidden;
}



.top_img.index_spring{
	background-image:url(../img/spring.jpg);
}
.top_img.index_autumn{
	background-image:url(../img/autumn.jpg);
}

.top_img.index_winter{
	background-image:url(../img/winter.jpg);
}

.top_img.index_summer{
	background-image:url(../img/summer.jpg);
}


.top_img .text_index{
	font-family:HGP明朝E;
	font-size:28px;
	margin:25px auto auto 25px;
	color:#32314F;
	line-height:43px;
	font-weight:bold;
	opacity: 0.95;
    position: absolute;
    z-index: 1; 
}



/*contents*/

.title{
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:35px;
	color:#fff;
	padding:35px 0px;
	font-family:'Tw Cen MT',"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	letter-spacing:2px;
	font-weight:bold;
}




.contents{

	}

.box{
	width:100%;
	background-color:#F0EFEC;
	padding:25px 0px 10px;
	}
.box.index{
	height:auto;

}
.box_text{
	width:90%;
	height:90%;
	background-color:#fff;
	padding:10px;
	font-size:20px;
	margin:auto;
}

.box_text.index{
	background-color:#F0EFEC;
	font-size:19px;
	text-align:center;
	line-height:35px;
}

/*recruit*/

.recruit_div:not(.title){
	background-color:#8CD650;
	color:#fff;
	height:auto;
	padding-bottom:10px;
	text-align:center;
	font-size:19px;
}

.recruit_img{
	background-image:url(../img/recruit1.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	height:450px;
	margin-bottom:10px;
}
.recruit_img img{
	width:100%;
	height:auto;
}

.recruit_div .big{
	font-size:40px;
}

.recruit_div .middle{
	font-size:25px;
}


/*access*/

.access_div{
	width:100%;
	height:650px;
	background-color:#4A8CD6;
}

.access_div .map{
	text-align:center;
	margin-bottom:30px;
}

iframe{
	width:550px;
	height:500px;
}



/*********About******/

.box.about{
	padding-bottom:55px;
}

.box_text.about{
	padding-bottom:40px;
}

.top_img.about{
	background-image:url(../img/about.jpg);
}

.text_about{
	font-family:HGP明朝E;
	font-size:30px;
	margin:20px auto auto 20px;
	font-weight:bold;
	
}

.about_top{
	height:880px;
	background-color:#4A8CD6;
	color:#fff;
}

.about_comment{
	width:90%;
	padding:20px;
	margin:10px auto;
	font-size:19px;
	text-align:center;
	line-height:35px;
}

.introduce{
	width:92%;
	margin:0px auto;
}

.midashi_intro{
	color:#8CD650;
	font-size:25px;
	font-family:HGP明朝E;
	padding:10px 0px;
	display: inline-block;
	font-weight:bold;
}

.introduce img{
	width:100%;
	margin:15px 0px;
}

.introduce ul{
	padding:0px;
}
.introduce li{
	list-style:none;
}
.introduce img.img_margin{
	margin-bottom:-30px;
}


.gaiyou{
	margin:40px auto 60px;
}
.midashi{
	color:#4A8CD6;
	font-family:HGP明朝E;
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:30px;
	padding:10px 0px;
    display: inline-block;
		font-weight:bold;
}

.about_table{
        border-collapse: collapse;
        font-size: 18px;
		width:85%;
		margin:10px auto 40px;
    }
	
.about_table tr {
        border-color: gray;
        border-style: solid;
        border-width: 1px 0;

    }
.about_table th{
		padding:12px 10px;
		width:22%
		
}
.about_table td{
		padding:12px 10px;
		
}

/********Recruit******/

.box.recruit{
	padding-bottom:25px;
}

.box_text.recruit{
	padding-bottom:30px;
}

.top_img.recruit{
	background-image:url(../img/recruit2.jpg)
}

.recruit_top{
	height:890px;
	background-color:#4A8CD6;
	color:#fff;
}

.recruit_comment{

	width:90%;
	padding:20px;
	margin:15px auto;
	font-size:19px;
	text-align:center;
	line-height:35px;
}


.youkou{
	width:92%;
	margin:20px auto;
	padding-bottom:10px;
}
.youkou h5{
	text-align:center;
	margin-top:0px;
}

.youkou h5 span{
	color:#fb1717;
}

.youkou table{
        border-collapse: collapse;
        font-size: 18px;
		margin:20px auto;
}


.youkou tr {
        border-color: gray;
        border-style: solid;
        border-width: 1px 0;

    }
.youkou th{
		padding:12px 10px;
		width:20%
		
}
.youkou td{
		padding:12px 10px;
		
}

/*footer*/



.page_top{ 
	background-color:#8CD650;
	color:#fff;
	font-size:24px;
	padding:15px 0px;
	text-align:center;
	letter-spacing:3px;
	font-family:'Tw Cen MT',"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.page_top div a{
	color:#fff;
}

.infomation{
	color:#fff;
	height:250px;
	background-color:#333;
	padding:25px;
}

.info_div{
	overflow:hidden;
}
.info_left{
	float:left;
	}
.info_left a{
	color:#fff;
}

.info_right{
	float:right;
	padding-top:30px;
}

.info_left img{
	width:220px;
}

.info_right img{
	width:190px;
}

.infomation table{
	margin-top:10px;
}

.infomation table th{
	padding:8px 10px;
}

.infomation table td{
	padding:8px 10px;]
}

.copy_right{
	background-color:#111;
	font-size:1em;
	color:#FFF;
	text-align:center;
	padding:30px 0px;
}