/* middle-header */
.middle-header-box h1{display:block;padding:20px 0 15px 0;font-size:0;text-align: center;}
.middle-header-box h1 > a{display:inline-block;}
.middle-header-box h1 > a span{display:inline-block;vertical-align:middle;}
.middle-header-box h1 > a .logo{position:relative;padding:0 9px 0 0;width:200px;margin: 0 10px 0 0;}
.middle-header-box h1 > a .logo:after{content: '';display: inline-block;position: absolute;top: 50%;right: 0;width: 1px;height: 42%;background: #000;vertical-align: middle;transform: translateY(-50%);}
.middle-header-box h1 > a .logo img{width:100%;}
.middle-header-box h1 > a .org-name{font-size:24px;line-height:1;color:#333;font-weight:600;letter-spacing:-0.5px;}


@media screen and (max-width: 1024px) {
	/* middle-header */
	.middle-header-box{padding:0 10px;border-bottom:2px solid #00579f;}
	.middle-header-box:after{content:'';display:block;clear:both;}
	.middle-header-box h1{float:left;padding: 14px 0;}
	.middle-header-box h1 a:nth-of-type(1){padding: 0 0px 0 0;letter-spacing: -1.5px;}
	.middle-header-box h1 > a .logo {position: relative;padding: 0 5px 0 0;width: 160px;margin: 0 4px 0 0;}
	.middle-header-box h1 > a .org-name{font-size:20px;}

	.middle-header-box .btn-menu{display:block;float:right;margin:20px 0;width:30px;height:21px;}
	.middle-header-box h1 a span.m-logo{font-size:20px;line-height:28px;vertical-align:middle;}
}

@media screen and (max-width: 768px) {
	.middle-header-box h1 > a{width:auto;}
	.middle-header-box h1 > a .logo{position: relative;padding: 0 5px 0 0;width: 130px;margin: 0 4px 0 0;}
	.middle-header-box h1 > a .org-name{font-size: 15px;letter-spacing: -1.5px;padding: 1px 0 0 0;}
	.middle-header-box .btn-menu{margin:17px 0;}
}