/*----- 会社ロゴ -----*/
.header_company_logo {
  height: auto;
  width: 120px;
}

/*----- ナビゲーション -----*/
.navbar {
  background-color: #fff !important;
  background-color: rgba(26, 26, 26, 0.45) !important;
}

.nav-item {
  position: relative;
  padding-right: 100px;
}

.nav-link span {
  font-weight: 400;
  font-size: 1.0rem;
  color: #fffafa;
}

/*----- PC用 -----*/
@media screen and (min-width:992px) {

  .rotatebtn {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    height: 50px;
    text-align: center;
    outline: none;
  }

  .rotatebtn span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: 0.5s;
  }

  /* ボタンアニメーション */
  .rotatebtn span:nth-child(1) {
    transform: rotateX(0deg);
    transform-origin: 0 50% -25px;
  }

  .rotatebtn:hover span:nth-child(1) {
    transform: rotateX(90deg);
  }

  .rotatebtn span:nth-child(2) {
    transform: rotateX(-90deg);
    transform-origin: 0 50% -25px;
  }

  .rotatebtn:hover span:nth-child(2) {
    transform: rotateX(0deg);
  }

}

/*----- スマホ用 -----*/
@media screen and (max-width: 991px) {

  .nav-item {
    padding-right: 0px;
  }

  .rotatebtn span:nth-child(1) {
    display: none;
  }

  /* スマホ： メニュー右表示*/
  .navbar-nav li a {
    float: right;
  }

  /* スマホ：メニューボタン */
  .navbar-toggler {
    border: none !important;
  }
}

/*----- SNSアイコン -----*/
.nav-icon {
  padding-left: 20px;
}

.nav-icon a i {
  color: #fffafa;
  font-size: 25px;
}