@charset "UTF-8";

@media print, screen and (min-width:1000px) {

#topHead {
position: fixed;
background:rgba(220,221,221,0.5);
width: 100vw;
height: 75px;
color: #083357;
padding: 0 50px;
top: 0;
left: 0;
z-index: 500;
display: flex;
justify-content: space-between;
align-items: center;
}

#topHead #logo {
position: relative;
background: url("../img/logo.png") no-repeat;
background-size: 190px;
width: 190px;
height: 32px;
}

#topHead #logo a span {
width: 190px;
height: 32px;
font-size: 0;
display: block;
text-indent: -10000px;
}

#topHead #logoJ {
position: absolute;
font-size: 1.6rem;
font-weight: 700;
left: 260px;
top: 22px;
}

#topHead #globalNav ul {
position: relative;
display: flex;
justify-content: flex-end;
top: -4px;
}

#topHead #globalNav ul li {
text-align: center;
}

#topHead #globalNav ul li a {
position: relative;
background: url("../img/window_blank.png") no-repeat right;
background-size: 12px;
font-size: 1.4rem;
font-weight: 700;
color: #083357;
padding-right: 20px;
text-decoration: none;
line-height: 1;
}

#topHead #globalNav ul li a::after {
position: absolute;
background-color: #083357;
content: "";
width: 100%;
height: 1px;
bottom: -6px;
left: 0;
transform: scale(0, 1);
transform-origin: left top;
transition: all .3s ease;
}

#topHead #globalNav ul li a:hover::after {
transform: scale(1, 1);
}

}

@media print, screen and (max-width: 999px) {

#topHead {
position: fixed;
background:rgba(220,221,221,0.5);
width: 100vw;
height: 75px;
color: #083357;
top: 0;
left: 0;
z-index: 500;
display: flex;
justify-content: space-between;
align-items: center;
}

#topHead #logo {
position: absolute;
background: url("../img/logo.png") no-repeat;
background-size: 190px;
width: 190px;
height: 32px;
top: 10px;
left: 10px;
}

#topHead #logo a span {
width: 220px;
height: 37px;
font-size: 0;
display: block;
text-indent: -10000px;
}

#topHead #logoJ {
position: absolute;
font-size: 1.2rem;
line-height: 1;
left: 10px;
top: 48px;
}

#topHead #globalNav ul {
position: absolute;
display: flex;
justify-content: flex-end;
top: 25px;
right: 10px;
}

#topHead #globalNav ul li {
text-align: center;
}

#topHead #globalNav ul li a {
position: relative;
background: url("../img/window_blank.png") no-repeat right;
background-size: 12px;
font-size: 1.3rem;
color: #083357;
padding-right: 20px;
text-decoration: none;
line-height: 1;
}

}