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


/*共通スタイル*/

.pconly {
	display:none;
}
.smponly {
	display:block;
}

body {
	width: 100%;
	padding-top:90px;
}
#header {
	position:fixed;
	width:100%;
	background:#fff;
	z-index:100;
	margin-top:-90px;
}
.header {
	position:relative;
	width:96%;
	min-height:50px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:30px;
	background:url(../../images/common/ttl-recruit.png) left bottom no-repeat;
	background-size:150px auto;
}
#header h2 img {
	width:70%;
}
#header h2 span {
    display:block;
    font-size:1.05rem !important; 
    color:#000 !important;
    font-weight:bold !important;
}
#header .header_rename{
	margin-left:20px;
	float:left;
	display:inline-block;
}
#header .header_rename a{
	display:block;
	padding:5px;
	border:solid 1px #007951;
	font-size:12px;
	font-weight: bold;
	line-height:1.5;
	font-feature-settings: "palt";
	color:#007951;
	text-decoration:none;
}
#header .header_rename a:hover{
	opacity:.5;
}
#header nav {
	position:absolute;
	width:15%;
	top:10%;
	right:0;
}
#header nav a div {
	margin-right:-28%;
}
#header nav a div img {
	width:100%;
}
#header nav ul {
	display:none;
	position:absolute;
	z-index:50;
	width:300%;
	margin-left:-200%;
}
#header nav ul li {
	background:#fff url(../../images/common/smp-menu-arrow.png) 95% 5px no-repeat;
	padding:5px 10px;
	margin-top:5px;
	border:1px solid #000;
}
#header nav ul li a {
	display:block;
	width:100%;
	height:100%;
	font-size:1.3rem;
	line-height:1.3rem;
	color:#000;
}


#bottom-nav {
	display:none;
}
#footer {
	margin-top:5%;
	color:#fff;
	background:#007951;
}
#footer nav ul {
	width:100%;
}
#footer nav ul li {
	display:block;
	width:26%;
	float:right;
	border-right:1px solid #fff;
	font-size:1.2rem;
	text-align:center;
}
#footer nav ul li a {
	color:#fff;
	text-decoration:none;
}
#footer nav ul li:last-child {
/*	width:46%;*/
	border-left:1px solid #fff;
}
#footer>div {
	width:96%;
	margin:0 auto;
	padding:2% 0;
}
#footer>div>p {
	margin-top:5px;
	font-size:1.0rem;
}
#footer>div>p span {
	display:block;
}

@media only screen and (min-width:641px) {
/*body {
	padding-top:114px;
}
#header {
	margin-top:-114px;
}*/
.pconly {
	display:block;
}
.smponly {
	display:none;
}
.rsp-clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.header,#bottom-nav {
	display:block;
	max-width:1080px;
}
.header {
	height:94px;
	margin-top:20px;
	padding-bottom:0px;
	background:url(../../images/common/ttl-recruit.png) left bottom no-repeat;
	background-size:auto;
}
#idx #bottom-nav {
	margin:7% auto 0;
}
#cts #bottom-nav {
	margin:3% auto 0;
}
#header h2,#bottom-nav h2 {
	float:left;
}
#header .header div,#header nav,#bottom-nav div,#bottom-nav nav {
	float:right;
}
#header h2 img,#bottom-nav h2 img {
	vertical-align:middle;
	width:335px;
}
#header h2 span,#bottom-nav h2 span {
	display:inline;
	font-size:1.4rem !important; 
	color:#000 !important;
	font-weight:bold !important;
}
#header .header div,#bottom-nav div {
	margin-top:10px;
	font-size:2.0rem;
	font-weight:bold;
	color:#007951;
	border:1px solid #007951;
	padding:0.5rem 1rem;
}
#header .header div {
    margin-left: 10px;
 }
#header .header div:hover,#bottom-nav div:hover {
	margin-top:10px;
	font-size:2.0rem;
	font-weight:bold;
	color:#fff;
	background:#007951;
	border:1px solid #007951;
	padding:0.5rem 1rem;
}
#header nav {
	position:static;
	width:auto;
}
#header nav ul {
	position:static;
	width:auto;
	margin-left:0;
}
#header nav ul,#bottom-nav nav ul {
	display:table;
	margin-top:20px;
}
#header nav ul li,#bottom-nav nav ul li {
	display:table-cell;
	width:110px;
	padding-left:11px;
}
#header nav ul li {
	background:none;
	margin-top:0;
	padding:0;
	padding-left:11px;
	border:none;
}
#header nav ul li.smponly {
	display:none;
}
#header nav ul li a,#bottom-nav nav ul li a {
	display:block;
	border-bottom:5px solid #d2d2d2;
	color:#000;
	font-size:1.5rem;
	line-height:2.5rem;
	text-align:center;
	font-weight:bold;
}
#header nav ul li a {
	width:auto;
	height:auto;
}
#header nav ul li a:hover,#bottom-nav nav ul li a:hover {
	text-decoration:none;
	border-bottom:5px solid #e60012;
}
#idx .gnav-on1 a,.cpn #header .gnav-on2 a,.cpn #bottom-nav .gnav-on2 a,.work #header .gnav-on3 a,.work #bottom-nav .gnav-on3 a,.itv #header .gnav-on4 a,.itv #bottom-nav .gnav-on4 a,.voice #header .gnav-on5 a,.voice #bottom-nav .gnav-on5 a {
	border-bottom:5px solid #e60012;
}
#footer {
	margin-top:0;
}
#footer nav ul {
	width:auto;
}
#footer nav ul li {
	width:auto;
	float:right;
	padding:0 1rem;
	font-size:1.4rem;
}
#footer nav ul li:last-child {
	width:auto;
}
#footer>div {
	max-width:1080px;
}
#footer>div>nav {
	float:right;
}
#footer>div>p {
	margin-top:auto;
	float:left;
	font-size:1.4rem;
}
#footer>div>p span {
	display:inline;
}

}


@media screen and (min-width: 1031px){
body{
	padding-top:114px;
}
#header {
    margin-top:-114px;
}

}


@media screen and (min-width: 846px) and (max-width: 1030px) {
body{
	/* padding-top:164px; */
}
#header {
    /* margin-top:-164px; */
}
	#header .header{
		background:url(../../images/common/ttl-recruit2.png) left bottom no-repeat;
	}
#header .header_rename{
	margin-left:160px;
}
}

@media screen and (min-width: 641px) and (max-width: 845px) {
body{
	padding-top:164px;
}
#header {
    margin-top:-164px;
}
	#header .header{
		background:url(../../images/common/ttl-recruit2.png) left bottom no-repeat;
	}
	
	#header .header_rename{
		margin-left:160px;
		width: 240px;
	}
	#header .header_rename br{
		display: none;
	}
	#header .header_rename{
	margin-left:0;
	}
}

@media screen and (max-width: 640px) {
body{
	padding-top:100px;
}
#header {
    margin-top:-100px;
}
#header .header_rename{
	width:auto;
}
#header .header_rename br{
	display: none;
}
	#header .header_rename{
	margin-left:0;
	margin-top: 10px;
	margin-bottom: 10px;
	}
}