@charset "utf-8";
/*=================================
   header(pc)
  =================================*/
.fixed-header-pc{
	position: fixed;	
	width: 100%;
	z-index: 99;
	background: #182F60;
	justify-content: space-between;
	align-items: center; 
	height: 75px;
}


.menu_area1-2{
	flex:10;
	color: #fff;
	align-items: center;
	/*
	position: absolute;
	right: 0;
	*/
}


.logo_area {
	flex:1;
	padding: 0px 0 0 10px;
}

.logo_area .logo img{
	margin-top: 7px;
	min-width: 333px;
}

@media screen and (max-width:1000px){
	
.fixed-header-pc{
	height: 56px;
}
	
.logo_area .logo img{
	margin-top: 5px;
	min-width: 263px;
}

}

@media screen and (max-width:350px){
	
.logo_area .logo img{
	width: 70%;
}
	
}	

/*ナビ枠*/
.menu_area{
	flex:6;
}


/*メガナビ*/
.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
	margin: auto;
	font-weight:500;
	font-size: 1.5rem;
}

	

.menu .menu_list {
	position:relative;	
	transition: 0.5s;	
	text-align: center;
	padding: 0px 0px 0 0;
	margin-right: 40px;
	line-height: 1.3;
}



.menu .menu_list > a {
	display: block;
	text-align: center;
	transition: .3s;
	color: #fff;
}

@media screen and (max-width:1150px) {
	
.menu {
	font-size: 1.3rem;
}
	
.menu .menu_list {
	margin-right: 25px;
}	
	
}

 

/*アニメショーン*/
.menu .menu_list > a::after {
position: absolute;	
left: 0px;
content: '';
width: 100%;
height: 3px;
background: #fff;
bottom: -17px;               /*アンダーラインがaタグの下端から現れる*/
transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
transition: transform 0.3s; /*変形の時間*/
}

.menu .menu_list > a:hover::after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}


.menu_area02{
	line-height: 0;	
	text-align: right;
	/*flex:2;*/
}


@media screen and (min-width:1550px) {
	
.menu_area02{
	line-height: 0;	
	text-align: right;
	flex:initial;
}

	
}	

.menu_area02 li{
	height: 75px;
	display: table-cell;
	vertical-align: middle;
	background: #000;
}

.menu_area02 li a:hover {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 0.6;
}

/*
.menu_area02 li:nth-child(1){
	background: #FFF33F;
}

.menu_area02 li:nth-child(2){
	background: #000;
}
*/

/*=================================
 共通
  =================================*/

.fixed-header-container figure img{cursor: pointer;}

.header-pc{
    display: block;
}
.header-sp{
    display: none;
}

/*@media screen and (max-width:1360px){*/

@media screen and (max-width:1000px){	
	
  .header-pc{
      display: none;
  }
  .header-sp{
      display: block;
  }
}