/* CSS Document */

#wrap #contwrap #main .section h2 {
	margin: 50px auto!important;
}

#wrap{}
	#wrap #main{}
		#wrap #main .section{ margin:0 auto 50px;}
			#wrap #main .section h2{ margin:0 0 30px;}
			#wrap #main .section .ph{ float:left;
			margin-right:40px;}
			#wrap #main .section dl{ float:left;
			width:540px;}
			#wrap #main .section dt{ margin:0 0 20px;
			font-size:18px;
			color:#09284f;}
			#wrap #main .section dd{}
			#wrap #main .section em{ font-weight:bold;}
			#wrap #main .section small{ font-size:11px;
			padding-left:10px;}
		#wrap #main .section table{ border:1px dotted #c5c5c5;
		width:100%;}
		#wrap #main .section tbody{}
		#wrap #main .section tr{}
		#wrap #main .section th{ background:url(../img/index/thbgu.png) repeat-x left top #e4e4e4;
		border-bottom:1px dotted #c5c5c5;
		text-align:center;
		width:180px;}
		#wrap #main .section th div{ background:url(../img/index/thbgl.png) repeat-x left top #e4e4e4;
		padding:20px;
		width:140px;}
		#wrap #main .section td{ border-bottom:1px dotted #c5c5c5;
		padding:20px;}
		#wrap #main .section #gmap{ width:367px;
		height:271px;
		float:left;
		margin-right:36px;}
		#wrap #main .section .txt { float:left;
		width:440px;}
		#wrap #main .section dl {
			margin:0 0 20px; }
		#wrap #main .section .access{}
			#wrap #main .section .access dt{ margin:0 0 10px;
			font-size:12px;}
			#wrap #main .section .access dd{ margin:0 0 5px;}


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

				p,dt,dd,span,small,th,td,address{
					font-size: 200%!important;
				}

				address{
					text-align: center;
					margin: 10px auto;
				}

				#cont,#contwrap,.menu,.about{
					width: 100%!important;
				}

				.section,.menu ul .ph,.box,.ph{
					width: 100%;
					margin: 0 auto!important;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-align-items: center;
					align-items: center;
				}

				.diva{
					width: 90%!important;
					margin: 20px auto!important;
					padding: 0 0 20px 0!important;
					height: auto!important;
					float: none!important;
				}

				.diva p{
					text-align: center;

				}

				.box h2 img,.section h2 img{
					width: 100%!important;
				}

				.contact{
					width: 100%!important;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-align-items: center;
					align-items: center;
				}

				.contact h2{
					text-align: center;
				}
				.contact h2 img{
					width: 50%;
					margin: 0 auto;
				}

				.contact h2 span{
					top:100px!important;
					left:0!important;
				}


				.contact .clearfix,.contact .clearfix li {
					width: 90%;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-align-items: center;
					align-items: center;
				}

				.contact .clearfix{
					padding: 20px!important;
					height: 400px!important;
				}

				.contact .clearfix li {
					position: relative;
					top:50px;
				}

				.mail a{
					width: 100%;
					text-align: center;
				}

				.contact .clearfix li img,.mail a img{
					width: 70%!important;
					margin: 0 auto;
				}

				.ph img{
					width: 100%;
				}

				.box .diva{
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

				.box .diva dl{
					width: 90%!important;
					margin: 0 auto;
					text-align: center;
				}

				.box .diva .ph img{
					width: 95%!important;
					margin: 0 auto;
				}

				.recruit{
					width: 100%!important;
				}

				#foot .inner{
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-align-items: center;
					align-items: center;
				}

				#foot .inner .l{
					width: 100%!important;

				}

				#foot .inner .l tr{
					width: 90%!important;
					margin: 0 auto;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					flex-wrap: wrap!important;

				}

				#foot .inner .l tr td{
					width: 30%;
					height: 50px;
				}


				#foot .inner .l table{
					width: 90%!important;
					margin: 0 auto!important;
					padding: 10px!important;
				}

				#foot .inner .l td{
					padding: 10px!important ;
					font-size: 70%;
				}


				#foot .inner dl{
					width: 90%!important;
					padding: 10px!important;
					margin: 10px auto;
				}

				#foot .inner dl dt img{
					width: 40%!important;
				}

				.pagetop a img{
					width: 40%;
				}

				.section dl{
					width: 100%!important;
				}

				.section dd{
					width: 90%!important;
					margin: 0 auto;
				}

				.map,.map .clearfix{
					width: 100%;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-align-items: center;
					align-items: center;
				}

				#gmap{
					width: 90%!important;
					height: 400px!important;
					margin: 0 auto!important;
				}

				.txt {
					width: 100%!important;
				}
				.txt dl{
					width: 90%!important;
					margin: 0 auto!important;
					float: none!important;

				}

				.txt dl dt{
					width: 70%!important;
				}

				.txt dl dt dd{
					width: 70%!important;
					margin: 0 auto;
				}

				.txt dl dt img{
					width: 50%;
				}

				.boss{
					width: 30%	;
				}

				.boxl dl dt ,.boxr dl dt{
					margin: 20px auto!important;
					font-size: 30px!important;
					text-align: center;
				}

				.section p{
					width: 90%!important;
				}

				.section .clearfix dl dt{
					margin: 20px auto!important;
					font-size: 30px!important;
					text-align: center;
				}




			}