@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,input,button,footer,article,aside,header,section,nav,figure,figcaption,hgroup,fieldset,textarea {
    margin:0;
    padding:0;
}
html {
    width:100%;
    min-height:100%;
    font-size:100%;
    font-family:arial,sans-serif;
    font-weight:normal;
}
body {
    width:100%;
    min-height:100%;
    color:#515151;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
ul,ol{
    list-style:none;
}
a {
    text-decoration:none;color:#515151;
}
a:visited,a:hover,a:active {
    color:#515151;
}
.clearfix {
    clear:both;
} 
header {
    width:100%;
    background-color:#fff;
    box-shadow:0 0 0.5rem #666666;
    position:fixed;
    z-index:999;
}
.header_content {
    max-width:1200px;
    margin:0 auto;
    height:84px;
}
.mobile_logo {
    display:none;
}
.meikai_logo {
    float:left;
    margin-top:24px;
}
.scrollNav, .scrollNav_2 {
    float:right;
    line-height: 80px;
}
.icon-navlist {
    display:none;
}
.scrollNav>li,.scrollNav_2>li {
    float:left;
    margin-left:2.5rem;
    font-size:0.875rem;
    cursor:pointer; 
}
.scrollNav>li:hover, .scrollNav_2>li:hover {
    color:#0a929c;
}
.scrollNav>li.active:after, .scrollNav_2>li.active:after {
    content:'';
    display:block;
    width:100%;
    height:3px;
    background-color:#0a929c;
    opacity:1;
    -webkit-transform:translateY(-1.3rem);
       -moz-transform:translateY(-1.3rem);
        -ms-transform:translateY(-1.3rem);
         -o-transform:translateY(-1.3rem);
            transform:translateY(-1.3rem);
}
.scrollNav>li:after, .scrollNav_2>li:after {
    content:'';
    display:block;
    width:100%;
    height:3px;
    background-color:#0a929c;
    opacity:0;
    -webkit-transform:translateY(-0.9rem);
       -moz-transform:translateY(-0.9rem);
        -ms-transform:translateY(-0.9rem);
         -o-transform:translateY(-0.9rem);
            transform:translateY(-0.9rem);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s; 
}
.scrollNav>li:hover:after, .scrollNav_2>li:hover:after {
    content:'';
    display:block;
    width:100%;
    height:3px;
    background-color:#0a929c;
    opacity:1;
    -webkit-transform:translateY(-1.3rem);
       -moz-transform:translateY(-1.3rem);
        -ms-transform:translateY(-1.3rem);
         -o-transform:translateY(-1.3rem);
            transform:translateY(-1.3rem);        
}
.nav_cat {
    z-index:999;
    display:none;
    position:absolute;
    right:0;
    top:4rem;
    float:right;
    width:100%;
    background-color: #fff;
    border-top: 1px #e1e1e1 solid;
    box-shadow:-1px 1px 2px #e1e1e1;
}
.nav_cat>ul {
    text-align: center;
}
.nav_cat>ul>li {
    line-height: 4.25rem;
    font-size: 0.875rem;
    cursor: pointer;
    -webkit-animation: cat 1.25s;
       -moz-animation: cat 1.25s;
        -ms-animation: cat 1.25s;
         -o-animation: cat 1.25s;
            animation: cat 1.25s;
}
@keyframes cat {
    0% {
        opacity:0;
        -webkit-transform:translateY(2rem);
           -moz-transform:translateY(2rem);
            -ms-transform:translateY(2rem);
             -o-transform:translateY(2rem);
                transform:translateY(2rem);

    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
           -moz-transform:translateY(0);
            -ms-transform:translateY(0);
             -o-transform:translateY(0);
                transform:translateY(0);
    }
}
@-webkit-keyframes cat {
    0% {
        opacity:0;
        -webkit-transform:translateY(2rem);
           -moz-transform:translateY(2rem);
            -ms-transform:translateY(2rem);
             -o-transform:translateY(2rem);
                transform:translateY(2rem);

    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
           -moz-transform:translateY(0);
            -ms-transform:translateY(0);
             -o-transform:translateY(0);
                transform:translateY(0);
    }
}
@-moz-keyframes cat {
    0% {
        opacity:0;
        -webkit-transform:translateY(2rem);
           -moz-transform:translateY(2rem);
            -ms-transform:translateY(2rem);
             -o-transform:translateY(2rem);
                transform:translateY(2rem);

    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
           -moz-transform:translateY(0);
            -ms-transform:translateY(0);
             -o-transform:translateY(0);
                transform:translateY(0);
    }
}
@-o-keyframes cat {
    0% {
        opacity:0;
        -webkit-transform:translateY(2rem);
           -moz-transform:translateY(2rem);
            -ms-transform:translateY(2rem);
             -o-transform:translateY(2rem);
                transform:translateY(2rem);

    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
           -moz-transform:translateY(0);
            -ms-transform:translateY(0);
             -o-transform:translateY(0);
                transform:translateY(0);
    }
}
.nav_cat>ul>li:after {
    content:"";
    display: block;
    height:1px;
    width:100%;
    background-color:#eee;
}

@media screen and (max-width: 1200px){
    .header_content{padding:0 2rem;}
    .scrollNav>li,.scrollNav_2>li {font-size:0.8rem;margin-left:1.5rem}   
}
@media screen and (max-width: 1024px){
    .header_content{padding:0 1rem;height:4rem;}
    .pc_logo{width:70%;}
    .scrollNav, .scrollNav_2 {line-height:64px;}
    .meikai_logo{margin-top:20px;}
    nav>ul>li{display:none;}
    .icon-navlist{display:block;font-size:1.875rem;}
}
@media screen and (max-width: 479px){
    .header_content{height:3rem;}
    .meikai_logo{margin-top:12px;}
    .pc_logo{display:none;}
    .mobile_logo{display:block;width:220px;margin:0 auto;}
    .icon-navlist{line-height:3rem;font-size:1.5rem;}
    .banner{display:none;}
    .nav_cat{top: 3rem;}
}