.o-site-header{
    width: 100%;
}

.o-site-logo{
    width: 100%;
    z-index: 100;
    background-color: #fff;
}
.o-site-logo__row{
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.o-site-title{
    font-size: 100%;
    font-weight: bold;
    color: #5c5c5c;
}

.o-siteLogo{
    width: 100%;
}

.o-site-logo__name{
    display: inline-block;
    width: auto;
    max-width: 45vw;
    margin-top: auto;
    margin-bottom: auto;
}
.o-site-logo__img{
    display: inline-block;
    width: 40vw;
    margin-top: auto;
    margin-bottom: auto;
}

/* ヘッダー下のマージン */
.o-header__border{
    margin-bottom: 1.3rem;
    border-bottom: 1px solid #a5a5a5;
}
#hamburger_border{
    margin-bottom:0;
}

.o-top--header__link{
  display: inline-block;
  width: 100%;
  padding: 20px 6px;
}

.o-top-header__img{
  width: 100%;
  height: 200px;
  position: relative;
}
@media (min-width: 40em){
  .o-top-header__img{
    height: 300px;
  }
}

.o-top-header__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.o-top-header__img .o-top-header__img__logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.o-top-header__img__logo--big{
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media (min-width: 40em){
  .o-top-header__img__logo--big{
    font-size: 52px;
  }
}

.o-top-header__img__bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 45%;
}
@media (min-width: 40em){
   .o-site-logo{
        width: 100%;
        padding-left: 8rem;
    }
    .o-site-logo__row{
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
    }

    .o-site-title{
        font-size: 2.1rem;
    }

    .o-siteLogo,.o-site-logo__name,.o-site-logo__img{
        width: auto;
    }

    /* ヘッダー下のマージン */
    .o-header__border{
        margin-bottom: 3.5rem;
    }
    
    .o-top--header__link{
      display: inline-block;
      width: 100%;
      padding: 20px 12px;
    }

    .o-top-header__img{
      width: 100%;
      height: 360px;
    }
}