@media screen and (min-width: 1020px) and (max-width: 1199px)  {
	body {
		font: 300 21px 'Work Sans', sans-serif;
	}
	#logo {
		padding-right:15px;
	}
}
/* - - - */
@media screen and (min-width: 1px) and (max-width: 1019px)  {
	body {
		font: 300 24px 'Work Sans', sans-serif;
	}
	#head {
		font-size:140%;
		line-height:120%;
	}
	#mn, .x {
		display:none;
	}
	#mn_ch, ul#mn_mob, .lines  {
		display:block;
	}
		.lines, .x {
		float:right;
		margin-top:20px;
		margin-right:50px;
		}
	#head {
		font-weight:500;
	}		

	ul#mn_mob {
	position:fixed; 
	z-index:2;
	display:none;
	width:100%;
	height:100%;
	margin-top:0px;
	list-style:none;
	background-color:#FFFFFF;
	border-top:1px solid #333333;
	}
		ul#mn_mob li {
		display:block;
		width:100%;
		background-color:#FFFFFF;
		text-align:center;
		border-bottom:1px solid #333333;
		padding:0px;
		}
		ul#mn_mob li a {
		display:block;
		width:100%;
		padding:30px 0;
		font-size:25px;
		font-weight:bold;
		text-decoration:none;
		}
		ul#mn_mob li a.act, ul#mn_mob li:hover a {
		color:#FFFFFF;
		background-color:#32a6df;
		}
	#phone {
		font-size:150%;
	}
	.text {
		width:calc(100% - 100px);
	}
	.text, .text p {
		font-size:120%;
		line-height:140%;
	}

}