header{
width: 100%;
height: 60px;
top: 0;
z-index: 9999;
position: fixed;
background-color: #fff;
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 400;
font-style: normal;
}

.header_in_wrp{
min-width: 1200px;
background-color: #fff;
}

.left_area{
float: left;
margin-top: 20px;
margin-left: 100px;
margin-bottom: 20px;
font-size: 12px;
letter-spacing: 0.1em;
}

.left_area p{
	display: table-cell;
	vertical-align: middle;
	padding-left: 18px;
	font-size: 21px;
font-weight: 400;
margin-top: 20px;
	font-family: zen-old-mincho, sans-serif;
font-weight: 700;
font-style: normal;
	line-height: 1.4em;
	letter-spacing: 0;
	}

.left_area p span{
	font-size: 18px;
}

.co_logo{
width: 50px;
height: auto;
display: block;

}

.left_area{
	display: table;
}

.left_area a{
	display: table-cell;

}


.right_area{
float: right;
position: relative;
}

.pc_nav{
margin-top: 40px;
margin-right: 100px;
}

.pc_nav ul li{
float: left;
margin-left: 19px;
}

.pc_nav ul li a{
font-style: normal;
font-weight: 400;
font-size: 14px;
letter-spacing: 0em;
padding-bottom: 2px;
	letter-spacing: 0.05em;
}

.pc_nav ul li:first-of-type a{
border-bottom: #fff solid 2px;
}

.pc_nav ul li:not(:first-child) a:hover{
border-bottom: #7a7a7a solid 2px;
}

.sp_header{
	display: none;
}

@media screen and (max-width: 600px) {

	.sp_header{
	display: block;
}
	
	.pc_header{
		display: none;
	}
	
	.in_area{
		display: table;
		margin: 20px 0 15px 20px;
	}
	
	.in_area img{
		width: 121px;
		display: table-cell;
		vertical-align: middle
	}
	
	.in_area p{
		font-size: 6px;
		display: table-cell;
		vertical-align: middle;
			font-family: lulo-one, sans-serif;
font-style: normal;
font-weight: 400;
		padding-left: 20px;
	}
	
	.obi img{
	height: 8px;
}
	
	header{
height: 70px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}