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

/* 求人募集
**********************************************************************/

/* LP */
#mainImg .mg {
 margin-top:2rem;
}
#ansin {
 margin-top:5rem;
}
#ansin img.sp {
 display:none;
}
#aboutCompany {
 overflow:hidden;
 width:946px;
 background:url(../recruit/img/lp_bg01.png);
 margin-top:5rem;
}

#aboutCompany .bg {
 background:#fff;
 margin:0 1% 1%;
 padding:2%;
}
#aboutCompany .bg p {
 margin-top:0;
}
#aboutRyo {
	margin-bottom: 4rem;
	margin-top: 4rem;
}
#aboutRyo h2 {
 margin-bottom:-60px;
}
#aboutRyo h2 img {
 width:100%;
}
#aboutRyo .txt02 {
 overflow:hidden;
 background:url(../recruit/img/lp_bg01.png);
 margin-top:1em;
}
#aboutRyo .txt02 p {
 background:#fff;
 margin:2%;
 padding:2%;
}
#aboutRyo .txt01 {
 position:relative;
}
#aboutRyo img.boy {
 float:right;
 width:35%;
 padding:50px 0 0 20px;
}
#aboutRyo .pict {
	overflow: hidden;
 margin-top:2rem;
}
#aboutRyo .pict img {
 float:left;
 width:46%;
 padding:1%;
 margin:1%;
 background:#fff;
 box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
}
#aboutFloor {
 clear:both;
 padding-top:2rem;
 margin-bottom: 4rem;
}
#aboutFloor ul {
 overflow:hidden;
 margin-top:1rem;
}
#aboutFloor li {
 float:left;
 width:50%;
}
#aboutFloor li img {
 width:100%;
}
#anqImg {
 clear:both;
 padding-top:5rem;
}
#anqImg li {
 float:left;
 width:30%;
 margin:2% 5% 0 0;
}
#anqImg li:nth-of-type(3) {
 margin-right:0;
}
#bnBosyu {
 clear:both;
 padding-top:5rem;
}
#kyuyo {
 width:100%;
 padding-top:5rem;
}
#kyuyo img {
 margin:0 auto 1rem;
}
#pointComment{
 width:896px;
 margin:5rem auto 0;
}
#pointComment .bg {
 background:url(../recruit/img/lp_bg02.png);
}

#pointComment .pointImgSp {
 display:none;
}
#pointComment .comment01 {
 position:relative;
 padding:2%;
}
#pointComment .comment01 p {
 position:absolute;
 width:60%;
 top:0;
 right:5%;
}
#pointComment .comment02 {
 position:relative;
 padding:2%;
 margin-top:-130px;
}
#pointComment .comment02 p {
 width:60%;
 padding:13% 0 0 5%;
}
#pointComment .comment02 img {
 position:absolute;
 right:5%;
 top:0;
}
#pointComment .comment03 {
 clear:both;
 position:relative;
 padding:2%;
 top:-30px;
}
#pointComment .comment03 p {
 position:absolute;
 width:65%;
 top:0;
 right:5%;
 padding-top:7%;
}

@media only screen and (max-width: 981px) {

#aboutRyo h2 {
 margin-bottom:-20px;
}
#aboutRyo {
 width:96%;
 margin:0 2%;
}
#aboutRyo img.boy {
 width:25%;
 padding:20px 0 0 20px;
}
}


@media only screen and (max-width: 946px) {
#aboutCompany {
 width:96%;
 margin:5rem 2% 0;
}
}
@media only screen and (max-width: 896px) {
#pointComment{
 width:100%;
}
#pointComment .bg {
 display:none;
}
#pointComment .pointImgSp {
 display:block;
 width:100%;
}
#pointComment .pointImgSp img {
 width:100%;
}
#aboutRyo img.boy {
 width:30%;
}
}

@media only screen and (max-width: 641px) {
#ansin img.pc {
 display:none;
}
#ansin img.sp {
 display:block;
}
#anqImg {
 width:96%;
 padding:0 2%;
}
#anqImg li {
 float:none;
 width:100%;
 margin:0;
}
#anqImg li img {
 margin:1rem auto;
}
#aboutRyo img.boy {
 padding:10px 0 0 10px;
 width:50%;
}
}

@media only screen and (max-width: 480px) {
#aboutRyo .txt01 .spBr {
 display:block;
}

}
@media only screen and (max-width: 380px) {
#aboutRyo .boytxt01 {
 width:100%;
}
}

/* 応募の流れ */
#recruit #flow {
	width:100%;
}
#recruit .flowImg {
	width: 100%;
	margin: 1rem 0;
}
#recruit #flow ol > li {
	width:100%;
	display:-webkit-flex;
	display:   -moz-flex;
	display:    -ms-flex;
	display:     -o-flex;
	display:        flex;
	-webkit-flex-flow:row wrap;
	   -moz-flex-flow:row wrap;
	    -ms-flex-flow:row wrap;
	     -o-flex-flow:row wrap;
	        flex-flow:row wrap;
	padding-bottom:1em;
	border-bottom:#333 1px solid;
}
#recruit #flow ol > li:last-child {
	border-bottom:none;
}
#recruit #flow ol li div.flowNo {
	width:15%;
	margin-top:1em;
}
#recruit #flow ol li div.flowTxt {
	width:85%;
	padding-left:0.5em;
}
#recruit #flow ol li div.flowTxt dl dt {
	color:#d63260;
	font-size:1.6rem;
	font-weight:bold;
	margin-top:1em;
}
#recruit #flow ul.mochimono {
	margin-top:1em;
}
#recruit #flow ul.mochimono li {
	margin-left:1.5rem;
 text-indent:-1.5rem;
}

/* 募集要項 */
#recruit #requirements {
	width:100%;
	background:url(../recruit/images/requirements_bg01.jpg) no-repeat center 6%;
	background-size:contain;
}
#recruit #requirements table.detail01 {
	width: 100%;
	border-collapse:separate;
	border-spacing:0 0.5em;
	border-top:#666 1px solid;
}
#recruit #requirements table.detail01 th {
	width: 28%;
	background:#666;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:0.5em 1em;
	vertical-align: middle;
}
#recruit #requirements table.detail01 td {
	width: 72%;
	background: #eee;
	padding-left:1em;
	vertical-align: middle;
}
#recruit #requirements table.detail02 {
 width:100%;
	border-collapse:separate;
	border-spacing:0 0.5em;
	margin-top:1em;
	border-top:#666 1px solid;
}
#recruit #requirements table.detail02 th {
	width:20%;
	vertical-align:middle !important;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:#666 1px solid;
}
#recruit #requirements table.detail02 th img {
	width:100%;
	max-width: 120px;
}
#recruit #requirements table.detail02 td {
	width:80%;
	padding-left:1em;
	vertical-align:middle !important;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:#666 1px solid;
}
#recruit #requirements ul.detail03 li {
	list-style-type:disc;
	margin-left:1.5rem;
}
#recruit #job .wrapper {
}

#recruit #job h2,
#recruit #special01 h2,
#recruit #special02 h2 {
	border-bottom: none;
}
#recruit #job h3,
#recruit #special01 h3,
#recruit #special02 h3 {
	color: #8f2858;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 150%;
	margin-top: 2rem;
}

/* よくあるご質問 */
#recruit #qa dl {
	margin-top: 1rem;
}
#recruit #qa dl dt {
	padding:0.5em 2.5em 0.5em 1em;
	color: #fff;
	margin-bottom: 4px;
	background: url(../recruit/images/menuOpen.png) no-repeat right 1% center;
	background-size: 30px 30px;
	background-color:#999;
}
#recruit #qa dl dd {
	padding:0.5em 1em 2em;
	display: none;
}
#recruit #qa dl dt:first-letter {
	color:#62309a;
	font-weight:bold;
}
#recruit #qa dl dd:first-letter {
	color:#d41e52;
	font-weight:bold;
}
#recruit #qa dl dt.active {
	background: url(../recruit/images/menuClose.png) no-repeat right 1% center;
	background-size: 30px 30px;
	background-color:#ddd;
}

/* 体験談 */
#recruit #report .reportBox,
#recruit #reportList .reportBox {
	width:100%;
	display:-webkit-flex;
	display:   -moz-flex;
	display:    -ms-flex;
	display:     -o-flex;
	display:        flex;
	-webkit-flex-flow:row wrap;
	   -moz-flex-flow:row wrap;
	    -ms-flex-flow:row wrap;
	     -o-flex-flow:row wrap;
	        flex-flow:row wrap;
	overflow: hidden;
}
#recruit .enquete {
	width: 100%;
	background:#fff;
	/*border:#9c4f4a 1px solid;*/
	color:#333;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.5em;
	padding:1em;
	padding-bottom:0.5em;
	margin-bottom: 2rem;
}
#recruit .enquete h3, #recruit .enquete h4 {
	color:#8f2858;
	font-size:1.4rem;
	font-weight:bold;
}
#recruit #reportList .enqueteImg,
#recruit #report .enqueteImg  {
	width: 100%;
	margin: 1rem 0;
	overflow: hidden;
}
#recruit #reportList .enqueteImg img,
#recruit #report .enqueteImg img {
	width: 50%;
	max-width: 450px;
	float: left;
}
#recruit .enquete dl dt {
	font-size:1.2rem;
	font-weight:bold;
	margin:0.5em 0;
	color: #333;
}
#recruit .enquete dl dt span {
	color: #8f2858 !important;
}
#recruit .enquete dl dd {
	font-size:1.2rem;
	color: #333;
}
a.enqueteLink {
	display:block;
	width:100%;
	background:#8f2858;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:0.5rem 1rem;
	margin:1rem 0;
	position:relative;
}
a.enqueteLink:hover {
	background:#6a9821;
}
#recruit .enquete .enqueteTag {
	display:inline-block;
	background:#96794c;
	padding:0.5em 1em;
	font-size:1.2rem;
	color:#fff;
	margin-right:1em;
}
#recruit .enquete h3 {
	display:inline;
}
#recruit .enqueteArea .enqueteImg {
	width: 100%;
	float: none;
}
#recruit .enqueteArea .enqueteImg img {
	width: 100%;
	max-width: 450px;
	margin: 0 auto 1rem;
}
#recruit .enqueteArea .enqueteImg a img {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
#recruit .enqueteArea .enqueteImg a img:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transform:scale(0.95,0.95);
	-moz-transform:scale(0.95,0.95);
	-ms-transform:scale(0.95,0.95);
	-o-transform:scale(0.95,0.95);
	transform:scale(0.95,0.95);
}
#recruit .enqueteArea dl {
	width: 100%;
	margin-left: 0;
	float: none;
}
#recruit .enqueteArea dl.enqueteName dt {
	display:inline-block;
	width:6em;
	background:#96794c;
	padding:0.5em 1em;
	font-size:1.2rem;
	color:#fff;
	margin:1em 1em 0 0;
	text-align:center;
}
#recruit .enqueteArea dl.enqueteName dd {
	display:inline-block;
	color:#96794c;
	font-size:1.4rem;
	font-weight:bold;
}
#recruit .enqueteArea .enqueteQA dt {
	margin-top:1em;
	font-weight:bold;
}
#recruit .enqueteArea .enqueteQA dt span {
	color: #8f2858 !important;
}

#recruit .recruit-navBox {
	width: 100%;
	padding: 4rem 0 0;
	overflow: hidden;
	margin-bottom: 4rem;
}

#recruit .recruit-navBox a {
	width: 48%;
	float: left;
	padding: 1rem 0;
	margin: 1% 1%;
	text-indent: -1rem;
}


@media only screen and (min-width: 981px) {
	#recruit #kuchikomi .girlImg {
		margin-top: 0;
	}
	#recruit #kuchikomi .osusumePoint .pointIcon {
		max-width: 80px;
	}
	#recruit .recruit-navBox a {
		text-indent: 0;
	}
	#recruit #qa dl dt, #recruit #qa dl dt.active {
		background-size: 40px 40px;
	}
}

@media only screen and (min-width: 639px) {
	#recruit .recommendImg, #recruit #kuchikomi ul.guchi {
		width: 90%;
		margin: 0 auto;
	}
	#recruit .pointImg {
		width: 30%;
		max-width: 200px;
	}
	#recruit #kuchikomi .osusumePoint h4 {
		padding-left: 10%;
	}
	#recruit #kuchikomi ul.riyu li div.pickupNo {
		width: 10%;
	}
	#recruit .enquete {
		width: 48%;
		margin: 1% 1%;
		float: left;
	}
	#recruit .enqueteArea .enqueteImg {
		width: 40%;
		float: left;
	}
	#recruit .enqueteArea dl {
		width: 58%;
		margin-left: 2%;
		float: left;
	}
	#recruit .flowImg {
		width: 80%;
		margin: 1rem auto;
	}
}