@charset "utf-8";
/* -------------------------------------------------------------------------------------------- ヘッダー START */
@media (min-width: 768px) {
    .keni-header .site-title, .keni-header_col1 .site-title {
        float: left;
        max-width: 50%;
        font-size: 6rem;
    }
}
header{
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.keni-header_wrap {
    padding-top: 4px;
    background-size: 4px 4px;
    background-repeat: repeat-x;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 2px 5px #ccc;
}
.keni-header_wrap li {
    list-style: none;
}
@media (min-width:1025px) { 
.header-nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  margin-right: 0%;
  margin-left: 0;
  margin-bottom: 0;
  text-align:center;
}
.header-nav-menu ul {
/* grid-template-columns: repeat(3, 1fr); */
gap: 0px;
line-height: 1 !important;
justify-content: end;
/* display: grid; */
}
.header-nav-menu ul li img {
  width: 82%;
  }
.header-nav-menu .list {
  white-space: nowrap;
  padding: 0 2% 0 2%;
}
.header-nav-menu .list:nth-child(1) {
  flex-shrink: 0;
  padding: 0 2% 0 2%;
  width: 60%;
}
.header-nav-menu .list:nth-child(3) {
  margin-right: 0%;
}
.header-nav-menu .tel {
  font-size: 30px;
  font-weight: bold;
  color: #ce0000;
  text-decoration: underline;
  display: inline-block;
  line-height: 1.6;
}
.header-nav-menu .foam {
color: #fff;
background-color: #021fb2;
font-size: 21px;
border-radius: 3px !important;
text-decoration: none;
border-radius: 3px;
padding: 13px 16px 13px 16px;
font-weight: 700;
display: inline-block;
width: 257px;
}
.header-nav-menu .foam a {
 color: #fff;
}
.header-nav-menu-area {
  padding: 2% 0% 2% 0%;
  display: grid;
  grid-template-columns: auto; 
}
}
@media (min-width:768px) and  (max-width:1024px){
header{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1%;
}
.header-nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  margin-right: 0%;
  margin-left: 0;
  margin-bottom: 0;
  text-align:center;
}
.header-nav-menu ul li {
  margin: 0;
}
.header-nav-menu .list {
  white-space: nowrap;
  padding: 0 2% 0 2%;
}
.header-nav-menu .list:nth-child(1) {
  flex-shrink: 0;
  padding: 0 2% 0 2%;
  width: 70%;
}
.header-nav-menu .list:nth-child(3) {
  margin-right: 40%;
}
.header-nav-menu .tel {
 font-size: 23px;
 font-weight: bold;
 color: #ce0000;
 text-decoration: underline;
 display: inline-block;
}
.header-nav-menu .foam {
 color: #fff;
 background-color: #021fb2;
 font-size: 16px;
 border-radius: 3px !important;
 text-decoration: none;
 border-radius: 3px;
 padding: 10px 16px 10px 16px;
 font-weight: 700;
 display: inline-block;
}
.header-nav-menu .foam a {
 color: #fff;
}
.header-nav-menu-area {
  padding: 2% 0% 2% 0%;
}
}
@media (max-width:767px) { 
.header-nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  margin-right: -166%;
  margin-left: 0;
  margin-bottom: 0;
  text-align:center;
}
.header-nav-menu ul li {
  margin: 0;
}
.header-nav-menu .list {
  white-space: nowrap;
  padding: 0 2% 0 2%;
}
.header-nav-menu .list:nth-child(1) {
  flex-shrink: 0;
  padding: 0 2% 0 2%;
  width: 70%;
}
.header-nav-menu .list:nth-child(3) {
  margin-right: 40%;
}
.header-nav-menu .tel {
 font-size: 23px;
 font-weight: bold;
 color: #ce0000;
 text-decoration: underline;
 display: inline-block;
}
.header-nav-menu .foam {
 color: #fff;
 background-color: #FF6410;
 font-size: 16px;
 border-radius: 3px !important;
 text-decoration: none;
 border-radius: 3px;
 padding: 10px 16px 10px 16px;
 font-weight: 700;
 display: inline-block;
}
.header-nav-menu .foam a {
 color: #fff;
}
.header-nav-menu-area {
  padding: 2% 0% 2% 0%;
}
.keni-header_cont, .keni-header_col1 .keni-header_cont {
 float: right;
 max-width: 50%;
 background-color: transparent;
}
.keni-header_col1 .site-title, .keni-header_col1 .keni-header_cont {
float: left;
width: 58%;
margin-left: -2%;
}
button{
  margin-top: 3%;
  right: 2%;
}
.keni-header_inner {
    width: 97%;
    display: flow-root;
    margin-top: 0;
    margin-bottom: -7%;
}
@media (min-width: 768px) {
.keni-header .site-title {
float: left;
max-width: 50%;
font-size: 3.0rem;
margin-top: 1%;
    }
}
/* --------------------------------------------------------------------------------------------ヘッダー END */