/* local setting */
body{
  font-family: MyHiraginoGothic,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff;
  margin: 0;
}

/* header sp */
header h1{
  margin-top: 0;
  margin-bottom: 0;
}
header a {
  text-decoration: none;
  color: #333;
}
header ol, header ul {
  margin-top: 0;
  margin-bottom: 0;
}
header .clearfix:after,header  .clearfix:before {
  display: table;
  content: " ";
}
header *, header :after, header :before {
  box-sizing: border-box;
}
header .clearfix:after {
  clear: both;
}
header .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
header.l-header {
  position: relative;
}
header .l-header__bar {
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  display: block;
  width: 100vw;
  height: 55px;
  border-bottom: 3px solid #e40011;
  background-color: #fff;
}
header .l-header__logo, header .l-header__logo img {
  width: 108px;
  height: 26px;
}
header .l-header__logo {
  margin-top: 13px;
  margin-right: auto;
  margin-left: auto;
}
header .l-header__btn {
  position: absolute;
  top: 14px;
  left: 9px;
}
header .c-header__btn__close, header .c-header__logo__open {
  display: none;
}
header .l-header__btn__online {
  position: absolute;
  top: 17px;
  right: 11px;
}
header .l-header__gnav {
  position: fixed;
  z-index: 4;
  top: 55px;
  bottom: 0;
  left: -100%;
  overflow: hidden;
  overflow-y: scroll;
  width: 100vw;
  height: 100vh;
  transition-duration: .2s;
  transition-property: left;
}
header .c-header__gnav__item {
  background-color: #fff;
}
header .c-header__gnav__item>a {
  font-weight: 700;
  line-height: 1;
  display: block;
  min-height: 52px;
  padding: 18px 46px 18px 18px;
  border-bottom: 1px solid #ddd;
  background: url(../img/icon_plus.svg) center right 12px no-repeat;
}
header .c-header__gnav .c-header__gnav__submenu {
  background-color: #eee;
  display: none;
  text-align: left;
}
header .c-header__gnav .c-header__gnav__submenu__item {
  padding-left: 0;
  list-style: none;
}
header .c-header__gnav .c-header__gnav__submenu__item>li>a {
  line-height: 1;
  display: block;
  min-height: 52px;
  padding: 18px 46px 18px 32px;
  border-bottom: 1px solid #ddd;
  background: url(../img/icon_plus.svg) center right 12px no-repeat;
}
header .c-header__gnav .c-header__gnav__submenu__item>li>a {
  line-height: 1;
  display: block;
  min-height: 52px;
  padding: 18px 46px 18px 32px;
  border-bottom: 1px solid #ddd;
  background: url(../img/icon_plus.svg) center right 12px no-repeat;
}
header .c-header__gnav .c-header__gnav__subsubmenu {
  background-color: #fff;
}
header .c-header__gnav .c-header__gnav__subsubmenu {
  display: none;
}
header .c-header__gnav .c-header__gnav__subsubmenu__item {
  padding-left: 0;
  list-style: none;
}
header .c-header__gnav .c-header__gnav__subsubmenu__item>li {
  padding-left: 25px;
}
header .c-header__gnav .c-header__gnav__subsubmenu__item>li>a {
  line-height: 1;
  position: relative;
  display: block;
  min-height: 52px;
  padding: 18px;
  border-bottom: 1px solid #ddd;
}
header .c-header__gnav .c-header__gnav__subsubmenu__item>li>a:before {
  position: absolute;
  top: 18px;
  left: 7px;
  content: "-";
}
header .c-header__gnav__item--link>a {
  background: url(../img/icon_right.svg) center right 18px no-repeat;
}
header .c-header__gnav .c-header__gnav__submenu__item>li>a.is-link {
  background: url(../img/icon_right.svg) center right 18px no-repeat;
}

/* nav open setting */
header.l-header.is-open .l-header__bar {
  background-color: #e40011;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
header.l-header.is-open .l-header__btn {
  top: 17px;
  right: 12px;
  left: auto;
}
header.js-sp-gnav.is-open .c-header__btn__open {
  display: none;
}
header.js-sp-gnav.is-open .c-header__btn__close {
  display: block;
}
header.l-header.is-open .l-header__btn__online {
  display: none;
}
header.l-header.is-open .c-header__logo__close {
  display: none;
}
header.l-header.is-open .c-header__btn__close, .l-header.is-open .c-header__logo__open {
  display: block;
}
header.js-sp-gnav.is-open .js-sp-gnav-menu {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  height: auto;
  padding-top: 55px;
}
header .c-header__gnav__item>a.is-open {
  background-image: url(../img/icon_minus.svg);
}
header .c-header__gnav .c-header__gnav__submenu__item>li>a.is-open {
  background-image: url(../img/icon_minus.svg);
}



.l-header__submenu__company {
    display: none;
}