@charset "utf-8";

/* Base styles for header and footer */
#customer_header,
#customer_footer {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1;
  color: #333333;
  font-size: 1.2rem
}

/* Header styling */
#customer_header #headinner {
  width: 100%;
  background-color: #fff;
  position: fixed;
  display: flex;
  justify-content: space-between;
  z-index: 999999;
}

#customer_header #headinner h1 {
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

#customer_header .nav {
  display: flex;
}

#customer_header .nav figure {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

#customer_header .nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
}

#customer_header .nav ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#customer_header .nav ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 25px 40px 0px 0px;
  text-align: center;
}

#customer_header .nav ul li:nth-child(6) a {
  color: #fff;
  background-color: #32c046;
  padding: 27px 50px;
  display: flex;
  align-items: center;
}

#customer_header .nav ul li:nth-child(6) a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f073';
  font-weight: 900;
  font-size: 1.2rem;
  padding-right: 10px;
}

#customer_header .nav ul li:nth-child(7) a {
  color: #fff;
  background-color: #eb7344;
  padding: 27px 50px;
  display: flex;
  align-items: center;
}

#customer_header .nav ul li:nth-child(7) a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f0f2';
  font-weight: 900;
  font-size: 1.2rem;
  padding-right: 0px;
}


/* Footer styling */
#customer_footer .footer_innew {
  max-width: 1050px;
  margin: 0 auto;
}

#customer_footer .footer_innew figure {
  margin: 40px 0px;
  padding: 0px;
  text-align: center;
}

#customer_footer .footer_innew p {
  margin: 0px 0px;
  padding: 0px;
  text-align: center;
}

#customer_footer .footer_innew p.ttl {
  margin: 30px 0px 0px;
  padding: 0px;
  text-align: center;
}

#customer_footer .footer_innew ul {
  margin: 20px 0px 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: center;
}

#customer_footer .footer_innew ul li:nth-child(2) {
  margin: 0px 10px 0px;
  padding: 0px;
}

#customer_footer .footer_innew ul.sns02 {
  margin: 20px 0px 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: center;
}

#customer_footer .footer_innew ul.sns02 li:nth-child(2) {
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

#customer_footer .footer_innew ul.sns02 li:nth-child(3) {
  margin: 0px 10px 0px 10px;
  padding: 0px;
}

#customer_footer .copy {
  margin: 50px 0px 0px;
  padding: 20px 0px;
  background-image: url(../img/pegetopbk.png);
  background-repeat: repeat;
  background-position: left top;
}

#customer_footer .copy_inner {
  max-width: 1050px;
  margin: 0 auto;
}

#customer_footer .copy_inner ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}

#customer_footer .copy_inner ul li {
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

#customer_footer .copy_inner ul li a {
  color: #333333;
  text-decoration: none;
}

#customer_footer .copy_inner ul li::after {
  content: "|";
  padding-left: 5px;
}

#customer_footer .copy_inner ul li:last-child::after {
  content: "";
  padding-left: 0px;
}

/* Media queries for responsive design */
@media screen and (max-width: 768px) {
  #customer_header .nav ul {
    display: none;
  }

  #customer_header .nav nav ul {
    display: block;
  }

  #customer_header .nav {
    margin-right: 65px;
    margin-left: -65px;
  }

  #customer_header #nav_toggle {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0px !important;
    position: relative;
    top: 4px;
    z-index: 100;
  }

  #customer_header #nav_toggle span {
    display: block;
    height: 3px;
    background: #000 !important;
    position: absolute;
    width: 78% !important;
    left: 10px !important;
  }

  #customer_header #nav_toggle p {
    position: absolute;
    font-size: 13px !important;
    top: 28px;
    left: 6px !important;
  }

  #customer_header #nav_toggle span:nth-child(2) {
    top: 7px !important;
  }

  #customer_header #nav_toggle span:nth-child(3) {
    top: 14px !important;
  }

  #customer_footer .footer_innew ul.sns02 {
    flex-wrap: wrap;
    max-width: 320px;
    margin: 50px auto 0;
  }

  #customer_footer .footer_innew ul.sns02 li {
    width: 30%;
    text-align: center;
  }

  #customer_footer .copy_inner ul {
    justify-content: center;
  }

  #customer_footer .copy_inner ul li {
    margin: 0px;
  }

  #customer_footer small {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 960px) {
  #customer_header .nav {
    display: none !important;
  }
}