/* ë¡œê³ 2 */ 
#header h1.logoBox2 {position:absolute; left:50%; top:80px; margin-left:-700px; z-index:20;}
#header h1.logoBox2 a {display: flex;height:36px;line-height:50px;align-items: center;}
#header h1.logoBox2 a span{display:block; float:left;}
#header h1.logoBox2 a .logo {width:140px; height:36px; overflow:hidden; text-indent:-99999%; background:url('/images/common/E_layout/logo.svg') no-repeat center;}
#header h1.logoBox2 a .name{position:relative;line-height:33px;padding-left:8px;margin-left:4px;font-size:18px;color:#000;font-family: 'NotoB'; line-height:1.2;}
#header h1.logoBox2 a .name p {font-size: 12px;}
#header h1.logoBox2 a .name::before{content:""; position:absolute; left:0; top:5px; width:1px; height:25px; background:#999;}

/********** Media quary **********/
@media screen and (max-width:1420px) {
	/* ë¡œê³ 2 */ 
	#header h1.logoBox2{left:2%; margin-left:0;}
}


@media screen and (max-width:1200px) {
	/* ë¡œê³ 2 */ 
	#header h1.logoBox2{top: 20px;left:2.5%;}/* 200414 */
}

@media screen and (max-width:860px) {	
}


@media screen and (max-width:560px) {	
	/* ë¡œê³ 2 260701 ëª¨ë°”ì¼ ìˆ˜ì •*/ 
		#header h1.logoBox2 a .logo {width: 30px;height: 33px;background-size: cover;background-position: left;}
		#header h1.logoBox2 a .name{font-size: 15px;padding-left:0;max-width: 228px;word-break: auto-phrase;text-overflow: unset;white-space: normal;line-height: 1.2;margin-top: 0;}
	#header h1.logoBox2 a .name::before{display:none;}
}