@charset "utf-8";


#header {height: 110px;}
.logo {top: 25px;font-family:'gmarket';}
.logo * {vertical-align:middle;}
.logo img {margin: 0 10px 0 0;} 
.logo a > span {margin: 5px 0 0;}
.logo span > span {display: flex;align-items: baseline;padding:0;font-weight:800;font-size:20px;color:#222;}
.logo strong {font-size:30px;letter-spacing: -0.025em;}

#menuArea {top:50px;border-top:none;}
#menuArea:before,
#menuArea:after,
#topmenu .menu{top: 110px;}
#topmenu {padding: 0 0 0 27%;}
#topmenu > li {width: 20%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a {line-height: 110px;font-size:19px;}
#topmenu li a[target="_blank"]:after {width:14px; height:14px; margin:-5px 0 0 6px; background-image:url(/images/member/common/ico_blank.png);}
#topmenu .menu{padding-left:27%;}
#topmenu .menu:before{margin:0 600px 0 0;}
#topmenu li .tit{width:27%; }
#topmenu li .tit h2{padding:12px 0 0 0;}

.btn_menu {display:none;}

#footer {padding:53px 0; border:none; background:#333;}
#footer .logo span strong {padding: 0;color: #ccc;}
#footer .logo span span {margin: 3px 0 0;font-size: 10px;font-weight: 800;color: #999;}
#footer .info {padding: 0 0 0 374px;font-size: 16px;color: rgba(255,255,255,0.65);line-height: 1.5;}
#footer .copyright {padding: 2px 0 0;font-size: 14px;}

@media all and (max-width:1440px) {
    .logo strong {font-size: 26px;}
    #font_control {right:15px;}
}
@media all and (max-width:1024px) {
    #header {height:70px;}
    .logo {top: 10px;}
    .logo span > span {font-size: 18px;}
    .logo span strong{padding: 3px 0 0;font-size:24px;}

    .btn_menu {display: block;}

    #footer {padding: 30px 0;}
    #footer .logo span span {margin: 0;}
    #footer .info {padding:0;font-size: 14px;}
    #footer address {padding:0;}

    .btn_top {top: 50px;;}
}
@media all and (max-width:768px) {
    #header {height:62px;}
    .logo {top: 8px;}
    .logo span > span {font-size: 16px;}
    .logo span strong{font-size:22px;}
    
    #footer {padding: 35px 0;}
}
@media all and (max-width:568px) {
    #header {height:58px;}
    .logo span > span {font-size: 15px;}
    .logo span strong{font-size:20px;}
}
@media all and (max-width:380px) {
    #header {height:54px;}
    .logo {top: 5px;}
}