.header-phone-area {

}


@media screen and (max-width: 1346px){
  .header-phone-area {
  display: none !important;
}

}

.header-area {
	height: 80px;
	min-height: 80px;


}

.header-body {
	display: flex;
    flex-direction: column;
    background: #fff;
    
    width: 100%;
    
s
    z-index: 1001;
}


.header-container {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    transition: ease height 300ms;
}


.header-row {
    display: flex;
    flex-grow: 1;
    align-items: center;
    align-self: stretch;
    max-height: 100%;
}


.header-column {
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
}


.header_logo_area {
	display: flex;
    align-items: center;
    padding: 21px 10px;
}

.nav_wrap {
	display: flex;
    align-items: center;
    padding: 19px 0;
}


.header-height {
  height: 80px;
  display: flex;
  align-items: center;
}



@media screen and (max-width: 576px){
.header-area {
	height: 70px;
	min-height: 70px;


}
.header-height {
  height: 70px;
  display: flex;
  align-items: center;
}

.header_logo_area {
	width: 240px;
}
}


.nav-item {
}
.nav-link {
	color: #444;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
    padding: 0.5rem 0.36vw;
    line-height: 1.2;
    text-align: center;
	position: relative;
    top: 50%;
    transform: translate(0, -50%);
}


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

.nav-link {
	color: #444;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
    padding: 0.5rem 0.5rem;
}
}



.header-tel-area {
	position: relative;

}

.header-tel-item {
	z-index: 900;
	position: absolute;
	top:24px;
	right: 16px;
}


.header-tel-item img {
	width: 420px;
	height: auto;
}




.pc-header-btn {
	margin:0;
	padding: 0;
	list-style: none;
	z-index: 9999;
	/*position: absolute;
	top: 0;
	right: 0;*/
}


.pc-header-btn li {
	float: left;
}