.header{
  display:flex;
  width:100%;
  height:10rem;
  position:fixed;
  top:0;
  z-index:9999;
  background-color:white;
  font-family: "Noto Sans JP", sans-serif;
}
.header_title{
  font-size:1.7rem;
  color:#003A98;
  font-family: "Zen Old Mincho", serif;
  width:20.4rem;
  height:4.8rem;
  margin:2.5rem 10.8rem 0 5rem;
  line-height:2.5rem;
  

}
.nav_list{
  display:flex;
  gap:7rem;
  font-size:1.6rem;
  font-weight:500;
  margin-top:2.5rem;
}
.nav_sp{
  display:none;
}
.nav_link{
  color:black;
  position:relative;
  
}
.nav_link.current::after{
  content:'・';
  position:absolute;
  bottom:-3rem;
  left:1.7rem;
  font-size:2.8rem;
  color:#003A98;

}
.nav_link.top_link.current::after{
  content:'・';
  position:absolute;
  bottom:-3rem;
  left:0.2rem;
  font-size:2.8rem
}
.nav_link.contact_link.current::after{
  content:'・';
  position:absolute;
  bottom:-3rem;
  left:3.5rem;
  font-size:2.8rem
}
.nav_sp{
  display:none;
}


.top_arc_text_hover{
   transition: background-color 0.2s ease;
}

.top_arc_text_hover:hover{
    color: #003A98;    
}


.banner_text_order:hover{
    background-color: #003A98;
    color:#fff  ;
}


#banner_js {
  transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s;
}

.banner_visible {
  transform: translateY(0);
  opacity: 1;
}


.banner_hidden {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}

.banner{
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: #EEFF16;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
    z-index: 9999;
    padding: 1.2rem 3rem 1.25rem 5.8rem;
}

.banner_layout_flex{
    justify-content: end;
    display: flex;
    align-items: end;
    gap: 1rem;
    width: 100%;
}

.banner_list_space{
    padding-right: 2.227rem;
}


.banner_img_line{
    border-radius: 0.5rem;
    width: 14.573rem;
    height: 4.5rem;
}

.banner_img_order{
    width: 14.573rem;
    height: 4.5rem;
}

.banner_img_telephone{
    width: 4.5rem;
    height: 4.5rem; 
    background-color: #003A98;  
    padding: 0.9rem;
    border-radius: 50%;
}

.banner_img_telephone:hover{
    background-color: #000000;
}


.banner_text{
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height:1.4 ;
    color:#003A98 ;
    text-align: center;
    padding-bottom: 0.25rem;
    white-space: nowrap;
}

.banner_text_order{
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height:1.5 ;
    color:#003A98 ;
    background-color: #F0F0F0;
    padding: 1.1rem 1.8rem 1rem;
    width: fit-content;
    border-radius: 2.3rem;
    white-space: nowrap;
}

.banner_anchor_block{
    display: block;
    width: fit-content;
}


    .banner_img_telephone,.banner_text_order{
      transition: background-color 0.2s ease;
    }

@media screen and (max-width:699.98px) {
  .header_title{
    font-size:1.4rem;
    line-height:1.9rem;
    margin:1.2rem 13.9rem 0 1rem;
  }
  .nav{
    display:none;
  }
  .nav_sp{
   
    font-size:1.6rem;
    font-weight:500;
    background-color:white;
    z-index:9000;
    color:black;
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    padding-top:10rem;
  }
  .header{
    height:6.5rem;
  }
  .header-menu{
    width:9.6rem;
    margin:0 15.2rem;
  }
  .header-menu li{
    margin-bottom:2.5rem;
  }
  .hamburger {
      position: absolute;
      top: 1rem;
      right:1rem;
      cursor: pointer;
      width: 4.8rem;
      height: 4.8rem;
      z-index: 10;
      background-color:#E2E2E2;
      border-radius: 50%;
  }
  .hamburger.open{
    width:3.6rem;
    height:3.6rem;
    top:1rem;
    right:2.5rem;
  }
  .hamburger span {
      /*3本の線を作る*/
      transition: all .3s;
      position: absolute;
      height: 0.1rem;
      background-color: #003A99;
      width:2.2rem;
      z-index: 10;
      right:1.3rem;
  }
  .hamburger span.open{
    width:3.6rem;
    height:3.6rem;
  }
  .hamburger span:nth-of-type(1) {
      /*上の線の位置*/
      top: 1.6rem;
  }
  .hamburger span:nth-of-type(2) {
      /*真ん中の線の位置*/
      top: 2.4rem;
  }
  .hamburger span:nth-of-type(3) {
      /*下の線の位置*/
      top: 3.1rem;
  }
  .hamburger.open span:nth-of-type(1) {
      /*openのとき、上の線を右斜めにする*/
      top: 1rem;
      transform: translateY(0.6rem) rotate(-40deg);
      left:0.6rem;
  }
  .hamburger.open span:nth-of-type(2) {
      /*真ん中の線を消す*/
      opacity: 0;
  }
  .hamburger.open span:nth-of-type(3) {
      /*下の線を左斜めにする*/
      top:2.2rem;
      transform: translateY(-0.6rem) rotate(40deg);
      left:0.6rem;
  }
  .menu-open{
    overflow:hidden;

  }
  .nav_link.current::after{
    bottom:-0.8rem;
    left:-3.7rem;
  }



    .banner{
      width: 100%;
      clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);
      padding: 0.8rem 0 0.5rem;
    }

    .banner_layout_flex{
        width: fit-content;
        margin: 0 auto;
        gap: 1rem;
    }
    

    .banner_list_space{
        padding-right:1.198rem ;
    }

    .banner_list_sp_space_tele{
        padding-left: 1.2rem;
    }

    /* 画像 */
    .banner_img_line{
        width: 12.602rem;
        height: 3.891rem;
    }

    .banner_img_order{
        width: 14.573rem;
        height: 4.5rem;
    }

    .banner_img_telephone{
        width: 4rem;
        height: 4rem; 
        background-color: #003A98;  
        padding: 0.8rem;
        border-radius: 50%;
    }

    
 
    .banner_text{
        font-size: 1.1rem;
        padding-bottom: 0.25rem;
    }

    .banner_text_order{
        font-size: 1.3rem;
       font-family: "Noto Sans JP", sans-serif;
        font-weight: 500;
        letter-spacing: 0;
        line-height:1.5 ;
        color:#003A98 ;
        background-color: #F0F0F0;
        padding: 1rem 1.6rem 0.9rem 1.8rem;
        width: fit-content;
        border-radius: 2.3rem;
         
    }

    .banner_sp_border{
        border:#003A98 0.1rem solid;
    }

}