@charset "UTF-8";
 .archive-menu-section {
border-top: 1px solid rgba(0, 99, 15, 0.1);
height:100%;
}
.single-experts .archive-menu-section {
height:auto;
} .archive-nav-wrapper {
border-bottom: 1px solid rgba(0, 99, 15, 0.1);
height: 100px;
transition: 0.5s;
width: 100%;
z-index: 12;
background: #fff; }
.archive-nav-wrapper.is-fixed {
height: 60px;
border-top: 1px solid rgba(0, 99, 15, 0);
}
@media (min-width: 769px) { }
@media (max-width: 1024px) {
#archive-nav.is-fixed {
top: 61px;
}
.news .page-header, .post-type-archive-works .page-header, .category .page-header, .post-type-archive-experts .page-header{
padding-top:0;
}
}
@media (max-width: 768px) {
#archive-nav {
opacity:1;
visibility: visible;
left: 0;
height: 50px;
z-index: 12;
border-top: 1px solid rgba(0, 99, 15, 0.1);
position: relative;
}  #default.is-fixed{
display: block;
}
}
.archive-nav-wrapper .archive-nav {
width: 100%;
height: 100%;
transition: 0.5s;
}
.archive-nav-wrapper .archive-nav ul,.archive-menu-section .archive-nav ul {
display: flex;
justify-content: flex-start;
margin-left: -3rem;
}
.archive-nav-wrapper .archive-nav ul li,.archive-menu-section .archive-nav ul li{
margin: 0;
padding: 0;
}
.archive-nav-wrapper .archive-nav ul li a,.archive-menu-section .archive-nav ul li a {
padding: 0 3rem;
display: block;
color: var(--main-txt-color);
font-family: Helvetica Neue, "Open Sans", "sans-serif";
font-size: 1.4rem;
line-height: 100px;
position: relative;
letter-spacing: 0.08em;
}
.archive-nav-wrapper.section.is-fixed .archive-nav ul li a {
line-height: 60px;
}
.archive-nav-wrapper .archive-nav ul li a:before,.archive-menu-section .archive-nav ul li a:before {
background: #003974;
content: "";
width: calc(100% - 6rem);
margin: 0 auto;
height: 2px;
position: absolute;
bottom: 0;
transform: scale(0);
transition: 0.5s ease-in;
}
.archive-nav-wrapper .archive-nav ul li a:hover:before,.archive-menu-section .archive-nav ul li a:hover:before {
transform: scale(1);
}
.archive-nav-wrapper .archive-nav ul li.current a,.archive-menu-section .archive-nav ul li.current a {
color: var(--main-tit-color);
position: relative;
}
.archive-nav-wrapper .archive-nav ul li.current a:before,.archive-menu-section .archive-nav ul li.current a:before {
background: #003974;
content: "";
width: calc(100% - 6rem);
margin: 0 auto;
height: 2px;
position: absolute;
bottom: 0;
transform: scale(1);
}
.archive-list-section {
padding: 8rem 0 calc(var(--basevw)*200);
transition: 0.5s ease-in;
}
.news .archive-list-section, .parent-pageid-107 .archive-list-section {
padding: 8rem 0 0;
}
.archive-list-section .expart_index_wrap.columns.current, .archive-list-section .work_index_wrap.columns.current {
display: flex !important;
}
.archive-list-section .columns.is-multiline .column {
margin-bottom: 7rem;
}
.single-experts .archive-menu-section {
position: fixed;
top: 91px;
z-index: 100;
background: #fff;
width: 100%;
left: 0;
border-top: none;
}
.single-experts .archive-menu-section .archive-nav {
height: 60px;
}
.single-experts .archive-menu-section .archive-nav li a {
line-height: 60px;
}
.hide {
display: none;
}
@media (max-width: 1024px) {
.single-experts .archive-menu-section {
top: 60px;
}
.archive-menu-section .section.is-fixed {
top: 61px;
}
}
@media (max-width: 768px) {
.archive-menu-section{ }
.archive-menu-section .archive-nav, .archive-nav-wrapper {
height: 50px !important;
}
.archive-list-section .work_index_wrap.columns.current {
display: block !important;
}
.archive-menu-section .archive-nav ul, .archive-nav-wrapper .archive-nav ul {
margin-left: -1.4rem;
overflow-x: auto;
}
.archive-menu-section .archive-nav ul li a, .archive-nav-wrapper .archive-nav ul li a{
padding: 0 calc(var(--basevw)*14);
font-size: 1.1rem;
line-height: 50px !important;
white-space: nowrap;
}
.android .archive-menu-section .archive-nav ul li a, .android .archive-nav-wrapper .archive-nav ul li a {
padding: 0 calc(var(--basevw)*12);
}
.archive-menu-section .archive-nav ul li.current a:before, .archive-nav-wrapper .archive-nav ul li.current a:before  {
width: calc(100% - 2.8rem);
}
.archive-menu-section .archive-nav ul li a:before, .archive-nav-wrapper .archive-nav ul li a:before {
width: calc(100% - 2.8rem);
}
.archive-list-section .columns.is-multiline .column {
margin-bottom: calc(var(--basevw, 40px) * 40);
}
.work_index_wrap .column, .new_index_wrap .column {
max-width:none;
}
.experts .archive-list-section .columns.is-multiline .column,
.page-id-44 .archive-list-section .columns.is-multiline .column {
margin-bottom: calc(var(--basevw, 20px) * 20);
}
.archive-list-section {
padding: calc(var(--basevw, 40px) * 40) 0 calc(var(--basevw, 80px) * 80);
}
.expart_index_wrap {
margin-bottom: 0 !important;
}
.experts .pagination,
.page-id-44 .pagination {
margin-top: calc(var(--basevw, 20px) * 20);
}
.news .archive-list-section, .parent-pageid-107 .archive-list-section {
padding: 8rem 0 8rem;
}
}
@media (min-width: 769px) {
.archive-nav-wrapper.is-inview {
position:relative;
z-index: 100;
transition:none;
}
.post-type-archive-experts.appear .archive-list-section {
transition:none;
padding: 8rem 0 0;
}
.page-section.archive-menu-section#pinwrap {
padding-bottom:calc(var(--basevw) * 200)
}
#pinWraptrigar {
position:absolute;
left:0;
top:-90px;
height:calc(100% - 100px);
}
}