@charset "utf-8";

/* =================================================================================
 recruit (採用情報)
================================================================================= */

/* recruit top 
============================================ */
.recruitCnt{margin-bottom: 50px;}
.recruitCnt .topMv{margin-bottom: 20px;}

.topMv img{width: 100%;}

/* top job */
.jobSelect li{margin-bottom:20px;}
.jobSelect li img{width:100%;}

.jobSelect li:last-child{margin-bottom:0;}

.jobSelect .jobBox{
	width:100%;
	padding:10px 5px 8px;
	box-sizing:border-box;
	background-color:#6f624e;
	color: #c1ae94;
	font-size: 13px;
	text-align:center;
}

.jobSelect span{
	display: block;
	vertical-align:middle;
}

.jobSelect .jobName{
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

@media only screen and (min-width:640px){
	.recruitCnt{margin-bottom: 50px;}
	.recruitCnt .topMv{margin-bottom: 40px;}

	.careerSelectWrap{
		width:980px;
		margin:0 auto;
	}

	/* top job */
	.jobSelect li{
		float:left;
		margin:0 40px 40px 0;
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
		width: calc(50% - 20px);
		box-sizing:border-box;
	}

	.jobSelect li img{width:100%;}
	.jobSelect li:last-child{margin-bottom:0;}
	
	/*.jobSelect li:hover{opacity:.8;}*/
	
	.jobSelect .jobBox{
		width:100%;
		padding:12px 20px;
		font-size: 14px;
		transition: all .8s;
	}

	.jobSelect li img{transition: all .8s;}

	.jobSelect li:hover img{opacity:.8;}

	.jobSelect li:hover .jobBox{
		color:#fff;
		background: #ff882e;
	}
	
	.jobSelect span{vertical-align:middle;}
	
	.jobSelect .jobName{
		font-size:16px;
		font-weight:bold;
	}
	
	.jobSelect li:nth-child(2n){margin-right:0;}
	
	.jobSelect li:nth-child(2n){margin-bottom:0;}
	
	.jobSelect .jobName{
		font-size:20px;
		font-weight:bold;
	}
	
	.jobSelect .jobName_en{font-size:12px;}
}


/* career
============================================ */

/*  side menu  */
.faqMenuArea{margin-bottom:30px;}

.faqMenuArea .ttlFaq{
	font-size:16px;
	font-weight: bold;
	margin-bottom:10px;
}

.faqMenuLink .lst li{position: relative;}

.faqMenuLink .lst li:first-child{border-top: 1px dotted #6f624e;}

.faqMenuLink .lst li a{
	display: block;
	padding:10px;
	color:#544e41;
	font-size:14px;
	border-bottom: 1px dotted #6f624e;
	cursor:pointer;
}

.faqMenuLink .lst a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    border-top: 8px solid #ff882e;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
}

@media only screen and (min-width:640px){
	.faqMenuArea{
		float: left;
		width: 250px;
	}

	.careerAreaWrap{
		float:right;
		width:850px;
	}

	.wrapClothes{padding-bottom: 50px;}

	.wrapSubCon .clothMenuArea {
		float:left;
		width: 250px;
		margin-top: 110px;
	}

	.faqMenuLink .lst li a{transition: all .8s;}
	.faqMenuLink .lst li a:hover{background-color: #fff5e8;}

	.faqMenuLink .lst a:after{display: none;}
}


/*  メッセージ  */
.recruitArea{margin-bottom:30px;}

.recruitArea .cntBtm{margin-bottom:30px;}

.recruitTtl_1{
	padding-bottom:5px;
	border-bottom:2px solid #6f624e;
	font-size:18px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/*  メッセージ */
.msgArea .msgBox{
	padding-bottom:25px;
	margin-bottom:25px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d6c8b2;
}

.msgArea .msgBox:last-child{margin-bottom:0;}
.msgArea .msgBox:first-child{border-top:none;}

.msgArea .msgBox:afters{
	content:"";
	display:block;
	clear:both;
	height:0;
}

.msgBox .imgBox{
	margin-bottom: 20px;
	text-align: center;
}
	
.imgBox img{width: 50%;}

.msgArea .sentenceArea{
	float:left;
	width:440px;
	margin-right:15px;
}

.msgArea .sentenceArea:nth-child(even){margin:0 0 0 15px;}

.msgArea .name{
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
	text-align: center;
}

.msgArea .imgArea{
	float:left;
	width:250px;
}

.msgBox .imgBox01,
.msgBox .imgBox02{
	float: none;
	margin-bottom: 15px;
	text-align:center;
}

.imgBox01 img,
.imgBox02 img{width: 50%;}


@media only screen and (min-width:640px){
	.recruitArea{margin-bottom:50px;}
	.recruitArea .cntBtm{margin-bottom:40px;}
	
	.msgBox .imgBox01{
		float: left;
		width: 250px;
		margin-bottom: 0;
	}
	
	.msgBox .imgBox02{
		float: right;
		width: 250px;
		margin-bottom: 0;
	}
	
	.imgBox01 img,
	.imgBox02 img{width: 100%;}
	
	.msgArea .txtArea01 {
		float: right;
		width: 570px;
		margin-left: 30px;
	}
	
	.msgArea .txtArea02 {
		float: left;
		width: 570px;
		margin-right: 30px;
	}

	.msgArea .name{text-align: left;}
}


/*  募集要項 */
.careerArea{margin-bottom: 30px;}

/*  応募ボタン */
.btnArea{margin-bottom:20px;}

.btnArea a{color:#333;}

.btnArea .entryBtn{
	width:100%;
	height:125px;
	margin-bottom:15px;
	padding:10px;
	border:2px solid #ff882e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff5e8;
	color:#333;
	font-size:16px;
	text-align:center;
}

.btnArea .important{
	font-size:22px;
	font-weight:bold;
}

.btnArea .reception{font-size:14px;}
.btnArea .recruitEmail{padding:20px;}

.recruitTel .icon{
	display: inline-block;
	padding-left: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAABvElEQVQY08XPP0hCURTHcV9kgUVO9m8M6R9BkS0tQRE0RERTQzQ0NIW1FBERLTZEtLQ2NDQFRUG0CS5Ff7YcLLFFEIqGDBJBSe134D14iHrv1XNp+Ez3nvu9x+Hz+RxlNMA6JOEVmivcVVbuYAwiULBZ1Bl2wzHki6LkQld4GhIlgpZvcHKGXXBaIWg3zhnekoySPc5wUCF8xxmOKYSz0MQV/lEIk1GucEHR8n+FV7jCXwrRNAxyhSOS0RB4OaJW+Ewiug0GV9QKrwqiGajnjFrhXomNh3WEyYsgvKMrHBCEn3SFuwVh0qMjTEKC8IGu8KwgnAS3jnAdxATxgI4w8QvCafDqCLvgXRC/BSd3WGZrcqgj3AhxQTgPC9xhMiexdQYmSsx2wCb4zSWUwuRKIp6CGdvMEiRt54/QqRpuhQ+JeA5O4LrMeRz6VMJkCn4l4iKfMKQSJrsMYSs+oBI24JwpngCvbJi44IEp/gYe2TDxQJgpHlQJkzaIMoRTqmHSDs81RHOwVk2YtMBNFdEETNIb1YaJARuQldzyyPywo9awpR8uzcdLRe9hpHiOI2zpgn2Imp8IwzwYpe7/AV12hlg9zJRHAAAAAElFTkSuQmCC) no-repeat left 3px;
    background-size: 13px 17px;
}

.recruitEmail .icon{
	display: inline-block;
	padding-left: 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAgCAYAAABdP1tmAAAB20lEQVQoz+3STShEURjG8YsZE6EpjWlihQ0bH5OklA1lp5SFmFLK1uzZSclCiZqyYGNlw8KCjUhix0LZTZMolJSvmQzD89a9pdt5Z+73XLqL34Zzznv+c48UjUa//xPJC/KC3BWUAD9ILhGANbNf6AhCLoiphzOrnlwK2ooY0wd3Rp/cFGQEf3+FkSLETENWcJ80TGoJor/1wK3gfzmYg1IHQiphk/kSSeiQ12kKIhE4YQ7cgWobYxrhgpm9C8FfazUHkXJIMAdfQpMNMYPwKJj3CbNQolqvK0hBbzUjWEuDBywKoYvOwJdgzgP0M/sMBZFuuBGsz0LcZEwNbDMv4RQa8uw1HETCcMwMXoeAgZgWuGLOXAF/gf2mgiR5wGqeXzOiI2YYngXnvMCoxjNMBykmIC3YT8+yq8DeMpiHnGA/fa1WHfewLEiSL34tOINCx5k9tbDPfOEtqNJ5B0uDSB0cMhdclL+GsrYdkoJ1HxA3MNuWIOKDZSZqD4IQg3fmifYanGtbkCImPzf1mfdM7AGETc60NYh0QooJUORgQfUcXRtEQvKvL4p5giGL5jgWRHywpDr7HJotnOFokGIM3mADKmw43/EgErHp3KIFSV6QF8QH/WlekBfksB+Krx3TaMhrFQAAAABJRU5ErkJggg==) no-repeat left 3px;
    background-size: 24px 15px;
}

.recruitEmail,
.recruitTel{display: block;}

.careerSelectArea .careerBox{
	width:100%;
	height:40px;
	margin-bottom:15px;
	box-sizing: border-box;
	background:#544e41;
	text-align:center;
}

.careerSelectArea .careerBox a > p{color:#fff;}

.careerSelectArea .careerBox:hover{color: #ff882e;}

.careerSelectArea p{
	padding:10px;
	text-decoration:none
}

.careerSelectArea .careerBox:last-child{margin-bottom:0;}

.entryBtn span{display:block;}


@media only screen and (min-width:640px){
	.btnArea{margin-bottom:30px;}

	.btnArea .entryBtn{
		float:left;
		width:409px;
		margin:0 30px 0 0;
		padding:10px;
	}

	.entryBtn.pc_dbn .icon{
		display: inline-block;
		padding-left: 20px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAABvElEQVQY08XPP0hCURTHcV9kgUVO9m8M6R9BkS0tQRE0RERTQzQ0NIW1FBERLTZEtLQ2NDQFRUG0CS5Ff7YcLLFFEIqGDBJBSe134D14iHrv1XNp+Ez3nvu9x+Hz+RxlNMA6JOEVmivcVVbuYAwiULBZ1Bl2wzHki6LkQld4GhIlgpZvcHKGXXBaIWg3zhnekoySPc5wUCF8xxmOKYSz0MQV/lEIk1GucEHR8n+FV7jCXwrRNAxyhSOS0RB4OaJW+Ewiug0GV9QKrwqiGajnjFrhXomNh3WEyYsgvKMrHBCEn3SFuwVh0qMjTEKC8IGu8KwgnAS3jnAdxATxgI4w8QvCafDqCLvgXRC/BSd3WGZrcqgj3AhxQTgPC9xhMiexdQYmSsx2wCb4zSWUwuRKIp6CGdvMEiRt54/QqRpuhQ+JeA5O4LrMeRz6VMJkCn4l4iKfMKQSJrsMYSs+oBI24JwpngCvbJi44IEp/gYe2TDxQJgpHlQJkzaIMoRTqmHSDs81RHOwVk2YtMBNFdEETNIb1YaJARuQldzyyPywo9awpR8uzcdLRe9hpHiOI2zpgn2Imp8IwzwYpe7/AV12hlg9zJRHAAAAAElFTkSuQmCC) no-repeat left 3px;
	    background-size: 13px 17px;
	}

	.recruitTel{display: none;}

	.btnArea  a:last-child.entryBtn{margin-right:0;}

	.btnArea .recruitEmail{padding:10px 20px 20px;}

	.btnArea .recruitEmail:hover{opacity:.8;}

	.recruitEmail span:nth-child(2){margin-bottom:11px;}

	.careerSelectArea .careerBox{
		float:left;
		width:273px;
		margin:0 15px 0 0;
	}

	.careerSelectArea .careerBox:last-child{margin:0;}

	.careerSelectArea .careerBox:hover{
		background-color:#ff882e;
		transition: .8s;
	}

}

/* tab
============================================ */

.tabGroup{
	display: flex;
	justify-content: center;
	margin-bottom:20px;
}

.tab{
	flex-grow: 1;
	padding:8px;
	background:#fff5e8;
	border-left: 1px solid #fff5e8;
	border-right: 1px solid #ff882e;
	border-top: 1px solid #ff882e;
	border-bottom: 1px solid #ff882e;
	color:#6d5733;
	text-align:center;
	cursor:pointer;
}

.tab:first-child{
	border-left: 1px solid #ff882e;
}

.panelGroup{
	display:block;
}

.panel{
	display:none;
}

.tab.active{
	background:#ff882e;
	border-left: 1px solid #ff882e;
	color:#fff;
}

.panel.show{
	display:block;
}


/* -------------------------------------------------------
 careerfair
------------------------------------------------------- */
.careerEntryBtn{
    position: relative;
    display: inline-block;
    min-height: 70px;
    line-height: 70px;
    margin: 80px 0;
    padding: 0 80px 0 40px;
    box-sizing: border-box;
    background-color: #544e41;
    border-radius: 35px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    transition: all .2s;
}

.careerEntryBtn:hover{background-color: #ff882e;}

.careerEntryBtn::before,.careerEntryBtn::after{
    content: "";
    display: block;
    position: absolute;
}

.careerEntryBtn::before{
    top: 50%;
    right: 30px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    transform: translateY(-50%);
}

.careerEntryBtn::after{
    top: 26px;
    right: 39px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #544e41;
    border-right: 2px solid #544e41;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 10;
    transition: all .2s;
}

.careerEntryBtn:hover::after{
    border-top: 2px solid #ff882e;
    border-right: 2px solid #ff882e;
}

@media only screen and (max-width:640px){
    .careerEntryBtn{
        min-height: 40px;
        line-height: 40px;
        margin: 30px 0;
        padding: 0 35px 0 15px;
        font-size: 16px;
    }
    
    .careerEntryBtn::before{
        right: 10px;
        width: 20px;
        height: 20px;
    }
    
    .careerEntryBtn::after{
        top: 14px;
        right: 16px;
        width: 6px;
        height: 6px;
    }
}

.careerFair{margin-bottom: 80px;}

.careerTtl{
    text-align: center;
    margin-bottom: 40px;
}

.careerTtl > span{
    border-bottom: 3px solid #ff882e;
    font-size: 40px;
    color: #ff882e;
}

@media only screen and (max-width:640px){
    .careerFair{margin-bottom: 40px;}
    .careerTtl{margin-bottom: 20px;}
    .careerTtl > span{
        border-bottom-width: 2px;
        font-size: 24px;
    }
    
    .careerTtl.small > span{font-size: 20px;}
}

.job{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.jobArea .job:first-child{background-color: #ebffff;}

.jobArea .job:last-child{
    margin-bottom: 0;
    background-color: #fffbe2;
}

.job .imgArea{
    width: 310px;
    box-sizing: border-box;
}

.job .imgArea img{
    height: 300px;
    object-fit: cover;
}

.job .clm{
    width: 360px;
    text-align: center;
    box-sizing: border-box;
}

.job .clm .ttl{
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.jobArea .job:first-child .clm{padding: 50px 0;}
.jobArea .job:last-child .clm{padding: 40px 0;}

.job .summaryBtn{
    position: relative;
    display: inline-block;
    min-width: 200px;
    height: 46px;
    line-height: 43px;
    margin-top: 20px;
    padding: 0 40px 0 20px;
    box-sizing: border-box;
    background-color: #fff;
    border: 3px solid #544e41;
    border-radius: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #544e41;
    transition: all .2s;
}

.job .summaryBtn:hover{
    color: #fff;
    background-color: #544e41;
}

.job .summaryBtn::before,.job .summaryBtn::after{
    content: "";
    display: block;
    position: absolute;
}

.job .summaryBtn::before{
    top: 50%;
    right: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #544e41;
    transform: translateY(-50%);
    transition: all .2s;
}

.job .summaryBtn::after{
    top: 15px;
    right: 24px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    transition: all .2s;
}

.job .summaryBtn:hover::before{background-color: #fff;}

.job .summaryBtn:hover::after{
    border-top: 2px solid #544e41;
    border-right: 2px solid #544e41;
}

@media only screen and (max-width:640px){   
    .job .clm{
        width: 100%;
        height: 190px;
        order: 1;
    }
    
    .jobArea .job:first-child .clm{padding: 20px 0;}
    .jobArea .job:last-child .clm{padding: 13px 0;}

    .job .clm .ttl{
        margin-bottom: 5px;
        font-size: 18px;
    }
    
    .job .imgArea{width: 50%;}
    .job .imgArea:first-child{order: 2;}
    
    .job .imgArea:last-child{
        order: 3;
        border-left: 1px solid #fff;
    }
    
    .job .imgArea img{height: 100%;}
    
    .job .summaryBtn{
        min-width: 150px;
        height: 35px;
        line-height: 32px;
        padding: 0 30px 0 20px;
        margin-top: 10px;
        border-width: 2px;
        font-size: 16px;
    }
    
    .job .summaryBtn::before{
        right: 10px;
        width: 18px;
        height: 18px;
    }
    
    .job .summaryBtn::after{
        top: 12px;
        right: 16px;
        width: 5px;
        height: 5px;
    }
}

.aboutTtl{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
    font-size: 24px;
    text-align: center;
}

.aboutTtl::after{
    display: block;
    position: absolute;
    content: "";
    width: 102px;
    height: 20px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAUCAMAAABI67iaAAAAilBMVEUAAABUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkFUTkGzDeIeAAAALXRSTlMA+BH75VvVwqmhdxfpyr2JSC/0mX1jIgdwKQwEAt+0hEHZjjsbZzOlk1iv7FASBJKRAAACTElEQVRIx72U53LjMAyEQRWr925VW3L3vv/rHRGFjjOX3Exm4vv+CCREYMHViO6+cInxNPplNI8YV/gxGYAv4/YEvaZfpdZxauXTBwzS4cQyLgCIas0vZnS6hkM2msmcDzsB3bfGhL4gcZ0wsK7nomkbc8wGK7Sjy7LmKgGgkEHsQCcbcOaW9ggAjSc9WPiS7O8mG3yJdXgrBATYUzs7gE3aAEDfGAA2ZVJcWUNvR3UdQrFzD6cdQnXj+7xboxEwwr2tq/d6t64juwcgrkVSsghjw9mB28aDwBNGlPBmwLLMabT0J43MATiu/Vx1RFh5EbLOCwtIIgNPiCGmlaqwi8m0hJwqm/jNSTbRndWObaYOpNFWruXS5O0ofVwnb1N5lhs7k493UyanEFLl/X6sSHEBTm8VielidscuVdZCCOFNrNGYqUml6i3NvIomT8ik9bhOIXNmS/Qo5hmpS4pAqlCxV2+4SUNP2QGQmtrChxhvCG7YuAJ+IetVkMmAHoe5UV9rpGh0dcWSULo3a1SVcc5W6I5qosyATas2ALtlStmHtZYN4ED01EgmhX1XneIbHhMkN3zQ5wt9xnRqOcxqSzpupQ2ODhSrrbVj0ie03ADLsM/5Xn6g8LUPDXkgIPHD/NjRdxyB6/HdzQBpRd/QxY4PRdjQM61XLlv6Jxf0wiCmRA8s9D0d/xScLDJL+jFLine7Nf6k6FUkY34xeeTYPecevYyjATTlTD7g0uvYAWfZY4lToKSX4UYztUBCnnvW6KV0QEP/Aaev6Kf8AStaVJMLUIctAAAAAElFTkSuQmCC) no-repeat top left / 100% auto;
}

.policy .txt,.person .txt{line-height: 2.5;}

.moya{
    background: url(data:image/png;base64,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);
}

.policy .txt .moya{
    background-repeat: repeat-x;
    background-size: 415px 53px;
    background-position: top -8px left -40px;
    padding: 0 5px;
}

.person .txt .moya{
    background-repeat: no-repeat;
    background-size: 81px 53px;
    background-position: top -16px left -8px;
}

@media only screen and (max-width:640px){
    .aboutTtl{
        margin-bottom: 20px;
        font-size: 18px;
    }
    
    .aboutTtl::after{
        width: 70px;
        height: 14px;
    }
    
    .policy .txt,.person .txt{line-height: 2;}
    
    .policy .txt .moya{
        background-size: 354px 43px;
        background-position: top -10px left -30px;
    }
    
    .person .txt .moya{
        background-size: 71px 43px;
        background-position: top -13px left -7px;
    }
}

.summaryTtl{
    padding-left: 20px;
    margin-bottom: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQAgMAAABb+qapAAAACVBMVEUAAABUTkH////QqVxDAAAAAXRSTlMAQObYZgAAAB9JREFUCNdjCA0NYCCKiFq1gCE0MjSBgYETF8G1agEAjxcQN0b8NAoAAAAASUVORK5CYII=) no-repeat top 50% left / 14px auto;
    font-size: 24px;
}

.careerTbl{width: 100%;}
.careerTbl{border: 1px solid #544e41;}

.careerTbl th, .careerTbl td {
    padding: 15px 10px;
    word-break: break-all;
    vertical-align: top;
    box-sizing: border-box;
    color: #544e41;
}

.careerTbl th {
    background: #fff7e9;
    width: 30%;
    border-bottom: 1px solid #544e41;
    text-align: center;
}

.careerTbl tr:first-child th{background-color: #fff0d3;}

.careerTbl td {
    border: 1px solid #544e41;
    background-color: #fff;
}

@media only screen and (max-width:640px){
    .summaryTtl{
        padding-left: 15px;
        margin-bottom: 10px;
        background-size: 11px auto;
        font-size: 18px;
    }

    .careerTbl th, .careerTbl td {
        display: block;
        width: 100%;
    }
    
    .careerTbl th{
        height: 40px;
        line-height: 10px;
    }
    
    .careerTbl td{
        border-top: none;
        border-left: none;
        border-right: none;
        text-align: center;
    }
    
    .careerTbl tr:last-child td{border-bottom: none;}
    .careerTbl tr:first-child th{
        height: 50px;
        line-height: 20px;
    }
}

#careerForm .info{
    padding: 30px 20px;
    border: 1px solid #544e41;
}

.wpcf7-form .wpcf7-form-control.careerDay{width: 200px;}

.wpcf7-form .wpcf7-form-control.careerFormBtn {
    display: block;
    width: 400px;
    margin: 40px auto 0;
    padding: 10px 10px 8px;
    background-color: #544e41;
    text-align: center;
    color: #fff;
    transition: all .2s;
}

.wpcf7-form .wpcf7-form-control.careerFormBtn:hover{background-color: #ff882e;}

@media only screen and (max-width:640px){
    .wpcf7-form .wpcf7-form-control.careerFormBtn {
        width: 100%;
        margin-top: 20px;
    }
}


/* -------------------------------------------------------
 clear fix
------------------------------------------------------- */
.recruitArea:after,
.clmBtm_1:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */