/* FV拡大 */
@keyframes fadezoom{
  0%{
    transform: scale(1);
  }
  100%{
    transform: scale(1.1);
  }
}
.js_fvAnimation{
  animation: fadezoom 5s 0s forwards;
}

/* クレドサムネ連動 */
.credo_animation{
  width: 100% !important;
}
.credo_p_animation{
  left: 180px;
}
@media screen and (max-width: 1099px) {
  .bl_pcHeader{
    display: none;
  }
  .bl_spHeader{
    display: block;
    height: 76px;
  }
/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 0;
  top   : 0;
  width : 76px;
  height: 76px;
  cursor: pointer;
  text-align: center;
  background-color: #12229B;
  z-index: 11;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 35px;
  height  : 2px;
  left    : 50%;
  transform: translateX(-50%);
  background : white;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 23px;
}
.hamburger span:nth-child(2) {
  top: 36px;
}
.hamburger span:nth-child(3) {
  top: 49px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 36px;
  left: 20px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 36px;
  left: 20px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  top  : 0;
  left : 0;
  background: #12229B;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  transform: translateX(100%);
  transition: all 0.6s;
  z-index : 10;
}
nav.globalMenuSp ul {
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
nav.globalMenuSp ul li {
  width: 100%;
  padding: 1em 0;
  transition: .4s all;
  font-size: 2rem;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}
/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  display: block;
  transform: translateX(0%);
}
}
/* メニュー展開中スクロール禁止 */
body.fixed {
   width: 100%;
   height: 100%;
   position: fixed;
  }