@media only screen and (max-width: 768px) and (min-width: 641px){
/*--------------------------------------------------
	タブレットのみ適応
--------------------------------------------------*/
.dsp_smt { display: none; }

.box_lft {
	float: left;
	width: 48.5%;
}
.box_rit {
	float: right;
	width: 48.5%;
}

#navi p.bana {
	float: left;
	width: 33%;
}
#navi_contact {
	float: right;
	width: 60%;
}

}
@media only screen and (max-width: 768px) {
/*--------------------------------------------------
	タブレット・スマホに適応
--------------------------------------------------*/
.dsp_hp { display: none; }
.w100 img { width: 100%; 	height: auto; }
.br { display: block; }

/* ヘッダ */
#header {
	height: auto;
}
#header h1 {
	margin: 0;
	padding: 0 10px;
	background: #43b9b1;
	border-top: 4px solid #450000;
	font-size: 11px;
	line-height: 15px;
}
#header .in {
	position: relative;
	padding: 10px;
	background: #18a89f;
}
#header p.title {
	width: 280px;
}
#header p.title img {
	width: 100%;
	height: auto;
}
#menu_link {
	float: right;
	width: 100px;
	padding: 8px 10px;
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
	background:-moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100% );
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	border-radius: 5px;
}
#menu_link img {
	width: 100%;
	height: auto;
}

/* ページタイトル */
#page_title {
}

/* メニュー */
#menu li {
	width: 100%;
	text-align: left;
}
#menu li a {
	display: block;
	padding: 10px;
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
	background:-moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100% );
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #FFFFFF;
	font-size: 18px;
}

/* コンテナ */
#container{
	padding: 10px 10px 30px;
}
#navi {
	padding-top: 30px;
}
#main, #navi {
	clear: both;
}

/* フッター */
#footer .box {
	padding: 15px 10px;
}

/*--------------------------------------------------
  トップページ
--------------------------------------------------*/
#top_info .box,
#top_info .box:first-child {
	float: none;
	width: 100%;
	margin-top: 10px;
}
#top_info .box h3 {
	height: auto;
	margin-bottom: 15px;
	padding: 1px;
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
	background:-moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100% );
	border: 4px solid #14ccd9;
	border-radius: 10px;
	text-align: center;
}
#top_info .box h3 > span {
	display: block;
	padding: 10px;
	border: 1px solid #14ccd9;
	border-radius: 6px;
}
#top_info div+div.box h3 {
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#F4F4F4));
	background:-moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100% );
	border: 4px solid #00db9d;
}
#top_info div+div.box h3 > span {
	border: 1px solid #00db9d;
}

/*--------------------------------------------------
  養成講座日程
--------------------------------------------------*/
#course_rate {
	width: calc(100% - 230px);
}

/*--------------------------------------------------
	講師紹介・認定講師教室
--------------------------------------------------*/
#trainer dl {
	width: calc(32% - 2px);
}
#trainer dl.fl {
	margin-right: 2%;
}

/*------------------------------------------------*/
}