@charset "UTF-8";
/* CSS Document */

/*---------- m3.com career ヘッダーフッター（レスポンシブ対応） ----------*/

/* general */
.m3_mr20 {
	margin-right: 20px;
}
.m3_mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}
.m3_clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/* header */
#m3_crr-header {
	background-color: #006;
}

#m3_crr-header a{
	text-decoration: none;
}
.m3_crr-header-inner {
	width:1100px;/* プライムLPに合わせた値 */
	margin:0 auto;
	padding:5px 0;
	display: flex;
  justify-content: space-between;
}
@media screen and (max-width:1140px) {
	/*　画面サイズが1140px以下の場合ここの記述が適用される　プライムLPに合わせた値　*/
	.m3_crr-header-inner {
		width: 100%;
		padding: 5px 10px;
	}
}
.m3_crr-header-logo {
	vertical-align:middle;
}
.m3_crr-header-sitename {
	display:inline-block;
	margin:0 0 0 10px;
	color:#fff;
	font-size:0.75rem;
	line-height: 1;
}
.m3_crr-header-sitename:hover {
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width:767px) {
	/*　画面サイズが767px以下の場合ここの記述が適用される　*/
	.m3_crr-header-sitename {
		display:block;
		padding: 7px 0 3px 0;
		margin: 0;
		font-size: 0.625rem;
	}
}

/*　ログイン・会員登録　ログイン前のみ　*/
.m3_crr-header-login-before {
	list-style:none;
	margin: 0;
	padding: 0;
}
.m3_crr-header-login-before li {
	display:inline-block;
	font-size:0.875rem;
	color:#fff;
}
.m3_crr-header-login-before li a {
	color:#fff;
}
@media screen and (max-width:767px) {
	/*　画面サイズが767px以下の場合ここの記述が適用される　*/
	.m3_crr-header-login-before {
		padding-top: 10px;
	}
}
/* footer */
#m3_crr-footer {
	background-color:#e5e5e5;
	border-top:2px solid #778cc6;
	padding: 20px 0 90px 0;
}
.m3_crr-footer-inner {
	width:1100px;;/* プライムLPに合わせた値 */
	margin:0 auto;
	font-size:0.75rem;
	color:#666;
}
.m3_crr-footer-copyright {
	float:left;
}
.m3_crr-footer-link {
	float:right;
}
@media screen and (max-width:1140px) {
	/*　画面サイズが1140px以下の場合ここの記述が適用される　*/
	.m3_crr-footer-inner {
		width: 100%;
		padding-left:15px;
		padding-right:15px;
	}
}
@media screen and (max-width:767px) {
	/*　画面サイズが1140px以下の場合ここの記述が適用される　*/
	#m3_crr-footer {
		padding:15px;
	}
	.m3_crr-footer-copyright {
		float:none;
		text-align: left;
	}
	.m3_crr-footer-copyright span {
		display: block;
	}
	.m3_crr-footer-link {
		float:none;
		text-align: left;
	}
}