.header{position:fixed;width:100%;height:5rem;top:0;right:0;left:0;background:#fff;z-index:99}
.header a{display:block}
.header .flex-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 .938rem}
.header .flex-container>div:nth-of-type(1){width:7.75rem}
.header .flex-container>div dl{display:flex;align-items:center}
.header-tel{width:2rem}
.header-btn{width:8.75rem;margin-left:.625rem}
.social{display:none;margin-top:.313rem}
.social>li{width:3.125rem;overflow:hidden}
.social>li+li{margin-left:.313rem}
@media (min-width:64rem){
.header{height:6.875rem}
.header .flex-container{padding:0 1.5rem}
.header .flex-container>div{width:50%}
.header .flex-container>div:nth-of-type(1){display:flex;align-items:center;width:auto}
.header .flex-container>div:nth-of-type(2){display:flex;justify-content:flex-end}
.social{display:flex;margin:0 0 0 1.125rem}
.header .logo img{width:15rem}
.header-tel{display:block;width:13.75rem}
.header-btn{width:12.5rem;margin-left:.938rem}
.social>li{width:auto}
}
@media (min-width:69rem){
.header .flex-container{padding:0 2.5rem}
.header .logo img{width:18.125rem}
.header-tel{width:16.875rem}
.header-btn{width:15.625rem}
}
@media (min-width:87rem){
.header .logo img{width:23.125rem}
.header-tel{width:18.75rem}
.header-btn{width:17.5rem}
}