@charset "utf-8";

/* common ********************************/
body{
	position: relative;
	font-size: 62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFF;
}

a{
	color: #2B72C4;
	text-decoration: none;
}

img{
	width: 100%;	
}

input, textarea, keygen, select, button{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;	
}

/* navigetion ********************************/
#mainNavi{
	position: absolute;
	top: 0;
	left: -260px;
	width: 250px;
	background-color: #37619D;
	z-index: 10;
}

#mainNavi nav{
	width: 100%;
}

#mainNavi .main-nav-list{
	border-top: solid 2px #2B72C4;
	background-color: #37619D;
}

#mainNavi .main-nav-list > li{
	padding: 12px 0 12px 13px;
	border-bottom: solid 2px #2B72C4;
}

#mainNavi .main-nav-list li.sublist{
	padding: 12px 0 12px 43px;
}

#mainNavi .main-nav-list li a{
	display: block;
	color: #FFF;
	font-size: 13px;
}

#mainNavi .main-nav-list li a span{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	background-size:contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}


#mainNavi .main-nav-list li.sublist a span{
	width: 8px;
	height: 9px;	
}

#mainNavi .main-nav-list .navi-icon-home{background-image: url(../images/navi/home_icon.png)}
#mainNavi .main-nav-list .navi-icon-reason{background-image: url(../images/navi/reason_icon.png)}
#mainNavi .main-nav-list .navi-icon-work{background-image: url(../images/navi/work_icon.png)}
#mainNavi .main-nav-list .navi-icon-human{background-image: url(../images/navi/human_icon.png)}
#mainNavi .main-nav-list .navi-icon-recruit{background-image: url(../images/navi/recruit.png)}
#mainNavi .main-nav-list .navi-icon-trngl{background-image: url(../images/navi/triangle.png)}
#mainNavi .main-nav-list .navi-icon-voice{background-image: url(../images/navi/voice_icon.png)}
#mainNavi .main-nav-list .navi-icon-step{background-image: url(../images/navi/step_icon.png)}
#mainNavi .main-nav-list .navi-icon-entry{background-image: url(../images/navi/entry_icon.png)}


#mainNaviBg{
	display: none;
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.7;
	z-index: 9;
}

/* container *********************************/
#container{
	position:relative;
	width: 100%;	
}

.container-fix{
	position:fixed !important;	
}

/* header ************************************/
header{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #FFF;
	border-top: solid 5px #37619D;
	z-index: 8;
}

header h1{
	width: 250px;
	padding: 15px;
}

#mainNaviBtn{
	display:block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 41px;
	height: 40px;
}

#mainNaviBtn a{
	display:block;	
}

/* contents **********************************/
.contents{
	padding-top: 65px;	
}


/* footer ************************************/
footer{
	position: relative;
	margin: 0 10px;
}

footer .from-btn{
	margin-bottom:40px;	
}

footer .norton{
	padding-bottom: 40px;
	border-bottom: 1px solid #AAA;	
}

.norton .norton-logo img{
	/*width: 160px;*/
}

.norton .norton-text{
	width: 55%;
}

.norton .norton-text p{
	font-size: 10px;
	line-height: 2em;	
}

footer .footer-btn{
	padding-top: 40px;
	margin-bottom: 20px;
}

.footer-btn img{
	width: 48%;	
}

.footer-btn .prv{
	margin-right: 3%;	
}

.copyright{
	text-align:center;
	margin-bottom: 40px;	
}

/* OOCSS ********************************/
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.ml50{margin-left: 50px;}
.mr50{margin-right: 50px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px;}

.fl-l{float:left;}
.fl-r{float:right;}

/* Clear Fix ****************************/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}