#hero {
  position: relative;
}

#hero a {
  display: block;
  position: relative;
}

#hero img {
  display: block;
  width: 100%;
  height: auto;
}

.mod h2 {
    padding-bottom: 30px;
}

#demonstrator-work .mod {
  display: flex;
}

#demonstrator-work .image img {
  width: 100%;
  height: auto;
  display: block;
}

#demonstrator-work .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#demonstrator-work .box {
  height: auto !important;
  min-height: 0 !important;
}

#demonstrator-work .box.right {
  order: 2;
}

#demonstrator-work .box.right + .box {
  order: 1;
}

@media (max-width: 768px) {
  #demonstrator-work .mod {
    flex-direction: column !important;
  }
#demonstrator-work .box {
    order: 0 !important;
  }
}

.inner .headline-01 {
  font-size: 18px;
  margin-top: 19px;
  margin-bottom: 9.5px;
  padding-top: 6px;
}

.image-sp {
  letter-spacing: 0 !important;
  font-family: monospace;
}

.p-header-search__btn,
.p-header-search__btn:hover,
.p-header-search__btn:focus,
.p-header-search__btn:active {
    background: transparent;
    border: none;
    color: inherit;
    outline: none;
}

.p-header-search-form__btn,
.p-header-search-form__btn:hover,
.p-header-search-form__btn:focus,
.p-header-search-form__btn:active {
    background: transparent;
    border: none;
    color: inherit;
    outline: none;
}