@charset "utf-8";
/* CSS Document */
.section-top {
  margin-bottom: 120px;
 }
.section-top__rogo {
  margin: 20px 0 10px 19px;
}
.section-top__rogo img {
  width: 55%;
  object-fit: contain;
}
.section-top__navi {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: space-between;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5)
}
@media(max-width:768px) {
  .section-top__visual {
       position: relative;
  }
  .section-top__navi__humberger {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .section-top__navi__contact {
    width: 187.5px;
    height: 60px;
     position: fixed;
    bottom: 0;
    right: 0;
    font-family: 'Charmonman', cursive;
  }
}
@media (min-width:769px) {
  .section-top__image img {
    width:100%;
  }
  .section-top__navi {
    display: none;
  }
  .section-top__header {
    display: flex;
    justify-content: space-between;
    height: 85px;
/*    padding: 0 24px 0 131px;*/
    width: calc(100%-286px);
    margin: 0 143px;
  }
  .section-top__header__rogo {
    margin-top: 8px;
    flex-basis: 70%;
  }
  .section-top__telephone {
    margin: 7px 10px 0 0;
    flex-basis: 20%;
    display: flex;
  }
  .section-top__header__illast {
    margin: 22px 6% 0 0;
  }
  .section-top__header__telephonenumber {
    width: 155px;
    margin-top: 27px;
    font-size: 2.0rem;
  }
  .section-top__navi__humberger {
    margin-top: 0px;
  }
  .section-top__image {
    width: 100%;
  }
}
@media(min-width:1652px) {
  .section-top__header {
    max-width: 1366px;
    margin: 0 auto 80px;
  }
}