@charset "utf-8";

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

/* reset
--------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
th,
td,
dt,
dd
{
	font-size:14px;
}

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

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

	.res_none,
	.res_br_none{display:none;}

	.res_block,
	.res_br_block{display:block;}

	.bs_img02{margin:0 auto 20px;}

/* header
--------------------------------------------------------------------------- */
	#header{
		border-bottom:1px solid #1A63A0;
	}

	#header_in{
		width:100%;
		height:60px;
		padding:5px 12px;
		display:block;
		position:relative;
	}

	#bs_header_title{
		display:block;
	}

	#header h1 {
		width:40%;
		max-width:140px;
		margin-bottom:5px;
	}

	#bs_header_title p{
		font-size:68%;
	}
	#bs_header_title p br{display:block;}

	.j_ac_trigger_open{
		font-size:22px;
		width:32px;
		height:30px;
		padding:0;
	}

	#j_ac_trigger_open span{
		display:none;
	}

	.bs_trigger{
		display:block;
	}

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

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

	#j_ac_trigger_open a.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(26,99,160,0.6);
	}

	#bs_gnav{
		width:100%;
		float:none;
		margin:0 auto 5px;
	}

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

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

	.bs_header_entry_btn{
		position:static;
		margin:0 auto 10px;
	}

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



/* -------------------------------------------------------
  common.style
------------------------------------------------------- */
	#contents{
		padding:50px 0 0;
	}

	.bs_full_wrap{padding:30px 0;}

	.bs_wrap01{
		margin-bottom:40px;
	}

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

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

	/* ブロック
	--------------------------- */
	.bs_2col li{width:100%;}
	.bs_2col li:nth-child(1n){margin-bottom:30px;}
	.bs_2col li img{
		margin-bottom:20px;
	}
	.bs_2col_1 li:nth-child(1n){margin-bottom:0px;}

	.bs_3col li{
		width:100%;
		float:none;
		display:block;
		margin:0 auto 30px;
	}

	.bs_1_3_img{width:200px;}
	.bs_1_3_text{
		width:100%;
		padding-left:0px;
	}
	.bs_1_3_text .bs_title02{text-align:center;}

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

	/* flexbox; */
	.bs_flex1.bs_flex1_bl{
		display:block;
	}
	.bs_flex1_img{width:100%; margin:0 auto 20px;}
	.bs_flex1_txt{width:100%;}
	.bs_flex1_txt_r,
	.bs_flex1_txt_l{padding:0;}

	.bs_flex1.bs_flex_res_cr{
		-webkit-flex-direction:column-reverse; /* Safari */
		flex-direction:column-reverse;
	}


/* title
------------------------------------ */

	/* 下層ページ メインキャプション */
	.bs_pagetitle{
		margin:0 auto 40px;
	}
	.bs_pagetitle div{
		padding:2.8% 0 2.6%;
		height:90px;
	}
	.bs_pagetitle div h2{
		font-size:24px;
		margin-bottom:5px;
	}
	.bs_pagetitle div p{
		font-size:100%;
		line-height:1em;
	}

	.bs_title01,
	.bs_title0102{
		font-size:22px;
		margin-bottom:20px;
	}

	.bs_title02{
		font-size:18px;
		margin-bottom:15px;
	}
	.bs_title02 span{font-size:16px;}

	.bs_title03{
		font-size:16px;
		margin-bottom:10px;
	}

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

	/* table
	--------------------------- */
	.bs_table01 th,
	.bs_table01 td{
		padding:10px 0px;
	}
	.bs_table01 th{
		width:30%;
		padding-right:20px;
	}

	.bs_table02 th,
	.bs_table02 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;
	}

	/* 背景画像（写真） */
	.bs_bg_cover02{background-attachment:scroll;}

	.bs_call_dl{max-width:auto;}
	.bs_call_dl dt{
		float:none;
		clear:both;
		margin:0 auto;
	}
	.bs_call_dl dd{
		float:none;
	}


/* swiper slide
--------------------------------------------------------------------------- */
	.swiper-slide a{
		height:200px;
	}

	.me_top_slide01 span:nth-child(1){
		font-size:18px;
	}
	.me_top_slide01 span:nth-child(2){
		font-size:16px;
	}


/* top page
--------------------------------------------------------------------------- */
	#me_top_title01{
		height:14px;
	}
	#me_top_title01 span{line-height:14px;}
	#me_top_title01 span:nth-child(2){
		width:130px;
	}

	.me_deadline01{
		font-size:16px;
		padding:15px 10px 10px;
	}

	/*** news */
	.me_top_news_dl dt,
	.me_top_news_dl dd{
		float:none;
		display:block;
		width:100%;
	}
	.me_top_news_dl dt{
		font-size:12px;
		padding-bottom:3px;
	}
	.me_top_news_dl dd{
		padding-bottom:15px;
	}

	/*** venue */
	.me_top_venue_info{
		width:100%;
		margin:0;
	}
	.me_top_venue_info_in{
		padding:10px 12px;
	}
	.me_top_venue_info_in h3{font-size:18px;}
	.me_top_venue_info_in h4{font-size:16px;}
	.me_top_venue_info_in dl dt,
	.me_top_venue_info_in dl dd{
		font-size:12px;
	}

	#me_gmap{
		width:100%;
		height:200px;
	}


/* form.style
--------------------------------------------------------------------------- */
	#me_form_table th,
	#me_form_table td{
		display:block;
	}
	#me_form_table th{
		width:100%;
	}


/* footer
--------------------------------------------------------------------------- */
	#footer{
		padding:20px 0 5px;
	}

	.gotop{
		max-width:10%;
	}

	#bs_ft_menu ul{
		margin:0 20px 15px 0;
	}
	#bs_ft_menu ul li a{font-size:13px;}
	#bs_ft_menu ul li:first-child a{font-size:14px;}

	#bs_footer_logo{
		max-width:110px;
		margin:0 auto 10px;
	}

	#bs_footer_info_ul li{
		width:49%;
	}
	#bs_footer_info_ul li a{
		font-size:12px;
	}

	#bs_footer_info_ul li:nth-child(2) a{
		letter-spacing:-0.1em;
	}
	#bs_footer_info_ul li:nth-child(2) a span{
		font-size:11px;
	}

	p#bs_copyright{
		font-size:11px;
	}

}
