		 @media screen and (max-width: 800px){
		 /*	.top-line{*/
		 /*		background: #FFF;*/
   /* 			 color: #014199;*/
		 /*	}*/
			/*.social .mmenu-btn{*/
			/*	float: right;*/
			/*    margin: 0.2rem;*/
			/*    background: #014199;*/
			/*    display: block !important;*/
			/*    margin-top: 5px;*/
			/*    margin-right: 0;*/
			/*    padding: 7px 8px;*/
			/*    border-radius: 5px;*/
			/*}*/
			.serviceList li{
				flex-basis: 100%!important;
			}
		 	body .social{width: 10%; }
		 	body form#mailformpro dl dt {
			    width: 30%;
			}
		 	body .contact .logo_jp img{
		 		width: 100%;
		 	}
		 	body .contact .logo_jp{
		 		display: inline-block;
		 		width: 10%;
		 		/*padding-right: 5%;*/
		 	}
		 	body .contact{
		 		width: 80%;
		 		margin-left: 0;
		 	}
		 	.social{
		 		white-space: 20%;
		 	}
		 	.form_form{
		 		width: 90%!important;
		 		margin: 0 5%!important;
		 	}
		 	#header .header-area-in{
		 		display: none;
		 	}
		 	.mm-listview>li:not(.mm-divider):after {
			    content: '';
			    border-bottom-width: 1px;
			    border-bottom-style: solid;
			    display: block;
			    position: absolute;
			    right: 0;
			    bottom: 0;
			    left: 20px;
			}
		 	.header-area-in-box {
			    display: none;
			    height: auto;
			}
		 	#mmenu a {
		 		text-decoration:none;
			    color: #333;
			    font-size: 14px;
			}
		 	body #mmenu{
		 		display: none;
		 		transition:1s;
		 		position: fixed;
			    /*right: -100%;*/
			    left: auto;
			    z-index: 10000000;
			    /*transform: translate3d(100%, 0px, 0px);*/
		 	}
		 	.mm-listview>li>a, .mm-listview>li>span {
			    color: inherit;
			    display: block;
			    padding: 10px 10px 10px 20px;
			    margin: 0;
			}
		 	#mmenu .mm-listview > li > a, #mmenu .mm-listview > li > span {
			    padding: 10px 10px 10px 20px;
			}
		 	.mm-menu, .mm-panels, .mm-panels>.mm-panel {
			    margin: 0;
			    left: 0;
			    right: 0;
			    top: 0;
			    bottom: 0;
			    z-index: 0;
			    box-sizing: border-box;
			}
		 	.mm-menu {
			    width: 80%;
			    min-width: 140px;
			    max-width: 440px;
			}
		 	.mm-panels>.mm-panel {
			    -webkit-overflow-scrolling: touch;
			    overflow: scroll;
			    overflow-x: hidden;
			    overflow-y: auto;
			    padding: 0 20px;
			}
			body #main .news-area .title{
				background: #014199;
			}
			.social span{
				display: none;
			}
			body #mmenu {
			    /*display: inline-block;*/
			}
			body .navbar-toggle{
				display: inline-block;
				transition: transform .4s ease,-webkit-transform .4s ease;
			}
			.navbar-toggle .icon-bar+.icon-bar {
			    margin-top: 4px;
			}
			@media (max-width: 1024px)
			.navbar-toggle .icon-bar {
			    width: 18px;
			}
			.navbar-toggle .icon-bar {
			    background: #fff;
			}
			.navbar-toggle .icon-bar {
			    display: block;
			    width: 22px;
			    height: 2px;
			    border-radius: 1px;
			}
			.mm-menu {
			    z-index: 2;
			}
			.mm-menu.mm-theme-white {
			    background: #fff;
			    border-color: rgba(0,0,0,.1);
			    color: rgba(0,0,0,.6);
			}
			#mmenu .mmDiv {
			    padding-top: 20px;
			}
			.mm-navbar {
			    border-bottom: 1px solid;
			    border-color: inherit;
			    text-align: center;
			    line-height: 10px;
			    height: 20px;
			    padding: 0 20px;
			    margin: 0;
			    /*position: absolute;*/
			    top: 0;
			    left: 0;
			    right: 0;
			}
			#mmenu .MMhead {
			    line-height: 2.8;
			    border-bottom: 1px #E5E5E5 solid;
			    margin: 0 -20px;
			    padding-left: 10px;
			}
			.m-Lev1 a{
				border-bottom: 1px #E5E5E5 solid;
			}
			.top-email{
				margin-left: 5px;
			}
			.top-email img{
				margin: -3px 3px 0 0;
			}
			.top-phone img{
				margin: -3px 3px 0 0;
			}
		}
		
		#mmenu{
			display: none;
		}
		.h1-area-in{
			border-bottom: 2px solid #8845a7;
		}
		#gnavi ul li a span {
		    font-weight: bold;
		}
		.navbar-toggle{
				display: none;
		}
		.contact{
			float: left;
			margin-left: 16%;
		}
		.contact .logo_jp{
			/*width: 10%;*/
			display: none;
		}
		body img{
			vertical-align: middle;
		}