@charset "utf-8";
/* ヘッダー設定 */

/* ヘッダー背景（元のデザインに固定）
---------------------------------------------------------- */
body#home,
body.second #header {
 background-image: url(../img/header/main_image.jpg);
 background-position: center top;
 background-repeat: no-repeat;
}

/* ヘッダー内側の透過設定
---------------------------------------------------------- */
#header {
 border-bottom: solid 1px #4d4d4d;
}
#header .header_inner {
 background-color: rgba(255,255,255,.6);
}

/* PC用レイアウト保持 */
#header_top {
 width: 900px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
#header_top .logo {
 margin: 10px 0 15px 0;
 padding: 0;
}

/* グローバルナビ */
#globalnavi ul {
 width: 900px;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 display: flex;
}
#globalnavi li {
 width: 150px;
 height: 40px;
}
#globalnavi li a {
 border-bottom: solid 4px rgba(40,84,181,.4);
 border-radius: 3px 3px 0 0;
 display: block;
 transition: all .2s;
}
#globalnavi li a:hover {
 background-color: rgba(255,255,255,.6);
 border-bottom-color: rgba(40,84,181,.8);
}
#globalnavi li a.active {
 border-bottom-color: rgba(40,84,181,1);
 pointer-events: none;
}