:root {
  --main_c : #14519d;
}
 




body {height:100%; }
html {height:100%}

.flex {display:flex}
.b_t {font-size:1.4em}
.box_100 {width:100%; display:inline-block}


/* Header */
#header_wrap {width:100%; display:inline-block; z-index:99999; top:0; position:fixed; }

#header_wrap:after {  content:''; width:100%; height:80px; top:0; left:0; position:absolute;  z-index:99999; }  

header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
   	height:80px; top:0; left:50%; 
	padding: 0 5%;	margin: 0px auto;
	display:flex; align-items:center; 
     transform: translate(-50%, 0); 
	box-sizing: border-box;  min-width:1300px;
	border-bottom:1px solid rgba(255,255,255,.3);
	    transition: all .3s;
	
}
 



header#header:hover {background-color:#fff}
.header img.logo_c {display:none}
.header img.logo_w {display:inline-block}
.header h1 {line-height:0}
.header h1 img {margin-top:-7px}

 

.header.scroll {background-color:#fff;  }
.header.scroll img.logo_w {display:none}
.header.scroll img.logo_c {display:inline-block}
.header.scroll .ham p span { background-color:#333; }

.header:hover   {background-color:#fff}
.header:hover img.logo_w {display:none}
.header:hover img.logo_c {display:inline-block}
.header:hover .ham p span { background-color:#333; }


nav#gnb {
 position:relative;  top:0px;
 width:auto; margin-left:5%; 
}
nav#gnb > ul {   display:flex; }
nav#gnb > ul > li {
 display:inline-block;  box-sizing:border-box; padding:0 35px; position:relative; z-index:9999999; white-space:nowrap
  
}
nav#gnb > ul > li:last-child  { background:none }

nav#gnb > ul > li > a {
display: inline-block;

font-size: 1.35em;
line-height:80px;
 
 font-weight:500; 
color: #fff;
}
header#header:hover nav#gnb > ul > li > a {color:#111}
.header.scroll  nav#gnb > ul > li > a {color:#111}

  

nav#gnb > ul > li > ul { display:none;  width:220px; background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0); box-shadow:2px 2px 5px rgba(0,0,0,.1); border-radius:0 0 10px 10px; padding:20px 0 }
nav#gnb > ul > li > ul > li {width:100%; padding:4px 5px; text-align:center;  box-sizing:border-box; white-space:nowrap; }
nav#gnb > ul > li > ul > li > a {display:inline-block;width:100%; font-size:1.1em;}
nav#gnb > ul > li > ul > li:hover a {color:#000; text-decoration:underline;  } 


header#header div:last-child {margin-left:auto} 

a.global {display:flex; align-items:center; line-height:1; position:absolute; right:5%; color:#fff}
a.global b {margin:0 7px; font-weight:400}  
a.global i {font-size:14px}

.header.scroll  a.global b {color:#333}
.header:hover  a.global b {color:#333}
.header:hover  i {color:#111 }
.header.scroll  i {color:#111 }
 



div.global_open { position:absolute; right:5%; margin-right:-30px; width:100px; background-color:#fff; border:1px solid #ddd; top:60px; text-align:center; padding:10px 0 7px 0;   display:none }
div.global_open p {padding:3px 0;}
a.global.active + div.global_open {display:block}

@media all and (min-width:900px) {
      #m_top {display:none}
}

@media all and (max-width:900px) {
 
		header#header {display:none}
		#header_wrap:after {display:none}
		#m_top {display:flex; width:100%; box-sizing:border-box; padding:0 4%; height:70px; background-color:#fff; align-items:center; justify-content:space-between; position:relative; z-index:9999; left:0; top:0}
		#m_top h1 {line-height:0}
		#m_top h1 img {width:150px; margin-top:-10px}

		#m_top a {display:flex; align-items:center; justify-content:center;}

		 .flex {flex-wrap:wrap}

}





.in {width:100%; max-width:1240px; margin:0 auto; box-sizing:border-box;}






@media all and (max-width:1241px) {
  .in {padding:0 4%;   }

}



a.fixed_top {width: 65px;
		height: 65px;
		display: flex; flex-wrap:wrap;
		align-content:center;
		justify-content:center;
		text-align:center;
		position: fixed;
		z-index: 999;
		right: 2%;
		bottom: 8%;
		border-radius:50%;
		text-align: center;
		background-color: #0a2f8e;
		color: #fff;
} 
a.fixed_top i {font-size:13px }
a.fixed_top p {width:100%; }



footer {text-align:center; background-color:#fff; border-top:1px solid #ddd;  padding:40px 0; line-height:1.4; color:#333}


@media all and (max-width:900px) {
  footer {padding:30px 3%; box-sizing:border-box}
  footer img {max-width:130px}

}