@media screen and (max-width:768px){

/* -------------------------------------------------------
  reset.style
------------------------------------------------------- */

/* 部品設定 START */
	.float_l,.float_r{
		float:none;
		display:block;
		margin:0px auto 15px;
	}

	.res_img01 img{width:100%;}
	
	.res_contain{
		-moz-background-size:contain;
		background-size:contain;
	}

	.res_br_none{display:none;}
	.res_br_block{display:block;}

	.res_s_text,.res_s_text a{font-size:13px;}



/* -------------------------------------------------------
  header.style
------------------------------------------------------- */
	#header{
		max-height:60px;
	}

	#header_in{
		position:relative;
		display:block;
	}

	#header h1,
	ul#bs_header_menu{
		display:block;
	}

	#header h1{
		display:table;
	}

	#header h1 span{
		display:table-cell;
		vertical-align:middle;
	}

	#header h1 span:nth-child(1){
		width:52px;
		padding:0 3px 0 0;
	}
	#header h1 span:nth-child(2){
		width:70px;
	}

	.bs_header_btn a{
		width:34px;
		padding:0;
	}

	.bs_header_call{
		position:absolute;
		top:13px;
		right:52px;
	}

	.bs_header_call i{
		padding-right:0px;
	}

	.bs_header_call a span{
		display:none;
	}

	.bs_header_img01{
		display:none;
	}

	.bs_trigger{
		display:block;
	}

	.bs_trigger_btn{
		position:absolute;
		top:13px;
		right:12px;
	}

	a.j_ac_trigger{
		font-size:19px;
	}

	a.j_ac_trigger span{display:none;}

	a.j_ac_trigger_open:after{
		content:"\f0c9";
		font-family: FontAwesome;
	}

	.bs_header_btn a.j_ac_trigger.active:after{
		content:"\f00d";
		font-family: FontAwesome;
	}

	.j_acordion_tree {
		display:none;
		width:100%;
		padding:10px 10px 0px;
		box-sizing:border-box;
		position:absolute;
		top:60px;
		left:0px;
		z-index:100;
		background-color: rgba(255,255,148,0.6);
		/* background-color: rgba(76,199,183,0.4); */
	}

	ul#bs_header_menu{
		width:100%;
		height:auto;
		margin:0 auto 5px;
	}

	ul#bs_header_menu li{
		width:48%;
		background-color:#FFFFFF;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		margin:0 1% 10px;
	}

	ul#bs_header_menu li a{
		color:#333333;
		padding:10px 0px 10px 24px;
		font-size:92%;
	}

	a.j_ac_trigger_close{
		display:block;
		width:100%;
	}
	a.j_ac_trigger_close i{
		background-color:#FFFFFF;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		height:33px;
		line-height:33px;
		width:33px;
	}



/* -------------------------------------------------------
  common.style
------------------------------------------------------- */
	#contents{
		padding-top:60px;
	}

	/* 2カラム
	--------------------------- */
	.bs_2col_main01{
		width:100%;
	}

	/* サイドエリア
	--------------------------- */
	.side_menu{
		width:auto;
		padding:0 12px;
	}


	/* ブロック
	--------------------------- */
	.bs_2col .bs_box,
	.bs_3col .bs_box,
	.bs_4col .bs_box,
	.bs_5col .bs_box{
		width:auto;
		margin:0 auto 10px;
	}

	.bs_res_3col .bs_box.float_l,
	.bs_res_4col .bs_box.float_l,
	.bs_res_5col .bs_box.float_l{
		float:left;
		display:inline;
	}

	.bs_tbl_box .bs_tbl_box_in,
	.bs_tbl_box .bs_tbl_box_img,
	.bs_tbl_box .bs_tbl_box_text{
		display:block;
		margin:0 auto 15px;
	}
	.bs_tbl_box .bs_tbl_box_img{
		margin:0 auto;
	}

	/* キャプション */
	.bs_title{
		font-size:21px;
		margin-bottom:20px;
	}

	.bs_copy01{
		font-size:15px;
		line-height:2em;
		margin-bottom:65px;
	}

	.bs_sub_caption{
		padding:25px 0;
	}

	.bs_sub_caption h2{
		font-size:18px;
	}

	/* table
	--------------------------- */
	table.bs_tbl01 th,
	table.bs_tbl01 td{
		padding:10px 10px;
	}

	/* ボタン
	--------------------------- */
	ul.bs_btn_2col{
		display:block;
		width:100%;
	}

	ul.bs_btn_2col li{
		width:auto;
		display:block;
		margin:0 auto 10px;
	}


/* -------------------------------------------------------
  index.style
------------------------------------------------------- */

	/* news */
	ul#me_index_news_ul li a{
		font-size:12px;
		padding:10px 0;
	}

	ul#me_index_news_ul li a span{
		display:block;
	}

	#me_index_release ul{
		border-spacing: 7px 0;  /* 左右 上下で記述 */
	}

	#me_index_release ul li{
		padding: 10px;
	}

	#me_index_release h4{
		font-size:16px;
		line-height:1em;
		margin:0;
	}
	#me_index_release h4 span{
		display:block;
		font-size:84%;
		margin:0 0 8px 0;
	}

	.me_top_image_w01,
	.me_top_image_w02,
	.me_top_image_w03{
		max-width:100px;
	}



/* -------------------------------------------------------
  company.html.style
------------------------------------------------------- */
	#me_company_tbl01 th{
		width:90px;
	}


/* -------------------------------------------------------
  call.style
------------------------------------------------------- */
	p.me_call_form_flow{
		font-size:14px;
	}

	p.me_call_form_flow i{
		font-size:16px;
		padding:0 6px;
	}

	p.me_call_form_flow span{
		padding:10px 10px;
	}


/* -------------------------------------------------------
  topics/index.style
------------------------------------------------------- */
	h3.me_topics_title01{
		font-size:16px;
	}


/* -------------------------------------------------------
  about/function.style
------------------------------------------------------- */
	.me_about_function_tbl_box01{
		border-spacing: 0 0;  /* 左右 上下で記述 */
	}

	.me_about_function_title01{
		font-size:28px;
	}


/* -------------------------------------------------------
  about/price.html.style
------------------------------------------------------- */
	table.me_about_price_option_tbl tbody tr:first-child th{
		border-top:1px solid #E0E0E0;
	}

	table.me_about_price_option_tbl thead th{
		display:none;
	}

	table.me_about_price_option_tbl tbody th,
	table.me_about_price_option_tbl tbody td{
		display:block;
	}

	table.me_about_price_option_tbl tbody th,
	table.me_about_price_option_tbl tbody td:nth-child(2){
		width:auto;
		text-align:center;
	}


/* -------------------------------------------------------
  qa/index.html.style
------------------------------------------------------- */
	dl.me_qa_dl01 dt a{
		font-size:16px;
		background-size: 34px 30px;
		-webkit-background-size: 34px 30px;
		padding:5px 0px 5px 42px;
	}

	dl.me_qa_dl01 dd p{
		font-size:14px;
	}


/* -------------------------------------------------------
  color.style
------------------------------------------------------- */


/* -------------------------------------------------------
  footer.style
------------------------------------------------------- */
	.gotop{
		max-width: 10%;
	}

	#bs_ft_link ul li a{
		font-size:12px;
	}

}