@charset "utf-8";

/* =======================================

	Sample CSS サンプル



========================================== */

/*パンくずリスト*/
#breadcrumblist ul{
	margin:0px;
	padding:0px;
}

#breadcrumblist li {
	float:left;
	margin-right:10px;
	font-size:80%;
}

#breadcrumblist a {
	text-decoration:underline;
	color:#039;
}


/*h1*/
h1 {
	width:1070px;
	height:80px;
	margin-top:5px;
	margin-bottom:30px;
	background-image:url(../img/h1_bgimg.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:50px;
	line-height:80px;
	font-weight:normal;
}

h1.cate_top {
	width:1100px;
	height:195px;
	margin:0 auto 0;
	background:none;
	padding:55px 0 0 0;
	font-size:262%;
	text-align:center;
}

/*h2*/
h2 {
	width:1070px;
	height:40px;
	margin-top:5px;
	margin-bottom:30px;
	background-image:url(../img/h2_bgimg.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:50px;
	line-height:40px;
	font-weight:normal;
}
/*h3*/
h3 {
	width:1070px;
	height:30px;
	margin-top:5px;
	margin-bottom:10px;
	line-height:30px;
}

/*メニュー*/
#menu {
	width:900px;
	margin:0 auto 70px;
	overflow:hidden;
}

#menu ul {
	margin-left:1px;
	margin-top:1px;
}

#menu li {
	width: 300px;
	height: 100px;
	border:#CDCDCD 1px solid;
	margin-left:-1px;
	margin-top:-1px;
	background:rgba(255,255,255,0.6);
	float: left;
	font-size:180%;
	text-align:center;
}

#menu li a {
	display:table-cell;
	vertical-align:middle;
	width: 300px;
	height: 100px;
	line-height:1.5;
	text-decoration:none;
	transition:.3s;
}

#menu li a:hover {
	background:rgba(0,16,93,0.8);
	color:#FFF;
	transition:.8s;
}

/* NEWアイコン追加 */
#menu li.new,
#menu li.new_btm {
	position:relative;
}

#menu li.new::before,
#menu li.new_btm::before {
	content:"NEW";
	display:block;
	padding:5px 7px;
	background:#00a5a8;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	position:absolute;
	left:6px;
	line-height:1;
}
#menu li.new::before {
	top:6px;
}
#menu li.new_btm::before {
	bottom:6px;
}

/* 新卒バナー */
.bnr_box {
	width:900px;
	margin:0 auto 50px;
	background:#fff;
}
.bnr_box a {
	display:block;
	opacity:1;
	transition:opacity .5s ease-in-out;
}
.bnr_box a:hover {
	opacity:.7;
}
.bnr_box img {
	display:block;
}

/*ニュースリリース一覧*/
.top_newsreleasesList{
  clear:both;
  overflow:hidden;
  position: relative;
}

.example{
	position:absolute;
	top: 7px;
	right: 50px;
}

.top_newsreleasesList dl{
  margin:20px 0 0 34px;
  overflow: hidden;
}

.top_newsreleasesList dt,
.top_newsreleasesList dd{
  float:left;
  margin-bottom:20px;
}

.top_newsreleasesList dd a {
  text-decoration: underline;
}
.top_newsreleasesList dd a:hover {
  text-decoration: none;
}
.top_newsreleasesList dt{
  clear:both;
}

.top_newsreleasesIcon_info,.top_newsreleasesIcon_news,.top_newsreleasesIcon_closing{
  width:124px;
  color:#fff;
  font-size:13px;
  text-align:center;
  margin:0 15px;
}

.top_newsreleasesIcon_info{
  background-color:#0d73bb;
}

.top_newsreleasesIcon_news{
  background-color:#666666;
}

.top_newsreleasesIcon_closing{
  background-color:#01a8a0;
}

.nr_title{
	width: 1036px;
    height: 40px;
    border-bottom: 1px solid #003D8C;
    border-left: 5px solid #003D8C;
	margin: 0 0 0 34px;
    padding-left: 10px;
    line-height: 40px;
    font-size: 120%;
    font-weight: bold;
    color: #003D8C;
    background-color: #cbeaff;
}

.infobox.hide{
	display: none;
}

/*カテゴリ扉 導入*/
#intro_title {
	font-size: 206%;
	text-align: center;
	text−align:center;
	padding-left:13px;
	margin:0 100px 20px;
	}

#intro_lead {
		margin:0 100px 50px;
		display: none;
}


/*カテゴリ扉 背景*/
#bg_company {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../company/img/bg_company.jpg) left top / cover no-repeat fixed;
}

#bg_business {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../business/img/bg_business.jpg) left top / cover no-repeat fixed;
}

#bg_investor {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../investor/img/bg_investor.jpg) left top / cover no-repeat fixed;
}

#bg_csr {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../csr/img/bg_csr.jpg) left top / cover no-repeat fixed;
}

#bg_solution {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../solution/img/bg_solution.jpg) left top / cover no-repeat fixed;
}

#bg_recruit {
	width: 100vw;
	min-width:1100px;
	border:solid 1px transparent;
  	background: url(../../recruit/img/bg_recruit.jpg) left top / cover no-repeat fixed;
}


/* ロジ追加20200318　事例集ページ用 */

.contact_btn{
	display: flex;
	justify-content: space-between;
	border: 2px solid #5d8343;
	padding: 10px 10px 3px 10px;
	background: #fff;
}

.leftBtn{
	background: url("../img/btn/btn_contact_on.jpg") no-repeat;
}
.rightBtn{
	background: url("../img/btn/btn_download_on.jpg") no-repeat;
}

.contact_btn a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.contact_btn a:hover img {
	visibility: hidden;
}


/* ロジ追加20200318 資料ダウンロードページ用 */

.contact_btn_dl{
	display: flex;
	justify-content: space-between;
	border: 2px solid #5d8343;
	padding: 10px 10px 3px 20px;
	background: #fff;
}

.leftBtn_dl{
	background: url("../img/btn/btn_dlcontact_on.jpg") no-repeat;
}

.contact_btn_dl a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.contact_btn_dl a:hover img {
	visibility: hidden;
}

.dlcontactTxt{
	width: 280px;
	padding-top: 15px;
}