/* CSS Document */

#wrap{}
	#wrap #main{}
		#wrap #main .section{ padding:40px 0 0;}
			#wrap #main .section h2{ margin:0 0 40px;}
			#wrap #main .section .ph{}
			#wrap #main .section dl{}
			#wrap #main .section dt{}
			#wrap #main .section dd{}
			#wrap #main .section .boxl{ padding:0 0 30px;
			border-bottom:1px solid #999999;
			margin:0 0 30px;}
				#wrap #main .section .boxl .ph{ float:left;
				margin:0 40px 0 0;}
				#wrap #main .section .boxl dl{ float:left;
				width:548px;}
				#wrap #main .section .boxl dt{ font-size:20px;
				margin:0 0 20px;
				color:#09284f;}
				#wrap #main .section .boxl dd{}
			#wrap #main .section h3{ font-size:20px;
				margin:0 0 20px;
				color:#09284f;}
			#wrap #main .section p{ margin:0 0 85px;
			width:545px;}
			#wrap #main .section .boxr{ padding:0 0 70px;}
				#wrap #main .section .boxr dl{ float:left;
				width:549px;
				margin:0 39px 0 0;}
				#wrap #main .section .boxr dt{ font-size:20px;
				margin:0 0 20px;
				color:#09284f;}
				#wrap #main .section .boxr dd{}
				#wrap #main .section .boxr .ph{ float:left;}


				@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,.section h2,.contact h2{
						width: 70%!important;
						margin: 30px auto!important;
					}
					.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%;
						margin: 20px auto;
					}

					.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%;
					}


					.recruit h2 img{
						width: 50%!important;
					}

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

					.recruit .diva a {
						width: 100%!important;
					}

							.recruit .diva a img{
								width: 100%;
								margin: 20px auto;
							}

								.recruit ul li span{
									width: 100%!important;
									left:15px!important;
									top:95%!important;
								}

								.button{
									width: 100%;
								}

								.button a img{
									width: 70%;
									margin: 0 auto;
								}


								#wrap #main .section .box{
									height: auto!important;
									margin: 20px auto!important;
									background: none;
								}

								#wrap #main .section .box p{
									position: static!important;
								}

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

								.boxr dl dt,.boxl dl dt{
									font-size:250%!important;
									text-align: center;
								}

								#wrap #main .section h3{
									font-size:250%!important;
									text-align: center;
								}





				}