@charset "Shift_JIS";

/* 要素リセット */
/* Safari用ハック 文字サイズ調整 */
/*\*/
/* end */

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-header{
    width: 100%;
max-width : 1800px;
    margin-right: auto;
    margin-left: auto;
  text-align : left;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #013f81;
}#hpb-inner{
    position: relative;
    width: 100%;
max-width : 1200px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  text-align : center;
  padding-top : 73px;
}

#hpb-wrapper{
  
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    float: right;
max-width: 1200px;
}
#hpb-title{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#hpb-footer{
   width : 100%;
    clear: both;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
  text-align : center;
  
  background-color : #013f81;
  color : white;
  padding-top : 15px;
  padding-bottom : 15px;
  font-size : 14px;
}.hpb-main1{
	max-width : 1200px;
    clear: both;
  text-align : center;
  
  padding-left : 10px;
  padding-right : 10px;
  padding-top : 50px;
  padding-bottom : 50px;
}.hpb-main{
    margin-bottom : 20px;
  text-align : left;
  float : none;
  clear : both;
  
  margin-top : 20px;
}#hpb-nav{
    position : absolute;
    top: 0px;
    left: 0px;
    width : 100%;
max-width: 1200px;
    height : 90px;
    overflow: hidden;
  padding-top : 10px;
  margin-left : auto;
  margin-right : auto;
}
/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* コンテンツ配置領域 */

/* ナビゲーション */
#hpb-nav ul{
    list-style-type: none;
    overflow: hidden;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#hpb-nav ul::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-nav li{
    display: block;
    width : 20%;
    float: left;
    overflow: hidden;
  height : 100px;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}


#hpb-nav li a{
    display: block;
    text-align: center;
  
}#hpb-nav li a:hover{
    display: block;
  font-size : 14px;
}

#hpb-nav li span.ja{
    display:none;
  color : #393939;
}
#hpb-nav li span.en{
	font-size : 14px;
	font-weight:normal;
	padding : 50px 0px 0px;
	margin:0px;
	display:block;
	text-transform:uppercase;
  color : #393939;
}


#hpb-nav A:link{
    text-decoration: none;
}
#hpb-nav A:visited{
    text-decoration: none;
}
#hpb-nav A:hover{
    text-decoration: none;
}
#hpb-nav A:active{
    text-decoration: none;
}

#hpb-nav #nav-toppage a{
  font-weight : normal;
}
/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
/* トップページ デザイン定義 */
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 800px) {

	body{
		background-image : none;
	
    width : 100%;
  
    text-align : center;
  
    font-size : 14px;
  }

	/*--------------------------------------------------------
	  レイアウト設定
	--------------------------------------------------------*/
	#hpb-container{
		background-image : none;
		background-color: #ffffff;
	}
	#hpb-header{
		width: 100%;
		height : inherit;
	
  
    padding-top : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
  }
	#hpb-inner{
		width: 100%;
		padding-top: 0px;
	
  
  
    color : white;
  
    background-color : #013f81;
  }
	#hpb-wrapper{
		width: 100%;
		float: none;
	}
	#hpb-footer{
		width : 96%;
		margin-top: 0;
		padding-top: 10px;
	
    padding-left : 2%;
    padding-right : 2%;
  
    font-size : 13px;
  }
	#hpb-nav{
		position: relative;
		width: 100%;
		height : inherit;
  }

	/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/
	
	/* コンテンツ配置領域 */

	/* ナビゲーション */
	#hpb-nav ul{
		display: none;
	}
	#hpb-nav ul.toggled-on{
		display: block;
		padding-left: 0;
	}
	#hpb-nav li{
		width:100%;
		float: none;
	
  
    color : #393939;
  
    height : auto;
  }
	#hpb-nav li a{
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		background-image : none;
  
  
    color : white;
  }
	#hpb-nav li span.ja{
		line-height: 1.4;
		text-align: left;	
    padding-left : 10px;  
    padding-top : 10px; 
    margin-top : 0px;
  
  }
	#hpb-nav li span.en{
		line-height:1;
		position:relative;
		top: 0;
		left: 0;
		width:auto;
		text-align:left;
		padding-top : 20px;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
    height : 53px;
  
    color : white;
  }#hpb-nav a:hover,
	#hpb-nav a:active{
  
    background-color : maroon;
  }
	
	/*--------------------------------------------------------
	  共通パーツデザイン設定
	--------------------------------------------------------*/
	/* トップページ デザイン定義 */
	  #hpb-nav li a:hover{
  
    background-color : maroon;
  }

    .hpb-main{
  
    width : 94%;
  
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
  }

}