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

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

/* 初期設定 START */
	h2{font-size:28px;}
	h3{font-size:18px;}

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

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

	.res_none,
	.res_br_none{display:none;}

	.res_block,
	.res_br_block{display:block;}


/* -------------------------------------------------------
  header.style
------------------------------------------------------- */
	#header_in{
		height: 42px;
		padding:5px 12px;
		display:block;
		position:relative;
	}

	#bs_header_title{
		display:block;
	}

	#header h1 {max-width:150px;}

	#j_ac_trigger_open{
		position:absolute;
		top:7px;
		right:12px;
	}

	#j_ac_trigger_open a{
		font-size:18px;
		width:30px;
		height:28px;
		line-height:28px;
		padding:0;
	}

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

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

	#j_ac_trigger_open span{
		display:none;
	}

	.bs_trigger{
		display:block;
	}

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

	ul#bs_header_menu{
		width:100%;
		float:none;
		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;
		font-size:92%;
	}

	.bs_hd_mail01 {
		position: static;
		text-align: center;
		margin: 0 auto 20px;
	}


	a#j_ac_trigger_close{
		display:block;
		width:100%;
		text-align:center;
	}
	a#j_ac_trigger_close i{
		color:#1668BE;
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
		width:33px;
		height:33px;
		line-height:33px;
	}



/* -------------------------------------------------------
  common.style
------------------------------------------------------- */
	.bs_full_wrap{padding:30px 0;}

	.bs_inner_wrap01 p{
		font-size:16px;
	}
	.bs_bg_top00 p a{
		font-size:16px;
	}

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

	/* 2カラム サイド
	--------------------------- */
	.bs_side_col01{
		clear:both;
		width:auto;
		padding:0 12px;
	}

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

	.bs_4col_2col .bs_box,
	ul.bs_4col_2col li{
		width:47%;
		margin:0 1.5% 1%;
	}

	/* display:table; */
	.bs_tbl_box .bs_tbl_box_in02{
		width:auto;
		display:block;
		margin:0 auto 15px;
	}

	/* flexbox; */
	.bs_flex_res_row_reverse{
		flex-direction:row-reverse;
		-webkit-flex-direction:row-reverse; /* Safari */
	}

	.bs_flex_res_column_reverse{
		flex-direction:column-reverse;
		-webkit-flex-direction:column-reverse; /* Safari */
	}
	.bs_flex_res_column_reverse div{height:auto;}


/* キャプション
--------------------------- */

	/* 下層ページ メインキャプション */
	.bs_page_ttl{
		min-height:140px;
	}

	.bs_page_ttl h2{
		font-size:26px;
	}

	.bs_ttl01{
		font-size:24px;
		margin-bottom:20px;
	}
	.bs_ttl01 span{
		font-size:18px;
	}

	.bs_ttl02{font-size:20px;}

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

	table.bs_tbl01 th,
	table.bs_tbl01 td,
	table.bs_tbl01 th a,
	table.bs_tbl01 td a{
		font-size:16px;
	}

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

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



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

	/*** slide.style */
	#me_top_swiper_container .swiper-slide {
		aspect-ratio: 16 / 10;
	}

	/*** お知らせ */
	.bs_bg_top00 p {
		text-align: center;
	}

	/*** 講座 */
	.me_top_news01{
		width:100%;
		margin:0 auto 10px;
	}

	.me_kouza_ttl01{
		font-size:22px;
	}

	ul.me_top_news_ul01 li a{
		font-size:16px;
		background-size:13px 13px;
		padding-left:22px;
	}

	/*** 想い */
	.bs_bg_top01{
		background-size:60% auto;
		-moz-background-size:60% auto;
	}


/* -------------------------------------------------------
  history.html.style
------------------------------------------------------- */
	#me_history_tbl01 th,
	#me_history_tbl01 td{
		font-size:13px;
	}
	#me_history_tbl01 th{padding:10px 0px 0px;}
	#me_history_tbl01 td{padding:10px 5px 0px;}

	#me_history_tbl01 th{
		width:52px;
	}

	#me_history_tbl01 td:nth-of-type(1){
		width:74px;
	}

	#me_history_tbl01 td:nth-of-type(1) span{
		font-size:13px;
	}

	#me_history_tbl01 tr.me_history_tr_last td{padding:10px 5px 10px;}


/* -------------------------------------------------------
  tudoi.html.style
------------------------------------------------------- */
	.me_tudoi_box01{
		background-color:#FFF2F2;
		padding:30px 25px;
	}
	.me_tudoi_box01 h4{
		font-size:24px;
		text-align:center;
		margin-bottom:15px;
	}


/* -------------------------------------------------------
  activity.html.style
------------------------------------------------------- */
	#me_activity_ul li{
		width:76%;
	}


/* -------------------------------------------------------
  link.html.style
------------------------------------------------------- */
	#me_link_tbl01 th,
	#me_link_tbl01 td{
		display:block;
	}
	#me_link_tbl01 th{width:auto;}


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

	p.me_call_form_flow i{
		font-size:14px;
		padding:0 5px;
	}

	#me_call_tbl01 th,
	#me_call_tbl01 td{
		display:block;
	}

	#me_call_tbl01 th{width:auto;}

	#me_call_tbl01 th span{margin-left:20px;}
	#me_call_tbl01 th br{display:none;}

	.check00,
	.me_hissu p{
		font-size:14px;
	}


/* -------------------------------------------------------
  kouza.style
------------------------------------------------------- */

	/* kouza.html.style */
	p.me_kouza_date{
		font-size:14px;
	}

	.me_kouza_dl dt{
		width:40%;
	}

	.me_kouza_dl dd a{
		font-size:16px;
	}

	/* kouza/detail.html.style */
	.me_kouza_detail_txt div,
	.info_cmone02news,
	.info_cmone02news p{
		font-size:16px;
	}

	p.me_kouza_pankuzu a{
		font-size:16px;
	}


/* -------------------------------------------------------
  footer.style
------------------------------------------------------- */
	.bs_footer_in{
		padding:20px 12px;
	}

	.gotop{
		max-width:10%;
	}

	#bs_footer_logo{
		max-width:150px;
	}

	ul#bs_ft_menu li{
		width:50%;
		margin:0;
		text-align:center;
	}

	#bs_footer_call a{
		font-size: 16px;
	}


}
