@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 768px){
	
		/*リンクテキスト*/
		a{
			text-decoration:underline;
		}
		
	
	/*------
	ヘッダー
	------*/
	div#header{
		width:100%;
		height:auto;
		left:0;
	}
	h1#hp_h1{
		float:none;
		margin:0;
		height:55px;
		display:table-cell;
		vertical-align:middle;
	}
		h1#hp_h1 img{
			width:76%;
			height:auto;
			padding:0 0 0 10px;
		}
	
	/*------------------------------
	ヘッダーグローバルナビゲーション
	------------------------------*/
	div.header_g_navi{
		width:100%;
		float:none;
		position:relative;
		top:20px;
		z-index:0;
	}
	div.header_g_navi p{
		float:none;
		display:block;
		margin:0 10px 10px 10px;
		height:44px;
		position:relative;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	div.header_g_navi a{
		display:block;
		width:100%;
		height:44px;
		position:relative;
		z-index:2;
		text-decoration:none;
	}
	div.header_g_navi p a img{
		display:none;
	}
	.header_g_navi span{
		line-height:44px;
		color:#fff;
		font-size:113%;
		font-weight:bold;
		display:inherit;
		text-align:center;
	}
	div.header_g_navi p a:hover{
		text-decoration:none;
	}
	.calendar-btn{
		background:#7C7C7C;
	}
	.calendar-btn:hover{
		background:#646464;
	}
	.entry-btn{
		background:#8b000a;
	}	
	.entry-btn:hover{
		background :#ae000d;
	}
	.calendar-btn:hover,
	.entry-btn:hover{
		background-image:url(../images/h_navi_back_on.png);
	}
	div.g_top{
		display:table-footer-group;
		position:inherit;
		background:#fff;
		text-align:center;
	}
	.g_top_sub{
		padding:10px 10px 0 10px;
	}
	
	/*--------------
	メインビジュアル
	---------------*/	
	div#index_main_visual{
		width:100%;
		height:auto;/*20170711追加 トップビジュアル画像の比率を保つ*/
		padding:0;
		position:relative;
	}
		#index_main_visual img{/*20170711追加 トップビジュアルがnotスライド時にも画像の横幅を可変させる*/
			width:100%;
			height:auto;
		}
	div.bx-wrapper{
		width:100%;
	}
	ul.bxSlider li{
		width:100%;
		height:auto;
	}
	
	ul.bxSlider li img{
		width:100%;
		height:auto;
	}
	div.bx-controls{
		height:0px;
	}

	div.bx-wrapper{
		height:auto;
	}

	div.bx-wrapper .bx-pager{
		position:absolute;
		top:-18px;
		margin-top:48%;
		width:100%;
	}
	
	/*----------
	中央メニュー
	----------*/
	div#wrapper{
		width:100%;
	}

	div#content{
		height:auto;
		background:none;
	}
	div.center_box{
		width:100%;
		display:table;
		padding:0;
	}
	
	/*お知らせリスト*/
	div.data{
		position:relative;
		display:block;
		width:100% !important;
		margin-top:40px;
		background-image:none;
		background-color:#fff;
		height:140px !important;
		top:0;
		margin-bottom:19px;
		
	}

	div.data:before{
		content:"最新情報 & お知らせ";
		color:#000;
		padding:0 5%;
		font-size:113%;
	}

.data .dots {
    position: absolute;
    left: 50%;
    bottom: 8px;
    z-index: 100;
}

	div.data #data_page{
		display:none;
	}

	ul.data_text li{
		width:auto;
		position:relative;
		color:#333;
		border-top:1px solid #333;
	}
	
	ul.data_text li p{
		font-size:100%;
		position:relative;
		top:0;
		width:85%;
		padding:8px 10% 0 5%;
		height:auto;
		line-height:20px;
	}
	ul.data_text li p a{
		color:#333;
	}
	div#index_main_menu{
		display:none;
	}
	ul.nav-menu{
		background:#efefef;
	}
	div.menu-recruit-container{
		background:#5b5b5b;
	}
	
	/*----------------
	おすすめコンテンツ
	----------------*/
	div.als-container{
		width:100%;
		max-width:768px;
		height:71px;
		padding-top:31px;
		background: url(../images/index_content_back.jpg) bottom repeat-x;
	}
	div.als-container p br{
		display:none;
	}
	div.als-viewport{
		width:552px !important;
	}
	span.als-prev{
		z-index:9999;
		margin:26px 10px 0 0;
	}
	span.als-next{
		margin:26px 0 0 10px;
	}
	img.center_box_text{
		margin-bottom:-25px;
		position:relative;
		z-index:1;
	}
	.als-item{
		margin:0 6px;
	}
	
	/*------
	フッター
	------*/
	div#footer{
		width:auto;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
	}
	div#footer p{
		width:100%;
	}
	div#footer .copyright{
		position:inherit;
		right:auto;
		bottom:auto;
		text-align:center;
	}
	div#footer img{
		width:100%;
		max-width:369px;
		height:auto;
	}
	
	#footer span{
		margin-bottom:10px;
		font-size:110%;
		
	}
	#footer span[data-type="tel"]{
		text-decoration: underline;
		display:inline-block;
		border:1px solid #ccc;
		margin:3px 0 0 5px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	#footer span[data-type="tel"] a{
		display:block;
		padding:3px 6px;
	}
	
	/*----------------
	グローバルメニュー
	----------------*/
	div.header_navi{
		display:none;
		position:absolute;
		top:55px;
		z-index:9999;
		width:100%;
		padding:0;
	}
	div.header_navi ul{
		width:100%;
		background-image:none;
		background:#555555;
		border-top:1px solid #aaa;
	}
	.header_navi ul li,
	.header_navi ul .h_line{
		width: 100%;
		float:none;
		display:block;
		height:44px;
		border-bottom:1px solid #aaa;
		padding:0;
	}
	.header_navi ul li a,
	.header_navi ul .h_line a{
		width:auto;
		text-align:left;
		height:44px;
		line-height:44px;
		padding:0 0 0 10px;
		text-decoration:none;
		font-size:16px;
	}
	div.h_under{
		display:none;
	}

	#toggle{
		display: block;
		position:absolute;
		top:0;
		right:0;
		width: 55px;
		height:55px;
		background: #222;
		}
	#toggle a{
		display: block;
		position: relative;
		padding: 28px 0 27px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		}
	#toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 15px;
		width: 24px;
		height: 18px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 15px;
		width: 24px;
		height: 6px;
		background: #222;
	}
	#toggle a:before{
		margin-top: -8px;
	}
	#toggle a:after{
		margin-top: 0px;
	}
	
	div.header_navi .header_navi_line{
		display:none;
	}
	
	
	/*スマートフォン版では改行を削除する*/
		.sp-display-none{
			display:none;
		}
		
		/*PC版では改行を削除する（スマートフォン版では改行を表示する）*/
		.pc-display-none{
			display:inherit;
		}
		
	
}

/*-------------------------------------
おすすめコンテンツ_スマートフォン用調整
-------------------------------------*/
@media only screen and (max-width: 676px) {
	div.als-viewport{
		width:360px !important;
	}
}

@media only screen and (max-width: 511px) {
	div.als-viewport{
		width:170px !important;
	}
}