@media screen and (max-width: 736px) {
.sp_none {
	display: none;
}

.fl_left,
.fl_right {
	display:block;
	max-width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.cont_h2 {
	line-height:130% !important;
}

body {
	/*font-family: "GenEiGothicM";*/
	font-family: 'Noto Sans JP', sans-serif;
	/*font-size: 0.9em;*/
	line-height: 1.6em;
	border-top: 5px solid #B4B4DD;
}
header {
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
header h1 {
	background-image: url(../images/logo.jpg);
	background-size: 260px 50px;
	width: 260px;
	height: 50px;
	text-indent: -9999px;
	float: left;
}
header h1 a {
	background-image: url(../images/logo.jpg);
	background-size: 260px 50px;
	width: 260px;
	height: 50px;
	text-indent: -9999px;
	display: block;
}
header h3 {
	display: none;
}
header dl {
	display: none;
}
#main_img {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

#main_img img {
	max-width:100%;
}

main {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#top_banner li {
	text-align: center;
}
.cont_h2 {
	font-size: 2em;
	margin-top: 50px;
	margin-bottom: 30px;
	color: #00008C;
}
.cont_h3 {
	color: #5A4FBB;
	padding: 10px;
	border-bottom: 2px solid #5A4FBB;
	margin-bottom: 15px;
	font-size: 1.3em;
}
#top_box1 blockquote {
	text-align: center;
}
#top_box1 ul {
	width: 160px;
	height: 40px;
	float: right;
}
#top_box1 ul li a {
	background-image: url(../images/top/btn.jpg);
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	display: block;
	outline: none;
}
#news {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#news dt {
	padding-top: 5px;
	border-top: 1px solid #ccc;
}

	.greeting_h4 {
		padding: 10px;
	}

#gnews {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#gnews dt {
	padding-top: 5px;
	border-top: 1px solid #ccc;
}
	
footer {
	background-color: #eee;
}
footer {
	z-index: 10000 !important;
}
#footer_menu h3 {
	display: none;
}
#footer_menu dl {
	width: 100%;
}
#footer_menu dt a {
	text-decoration: none;
	color: #333;
	display: block;
	height: 37px;
	padding-left: 20px;
	font-weight: bold;
	padding-top: 15px;
	background-color: #E3E3E3;
	border-bottom: 1px solid #ccc;
}
#footer_menu dd {
	background-image: url(../images/sp_icon1.jpg);
	background-repeat: no-repeat;
}
#footer_menu dd a {
	text-decoration: none;
	color: #333;
	display: block;
	height: 37px;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
}
.drawer-hamburger {
	border: 1px solid #ccc;
}
header button {
	width: 30px !important;
	padding: 4px !important;
	height: 30px !important;
	margin-top: 8px;
	margin-right: 6px;
	border-radius: 5px;
	border: 2px solid #000 !important;
}
header button span {
	margin: 0px !important;
}
#copyright {
	background-color: #eee;
	font-size: 10px;
	text-align: center;
	padding: 20px;
}
#scrolltop p {
	width: 177px;
	height: 36px;
	margin-left: auto;
	margin-right: auto;
}
#scrolltop p a {
	width: 177px;
	height: 36px;
	background-image: url(../images/scrolltop.jpg);
	text-indent: -9999px;
	display: block;
}
#right {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#right_banner li {
	text-align: center;
}
#menu {
	display: none;
}
#topic_path {
	display: none;
}
/*#cont_main {
	background-image: url(../images/top/main_bg.jpg);
	width: 100%;
	height: 180px;
	background-repeat: repeat-x;
}
#cont_main h2 {
	padding-top: 80px;
	padding-left: 10px;
	font-size: 2em;
}*/
#right h3 {
	color: #fff;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BA96C3), color-stop(0.49, #824E8D), color-stop(0.00, #CFB2D7));
	background: -webkit-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
	background: -moz-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
	background: -o-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
	background: -ms-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
	background: linear-gradient(to bottom, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
}
#right h3 a {
	color: #fff;
	text-decoration: none;
}
#right_menu li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff));
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: linear-gradient(to bottom, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	padding: 8px 8px 8px 0px;
	border: 1px solid #ccc;
}
#right_menu li a {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
	display: block;
}
.book_list {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
}
.book_list blockquote {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.book_list blockquote img {
	max-width: 300px;
	width: 100%;
}
.book_list h4 {
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	margin-left: auto;
	margin-right: auto;
}
.book_list p {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#greeting_box1 blockquote {
	text-align: center;
}


#contact_dl {
	margin-top:15px;
	border-top:3px solid #26288E;
}

#contact_dl dt {
	border-top:1px solid #ccc;
	padding:5px;
	clear:both;
}

#contact_dl dd {
	padding:5px;
}

#contact_dl input[type=text],
#contact_dl textarea {
	width:100%;
}

.cont_dl dt {
	background-color:#EAF1FF;
	border-top:1px solid #ccc;
	padding:5px;
}

.cont_dl dd {
	padding:5px;
}

.staff_box h3 {
	background-color:#3646BF;
	color:#fff;
	font-weight:bold;
	padding:10px;
}

.staff_box li {
	padding:5px;
}

.cont_table th,
.cont_table td {
	padding:5px;
	border-bottom:1px solid #ccc;
}

.cont_table tr:nth-child(odd) { background-color:#F0F0F6; }




#cont_main h2 {
	width:100%;
	height:130px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

/*-----------------------------------
 contents main img*/
#greeting_main {
	background-image:url(../images/greeting/main_img.jpg);
}

#recruit_main {
	background-image:url(../images/recruit/main_img.jpg);
}

#research_l_main {
	background-image:url(../images/research_l/main_img.jpg);
}

#consultation_main {
	background-image:url(../images/consultation/main_img.jpg);
}

#contact_main {
	background-image:url(../images/contact/main_img.jpg);
}

#book_main {
	background-image:url(../images/book/main_img.jpg);
}

#staff_main {
	background-image:url(../images/staff/main_img.jpg);
}

#research_main {background-image:url(../images/research/main_img.jpg);}

#cmsedit h2 {
	line-height:130% !important;
}

#cmsedit h3 {
	color: #5A4FBB;
	padding: 10px;
	border-bottom: 2px solid #5A4FBB;
	margin-bottom: 15px;
	font-size: 1.3em;
}

	
	.voice_box {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
	
	.voice_box:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}
	
	.voice_box h3 {
		padding: 10px;
		background-color: #EEEFCC;
		font-size: 1.3em;
		margin-bottom: 15px;
	}
	
	.voice_box  blockquote {
		text-align: center;
	}
	
	.voice_box  h4 {
		margin-bottom: 15px;
		font-size: 1.0em;
		padding: 10px;
		background-color: #eee;
	}
	
	.voice_box p {
		padding: 10px;
	}
	
	
	.working_box {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dashed #eee;
	}
	
	.working_box h3 {
		padding: 10px;
		background-color: #EEEFCC;
		font-size: 1.3em;
	}
	
	.working_box p {
		padding: 10px;
	}
	
/*  */	
	.dem_h2 {
		font-size: 2em;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px;
		color: #0E5F08;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.dem_h3 {
		font-size: 1.6em;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
		color: #0E5F08;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
/*  */
	.tms_h2 {
		font-size: 2em;
		text-align: lrft;
		margin-bottom: 30px;
		margin-top: 30px;
		color: #070F5F;
		vertical-align: middle !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.tms_h3 {
		font-size: 1.6em;
		text-align: left;
		margin-bottom: 20px;
		margin-top: 50px;
		color: #070F5F;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.tms_h3:first-child:before {
		margin-top: 10px;
	}
	
	.tms_h4 {
		font-size: 1.2em;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
		color: #070F5F;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.max_tms_cont {
		border: 30px solid #B4B4DD;
		border-radius: 30px;
		padding: 40px;
	}
	
	.max_tms_cont img {
		border-radius: 20px;
		max-width: 100%;
	}
	
	.tmsbox {
		background-color: #6969BB;
		color: #FFFFFF;
		padding: 30px;
		clear: both;
		text-align: center;
		margin-top: 20px;
		font-size: 1.8em;
		border-radius: 20px;
		line-height: 140%;
	}
	
	/* ----------------------------------------------------------------------------------
	*
	*　流れ　 ボックス
	*
	 ----------------------------------------------------------------------------------*/

	.flow_warapper {
    margin: 0 auto 50px;
	}
	.flow_box {
		margin: 0 auto 33px;
		width: 80%;
		padding: 10px;
		border: 3px solid #326E93;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		font-size: 1.6em; /* テキストの指定 */
		font-weight: bold; /* テキストの指定 */
		line-height: 1.4; /* テキストの指定 */
	}

	.flow_box:after {
		border-top: 25px solid #FFC300;
		border-left: 70px solid transparent;
		border-right: 70px solid transparent;
		content: "";
		position: absolute;
		bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
		left: 50%;/* 中央寄せに使用 */
		margin-left: -70px; /* 中央寄せに使用 */
		margin-top: 50px;
	}

	.flow_box:last-child:after {
		border: none; /* 最後のボックスだけ三角形を表示しない */
	}

	
	
/* //  */	
	
	
	
	.list_public {
		line-height: 2em;
	}
	
	.list_public:before {
		content:  "";     /* 空の要素作成 */
		width:  10px;               /* 幅指定 */
		height:  10px;              /* 高さ指定 */
		display:  inline-block;     /* インラインブロックにする */
		background-color: #9B85F3;  /* 背景色指定 */
		border-radius:  50%;        /* 要素を丸くする */
		position:  relative;        /* 位置調整 */
		top: -1px;                  /* 位置調整 */
		margin-right: 5px;          /* 余白指定 */
	}
	
}