@charset "shift_jis";
/* CSS Document */
.topimg {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	z-index:1;
}
.topimg img {
	width:100%;
}
/*-----------------リクルートコンテンツ（共通）--------------------------------------------------*/
.container .toplead {
	width:80%;
	margin:20px auto;
	text-align:center;
}
section nav {
	margin:0 0 30px 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

section nav #requirement{
	width:49.4%;
	position:relative;
	text-decoration:none;
	margin-bottom:10px;
	background-color:#F0F0F0;
}
section nav #information{
	width:49.4%;
	position:relative;
	text-decoration:none;
	margin-bottom:10px;
	background-color:#F0F0F0;
}
section nav #interview,
section nav #support,
section nav #company{
	width:32.5%;
	position:relative;
	margin-bottom:10px;
	background-color:#F0F0F0;
}
section nav > a{
	text-decoration:none;
	color:#333;
}
section nav .box {
	padding:60px 0 10px 10px;
	overflow:hidden;
}
section nav .box  h2{
	position:absolute;
	top:10px;
	right:-5px;
	text-align:right;
	height:50px;
	font-size:18px;
	font-size:1.8rem;
	background: url(images/bg_h2.png) no-repeat right top;
	color:#FFF;
	padding:7px 10px;
	width:200px;
}

section nav .box > p{
	width:85%;
	margin:10px auto 40px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
}

section nav #requirement dl{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	width:31%;
	max-width:200px;
	height:140px;
	margin:0;
	color:#FFF;
	text-decoration:none;
	background:url(images/bg_recruit_data.png) no-repeat #4D4D4D;
	padding:25px 10px 0;
	margin:0 1% 15px 1%;
	float:left;
}
section nav #requirement a:hover dl{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
section nav #requirement dl dt{
	text-align:center;
}
section nav #requirement dl dd{
	font-size:13px;
	font-size:1.3rem;
}
section nav #requirement dl dd p.godetail{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:11px;
	font-size:1.1rem;
}
section nav #information  dl{
	margin:10px 20px 10px 5px;
	border-bottom:1px dotted #CCC;
}
section nav #information  dl dt{
	font-size:11px;
	font-size:1.1rem;
}
section nav #information  dl dd{
	font-size:14px;
	font-size:1.4rem;
}



section nav a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/*-------------リクルートフッター（共通）----------------------------*/
aside.rec_contact{
	margin:50px 5px 0;
	padding: 30px 0;
	background-color:#1293D4;
}
aside.rec_contact .inner{
	width:100%;
	color:#FFF;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	-webkit-align-items: center; /* Safari */
	align-items:center;
}
aside.rec_contact p.lead{
	width:32%;
	font-size:14px;
	font-size:1.4rem;
}
aside.rec_contact .contact{
	width:32%;
	text-align:center;
}
aside.rec_contact .contact p.tel{
	font-size:20px;
	font-size:2rem;
	margin-bottom:10px;
}
aside.rec_contact .contact a.mailform {
	color:#FFF;
	text-decoration:none;
}
aside.rec_contact .contact a.mailform p{
	border:1px solid #FFF;
	width:80%;
	margin:0 auto;
	padding:5px 20px;
	border-radius:5px;
	background-color:#1293D4;
}
aside.rec_contact .contact a.mailform:hover p{
	background-color:#1BA9ED;
}



@media print, screen and (min-width:769px) {
/*リクルートヘッダー　PC*/
header.pagetitle {
	width:100%;
	background:url(images/bg_page_title.jpg) no-repeat top right #F0F0F0;
	background-size:auto 150px;
	height:150px;
	margin:0 0 30px 0;
	display:table;
}
.rec_headerinner{
	width:100%;
	min-height:80px;
	position:relative;
}
.rec_headerinner hgroup {
	position:absolute;
	top:10px;
	left:1%;
	width:32%;
	min-width:260px;
	display:table;
}
.rec_headerinner hgroup figure{
	width:70%;
	display:table-cell;
	
}
.rec_headerinner hgroup figure img{
	width:100%;
}
.rec_headerinner hgroup .recruit{
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	font-size:1.1rem;
	padding-left:5px;
}
.rec_headerinner hgroup .recruit span{
	background-color:#1293D4;
	padding:3px;
	color:#FFF;
}
.rec_headerinner nav{
	margin:10px 75px 0 0;
	display:table;	
	width:60%;
	height:65px;
	min-width:260px;
	float:right;
	width:60%;
	width : -webkit-calc(100% - 300px) ;
    width : calc(100% - 300px) ;
}
.rec_headerinner nav ul {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:15px;
	font-size:1.5rem;
}
.rec_headerinner nav ul li{
	display:inline-block;
	text-align:right;
	margin-left:15px;
}
.rec_headerinner hgroup figure img{
	width:100%;
}
.rec_headerinner a {
	color:#333;
	text-decoration:none;
}
.rec_headerinner a:hover li {
	color:#333;
	text-decoration:underline;
}
.rec_headerinner a:hover img	{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rec_headerinner .shopsite	{
	position:absolute;
	top:20px;
	right:2px;
	width:65px;
	background: url(/img/logo_megane_white.svg) no-repeat center top 3px #333;
	background-size:30px;
	border-radius:5px;
	padding:27px 0 0;
	text-align:center;
}
.rec_headerinner .shopsite p{
	color:#FFF;
	font-size:10px;
	font-size:1rem;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	white-space:nowrap;
}



}



@media only screen and (min-width:481px) and (max-width:768px) {
/*リクルートヘッダー　タブレット*/
header.pagetitle {
	width:100%;
	background:url(images/bg_page_title.jpg) no-repeat top right #F0F0F0;
	background-size:auto 120px;
	height:120px;
	margin:0 0 30px 0;
	display:table;
}
.rec_headerinner{
	width:100%;
	min-height:80px;
	position:relative;
}
.rec_headerinner hgroup {
	position:absolute;
	top:2px;
	left:1%;
	width:200px;
	display:block;
	text-align:center;
}
.rec_headerinner hgroup figure{
	width:70%;
	display:table-cell;
	
}
.rec_headerinner hgroup figure img{
	width:100%;
}
.rec_headerinner hgroup .recruit{
	display:block;
	vertical-align:middle;
	font-size:10px;
	font-size:1rem;
	padding-left:0;
	margin-top:-12px;
}
.rec_headerinner hgroup .recruit span{
	background-color:#1293D4;
	padding:3px;
	color:#FFF;
}
.rec_headerinner nav{
	margin:10px 75px 0 0;
	display:table;	
	width:60%;
	height:65px;
	min-width:260px;
	float:right;
	width:60%;
	width : -webkit-calc(100% - 300px) ;
    width : calc(100% - 300px) ;
}
.rec_headerinner nav ul {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:14px;
	font-size:1.4rem;
}
.rec_headerinner nav ul li{
	display:inline-block;
	text-align:right;
	margin-left:15px;
}
.rec_headerinner hgroup figure img{
	width:100%;
}
.rec_headerinner a {
	color:#333;
	text-decoration:none;
}
.rec_headerinner a:hover li {
	color:#333;
	text-decoration:underline;
}
.rec_headerinner a:hover img	{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rec_headerinner .shopsite	{
	position:absolute;
	top:20px;
	right:2px;
	width:65px;
	background: url(/img/logo_megane_white.svg) no-repeat center top 3px #333;
	background-size:30px;
	border-radius:5px;
	padding:27px 0 0;
	text-align:center;
}
.rec_headerinner .shopsite p{
	color:#FFF;
	font-size:10px;
	font-size:1rem;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	white-space:nowrap;
}
/*リクルートフッター（タブレット）*/
aside.rec_contact p.lead{
	width:45%;
	font-size:13px;
	font-size:1.3rem;
}
aside.rec_contact .contact{
	width:45%;
}
aside.rec_contact .contact > p{
	font-size:16px;
	font-size:1.6rem;
}
aside.rec_contact .contact a {
	font-size:13px;
	font-size:1.3rem;
	padding:5px 10px;
}
/*リクルートコンテンツ（タブレット）*/

section nav #requirement{
	width:100%;
}
section nav #information{
	width:100%;
}

}	
	
	
	





@media only screen and (max-width:480px) {
.topimg {
	margin-top:50px;
}	
/*リクルートヘッダー　スマホ*/
header.pagetitle {
	width:100%;
	background:url(images/bg_page_title.jpg) no-repeat top right #F0F0F0;
	background-size:auto 80px;
	height:80px;
	margin:60px 0 30px 0;
	display:table;
}
.rec_headerinner{
	width:100%;
	min-height:55px;
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,0.8);
	z-index:9999;
}
.rec_headerinner hgroup {
	position:absolute;
	top:2px;
	left:3px;
	width:120px;
	display:block;
	text-align:center;
}
.rec_headerinner hgroup figure{
	width:100%;
}
.rec_headerinner hgroup figure img{
	width:100%;
}
.rec_headerinner hgroup .recruit{
	display:block;
	vertical-align:middle;
	font-size:1rem;
	padding-left:0;
	margin:-7px 0 0 20px;
}
.rec_headerinner hgroup .recruit span{
	background-color:#1293D4;
	padding:3px;
	color:#FFF;
}

.rec_headerinner #phone {
	position:absolute;
	top:8px;
	right:95px;
	width:35px;
}
.rec_headerinner #contact {
	position:absolute;
	top:8px;
	right:50px;
	width:35px;
}
.rec_headerinner nav ul {
	text-align:right;
	font-size:1.3rem;
	margin-bottom:3px;
}
.rec_headerinner nav ul li{
	display:inline-block;
	text-align:right;
	margin-left:15px;
}
.rec_headerinner a{
	text-decoration: none;
	text-align: center;
	color:#333;
}
.rec_headerinner a:hover img	{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rec_headerinner .shopsite	{
	position:absolute;
	top:5px;
	right:136px;
	width:55px;
	background: url(/img/logo_megane_white.svg) no-repeat center top 3px #333;
	background-size:25px;
	border-radius:5px;
	padding:24px 0 0;
	text-align:center;
}
.rec_headerinner .shopsite p{
	color:#FFF;
	font-size:1rem;
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-o-transform:scale(0.6);
	transform:scale(0.6);
	white-space:nowrap;
	margin-left:-5px;
}
nav#sp_open_menu {
    top: 55px;
}
/*リクルートフッター（スマホ）*/
aside.rec_contact{
	width:95%;
	margin:50px auto 0;
}
aside.rec_contact p.lead{
	width:80%;
	font-size:13px;
	font-size:1.3rem;
}
aside.rec_contact .contact{
	width:80%;
}
aside.rec_contact .contact a.tel{
	display:block;
	font-size:16px;
	font-size:1.6rem;
	margin:10px 0 20px;
	color:#FFF;
	text-decoration:none;
	white-space:nowrap;
}
aside.rec_contact .contact a.tel i{
	background-color:#FFF;
	font-size:2rem;
	color:#1293D4;
	border-radius:15px;
	margin-left:10px;
	width:30px;
	height:30px;
	padding-top:5px;
}
aside.rec_contact .contact a.form {
	font-size:13px;
	font-size:1.3rem;
	padding:10px 20px;
	display:block;
}
/*リクルートコンテンツ（スマホ）*/
section nav #requirement,
section nav #information,
section nav #interview,
section nav #support,
section nav #company{
	width:100%;
}



}