@charset "utf-8";


@media (min-width:799.666px) and (max-width:980px){
#menu-box{
width:980px;
    margin-left: auto;
    margin-right: auto;
}

}


/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media (max-width:800px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header #inner {
	width: auto;
	height: 150px;
}
/*TEL*/
header #tel strong {
	display: block;
}

/*ヘッダー内メニュー（「資料請求・お問い合わせ」と「見学のお申し込み」ボタン）
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
	position: absolute;
	right: 10px;
	top: 62px;
}
/*メニュー１個あたり*/
#headermenu li {
	float: none;
	margin-bottom: 8px;
}
#headermenu li a {
	width: 205px;
	text-align: center;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menu-box {
width: 100%;
	padding: 0px;
	border-top: 1px solid #dcdcdc;
}
#menubar,
#menubar-s {
	width: auto;
}
/*メニュー１個あたりの設定*/
#menubar li,
#menubar-s li {
	width: 50%;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#menubar li:nth-child(even) ,
#menubar-s li:nth-child(even) {
	border-right: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 2%;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 90%;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {
	display: none;
}

}



/*画面幅570px以下の設定
---------------------------------------------------------------------------*/
@media (max-width:570px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 45%;
}
/*TEL*/
header #tel {
	position: absolute;
	left: 50px;
	top: 75px;
}

}



/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media (max-width:480px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header #inner {
	height: 190px;
}
/*ロゴ画像*/
header #logo {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 70%;
}
/*TEL*/
header #tel {
	position: absolute;
	left: 0px;
	top: 65px;
	width: 100%;
	text-align: center;
}
/*TEL*/
header #tel strong {
	display: inline;
}

/*ヘッダー内メニュー（「資料請求・お問い合わせ」と「見学のお申し込み」ボタン）
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
	position: absolute;
	left: 10px;
	top: 100px;
}
/*メニュー１個あたり*/
#headermenu li {
	float: none;
	margin-bottom: 8px;
}
#headermenu li a {
	width: 90%;
	text-align: center;
}

/*文字サイズ変更ボタン
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
ul#fsize {
	display: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
}
/*PC用メニューを非表示にする*/
#menubar {
	display: block;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: none;
	position: absolute;
	top: 10px;		/*上から10pxの場所に配置*/
	right: 10px;	/*右から10pxの場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	border-radius: 4px;	/*角丸のサイズ*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;	/*背景色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 2px solid #000;	/*枠線の幅、線種、色*/
	border-radius: 2px;	/*角丸のサイズ*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 2%;
}

/*「施設のご案内」と「サービスのご案内」ページの一覧用ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main section.list p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main section.list figure img {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*ボックス内のh4タグ設定*/
#main section.list h4 {
	margin-left: 0;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: #20b1e1 url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#new h2.close {
	background: #20b1e1 url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th,
.ta2 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td,
.ta2 td {
	width: auto;
	padding: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {
	width: 90%;
}

img.wa {
	height: auto;
	width: 100%;
}