@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:      elements.css
 Style Info:     各パーツ要素
----------------------------------------------------------- */
p,
ul,
ol,
dt,
dd,
table {
	font-size: 140%;
}
img {
	pointer-events: none;
}

/*--------------------------------------------------------------------------keyVisual */
.keyVisual {
	position: relative;
	margin-bottom: 35px;
	background: url(/staffrecruit/common/images/decoration/bg-pattern-kv.png) no-repeat 50% -58px;
	text-align: center;
}
body.top .keyVisual {
	margin-bottom: 14px;
	background-position: 50% 0;
}
.keyVisual .bg {
	height: 420px;
}
body.top .keyVisual .bg {
	height: 492px;
	background: url(/staffrecruit/images/bg-kv.png) no-repeat 50% 0;
}
body.work .keyVisual .bg {
	background: url(/staffrecruit/work/images/bg-kv.png) no-repeat 50% 0;
}
body.interview .keyVisual .bg {
	background: url(/staffrecruit/interview/images/bg-kv.png) no-repeat 50% 0;
}
.keyVisual .img {
	position: relative;
	z-index: 0;
}
.keyVisual .txt,
.keyVisual .btn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
}
.keyVisual .txt {
	top: 175px;
}
body.top .keyVisual .txt {
	top: 296px;
}
.keyVisual .btn {
	bottom: 25px;
}
.keyVisual .protect {
	display: none;
}

/*--------------------------------------------------------------------------topicPath */
.topicPath {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.9);
}
.topicPath ol {
	max-width: 960px;
	margin: 10px auto 0;
	padding: 0 27px;
	box-sizing: border-box;
	font-size: 12px;
}
.topicPath li {
	float: left;
	margin-right: 12px;
}
.topicPath li::after {
	content: '>';
	padding-left: 13px;
}
.topicPath li:last-child {
	color: #f9809e;
}
.topicPath li:last-child::after {
	display: none;
}


/*--------------------------------------------------------------------------indexLinks */
.indexLinks {
	margin: 0 -10px 50px;
}
.indexLinks li {
	float: left;
	width: 33.33%;
}
.indexLinks a {
	text-decoration: none;
}
.indexLinks a:hover .txt {
	opacity: 0.7;
}
.indexLinks .img {
	text-align: center;
}
.indexLinks .txt {
	margin: 0 30px;
	padding: 10px 15px;
	background: #fff;
	border: 4px solid #f9809e;
	border-top: none;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

/*--------------------------------------------------------------------------information */
.information {
	margin: 0 10px 40px;
	padding: 5px;
	background: url(/staffrecruit/images/bg-information.png) no-repeat 0 0;
}
.information .inner01 {
	display: table;
	width: 100%;
}
.information .ttl,
.information dl {
	display: table-cell;
	height: 100px;
	box-sizing: border-box;
	vertical-align: middle;
}
.information .ttl {
	width: 173px;
	text-align: center;
}
.information dl {
	padding: 5px 0 0 31px;
}
.information dt {
	float: left;
	margin-bottom: 5px;
	clear: both;
}
.information dd {
	margin: 0 0 5px 88px;
}

/*--------------------------------------------------------------------------bannerList */
.bannerList {
	margin-bottom: 20px;
}
.bannerList li {
	float: left;
}
.bannerList .clear {
	clear: both;
}
.bannerList a {
	display: block;
	margin: 0 10px 20px;
}

/*--------------------------------------------------------------------------affiliate */
.affiliate {
	height: 52px;
	margin: 0 10px;
	padding: 1px 0;
	background: #fff;
	border-radius: 6px;
}
.affiliate .inner {
	display: table;
	width: 100%;
}
.affiliate .ttl,
.affiliate ul {
	display: table-cell;
	height: 54px;
	vertical-align: middle;
}
.affiliate .ttl {
	width: 204px;
	border-right: 1px dashed #f286a3;
	text-align: center;
}
.affiliate ul {
	padding-left: 30px;
}
.affiliate li {
	float: left;
	margin-right: 40px;
}
.affiliate a {
	text-decoration: none;
}
.affiliate a:hover {
	text-decoration: underline;
}
.affiliate a span {
	padding-right: 22px;
	background: url(/staffrecruit/common/images/icon/bg-icon-external.png) no-repeat 100% 0.35em;
	background-size: 13px 11px;
}

/*--------------------------------------------------------------------------heading */
.heading {
	margin: 26px 0 34px;
	text-align: center;
}
.index + .heading {
	margin-top: 40px;
}
.btn + .heading {
	margin-top: 80px;
}
.faq .heading {
	margin: 0 0 44px;
	text-align: center;
}

/*--------------------------------------------------------------------------btn */
.btn {
	text-align: center;
	line-height: 1;
}
hr + .btn {
	margin-top: 60px;
}
.btn a {
	display: inline-block;
}
.btn a:hover img {
	opacity: 1;
}

/*--------------------------------------------------------------------------lead */
.lead {
	margin-bottom: 51px;
	text-align: center;
}

/*--------------------------------------------------------------------------index */
.index {
	font-size: 0;
}
.index li {
	display: inline-block;
	margin: 0 10px 20px;
}
.index a {
	display: block;
}

.top .linkBlock{
	margin-bottom:40px;
}

.top .linkMidashi{
	text-align:center;
	padding:0 0 20px 0;
}

.top .linkBlock .linkBox{
	display:block;
}

.top .linkBlock .linkBox .linkItem{
	width:25%;
	float:left;
	text-align:center;
	display:block;

}
	.top .linkBlock .linkBox .linkItem a{
		display:block;
	}

@media screen and (max-width: 640px) {
	.top .linkMidashi img{
		width:95%;
	}
	
	.top .linkBlock .linkBox{
		margin-bottom:15px;
	}
	
	.top .linkBlock .linkBox .linkItem{
	width:100%;
	float:none;
	margin-bottom:15px;
	}
	
	
	.top .linkBlock .linkBox .linkItem img{
		width:65%;
	}

}


/*--------------------------------------------------------------------------staff */
ul.staff {
	margin: 0 10px 60px;
}
ul.staff li {
	margin-bottom: 20px;
	background: #f9809e;
	border: 3px solid #f9809e;
	border-radius: 6px;
}
ul.staff .img,
ul.staff .txt {
	box-sizing: border-box;
	float: left;
	width: 50%;
	border: 2px solid #f9809e;
	border-radius: 6px;
	overflow: hidden;
}
ul.staff .txt {
	height: 292px;
	padding: 0 19px 19px;
	background: #fff;
}
ul.staff .ttl {
	margin-bottom: 15px;
	padding: 16px 0 14px;
	border-bottom: 1px solid #f9809e;
	text-align: center;
}
ul.staff .col1 .img,
ul.staff .col1 .txt {
	float: none;
	width: auto;
}
ul.staff .col1 .img {
	border-bottom-width: 3px;
}
ul.staff .col1 .txt {
	height: auto;
}

/*--------------------------------------------------------------------------uniform */
ul.uniform {
	margin: 0 10px 60px;
}
ul.uniform li {
	margin-bottom: 20px;
	padding: 0 10px 10px;
	background: #f9809e;
	border-radius: 6px;
}
ul.uniform li.single {
	width: 50%;
	padding-right: 0;
}
ul.uniform .ttl {
	padding: 18px 0;
	text-align: center;
}
ul.uniform li.single .ttl {
	margin-left: -10px;
}
ul.uniform .img,
ul.uniform .txt {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
ul.uniform li.single .img {
	width: auto;
}
ul.uniform .img p {
	margin: 0 10px;
	border-radius: 6px;
	overflow: hidden;
}
ul.uniform .img .caption {
	margin: 12px 0 -5px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
ul.uniform .txt .inner {
	height: 308px;
	margin: 0 10px;
	padding: 25px 30px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
}

/*--------------------------------------------------------------------------interview */
ul.interview {
	margin: 0 10px 24px;
	padding: 20px 10px;
	border-radius: 6px;
}
ul.interview.typeA {
	background: url(/staffrecruit/interview/images/bg-stripe-interview-partTimeJob.png) repeat 0 0;
}
ul.interview.typeB {
	background: url(/staffrecruit/interview/images/bg-stripe-interview-staff.png) repeat 0 0;
}
ul.interview li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
ul.interview.typeA li:nth-child(2n+1) {
	clear: both;
}
ul.interview li.col1 {
	width: 100%;
}
ul.interview li:last-child,
ul.interview.typeA li:nth-child(5),
ul.interview.typeB li:nth-child(4) {
	margin-bottom: 0;
}
ul.interview .inner {
	position: relative;
	min-height: 180px;
	margin: 0 10px;
	padding: 24px 0 15px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
}
ul.interview li:first-child .inner {
	display: table-cell;
	height: 180px;
	padding: 0 0 0 15px;
	background: none;
	vertical-align: middle;
}
ul.interview li.typeA .inner {
	min-height: 197px;
}
ul.interview li.typeB .inner {
	min-height: 227px;
}
ul.interview .ttl {
	margin: 0 0 7px 24px;
}
ul.interview .txt {
	margin: 0 80px 0 20px;
}
ul.interview .character.typeA-01 {
	right: 8px;
	bottom: -14px;
}
ul.interview .character.typeA-02 {
	right: 17px;
	bottom: -14px;
}
ul.interview .character.typeA-03 {
	right: 18px;
	bottom: -14px;
}
ul.interview .character.typeA-04 {
	right: 19px;
	bottom: -8px;
}
ul.interview .character.typeA-05 {
	right: 25px;
	bottom: -9px;
}
ul.interview .character.typeB-01 {
	right: 12px;
	bottom: -8px;
}
ul.interview .character.typeB-02 {
	right: 15px;
	bottom: -15px;
}
ul.interview .character.typeB-03 {
	right: 12px;
	bottom: -14px;
}
ul.interview .character.typeB-04 {
	right: 15px;
	bottom: -7px;
}
ul.interview .character.typeB-05 {
	right: 10px;
	bottom: -13px;
}
ul.interview .character.typeC-01 {
	right: 13px;
	bottom: -5px;
}
ul.interview .character.typeC-02 {
	right: 19px;
	bottom: -9px;
}
ul.interview .character.typeC-03 {
	right: 2px;
	bottom: -8px;
}
ul.interview .character.typeC-04 {
	right: 12px;
	bottom: -11px;
}
ul.interview .character.typeC-05 {
	right: 6px;
	bottom: -11px;
}
ul.interview .character.typeD-01 {
	right: 29px;
	bottom: -14px;
}
ul.interview .character.typeD-02 {
	right: 30px;
	bottom: -13px;
}
ul.interview .character.typeD-03 {
	right: 12px;
	bottom: -11px;
}
ul.interview .character.typeD-04 {
	right: 25px;
	bottom: -9px;
}
ul.interview .character.typeE-01 {
	right: 26px;
	bottom: -9px;
}
ul.interview .character.typeE-02 {
	right: 17px;
	bottom: -8px;
}
ul.interview .character.typeE-03 {
	right: 27px;
	bottom: -10px;
}
ul.interview .character.typeE-04 {
	right: 27px;
	bottom: -8px;
}

/*--------------------------------------------------------------------------faq */
.faq main {
	padding-top: 100px;
}
.faqWrap {
	margin: 0 10px 40px;
	background: #f9f2e7;
	border: 4px solid #dab77e;
	border-radius: 6px;
}
.index + .faqWrap {
	margin-top: 20px;
}
.faqWrap.last {
	margin-bottom: 60px;
}
.faqWrap .ttl {
	margin-bottom: 30px;
	padding: 10px 0 15px;
	background: #dab77e;
	text-align: center;
}
.faqWrap ul {
	padding: 0 16px 6px;
}
.faqWrap li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.faqWrap li:nth-child(2n+1) {
	clear: both;
}
.faqWrap li .inner {
	margin: 0 10px;
	padding: 20px 20px 10px;
	background: #fff;
	border-radius: 6px;
}
.faqWrap .question,
.faqWrap .answer {
	padding: 7px 0 6px 40px;
	line-height: 20px;
}
.faqWrap .question {
	margin-bottom: 8px;
	background: url(/staffrecruit/faq/images/bg-icon-question.png) no-repeat 0 0;
	font-size: 16px;
	color: #bf9858;
}
.faqWrap .answer {
	margin-bottom: 10px;
	background: url(/staffrecruit/faq/images/bg-icon-answer.png) no-repeat 0 0;
}
.faqWrap .for2Line,
.faqWrap .for3Line,
.faqWrap .for4Line,
.faqWrap .for5Line {
	margin-bottom: 0;
}
.faqWrap .for2Line {
	min-height: 40px;
}
.faqWrap .for3Line {
	min-height: 60px;
}
.faqWrap .for4Line {
	min-height: 80px;
}
.faqWrap .for5Line {
	min-height: 100px;
}

/*--------------------------------------------------------------------------hr */
hr {
	height: 1px;
	margin: 0 10px 40px;
	background: url(/staffrecruit/common/images/decoration/bg-border-hr.png) repeat-x 0 0;
	border: none;
}

/*--------------------------------------------------------------------------migration */
.migration {
	margin-top: 60px;
	font-size: 0;
	text-align: center;
}
.migration li {
	display: inline-block;
	margin: 0 10px 20px;
}
.migration a {
	display: inline-block;
}

/*--------------------------------------------------------------------------pageTop */
.pageTop {
	margin: 67px 10px 0px;
	text-align: right;
}
.pageTop a,
.pageTop-multiple a {
	display: inline-block;
}
.pageTop-multiple {
	margin: 0 10px 17px;
	text-align: right;
}

/*--------------------------------------------------------------------------character */
.character {
	position: absolute;
}
body.top .character {
	bottom: -18px;
	right: 111px;
	z-index: 1;
}

/*--------------------------------------------------------------------------parts */
.txtAC {
	text-align: center;
}
.txtAR {
	text-align: right;
}
.pcHide {
	display: none;
}

/* -------------------------------------------------- 
**
** smartphon
**
** -------------------------------------------------- */
@media screen and (max-width: 640px) {
/*--------------------------------------------------------------------------keyVisual */
.keyVisual {
	margin-bottom: 17px;
}
body.top .keyVisual .bg,
body.work .keyVisual .bg,
body.interview .keyVisual .bg {
	height: auto;
	background: none;
}
.keyVisual img {
	width: 100%;
	height: auto;
}
.keyVisual .btn {
	bottom: auto;
	margin: 0;
}
body.top .keyVisual .btn {
	top: 79.0123%;
}
body.work .keyVisual .btn {
	top: 75.3623%;
}
body.interview .keyVisual .btn {
	top: 71.4285%;
}
.keyVisual .btn a {
	display: block;
	max-width: 43.9062%;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------topicPath */
.topicPath {
	display: none;
}

/*--------------------------------------------------------------------------indexLinks */
.indexLinks {
	margin: 0 0 30px;
}
.indexLinks li {
	float: none;
	width: auto;
	margin: 0 10px 19px;
}
.indexLinks img {
	width: 100%;
	height: auto;
}
.indexLinks .txt {
	margin: 0 8%;
}

/*--------------------------------------------------------------------------information */
.information {
	margin-bottom: 30px;
	padding: 0 0 0 35px;
	background: url(/staffrecruit/images/bg-information-left-sp.png) no-repeat 0 0;
	background-size: 35px 211px;
}
.information .inner01 {
	display: block;
	width: auto;
	padding-right: 35px;
	background: url(/staffrecruit/images/bg-information-right-sp.png) no-repeat 100% 0;
	background-size: 35px 211px;
}
.information .inner02 {
	height: 211px;
	background: url(/staffrecruit/images/bg-information-sp.png) repeat-x 0 0;
	background-size: 20px 211px;
}
.information .ttl,
.information dl {
	display: block;
	height: auto;
}
.information .ttl {
	width: auto;
	margin: 0 -35px 15px;
	padding: 30px 0 25px;
	background: url(/staffrecruit/images/bg-information-underline-sp.png) no-repeat 50% 100%;
	background-size: 291px 1px;
}
.information dl {
	margin: 0 -13px;
	padding: 0;
}
.information dt {
	float: none;
	margin: 0;
}
.information dd {
	margin: 0 0 15px;
}

/*--------------------------------------------------------------------------bannerList */
.bannerList li {
	float: none;
}
.bannerList a {
	margin-bottom: 10px;
}
.bannerList img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------affiliate */
.affiliate {
	height: auto;
}
.affiliate .inner {
	display: block;
}
.affiliate .ttl,
.affiliate ul {
	display: block;
	height: auto;
}
.affiliate .ttl {
	width: auto;
	padding: 13px 0 12px;
	border: none;
	border-bottom: 1px solid #f286a3;
}
.affiliate .ttl img {
	width: 109px;
	height: 12px;
}
.affiliate ul {
	padding: 0;
}
.affiliate li {
	float: none;
	margin: 0;
}
.affiliate a {
	display: block;
	padding: 11px 15px 10px;
	border-bottom: 1px dashed #f286a3;
	font-size: 12px;
}
.affiliate li:last-child a {
	border: none;
}

.affiliate a span {
	display: block;
}

/*--------------------------------------------------------------------------heading */
.heading {
	margin: 20px 10px;
}
.heading img {
	max-width: 100%;
	height: auto;
}
.index + .heading {
	margin-top: 20px;
}
.btn + .heading {
	margin-top: 40px;
}
.faq .heading {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------------------btn */
.btn {
	margin: 0 10px;
}
.btn img {
	max-width: 100%;
	height: auto;
}
hr + .btn {
	margin-top: 30px;
}

/*--------------------------------------------------------------------------lead */
.lead {
	margin: 0 10px 20px;
}
.lead img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------index */
.index li { margin-bottom: 10px; }
.index img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------staff */
ul.staff {
	margin-bottom: 30px;
}
ul.staff .img,
ul.staff .txt {
	float: none;
	width: auto;
}
ul.staff .img img {
	width: 100%;
	height: auto;
}
ul.staff .txt {
	padding: 0 12px 12px;
	height: auto;
}
ul.staff .ttl {
	padding: 6px 0 5px;
}
ul.staff .ttl .pcHide {
	display: inline;
}
ul.staff .txt p {
	font-size: 12px;
}

/*--------------------------------------------------------------------------uniform */
ul.uniform {
	margin-bottom: 30px;
}
ul.uniform li,
ul.uniform li.single {
	padding: 0 5px;
	overflow: hidden;
}
ul.uniform li.single {
	width: auto;
}
ul.uniform .ttl {
	padding: 11px 0 10px;
}
ul.uniform .ttl .pcHide {
	display: inline;
}
ul.uniform .img,
ul.uniform .txt {
	float: none;
	width: auto;
}
ul.uniform .img {
	margin-bottom: 12px;
}
ul.uniform li.single .img {
	margin-bottom: 5px;
}
ul.uniform .img p {
	margin: 0;
}
ul.uniform .img img {
	width: 100%;
	height: auto;
}
ul.uniform .img .caption {
	margin: 7px 0 0;
	font-size: 12px;
}

/*--------------------------------------------------------------------------interview */
ul.interview {
	margin-bottom: 15px;
	padding: 15px 10px 10px;
}
ul.interview.typeA {
	background: url(/staffrecruit/interview/images/bg-stripe-interview-partTimeJob-sp.png) repeat 0 0;
	background-size: 25px 10px;
}
ul.interview li,
ul.interview li:last-child,
ul.interview.typeA li:nth-child(5),
ul.interview.typeB li:nth-child(4) {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
ul.interview.typeA li:nth-child(6),
ul.interview.typeB li:nth-child(5) {
	margin-bottom: 0;
}
ul.interview li:first-child { margin-bottom: 15px; }
ul.interview .inner,
ul.interview li:first-child .inner {
	height: auto;
}
ul.interview .inner {
	margin: 0;
	padding: 15px 0 10px;
}
ul.interview li:first-child .inner {
	padding: 0;
}
ul.interview .inner,
ul.interview li.typeA .inner,
ul.interview li.typeB .inner {
    min-height: 0;
}
ul.interview .ttl {
	margin: 0 0 8px 15px;
}
ul.interview .txt {
	margin: 0 55px 0 15px;
	font-size: 12px;
}
ul.interview .character.typeA-01 {
	right: 2px;
	bottom: 13px;
}
ul.interview .character.typeA-02 {
	right: 11px;
	bottom: 8px;
}
ul.interview .character.typeA-03 {
	right: 13px;
	bottom: 7px;
}
ul.interview .character.typeA-04 {
	right: 14px;
	bottom: 14px;
}
ul.interview .character.typeA-05 {
	right: 17px;
	bottom: 10px;
}
ul.interview .character.typeB-01 {
	right: 8px;
	bottom: 13px;
}
ul.interview .character.typeB-02 {
	right: 11px;
	bottom: 15px;
}
ul.interview .character.typeB-03 {
	right: 8px;
	bottom: 14px;
}
ul.interview .character.typeB-04 {
	right: 10px;
	bottom: 15px;
}
ul.interview .character.typeB-05 {
	right: 7px;
	bottom: 14px;
}
ul.interview .character.typeC-01 {
	right: 14px;
	bottom: 14px;
}
ul.interview .character.typeC-02 {
	right: 13px;
	bottom: 14px;
}
ul.interview .character.typeC-03 {
	right: 1px;
	bottom: 14px;
}
ul.interview .character.typeC-04 {
	right: 8px;
	bottom: 15px;
}
ul.interview .character.typeC-05 {
	right: 5px;
	bottom: 14px;
}
ul.interview .character.typeD-01 {
	right: 20px;
	bottom: 14px;
}
ul.interview .character.typeD-02 {
	right: 21px;
	bottom: 14px;
}
ul.interview .character.typeD-03 {
	right: 8px;
	bottom: 15px;
}
ul.interview .character.typeD-04 {
	right: 14px;
	bottom: 14px;
}
ul.interview .character.typeE-01 {
	right: 17px;
	bottom: 14px;
}
ul.interview .character.typeE-02 {
	right: 14px;
	bottom: 14px;
}
ul.interview .character.typeE-03 {
	right: 18px;
	bottom: 15px;
}
ul.interview .character.typeE-04 {
	right: 18px;
	bottom: 15px;
}
ul.interview .character.typeA-01 img {
	width: 49px;
	height: 56px;
}
ul.interview .character.typeA-02 img {
	width: 37px;
	height: 57px;
}
ul.interview .character.typeA-03 img {
	width: 37px;
	height: 57px;
}
ul.interview .character.typeA-04 img {
	width: 35px;
	height: 54px;
}
ul.interview .character.typeA-05 img {
	width: 27px;
	height: 61px;
}
ul.interview .character.typeB-01 img {
	width: 44px;
	height: 48px;
}
ul.interview .character.typeB-02 img {
	width: 39px;
	height: 59px;
}
ul.interview .character.typeB-03 img {
	width: 45px;
	height: 56px;
}
ul.interview .character.typeB-04 img {
	width: 41px;
	height: 50px;
}
ul.interview .character.typeB-05 img {
	width: 46px;
	height: 56px;
}
ul.interview .character.typeC-01 img {
	width: 42px;
	height: 44px;
}
ul.interview .character.typeC-02 img {
	width: 34px;
	height: 37px;
}
ul.interview .character.typeC-03 img {
	width: 58px;
	height: 35px;
}
ul.interview .character.typeC-04 img {
	width: 44px;
	height: 48px;
}
ul.interview .character.typeC-05 img {
	width: 51px;
	height: 47px;
}
ul.interview .character.typeD-01 img {
	width: 20px;
	height: 29px;
}
ul.interview .character.typeD-02 img {
	width: 19px;
	height: 29px;
}
ul.interview .character.typeD-03 img {
	width: 44px;
	height: 26px;
}
ul.interview .character.typeD-04 img {
	width: 27px;
	height: 24px;
}
ul.interview .character.typeE-01 img {
	width: 26px;
	height: 30px;
}
ul.interview .character.typeE-02 img {
	width: 32px;
	height: 29px;
}
ul.interview .character.typeE-03 img {
	width: 25px;
	height: 33px;
}
ul.interview .character.typeE-04 img {
	width: 25px;
	height: 30px;
}

/*--------------------------------------------------------------------------faq */
.faq main {
	padding-top: 20px;
}
.faqWrap {
	margin-bottom: 20px;
	border-radius: 4px;
}
.faqWrap.last {
	margin-bottom: 30px;
}
.faqWrap .ttl {
	margin-bottom: 10px;
	padding: 7px 0 10px;
}
.faqWrap .ttl .pcHide {
	display: inline;
}
.faqWrap ul {
	padding: 0;
}
.faqWrap li {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
.faqWrap li .inner {
	padding: 15px 15px 5px;
	border-radius: 4px;
}
.faqWrap .question,
.faqWrap .answer {
	padding: 3px 0 1px 30px;
}
.faqWrap .question {
	background: url(/staffrecruit/faq/images/bg-icon-question-sp.png) no-repeat 0 0;
	background-size: 24px 24px;
	font-size: 14px;
}
.faqWrap .answer {
	background: url(/staffrecruit/faq/images/bg-icon-answer-sp.png) no-repeat 0 0;
	background-size: 24px 24px;
	font-size: 12px;
}
.faqWrap .for2Line,
.faqWrap .for3Line,
.faqWrap .for4Line,
.faqWrap .for5Line {
	min-height: 0;
	margin-bottom: 8px;
}
/*--------------------------------------------------------------------------hr */
hr {
	margin-bottom: 30px;
	background: url(/staffrecruit/common/images/decoration/bg-border-hr-sp.png) repeat-x 0 0;
	background-size: 6px 1px;
}

/*--------------------------------------------------------------------------migration */
.migration {
	margin-top: 30px;
}
.migration li {
	margin: 0 10px 10px;
}
.migration img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------------------pageTop */
.pageTop {
	position: relative;
	margin-top: 30px;
	z-index: 2;
}
.pageTop .pcHide,
.pageTop-multiple .pcHide {
	display: inline;
}
.pageTop-multiple {
	margin-bottom: 15px;
}

/*--------------------------------------------------------------------------character */
body.top .character {
	right: 0;
	bottom: -10px;
	width: 100%;
	text-align: right;
}
body.top .character img {
	width: 23.9%;
	height: auto;
	padding-right: 100px;
}

/*--------------------------------------------------------------------------parts */
.pcHide {
	display: block;
}
.spHide {
	display: none;
}

}


/* --------------------------------------------------
**
** デバイスのblock要素の表示／非表示
**
** -------------------------------------------------- */

.elSP{display:none;}
@media screen and (max-width: 640px) {
.elPC{display:none;}
.elSP{display:inline;}
}



/* EOD */