#toggle {
	display: none;

}

.smartonly {
	display: none;
}


.image_center{
	text-align:center;
}


/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:800px){

	body {
		width:100%;
	}
	
	.smartonly {
		display: block;
	}
	
	/* ▼　スマホメニュー　▼ */
	.slide_menu_wrap{
		/*margin-top:172px;headerの高さ*/
	}
	.sec_slide_menu {
		display: inline-block;
	}
	.slide_btn{
		right:5%;
	}
	/* ▲　スマホメニュー　▲ */
	
	/* ▼　ヘッダ　▼ */

	#header {
	    position: fixed;/*ヘッダー固定*/
	    width: 100%;
	    z-index: 10;
	    background: #fff;
	    top: 0;
	}

	#header_logo {
	    text-align: left;
	}

	#header_logo img{
		max-width:321px;
		width:75%;
	}
	
	#header_logo .header_bnr{
		display: none;}
	
	#header_tel{
		display:block;
		text-align:center;
	}
	/* ▲　ヘッダ　▲ */
	
	/* ▼　ナビゲーション　▼ */
	#header_navi{
		display:none;
	}
	/* ▲　ナビゲーション　▲ */
	
	
	/* ▼　メイン　▼ */
	/* 共通部分 */
	#main {
		width:100%;
		margin-top:100px;/*headerの高さ*/
	}
	
	#main_img .main_catch p{
		font-size:2vw;
	}
	
	#main_img .main_catch h3{
		font-size:3vw;
	}
	
	#main h2{
		line-height:1.2;
		font-size:2.0em;
	}
	
	#main .content{
		padding: 0 5%;
	}
	
	#main .content_wide{
		padding: 0 5%;
	}
	
	#main h3{
		font-size:2.0em;
	}
	
	#page_ttl h3{
		font-size:1.54em;
	}
	
	
	.sec_header_arrow {
		min-width: 50%;
	}
	
	/*ブログ一覧*/
			
	.sec_blog .area_cnt{
		width:100%;
		float:none;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:40px;
	}
	
	.sec_blog .area_cnt:last-child{
		margin-bottom:0px;
	}
	
	.sec_blog.blog_cat{
		height:auto;
	}
	
	/*スライドショー*/
	.bx-wrapper .bx-controls-direction a{
		top:35%;
	}
	/* ▲　メイン　▲ */
	
	/* ▼　コンタクトエリア　▼ */
	#contact_area{
		padding-left:5%;
		padding-right:5%;
	}

	#contact_area dt,
	#contact_area dd{
		width:100% !important;
	}
	
	/* ▲　コンタクトエリア　▲ */
	
	/* ▼　フッタ　▼ */
	#footer {
		width:auto;
		text-align:center;
		height:auto;
	}
	
	#footer .content{
		padding-left:5%;
		padding-right:5%;
	}
		
	/* ▲　フッタ　▲ */
	
	/* ▼　コピーライト　▼ */
	/* ▲　コピーライト　▲ */
	
	/* ▼　ページトップ　▼ */
	#pagetop{}
	/* ▲　ページトップ　▲ */
}

/*===============================================
●smart.css  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:500px){
	.link_btn{
		/*width:100%;*/
	}
	
	#main_img .main_catch p{
		font-size:2.6vw;
	}
	
	#main_img .main_catch h3{
		font-size:4vw;
	}
	
	.bx-wrapper .bx-controls-direction a{
		top:30%;
		font-size:20px;
	}
	
	#lnk_contact .link_btn{
		padding:20px 10px;
	}
	
	#sec_flow th{
		padding: 1em;
	}
	
	#sec_flow th p{
		font-size: 1.54em;
	}
	
	#sec_flow td.area_num{
		padding: 0 15px;
		font-size:1.54em;
	}
	
	#sec_flow td.area_num p{
		width:50px;
		height:50px;
		line-height: 50px;
	}
	
	#sec_flow td.area_head{
		height:50px;
		vertical-align:middle;
	}
	
	#sec_flow td.area_head h4{
		line-height:1.2;
	}
	
	#footer #footer_logo,
	#footer #footer_address{
		float:none;
		display: inline-block;
		text-align:center;
		margin-left:0;
	}
	
	#footer .contact_info{
		display:none;
	}
	
	#footer .contact_info_sp{
		display:block;
	}
		
	
}