@charset "utf-8";
/* CSS Document */
.section-header__bg {
   width: 100%;
   height: 90px;
 }
 .section-header__bg__inner {
   padding: 15px 24px 0;
 }
 .section-header__flex-wrapper {
   display: flex;
 }
 .section-header__logo a img {
   width: 46px;
   margin-right: 3px;
 }
 .section-header__logo-name {
   font-weight: 600;
   margin-top: 5px;
 }
 .section-header__logo-name a {
   text-decoration: none;
   color: #111111;
   margin-right: 10px;
 }
 .section-header__tel img {
   width: 38px;
   margin: -2px 5px 0 0;
 }
.header-nav__ul {
  display: flex;
}
@media(min-width:769px) {
  .section-header__bg {
    height: auto;
  }
  .section-header__bg__inner {
    padding: 50px 143px;
  }
   .section-header__wrapper {
     position: relative;
   }
   .section-header__logo-whole {
     position: absolute;
     left: calc(50% - 219px / 2);
     display: flex;
     width: 240px;
   }
   .section-header__tel-whole {
     position: absolute;
     right: calc(10% - 183px / 2);
     display: flex;
     width: 240px;
   }
   .section-header__tel-logo img {
     width: 52px;
     padding-right: 3px;
     vertical-align: middle;
   }
   .section-header__tel-number {
     padding-top: 6px;
   }
  .header-nav {
    margin-top: 85px;   
  }
  .header-nav__ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
  .header-nav__li a {
    color: #111;
    text-decoration: none
  }
 
 }