@charset "utf-8";

/* @media screen and (max-width : 896px) {
} */

/* 既存の設定を上書き */
#header-title.sp h1 {
  padding-right: 9.375vw;
}

/* * */

.page-in-nav .menu-bg {
  background-color: rgba(0, 28, 51, .77);
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 995;
  transition: width .07s ease, height .03s ease;
}
.page-in-nav.menu-open .menu-bg {
  width: 100%;
  height: 100%;
}
.page-in-nav .menu-btn {
  background-color: #001c33;
  width: 12.5vw;
  height: 12.5vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 997;
  cursor: pointer;
}
.page-in-nav .menu-btn::before,
.page-in-nav .menu-btn::after {
  background-color: #fff;
  content: '';
  display: block;
  width: 10vw;
  height: 1px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  transition: top .1s ease, bottom .1s ease, transform .33s ease;
}
.page-in-nav .menu-btn::before {
  top: 2.75vw;
}
.page-in-nav .menu-btn::after {
  bottom: 5.5vw;
}
.page-in-nav.menu-open .menu-btn::before {
  bottom: 5.5vw;
  transform: rotate(150deg);
}
.page-in-nav.menu-open .menu-btn::after {
  top: 2.75vw;
  transform: rotate(-150deg);
}
.page-in-nav .menu-btn .inner-elm::before,
.page-in-nav .menu-btn .inner-elm::after {
  color: #fff;
  font-size: 3.125vw;
  letter-spacing: -0.04em;
  text-align: center;
  display: block;
  width: 100%;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transition: color .43s ease;
}
.page-in-nav .menu-btn .inner-elm::before {
  content: '\30e1 \30cb \30e5 \30fc';
  z-index: 3;
}
.page-in-nav .menu-btn .inner-elm::after {
  color: #001c33;
  content: '\9589 \3058 \308b';
  z-index: 1;
}
.page-in-nav.menu-open .menu-btn .inner-elm::before {
  color: #001c33;
  z-index: 1;
}
.page-in-nav.menu-open .menu-btn .inner-elm::after {
  color: #fff;
  z-index: 3;
}
.page-in-nav .menu-block {
  background-color: #001c33;
	text-align: center;
	margin: auto;
  position: fixed;
  top: calc(12.5vw + 3em);
  right: -100%;
  left: auto;
  z-index: 999;
  transition: right .4s ease;
}
.page-in-nav.menu-open .menu-block {
  right: 0;
	left: 0;
}
.page-in-nav .menu {
  font-size: 3.75vw;
	display: inline-block;
  padding: 1em 1em 2.5em;
}
.page-in-nav .menu-inner {
  text-align: left;
  margin-top: 1em;
}
.page-in-nav .menu-inner a {
  color: #fbb03b;
  display: block;
  padding-left: 1em;
  position: relative;
}
.page-in-nav .menu-inner a::before {
  background-color: transparent;
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: .4em solid #fbb03b;
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
  top: .4em;
  left: 0;
}
@media screen and (min-width : 512px) {
  #header-title.sp h1 {
    padding-right: 48px;
  }
  .page-in-nav .menu-btn {
    width: 64px;
    height: 64px;
  }
  .page-in-nav .menu-btn::before,
  .page-in-nav .menu-btn::after {
    width: 52px;
  }
  .page-in-nav .menu-btn::before {
    top: 14px;
  }
  .page-in-nav .menu-btn::after {
    bottom: 28px;
  }
  .page-in-nav.menu-open .menu-btn::before {
    bottom: 28px;
  }
  .page-in-nav.menu-open .menu-btn::after {
    top: 14px;
  }
  .page-in-nav .menu-btn .inner-elm::before,
  .page-in-nav .menu-btn .inner-elm::after {
    font-size: 16px;
  }
  .page-in-nav .menu-block {
    top: calc(64px + 3em);
  }
}
@media screen and (min-width : 532px) {
  .page-in-nav .menu {
    font-size: 20px;
  }
}
@media screen and (min-width : 897px) {
  .header-contact.margin_right_20 {
    margin-right: 10px !important;
  }
  .heder-chiba-kun {
    padding-right: 1em !important;
  }
  .heder-chiba-kun > p {
    padding-top: 1em;
  }
  .heder-chiba-kun img {
    width: 60px !important;
  }
}
@media screen and (min-width : 1171px) {
  #header-title.pc .JC_fe {
    margin-right: 84px;
  }
  .heder-chiba-kun {
    padding-right: 1em !important;
  }
  .heder-chiba-kun > p {
    padding-top: 0;
  }
  .heder-chiba-kun img {
    width: 70px !important;
  }
}



/* * */