@charset "utf-8";
@import "base.css";
@import "common.css";

.sp_view{
	display: none;
}
@media all and (-ms-high-contrast: none){
    body.fixed {
        position: fixed;
        width: 100%;
        height: 100%;
    }
}
/*####################　ヘッダ　####################*/
#Header {	
	position:relative;
	width:100%;
	/*max-width: 1040px;*/
	min-width: 320px;
}

#Header div.rightbox{
	max-width: 100%;
	margin: 15px 0 15px 15px;
}
#Header div.rightbox div.download a{
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_download.png) no-repeat;
	width: 204px;
	height: 27px;
	margin: 0;
}
#Header div.rightbox div.search{
	width: 200px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Header div.rightbox div.search div.gsc-control-wrapper-cse{
	margin-top: -14px;	
}


#Header div#head_naviWall{
	background: #4c4948;
	width: 100%;
	z-index: 99999999;
}
.fixed{
    position: fixed;
    top: 0;
}
#Header div.head_navi{
	width: 1040px;
	background: #4c4948;
	margin: 0 auto;
	position: relative;
}
#Header div.head_navi div.lbox{
	position: absolute;
	width: 200px;
	left: 20px;
	top: 10px
}
#Header div.head_navi h1{
	width: 188px;
	height: 20px;
	margin: 8px 0 0;
	/*position: absolute;
	left: 20px;
	top: 20px;*/
}
#Header div.head_navi h1 a{
	display: block;
	text-indent: -9999px;
	background: url(../img/logo.svg) no-repeat center center;
	background-size: 100%;
}
#Header div.head_navi div.rbox{
	float: right;
	width: 735px;
}
#Header div.head_navi ul{
	position: relative;
	background: #4c4948;
	width: 100%;
	padding: 17px 0;
}
#Header div.head_navi ul li{
	float: left;
	vertical-align: middle;
	heigit: 35px;
	position: relative;
}

#Header div.head_navi ul li.b01{
	width: 117px;
	padding: 0 20px;
	border-right: 1px solid #000;
}
#Header div.head_navi ul li.b02{
	width: 142px;
	padding: 0 20px;
	border-right: 1px solid #000;
}
#Header div.head_navi ul li.b03{
	width: 63px;
	padding: 0 20px;
	border-right: 1px solid #000;
}
#Header div.head_navi ul li.b04{
	width: 62px;
	padding: 0 20px;
	border-right: 1px solid #000;
}
#Header div.head_navi ul li.b05{
	width: 133px;
	padding: 0 20px;
}

#Header div.head_navi ul li a{
	text-indent: -9999px;
	display: block;
	height: 35px;
}
#Header div.head_navi ul li.b01 a{
	background: url(../img/head_btn01.svg) no-repeat center center;
	background-size: 100%;
}
#Header div.head_navi ul li.b02 a{
	background: url(../img/head_btn02.svg) no-repeat;
	background-size: 100%;
}
#Header div.head_navi ul li.b03 a{
	background: url(../img/head_btn03.svg) no-repeat;
	background-size: 100%;
}
#Header div.head_navi ul li.b04 a{
	background: url(../img/head_btn04.svg) no-repeat;
	background-size: 100%;
}
#Header div.head_navi ul li.b05 a{
	background: url(../img/head_btn05.svg) no-repeat;
	background-size: 100%;
}

#Header a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#Header a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#Header div.head_navi ul li ul{
	position: absolute !important;
	background: #4c4948 !important;
	min-width: 120px !important;
	width: 210px;
	border-top: dotted 1px #ccc;
	z-index: 99999999999;
	top: 51px;
	left: 0px;
	padding: 0 !important;
}
#Header div.head_navi ul li ul li{
	margin: 0;
	width: 100% !important;
}
#Header div.head_navi ul li ul li a:before{
		
}
#Header div.head_navi ul li ul li a{
	display: block !important;
	text-indent: 0px !important;
	height: 39px !important;
	background: url(../img/arrow.png) no-repeat !important;
	background-color:  #4c4948 !important;
	background-position: 8px center !important;
	-moz-background-size:100% auto;
	background-size:8px 5px !important;
	padding: 12px 10px 12px 20px !important;
	color: #fff !important;
	width: 100% !important;
	border-bottom: dotted 1px #ccc;
	text-align: left;
	box-sizing: border-box;
}
#Header div.head_navi ul li ul li.child a{

}
#Header div.head_navi ul li.b01 ul li{
	/*width: 120px;	*/
}
#Header div.head_navi ul li.b07 ul{
	right: 0px;	
}



#Header div.head_navi ul li ul li a:hover{
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	text-decoration: none !important;
	background: url(../img/arrow.png) no-repeat #00aeeb 8px center !important;
}


/*####################　section　####################*/
div.line{
	width: 100%;
	height: 8px;
	background: url(../img/line.png) repeat-x;	
}
section{
	position: relative;
	z-index: 9998;
	padding: 0 0 50px;	
}
section a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;		
}
section a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
section#t00{
	width: 100%;
	max-width: 1040px;
	min-width: 320px;
	padding-bottom: 0px !important;
	margin: 0 auto;
}
section#t00 div.fix{
	width:43.854167%;
	max-width: 421px;
	min-width: 280px;
	margin: 0 auto;
}
section#t00 div.fix h2{
	text-indent: -9999px;
	background: url(../img/text01.png) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 42.7553444%;
	-moz-background-size:100% auto;
	background-size:100% auto;
	margin: 30px 0 0;
}
section#t00 div.fix h3{
	display: none;	
}

section#foot{
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
	position: relative;
}
section#foot ul{
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
section#foot ul li{
	float: left;
	width: 46%;
	max-width: 365px;
	margin: 1%;
}
section#foot ul li a{
	display: block;
	text-indent: -9999px;
}
section#foot ul li.b01 a{
	background: url(../../recruit/common/img/b01_saiyou.png) no-repeat;
	width: 100%;
	max-width: 365px;
	height: 0;
	padding-top: 14.794521%;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
section#foot ul li.b02 a{
	background: url(../../recruit/common/img/b02_saiyou.png) no-repeat;
	width: 100%;
	max-width: 365px;
	height: 0;
	padding-top: 14.794521%;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
section#foot ul li.b03 a{
	background: url(../../recruit/common/img/b03_saiyou.png) no-repeat;
	width: 100%;
	max-width: 365px;
	height: 0;
	padding-top: 14.794521%;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
section#foot ul li.b04 a{
	background: url(../../recruit/common/img/b04_saiyou.png) no-repeat;
	width: 100%;
	max-width: 365px;
	height: 0;
	padding-top: 14.794521%;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
section#foot ul.social{
	width: 130px;
	margin: 15px auto;
}
section#foot ul.social li{
	float: left;
	width: 38px;
	height: 37px;
	margin: 0 5px
}
section#foot ul.social li.fb a{
	background: url("../../img/btn_fb.jpg") no-repeat;
	width: 38px;
	height: 37px;
}
section#foot ul.social li.in a{
	background: url("../../common/img/icon_insta.png") no-repeat;
	width: 38px;
	height: 37px;
}
/*####################　パンくず　####################*/
#TopicPath{
	height: 15px;
	margin: 0;
	padding: 0 0 15px 0;
}
#TopicPath ol{
	list-style: none;
	text-align: left;
	/*margin: 0 auto;*/
}
#TopicPath ol li{
	display:inline;
	background:url(../img/sub-arrow02.gif) no-repeat left center;
	padding-left:12px;
	margin-left:5px;
}
#TopicPath ol li.home{
	background: none;
}
#TopicPath ol a{
	color: #8d8d8d;
}
#TopicPath ol a.active{
	color: #05598c;
}
/*####################　#Main　####################*/



/*####################　メイン　####################*/



/*####################　pageMove　####################*/
#Main .contentsBox .pageMove {
	clear:both;
	margin:30px 0;
}
#Main .contentsBox .pageMove ul {
	text-align:center;
	list-style:none;
	margin: 0 auto;
}
#Main .contentsBox .pageMove ul li {
	display:inline-block;
	* float: left;
	text-align:center;
	* padding:4px;
}

#Main .contentsBox .pageMove ul li.list a {
	font-size:14px;
	font-weight:normal;
	color:#491308;
}
#Main .contentsBox .pageMove ul li.entryPrev a, 
#Main .contentsBox .pageMove ul li.entryNext a{
	font-size:14px;
	font-weight:normal;
	color:#491308;
	padding:4px 8px 4px 8px;
}
#Main .contentsBox .pageMove ul li.entryPrev, 
#Main .contentsBox .pageMove ul li.entryNext,
#Main .contentsBox .pageMove ul li.entrylist{
	padding:8px 11px 8px 11px;
}
#Main .contentsBox .pageMove ul li a {
	display:inline-block;
	text-align:center;
	padding:4px 8px 4px 8px;
	color:#5d6d22;
	border: solid 1px #c1c1c1;
	font-weight:normal;
	font-size:14px;
	margin: 2px;
}
#Main .contentsBox .pageMove ul li a:hover {
	background: #491308;
	color: #fff;
}
#Main .contentsBox .pageMove ul li span.current_page {
	font-size:14px;
	padding:4px 8px 4px 8px;
	border: solid 1px #fff;
}
/*####################　pageTop　####################*/
.pageTop{
	display: none;

}
#pageTop2{
	display: none;
}
/*####################　テーブル共通　####################*/
#Main table{
	margin: 0;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
#Main td.green{
	background: #f3f3d5;
}
#Main td.gray{
	background: #faf9f7;
}
/*####################　SSL　####################*/
div.ssl{
	width: 100%;
	max-width: 1040px;
	text-align: right;
}

/*####################　フッター　####################*/
#FooterWall{
	margin: 0 auto;
	width:100%;
	/*max-width: 1040px;*/
	min-width: 320px;
	background: #4c4948;
}
#Footer{
	margin: 0 auto;
	width:100%;
	max-width: 1040px;
	min-width: 320px;
	background: #4c4948;
	padding: 25px 0;
}


#Footer div.leftbox{
	width: 50%;
	max-width: 460px;
	float: left;
}
#Footer div.leftbox address{
	text-indent: -9999px;
	background: url(../img/copy.svg) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 3.125%;
	max-width: 380px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#Footer div.rightbox{
	width: 50%;
	max-width: 460px;
	text-align: right;
	float: right;
}
#Footer div.rightbox ul li{
	display: inline-block;
	margin: 0 0 0 10px;
}
#Footer div.rightbox ul li a{
	display: block;
	text-indent: -9999px;
	height: 0;
}
#Footer div.rightbox ul li.btn01{
	width: 50%;
	max-width: 120px;	
}
#Footer div.rightbox ul li.btn01 a{
	background: url(../img/privacy.png) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 10.416667%;
	max-width: 120px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#Footer div.rightbox ul li.btn02{
	width: 50%;
	max-width: 68px;	
}
#Footer div.rightbox ul li.btn02 a{
	background: url(../img/sitemap.png) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 18.382353%;
	max-width: 120px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


/*end*/