@charset "UTF-8";
/*-----------------------
 doken mv
-------------------------*/
/*basic*/
.doken_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; }
  .doken_header .doken_header_inner {
    width: 1000px;
    margin: auto;
    display: table; }
    .doken_header .doken_header_inner > div {
      display: table-cell;
      vertical-align: top; }

/*customize*/
.doken_header {
  height: 103px;
  background: #e8f4fa; }
  .doken_header .doken_header_inner {
    padding: 30px 15px 8px 25px; }
  .doken_header .doken_header_logo h1 {
    margin: 0; }

.menu-content ul {
  display: flex;
  justify-content: flex-end; }
  .menu-content ul li.doken_header_navi_tel a {
    font-size: 2.4rem;
    font-weight: 700;
    font-family: "小塚ゴシック Pr6N","メイリオ","ヒラギノ丸ゴ ProN","ヒラギノ角ゴシック",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    text-indent: 0.05em;
    letter-spacing: 0.05em;
    display: block;
    margin: 7px 0 0 0;
    padding: 0 0 0 30px;
    position: relative; }
    .menu-content ul li.doken_header_navi_tel a span {
      position: absolute;
      top: -3px;
      left: 0; }
  .menu-content ul li.doken_header_navi_tel small {
    display: block;
    text-align: center;
    font-family: "メイリオ","小塚ゴシック Pr6N","ヒラギノ丸ゴ ProN","ヒラギノ角ゴシック",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.1rem;
    text-indent: 0.1em;
    display: block;
    margin: 10px 0 0 0; }
  .menu-content ul li.doken_header_navi_form {
    margin-left: 15px; }
    .menu-content ul li.doken_header_navi_form a {
      font-size: 1.4rem;
      font-weight: bold;
      color: #FFF;
      width: 184px;
      height: 46px;
      display: block;
      position: relative;
      padding: 16px 0 0 20px;
      letter-spacing: 0.1em;
      background: #0a429a; }
      .menu-content ul li.doken_header_navi_form a::before {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        content: "";
        background: url("../images/doken_arr.png") no-repeat;
        background-size: cover;
        width: 16px;
        height: 13px; }
  .menu-content ul li.doken_header_navi_line {
    margin-left: 15px; }
    .menu-content ul li.doken_header_navi_line a {
      font-size: 1.4rem;
      font-weight: bold;
      color: #FFF;
      width: 184px;
      height: 46px;
      display: block;
      position: relative;
      padding: 16px 0 0 60px;
      letter-spacing: 0.1em;
      background: #01b901; }
      .menu-content ul li.doken_header_navi_line a::before {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        content: "";
        background: url("../images/doken_arr.png") no-repeat;
        background-size: cover;
        width: 16px;
        height: 13px; }
      .menu-content ul li.doken_header_navi_line a span {
        position: absolute;
        top: 4px;
        left: 14px; }

#menu-btn-check {
  display: none; }

@media screen and (max-width: 999px) {
  .doken_header {
    height: 64px; }
    .doken_header .doken_header_inner {
      padding: 8px 10px 8px;
      width: 100%; }

  .menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background: #000; }

  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute; }

  .menu-btn span:before {
    bottom: 8px; }

  .menu-btn span:after {
    top: 8px; }

  #menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    /*メニューオープン時は真ん中の線を透明にする*/ }

  #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg); }

  #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg); }

  #menu-btn-check {
    display: none; }

  .menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    /*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    transition: all 0.5s;
    /*アニメーション設定*/
    background: rgba(255, 255, 255, 0.9); }

  .menu-content ul {
    padding: 70px 10px 0; }

  .menu-content ul li {
    margin-bottom: 15px; }

  #menu-btn-check:checked ~ .menu-content {
    left: 0%;
    /*メニューを画面内へ*/ }

  .menu-content ul {
    display: block; }
    .menu-content ul li.doken_header_navi_tel {
      text-align: center; }
      .menu-content ul li.doken_header_navi_tel a {
        margin: auto;
        text-align: center;
        display: inline-block; }
    .menu-content ul li.doken_header_navi_form {
      margin-left: 0; }
      .menu-content ul li.doken_header_navi_form a {
        margin: auto; }
    .menu-content ul li.doken_header_navi_line {
      margin-left: 0; }
      .menu-content ul li.doken_header_navi_line a {
        margin: auto; } }