@charset "utf-8";


/*=================================
   header(pc)
  =================================*/
.fixed-header-pc{
width: 100%;
/*height: 176px;*/
z-index: 99;
padding: 0em 0;
background: #fff;
font-family: "Noto Serif JP", serif;
position: fixed;	
}


.fixed-header-pc.sticky{
position: fixed;
top: 0;
left: 0;
background: rgba(255,255,255,0.9);
box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.05);
-webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;	
}

@media screen and (max-width:1000px){
/*
.fixed-header-pc.sticky{
position: initial;	
background: initial;
box-shadow: initial;	
}
*/
}


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

/*メガナビ*/
.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
	/*width: 1100px;*/
	margin:10px auto 0;
	font-weight:400;
	font-size: 16px;
}

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





.menu .menu_list > a {
	display: block;
	/*padding: 10px;*/
	text-align: center;
	transition: .3s;
	color: #233B5E;
}

@media screen and (max-width:1105px){
	
.menu {
	font-size: 15px;
}	

}

 

/*アニメショーン*/
.menu .menu_list > a::after {
position: absolute;
left: 0px;
content: '';
width: 100%;
height: 3px;
background: #233B5E;
bottom: 0px;               /*アンダーラインが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（相対値）伸長*/
}



/*現ページ*/
/*.home .fixed-header-pc .navi01 .thispage1 a::after,*/
.page_home .fixed-header-pc .thispage1 a::after, 
.page_guide .fixed-header-pc .thispage2 a::after, 
.page_service .fixed-header-pc .thispage3 a::after, 
.page_company .fixed-header-pc .thispage4 a::after,
.page_contact .fixed-header-pc .thispage5 a::after
{
/*transform: scale(1, 1);     ホバー後、x軸方向に1（相対値）伸長*/
/*background: #233B5E;*/	
}

.page_home .fixed-header-pc .thispage1 a, 
.page_guide .fixed-header-pc .thispage2 a, 
.page_service .fixed-header-pc .thispage3 a, 
.page_company .fixed-header-pc .thispage4 a,
.page_contact .fixed-header-pc .thispage5 a
{
color: #fff;	
}



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

.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;
  }
}