#rk-header{
   position:fixed;
   display: flex;
   align-items: center;
   top:0;
   left:0;
   width:100%;
   z-index:10;
   transition: .5s;
 }
.rk-header-wrapper{
   display: flex;
}

.scrolled:not(.home .scrolled) {
	background-color: rgba(255,255,255,0.9);
	transition: 1s;
}
 .rk-logo{
   position:relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 30px;
   z-index:1;
 }
.rk-logo img{
   width: 115px;
}

 #rk-header.initial{
    transition: all 0.5s ease;
  }
 .rk-header-inner{
   display: flex;
   position:relative;
   justify-content: space-between;
   width: 100%;
   margin:0 auto;
   align-items: center;
   height: 80px;
 }
 
 ul.pcMenus {
   display: flex;
   align-items: center;
   padding:0;
   font-size:1.1rem;
   gap: 15px;
 }
 
 .pcNav-list {
   padding:0 10px;
 }
 
 #rk-header ul li::before {
   content: none;
 }
 .pcNav-list a {
   color: #063f53;
   font-weight: bold;
   position: relative;
   font-size: 16px;
   text-decoration: none;
 }
 
 #spNav {
  display:none;
 }
 
 a.contact{
   color: #fff;
   font-size:16px;
   font-weight: bold;
   border: 1px solid #fff;
   border-radius: 10px;
   margin: 0 15px;
   text-decoration: none;
   padding: 10px 20px;
   width: 130px;
   height: 25px;
   line-height: 25px;
   text-align: center;
 }

.pcNav-list a:hover {
   animation: nav .5s forwards;
   color: #000;
   transition: .5s;
}

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

.pcNav-list a {
    line-height: .8em;
    margin-top: 8px;
    font-size: 15px;
 }
 
 .pcNav-list {
    padding:0 5px;
  }
 
 }
 /*********************************************************
1024px
 **********************************************************/
 @media screen and (max-width:1024px) {
 
 #pcNav{
   display:none;
 }
 #spNav {
   display:flex;
  }

 
 /*--------------------------------------------------------
 Hamburger Menu
 -------------------------------------------------------- */
 button#spMenuBtn {
   position: absolute;
   top: 18px;
   right: 22px;
   width: 27px;
   height: 27px;
   border: none;
   background-color:transparent;
   color:#333;
   font-size:8pt;
   transition: .5s;
   border-radius:2px;
 }
 
 #spNav.active button#spMenuBtn {
   position: absolute;
   color:#fff;
   z-index: 2;
   transition: .5s;
 }
 
 .spMenuBtn-container {
   position:relative;
   display: block;
   width: 100%;
   height: 100%;
 }
 
 .spMenuBtn-container .bar {
   display: block;
   position: absolute;
   height: 2px;
   border-radius: 4px;
   background-color: #063f53;
   transition:.5s;
 }
 .spMenu-opened .spMenuBtn-container .bar{
   transition:.5s;
 }
 
 .spMenuBtn-container .bar:nth-of-type(1) {
   top: 5px;
   width: 27px;
 }
 .spMenuBtn-container .bar:nth-of-type(2) {
   top: 13px;
   width: 27px;
 }
 .spMenuBtn-container .bar:nth-of-type(3) {
   top: 21px;
   width:27px;
 }
 .spMenuBtn-container span:last-child {
   position: absolute;
   bottom: 3px;
 }
  .spMenu-opened .spMenuBtn-container span:nth-of-type(1) {
   transform: translateY(9px) rotate(135deg);
 }
 .spMenu-opened .spMenuBtn-container span:nth-of-type(2) {
   opacity: 0;
   transform: translateY(1px) rotate(180deg);
 }
 .spMenu-opened .spMenuBtn-container span:nth-of-type(3) {
   transform: translateY(-7px) rotate(225deg);
 }
 
 
 /*------------------------------------------------------------------
 spMenu
 -------------------------------------------------------------------*/
 .spMenu-container {
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   opacity: 0;
   visibility: hidden;
   transition:0.5s;
 }
 .active .spMenu-container {
   opacity: 1;
   visibility: visible;
   transition:0.5s;
 }
 
 #spNav .overlay {
   position:fixed;
   top: 0;
   left: 0;
   background: linear-gradient(to right, #0d99e5 0%,#24a9d1 50%,#28b9c3 100%);
   width:100%;
   height:100%;
   opacity:0;
   visibility: hidden;
   transition:0.5s;
  }
 #spNav.active .overlay {
  opacity:1;
  visibility: visible;
  transition:0.5s;
 }

 #spNav ul {
    text-align: center;
    padding: 0 25px 0 25px;
  }
#spNav li{
   line-height: 50px;
   font-size: 18px;
} 

#spNav li>a{
   text-decoration: none;
} 

 #spNav li a:hover,
 #spNav li>button:hover{
   color:#394564;
 }

 
 #spNav .menus li a{
    color: #fff;
 }
 
 div.spMenu-container li>button{
   color:#fff;
 }

 /*背景のスクロールを止める*/
 body.spMenu-opened {
    overflow-y:hidden;
  }
 
 }