/***** ログイン画面用 *****/
@charset "utf-8";

#container {
	overflow: hidden;
	margin-top: 0; /*元々margin-top: 5px;を調整した*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	width: 100%;
}

/*ログイン */
.section1 {
	color: #fff;
	width: 950px;
	background-color: #03729A;
	margin: 4rem auto;
	position: relative;
	font-weight: bold;
}

/* サイト特徴 */
/*section2 注目案件*/
.section2 {
	/*background: #f5f4d8; */
	/*background-image: url('../img/webb.png'); */
	padding: 4rem 0 3rem;
}

.section2 h1 {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	margin-left: 190px;
	padding: 20px 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.section2 h2 {
	color: #795548;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
}

.section2 .h2 dd {
	margin:0px;
	padding:0px;
	font-size:100%;
	color: #d25f5f;
}

/* 最新の案件情報 */
.section3 {
	/*background-image: url('../img/C00305-003D.jpg'); */
	background-repeat: no-repeat;
	padding: 4rem 0 3rem;
}

.section3 h1 {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	margin-left: 190px;
	padding: 20px 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* サービスの流れ */
.section4 {
	/*background: #eaf7e3; */
	padding: 4rem 0 3rem;
}

.section4 h1 {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	margin-left: 190px;
	padding: 20px 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.section4 h2 {
	color: #795548;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
}

.section4 .h2 dd {
	margin:0px;
	padding:0px;
	font-size:100%;
	color: #d25f5f;
}

/*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
ul {list-style-type: none;}
/*ボックス全体を囲むulタグへの設定*/
.list2 {
	padding-bottom: 5px;
	overflow: hidden;

}
/*各ボックスの設定*/
.list2 li {
	float: left;	/*左に回り込み*/
	width: 20%;		/*幅*/
	margin: 10px 0.5%;	/*上下、左右へのボックスの外側へ空けるスペース*/
	line-height: 1.5;	/*行間*/
	position: relative;

		display: block;text-decoration: none;
	height: 80px;	/*ボックスの高さ*/
	overflow: hidden;	/*ボックスから飛び出た場合、非表示にする設定*/
	background: #1030f1;	/*背景色（古いブラウザ用）*/
	    background: linear-gradient(#f6edff, #d9c0e6);/*背景グラデーション*/
	border-radius: 10px;	/*角丸のサイズ*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
	padding: 15px;	/*ボックス内の余白*/
	color: #003eca;	/*文字色*/

}

/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list2 .img {
	height: 100%;			/*高さ*/
	background: #fff;	/*背景色*/
	float: right;		/*右に回り込み*/
	border-radius: 3px;	/*角丸のサイズ*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list2 span {
	font-size: 28px;	/*文字サイズ*/
	position: absolute;
	bottom: 15px;	/*下から15pxの場所に配置*/
	right: 110px;	/*右から110pxの場所に配置*/
}

/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
a.btn {
	transition: 0.5s;
	display: block;text-decoration: none;
	background: #1f6717;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#40e82e, #2b8621);	/*グラデーション*/
	color: #fff;	/*文字色*/
	font-size: 15px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	padding: 0px;		/*ボタン内の余白*/
	border-radius: 40px;	/*角丸のサイズ*/
	letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
	border: 1px solid #1f6717;	/*枠線の幅、線種、色*/
}
/*マウスオン時*/
a:hover.btn {
	box-shadow: none;
	background: #fff;	/*背景色*/
	color: #1f6717;		/*文字色*/
}