@charset "Shift_JIS";

/* ==========================================================
 * lp-header
 *==========================================================*/
.lp-header .container-01{
  position: relative;
  height: 75px;
}
.lp-hedaer-logo-01 {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.lp-hedaer-logo-02{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .lp-header .container-01{
    height: 50px;
  }
  .lp-hedaer-logo-01 {
    left: 20px;
    width: 175px;
  }
  .lp-hedaer-logo-02 {
    right: 20px;
    width: 150px;
  }
}
@media screen and (max-width: 428px) {
  .lp-header .container-01{
    height: 32px;
  }
  .lp-hedaer-logo-01 {
    left: 10px;
    width: 140px;
  }
  .lp-hedaer-logo-02 {
    right: 10px;
    width: 105px;
  }
}