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

/* ============================
		btnSmartRecruit
 ============================ */


header .btnSmartRecruit {
position: fixed;
top: 13px;
right: 140px;
}


_::-webkit-full-page-media, _:future, :root header .btnSmartRecruit {
top: 20px;
}

header .btnSmartRecruit a {
background-color: #ed7499;
color: #fff;
background-image: url("../../common/images/iconAnotherWindow.svg");
background-repeat: no-repeat;
background-position: right 5px center;
line-height: 1em;
padding: 3px 22px 3px 5px;
font-size: 0.8rem;
background-size:  12px auto;
width: 4.3em;
}


header .btnSmartRecruit a:hover {
color: #fff !important;
}


/* for PC */
@media screen and (min-width: 992px) {

	header .btnSmartRecruit {
	display: none;
	}

}









/* ============================
		thisRecruitLine
 ============================ */


.thisRecruitLine {
position: relative;

}

.thisRecruitLine > div {
height: 55px;
}

.thisRecruitLine img {
width: 240px;
height: auto;
position: absolute;
top: 15px;
left: calc(50% - 120px);
}

/* for PC */
@media screen and (min-width: 992px) {

	.thisRecruitLine {
	display: none;
	}

}



/* ============================
		bnrRecruit
 ============================ */

.bnrRecruit {
margin: 5em 0 0 0;
}


.bnrRecruit img {
max-width: 300px;
border: 4px solid #fff;
border-radius: 7px;
}


/* ============================
		btnSmartBottomSection
 ============================ */

.btnSmartBottomSection {
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
z-index: 10;
}

.btnSmartBottomSection a {
display: inline-block;
}

.btnSmartBottomSection img {
width: 220px;
}

@media screen and (min-width: 768px) {

	.btnSmartBottomSection {
	display: none;
	}

}


/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {}

/* for TB */
@media screen and (max-width: 991px) and (min-width: 768px) {}

/* for PC */
@media screen and (min-width: 992px) {}