@charset "UTF-8";
header {
height: 50px;
border-bottom: 1px solid #c5c5c5;
}
.headerWrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: relative;
}
.header > div {
margin: auto;
width: 1200px;
}
.siteTitle a {
font-weight: bold;
text-decoration: none;
}
.BtnWrap {
cursor: pointer;
display: flex;
align-items: baseline;
flex-direction: column;
justify-content: center;
position: absolute;
left: 20px;
height: 50px;
}
.spNavBtn {
position: relative;
height: 20px;
width: 30px;
}
.spNavBar span{
display: inline-block;
transition: all .4s;
position: absolute;
width: 30px;
height: 1px;
}
.spNavBar span {
background:#3A3A3A;
transition: .3s;
}
.spNavBar span:nth-of-type(1) {
top:2px; 
}
.spNavBar span:nth-of-type(2) {
top: 18px;
}
.openHeader {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
}
.noscroll::-webkit-scrollbar{
  display:none;
}
.hamburgerNav {
position: fixed;
z-index: 999;
top: 0px;
right: -120%;
width: 100%;
height: 100%;
height: 100dvh;
background: #f8f7f6;
transition: all 0.6s;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.hamburgerNav.panelactive {
right: 0;
}
.hamburgerNav .headerNav nav {
padding-bottom: 40px;
}
.hamburgerNav .headerNav {
padding: 20px 20px 0;
max-width: 615px;
width: 100%;
margin: auto;
height: calc(100dvh - 50px);
}
.headerNav ul li {
margin-bottom: 8px;
}
.navList {
	font-weight: bold;
}
.navList > li > span:first-child {
padding-right: 10px;
}
.navList > li > ul {
margin-left: 15px;
}
.pr {
position: absolute;
right: 20px;
color: #8c8f94;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.siteTitle {
display: none;
}
}