@charset "UTF-8";
header {
background: #fff;
position: relative;
z-index: 2;
}
.active .headerWrap {
position: relative;
z-index: 999;
}
.headerWrap > div {
display: flex;
align-items: center;
justify-content: space-around;
color: #fff;
position: relative;
gap: 10px;
}
.siteTitle {
line-height: 1;
order: 2;
opacity: 1;
transition: .3s;
}
.active .siteTitle {
opacity: 0;
}
.siteTitle a {
font-weight: bold;
text-decoration: none;
font-size: clamp(0.75rem, 0.63rem + 0.49vw, 1rem);
}
.BtnWrap {
cursor: pointer;
display: flex;
align-items: baseline;
flex-direction: column;
justify-content: center;
order: 1;
padding: 15px 0;
margin-right: auto;
}
.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;
}
.noscroll::-webkit-scrollbar{
display:none;
}
.hamburgerNav {
position: fixed;
z-index: 998;
top: 0px;
right: -120%;
width: 100%;
height: 100%;
height: 100dvh;
background: #fff;
transition: all 0.6s;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.hamburgerNav.panelactive {
right: 0;
}
.hamburgerNav .headerNav nav {
padding-bottom: 40px;
}
.hamburgerNav .headerNav {
    padding: 80px 20px 0;
max-width: 615px;
width: 100%;
margin: auto;
height: calc(100dvh - 50px);
}
.navList {
font-weight: bold;
}
.navList > li {
    border-bottom: 1px solid #8c8f94;
}
.navList > li > a,
.navList > li > span {
display: block;
}
.navList > li > a {
padding: 10px 0;
}
.navList > li > span {
padding: 10px 0 0;
}
.navList > li > ul {
margin-left: 15px;
    margin-bottom: 2px;
}
.navList > li > ul > li a {
display: block;
padding: 8px 0;
}
.pr {
color: #8c8f94;
font-size: 14px;
order: 3;
margin-left: auto;
transition: .3s;
opacity: 1;
}
.active .pr {
opacity: 0;
}
.fix-nav {
position: sticky;
top: 0;
z-index: 1;
background: #fff;
box-shadow: 0px -4px 6px #333;
}
.fix-nav ul {
display: flex;
justify-content: center;
}
.fix-nav ul li a {
display: block;
padding: 12px 0;
font-weight: bold;
font-size: clamp(0.875rem, 0.815rem + 0.25vw, 1rem);
}
.fix-nav ul li a span {
border-right: 2px solid #333;
padding: 0 16px;
color: var(--main-color);
}
.fix-nav ul li:first-child a span {
border-left: 2px solid #333;
}