@charset "utf-8";


/*グローバルナビゲーション
==================================================================================================================*/
/*ヘッダー*/

header{
  width: 100%;
  padding: .5em;
  margin: auto;
  background: rgba(255, 255, 255, .75);
  position: fixed;
  margin-bottom: 0;
  top: 0;
  z-index: 9999;
  transition: all 0.8s;
}

.header_logo{width: 24%;max-width: 260px;}


header .contact_btn{
  width: 74%;
  max-width: 940px;
}

header .contact_btn li{
  width: calc(100% / 3 - .25em);
}


header .contact_btn li a{
  padding: .75em .25em;
  font-size: clamp(0.688rem, 0.528rem + 0.8vw, 1.125rem);
  letter-spacing: 0;
}
header .contact_btn a br{
  display: none;
}



@media (min-width: 800px) and (max-width: 1299px){

header .contact_btn li{
  width: calc(100% / 3 - .1em);
}

header .contact_btn li a{
  font-size: 0.813rem;
}


}



@media (min-width: 800px){


header.transform .header_logo{width: 20%;}

header.transform .contact_btn a{
  font-size: 0.875rem;
}
header.transform .contact_btn li a{
  padding: .5em;
}


}


@media (max-width:899px) {

header{
  position: static;
}

.header_logo{width: 60%;max-width: 240px; margin: auto;}


header .contact_btn{
  opacity: 1;
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
header .contact_btn li{
  width: calc(100% / 3);
}

header .contact_btn li a{
  padding: .75em .25em;
  border-radius: 0;
  border: none;
  border-top: 2px solid #fff;
  line-height: 1.2;
}
header .contact_btn li:not(:last-child) a{
  border-right: 2px solid #fff;
}

header .contact_btn a br{
  display: block;
}

header .contact_btn .arrow::after{
  right: .45em;
}




}





@media (max-width:399px) {


header .contact_btn .arrow::after{
  display: none;
}




}