@charset "utf-8";
/* CSS Document */
/* リセットCSS */
*{
margin: 0;
padding: 0;
}

section,main,header,footer,nav{
display: block;
}
img{
display: block;
}

ul, li{
list-style: none;
}

a{
text-decoration: none;
color: black;
}

body{
font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", "sans-serif", "小塚ゴシック Pr6N R";
color:black;
}


/* トップサイトCSS */
  /* ヘッダー */
  /* ロゴ・ボタンとそのまとまり */
#logo{
float: left;
width: 358px;
height: 56px;
}

#button{
float: right;
width: 240px;
height: 60px;
font-size: 17px;
font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", "sans-serif", "小塚ゴシック Pr6N R";
border-radius: 5px;
background-color:#edad0b;
color: white;
margin-top: 12px;
}

#wrap{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
height: 90px;
}
  /* グローバルナビ */
#gNavi{
  background-color: #3261ab;
  width: 100%;
  height: 60px;
  }
  
  #gNavi ul{
  /*float: left;*/
  margin: auto;
  width: 1000px;
  overflow: hidden;
  }
  
  #gNavi li{
  float:left;
  /* width: 60px;*/
  }
  
  
  /*メインビジュアル*/
#main{
  margin: auto;
  width: 1000px;
  margin-top: 35px;
  }
  
  /*新着情報*/
#info{
  margin: auto;
  width:1000px;
  height: 200px;
  margin-top: 50px;
  }
  #blue_bg{
  background-color: #3261ab;
  width: 990px;
  height: 165px;
  position: relative;
  }
  #white_bg{
  background-color: white;
  opacity: 0.36;
  height: 160px;
  width: 840px;
  position: absolute;
	  left: 90px;
	  top: 2.5px;
  }
  #info ul{
	position: absolute;
	top: 20px;
	left: 125px;
}
  #info li{
  color: white; 
  position: relative;
  
	
}

  /*ERPとは*/
#about_erp{
	width: 990px;
	height: 280px;
	margin: auto;
	margin-top:75px; 
}
  #about_erpImg{
	float: left;
  }
  #about_erpText{
	width:565px;
	height:280px;
	float:left;
	margin-left: 20px;
	background-image: url(../image/circle.png);
	background-repeat: no-repeat;
	position: relative;	
  }
  #about_erpText h2{
	float: left;
	width: 150px;
	height: 60px;
	padding-top: 25px;
  padding-left: 30px;
  }
  #text_erp{
	margin-top: 25px;
	clear: both;
	height:  150px;
	width:  560px;
	
  }

/*理由*/
#reasons{
	width: 990px;
	height: 505px;
	margin: auto;
	margin-top: 80px;
	background-image: url(../image/circle.png);
	background-repeat: no-repeat;
	position: relative;
}
  #reasons h2{
	width: 245px;
	height: 25px;
	padding-top: 25px;
  padding-left: 30px;
  }
  #reasons ul{
	float: left;
	position: absolute;
		top: 100px;
  }
  #reasons li{
	float: left;
	width: 330px;
	height: 405px;
	background-color: #d5edf4;
  }
    #reasons li:nth-child(2) {
       background-color: white;
  }
    #reasons li p{
	  margin-top: 15px;
    padding: 10px;
    width: 310px;
  }

/*ネクソルについて*/
#aboutUs{
	width: 1000px;
	height: 600px;
	margin: auto;
	margin-top: 60px;
	position: relative;
	background-image: url(../image/circle.png);
	background-repeat: no-repeat;
}
  #aboutUs h2{
	 padding-top: 30px;
   padding-left: 40px;
	  float: left;
	  width: 480px;
	  height: 30px;
  }
  #aboutUs ul{
	  width: 990px;
	  height: 510px;
	  clear: both;
	  padding-top: 11px;
    padding-left: 5px;
    }
  #aboutUs li{
	width: 330px;
	height: 253px;
	float: left;
  }
  
  /*.aboutUsImg a hover { opacity: 0.6; filter: brightness(110%); }*/
  #aboutUs a:hover img { opacity: 0.6; filter: brightness(110%); }

.toplNavi{
	font-size: 27px;
	font-weight: 800;
	position: relative;
		top: 150px;
		left: 35px;
	width: 285px;
	color: #edad0b;
}

/*フッター*/
footer{
	width: 100%;
	height: 280px;
}
  #snsWrap{
    width: 1000px;
    height: 95px;
    margin: auto;
  }
  #sns{
    width: 200px;
    height: 90px;
    float: right;
  }
  #sns ul{
    float: left;
  }
  #sns li{
    float:left;
  }

  #footerBg{
    background-color:  #3261ab;
    width: 100%;
    height: 185px;
  }
  #footerWrap{
    width: 1000px;
    height: 185px;
    margin: auto;
  }
  #fContents{
    width: 990px;
    height: 115px;
    float: left;
    position: relative;
  }
  #fContents ul{
    position: absolute;
      left: 15px;
      top: 30px;
  }
  #footerWrap p{
    float: right;
    color: white;
  }
  footer a{
  color: white;
  }




/*会社概要CSS　メインだけ　ヘッダーフッター、リセットCSSは使いまわし*/
/*会社概要画像*/
#aboutUsMain{
display: flex;
  margin: auto;
  width: 1000px;
}

/*Lナビ*/
#lNavi{
	width: 210px;
	height: 365px;
	/*margin-left: 140px;*/
  margin-top: 160px;
  position: fixed;
    top: 39px;
}

	#lNavi h3{
		color: #3261ab;
		font-family: "游ゴシック", "メイリオ", "小塚ゴシック Pro R";
		font-size: 24px;
		font-weight: 500;
		margin-left: 10px;
		padding-top: 10px;
	}
	.lNaviLi {
		width: 160px;
		height: 25px;
		font-size: 20px;
		margin-top: 25px;
		margin-left: 20px;
		padding-left: 15px;
		border-bottom:#3261AB solid 1px;
		border-left: #3261AB solid 5px;
		
	}
	.navInLnavi {
		margin-top: 15px;
		border-bottom:#3261AB solid 1px;
		padding-left: 15px;
	}
  
  #aboutUs_img{
	/*width: 1000px;
	margin: auto;*/
}
  #aboutUs_img img{
	/*margin-left: 260px;*/
	margin-top: 30px;
}

#mainsec{
    width:745px;
    margin-left: 260px;
}

/*社長メッセージ*/
#presidentMsg{
  width:740px;
	height: 1195px;
}
	#presidentMsg_bg{
		width: 640px;
		background-color: #3261ab;
		opacity: 0.73;
		height: 220px;
		position: relative;
    margin-top: 10px;
    margin-left: 50px;
	}
	#presidentMsg_img{
		width: 320px;
		margin-top: 50px;
		margin-left: 15px;
	}
  #presidentImg{
  width: 240px;
  height: 180px;
  float: left;
  }
  #aboutPresident{
  width: 540px;
  height: 180px;
  position: relative;
    bottom: 210px;
  margin-left: 100px;
  margin-top: 10px;
  }
  #President{
    width: 265px;
    height: 180px;
    float: right;
  }
    #name1{
      font-size: 24px;
      font-family: 游ゴシック;
      font-weight: 600;
      color: white;
    }
    #name2{
      font-size: 24px;
      font-family: 游ゴシック;
      font-weight: 600;
      color: white;
      margin-left: 105px;
      margin-top: 20px;
    }
    #name3{
      font-size: 16px;
      font-family: 游ゴシック;
      font-weight: 600;
      color: white;
      margin-left: 89px;
    }

#msgWrap{
  position: relative;
    bottom: 190px;
}
  #msg1{
  width: 720px;
  margin-left: 34px;
  margin-top: 25px;
}
  .msgParagraph{
    margin-top: 20px;
    font-size: 16px;
  }
  #threePillars{
    margin-top: 40px;
    width: 735px;
  }
  #threePillars img{
    margin: auto;
  }
  #msg2{
    width: 735px;
    margin-top: 25px;
  }

/*経営理念*/
#managementPhilosophy{
  margin-top: 75px;
  width:745px;
}
  #manaPhiloTitle{
    width: 320px;
    margin-left: 15px;
  }
  #manaPhilo{
    width:740px;
    margin-top: 20px;
  }
  #manaPhilo img{
    margin: auto;
  }
  

  #OurMission{
    width: 740px;
    margin-top: 70px;
  }
  #OurMission img{
    margin: auto;
  }
  #businessPolicies{
    width: 740px;
    margin-top: 70px;
  }
  #businessPolicies img{
    margin: auto;
  }
  #guideForAct{
    width: 740px;
    margin-top: 70px;
  }
  #guideForAct img{
    margin: auto;
  }



/*会社情報*/
#companyInfo{
  margin-top: 85px;
}
  #companyInfoTitle{
    width: 320px;
    margin-left: 15px;
  }
  #basicInfo{
    margin-top: 15px;
  }
  #basicInfo h2{
    margin-left: 35px;
    border-left: 10px #3261ab solid;
    padding-left: 5px;
    width: 115px;
    font-size: 24px;
    font-weight: 600;
  }
  #basicInfo table{
    margin-left:  35px;
    width: 685px;
    margin-top: 5px;
  }
  .td1{
    width: 160px;
    background-color: #d9ebd2;
  }

  #history{
    margin-top: 20px;
  }
  #history h2{
    margin-left: 35px;
    border-left: 10px #3261ab solid;
    padding-left: 5px;
    width: 115px;
    font-size: 24px;
    font-weight: 600;
  }
  #history table{
    margin-left:  35px;
    width: 685px;
    margin-top: 5px;
  }
  .td2{
    width: 160px;
    background-color: #d9ebd2;
  }

  #organizationChart{
    margin-top: 50px;
  }
  #organizationChart h2{
    margin-left: 35px;
    border-left: 10px #3261ab solid;
    padding-left: 5px;
    width: 115px;
    font-size: 24px;
    font-weight: 600;
  }
  #organizationChart img{
    width: 665px;
    height: 700px;
    margin: auto;
    margin-top: 30px;
  }