@charset "UTF-8";
/*
 * 採用情報内の「セールスドライバー物語」「宅配メイト」など、
 * 特殊なコンテンツのヘッダー・フッターのスタイルを定義しています。
 * */


/* override */
#wrapper_db {
	background: none;
}
#wrapper_db:after {
	content: '';
	display: block;
	clear: both;
}
.wrapper {
	padding-top: 20px;
}
.headerLogo .logo01,
.headerLogo .logo02 {
	margin: 0;
}
@media screen and (max-width:736px) {
	.wrapper {
		padding-top: 0;
	}
	#wrap .footer {
		display: none;
	}
}

/* !header
---------------------------------------------------------- */

#header {
	position: relative;
	padding-bottom: 10px;
	z-index: 99;
	border-bottom: 6px solid #cbcfe5;
}
	.headerInner {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
	#header:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -6px;
		margin-left: -480px;
		display: block;
		width: 960px;
		height: 6px;
		background: #3b499f;
	}
	.headerInner:after {
		content: '';
		display: block;
		clear: both;
	}
	@media screen and (max-width:736px) {
		#header {
			padding-bottom: 10px;
			border-bottom: none;
		}
		#header:before {
			content: none;
		}
		.headerInner {
			display: table;
			width: 100%;
		}
	}
	.headerLogo {
		float: left;
	}
		.headerLogo:after {
			content: '';
			display: block;
			clear: both;
		}
		.headerLogo .logo01,
		.headerLogo .logo02 {
			float: left;
			padding: 9px 0 0;
		}
		.headerLogo .logo01 {
			position: relative;
			margin-right: 15px;
			padding-right: 17px;
		}
		.headerLogo .logo01 a,
		.headerLogo .logo02 a {
			display: block;
			height: 0;
			padding-top: 48px;
			overflow: hidden;
		}
		.headerLogo .logo01 a {
			width: 67px;
			background: url(../img/logo_sgh.png) no-repeat;
		}
		.headerLogo .logo01:after {
			content: '';
			display: block;
			position: absolute;
			top: 9px;
			right: 0;
			bottom: 0;
			width: 0;
			border-left: 1px solid #c0c5e0;
			border-right: 1px solid #5c68af;
		}
		.headerLogo .logo02 a {
			width: 191px;
			background: url(../img/logo_sagawa.png) no-repeat center;
		}
		@media only screen and (-webkit-min-device-pixel-ratio: 2) {
			.headerLogo .logo01 a {
				background-image: url(../img/logo_sgh_x2.png);
				background-size: auto 100%;
			}
			.headerLogo .logo02 a {
				background-image: url(../img/logo_sagawa_x2.png);
				background-size: auto 69%;
			}
		}
		@media screen and (max-width:736px) {
			.headerLogo {
				float: none;
				display: table-footer-group;
			}
			.headerLogo .logo01 {
				margin-left: 10px;
				margin-right: 8px;
				padding-right: 10px;
			}
			.headerLogo .logo01 a,
			.headerLogo .logo02 a {
				padding-top: 28px;
			}
			.headerLogo .logo01 a {
				width: 39px;
				background-size: auto 100%;
			}
			.headerLogo .logo02 a {
				width: 113px;
				background-size: auto 70%;
			}
		}

/* !footer
---------------------------------------------------------- */

#footer {
	width: 100%;
	clear: both;
	margin-top: 35px;
}
	.footerInnerTop {
		width: 960px;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	.footerInnerBottom {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 25px 0;
		text-align: center;
		border-top: 3px solid #3b499f;
	}
	.footerInnerBottom .copyright {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
	}
	.list_footerLinks01 {
		list-style-type: none;
	}
	.list_footerLinks01  > li {
		display: inline-block;
		font-size: 12px;
	}
	.list_footerLinks01  > li + li:before {
		content: '|';
		color: #999;
		margin: 0 .6em 0 .2em;
	}
	.list_footerLinks01  > li a[target="_blank"]:after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 9px;
		margin-left: .25em;
		background: url(../img/ico_blank01.png) no-repeat;
	}

	@media screen and (max-width:736px) {
		#footer {
			margin-top: 0;
		}
		.footerInnerTop {
			width: 100%;
			box-sizing: border-box;
			padding: 15px;
			border-top: 1px solid #dfdfdf;
		}
		.footerInnerBottom {
			padding: 20px 10px;
			width: auto;
		}
		.list_footerLinks01 {
			text-align: center;
		}
	}