@charset "UTF-8";
/* ================ヘッダーナビ・フッターナビCSS================*/ 



/*------------ヘッダーナビ------------ */ 

/* メニュー上に固定 */ 

.Header {
width: 100%;
position: fixed;
top: 0;
height: 90px; 
border-bottom: 1px solid #e5e5e5;
background-color:rgba(255,255,255,0.9);
box-sizing: border-box;
z-index: 3;
}


@media only screen and (max-width: 991px) {
.Header {
height: 110px; 
}
}


/* ロゴ＆メニュー絶対配置の起点用 */
.Menuwrap {
position: relative;
}


/* ロゴ */
.logo {
position:  absolute;   
left:  0;              
top: 10px;       
}



@media only screen and (max-width: 991px) {
.logo {
position:  absolute;   
top: 5px;
left: 0;
right: 0;
bottom: 0;
margin: auto;   
}
.logo img {
width: 150px;   
}

}

/* -----ここからpc用 -----*/

nav.globalMenu {
position: absolute;
top: 0;
right: 0;
color: #000;
text-align: right;
width: 73%;
}

nav.globalMenu ul {
display: flex;
flex-flow: row;
justify-content: space-between;
margin: 0;
}

nav.globalMenu ul li {
font-size: 14px;
list-style-type: none;
border: none;
}

nav.globalMenu ul li a {
display: block;
padding: 2px 6px;
margin-top: 8px;
color: #000;
}
nav.globalMenu ul li a:hover{
color: #fff;
background: #1e478a;
text-decoration: none;
}


/*----- pc用ここまで----- */


/* -----ここからSP用 -----*/
@media only screen and (max-width: 991px) {
nav.globalMenu {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
color: #000;
text-align: center;
width: 100%;
transform: translateY(-100%);
}

nav.globalMenu ul {
display: flex;
flex-flow: column;
background-color:rgba(255,255,255,0.9);
width: 100%;
}

nav.globalMenu ul li {
padding: 0;
width: 100%;
border-bottom: 1px dotted #333;
}

/* 最後はラインを描かない */
nav.globalMenu ul li:last-child {
padding-bottom:20px;
border-bottom: none;
}

nav.globalMenu ul li a {
display: block;
color: #000;
padding: 1em 0;
}
}


/* -----SPここまで -----*/



/* このクラスを、jQueryで付与・削除する */
nav.globalMenu.active {
transform: translateY(0%);
}


/* ハンバーガー*/

.navToggle {
display: block;
position: absolute;
left: 5px;
top: 9px;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 1;
text-align: center;
}

.navToggle span {
display: block;
position: absolute;    /* .navToggleに対して */
width: 35px;
border-bottom: solid 3px #666;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;    
}

.navToggle span:nth-child(1) {
top: 10px;
}

.navToggle span:nth-child(2) {
top: 20px;
}

.navToggle span:nth-child(3) {
top: 30px;
}


/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}


@media only screen and (min-width: 991px) {
.navToggle {
display: none;  
}
}

/* 下段メニュー */
.busMenu {
position:  absolute;   
right:  0;              
top: 35px;       
width: 70%;
}

.busMenu ul {
display: flex;  
flex-flow: row;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0; 
width: 100%; 
}

.busMenu li {
display: block;
padding: 10px;
margin: 2px;
width: 100%;
text-align: center;
box-sizing: border-box;
}


.busMenu li a {
color:  #fff;
}

.busMenu li a::before {
font-family: "Font Awesome 5 Free";
content: "\f207"; 
font-weight: 900;
padding-right: 6px;
}



@media only screen and (max-width: 991px) {
.busMenu {
position:  absolute;   
right:  0;              
top: 60px;       
width: 100%;
}
.busMenu li {
display: block;
padding: 10px;
margin: 2px;
width: 100%;
text-align: center;
box-sizing: border-box;
}
}

/* バスメニュー背景色 */
.bg_darkgreen{
background:  #00692e;
}

.bg_bluegreen{
background: #078674;
}

.bg_green{
background: #4e9a1f;}



/*------------フッターナビ------------ */ 

.footnavi{
display: flex;
justify-content: space-between;
}
.footnavi ul{
  list-style: none;
  width: 100%;
}
.footnavi li{
border-bottom : solid 1px #d2dae8 ;
width: 90%;
margin: 0 auto;
}

.footnavi li a{
color: #1e478a;
padding:2px;
}

.footnavi li a:hover{
color: #fff;
padding:2px;
background: #1e478a;
text-decoration: none;
}

.footnavi li:first-child{
border-bottom : solid 1px #1e478a ;
font-weight:bold;
}



@media only screen and (max-width: 991px) {
.footnavi{
display: block;
}
}