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

/* 詳細ページテーブルデザイン */

.jobdetail table{
width:100%;

margin-bottom:70px;
font-size:1.3rem;
border-bottom: dotted 1px #e0dccc;
}


.jobdetail th{
　width: 25%;
padding: 14px 0;

color: #444444;
font-style: normal;
font-weight: normal;
font-size: 1em;
text-align: left;


border-top: dotted 1px #e0dccc;
background-color: #ffffff;
}

.jobdetail td{
width: 75%;
padding: 14px 0;
text-align: left;

color: #777777;
border-top: dotted 1px #e0dccc;
background-color: #ffffff;
}


h2{
	margin-bottom:30px;
	font-size:1.6rem;
	font-weight:bold;
	}
@media only screen and (max-width:639px) {
h2{	
	margin-bottom:30px;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
}
}

@media only screen and (min-width:640px) {
.detailMainBox{
		width:1000px;
		margin:0 auto 40px;
		
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
		display: flex;
	}

.detailMainBoxL{
		width:50%;
	}
	
.detailMainBoxR{
		width:50%;
		padding-top:32px;
	}
.detailMainBoxL li{
		margin-bottom: 10px;
	}
.detailMainBoxL li.mainImg03,.detailMainBoxL li.mainImg04,.detailMainBoxL li.mainImg05{
		display: none;
	}

}

/* 詳細ページメイン部分の装飾 */
	
@media only screen and (min-width:640px) {
	.mainImg02{
		margin-top:11px;
	}
}

@media only screen and (max-width:639px) {
	#wrapper img{
		width:100%;
		height:auto;
		
		margin:0 auto;
	}
	
	.mainImg02{
		display:none;
	}
}
	
/* 詳細ページメイン部分の装飾 */

.detailMainTitle{
	margin-bottom:15px;
	font-size:18px;
	color:#d86f77;
}

.detailMainSubTitle{
	margin-bottom:24px;
	font-size:14px;
	color:#44444;}
	
.detailMainBoxR p{
	margin-bottom:44px;
	font-size:13px;
	color:#777777;}
@media only screen and (max-width:639px) {
	.mainImg01{
		width: 75%;
		margin:0 auto 10px auto;
	}
	.detailMainTitle{
	margin-bottom:15px;
	font-size:16px;
	color:#d86f77;
	font-weight: bold;
}
}

/* ボタンデザイン */

.detailMainEntryBt{
	text-align:center;
	margin-bottom:22px;
	background:#5ea5a5;
	border-radius:3px;
	-webkit-border-radius:3px;}

.detailMainEntryBt .fa{
	margin-left:15px;}

.detailMainEntryBt a:hover{
	background-color:#589a9a;
	border-radius:3px;
	-webkit-border-radius:3px;}

@media only screen and (min-width:640px) {
.detailMainEntryBt{
font-size:2.2rem;
margin:0 auto 15px;}

.detailMainEntryBt .fa{
	font-size:1.9rem;
}

.detailMainEntryBt a:link,.detailMainEntryBt a:visited{
display:block;
padding:15px 0;
color:#ffffff;
}
}
	
@media only screen and (max-width:639px) {
	.detailMainEntryBt{
		font-size:2.4rem;
		width:100%;
		margin:0 auto 15px;}
		
	.detailMainEntryBt a:link,.detailMainEntryBt a:visited{
	display:block;
	padding:15px 0;
	color:#ffffff;
}
	
}





/* スマホ時電話を掛けるボタンデザイン */

@media only screen and (min-width:640px) {
.detailMainSPTelBt{
	display:none;}
}

@media only screen and (max-width:639px) {
.detailMainSPTelBt{
	width:90%;
	margin:0 auto 5px;
	line-height:1.3;
	text-align:center;

	background:#d86f77;
	border-radius:3px;
	-webkit-border-radius:3px;}
	
.detailMainSPTelBt span{
	background:url(../img/job/detail/freedial.gif) no-repeat left center;
	padding-left:27px;
	background-size: 26px 14px;}


.telBtL{
	display:table-cell;
	vertical-align:middle
}
.telBtR{
	display:table-cell;
	vertical-align:middle
}
.detailMainSPTelBt .fa{
	margin-right:18px}


.detailMainSPTelBt span{
	font-size:1.5rem;}
	
.detailMainSPTelBt div{
	font-size:2.5rem;}
		
.detailMainSPTelBt a:link,.detailMainSPTelBt a:visited{
	display:block;
	padding:10px 0;
	color:#ffffff;
}
}


/* 気になるボタン */

@media only screen and (min-width:640px) {
.detailStudyBt{
	width:200px;
	margin-left:auto;
	margin-bottom:30px;
	
	font-size:1.4rem;
	text-align:center;
	
	background:#efefef;
	border-radius:3px;
	-webkit-border-radius:3px;}
	
	.detailStudyBt a:link,.detailStudyBt a:visited{
	display:block;
	padding:10px 0;
	color:#777777;
}
}

@media only screen and (max-width:639px) {
.detailStudyBt{
	width:100%;
	margin:0 auto;
	margin-bottom:30px;
	font-size:2.2rem;
	text-align:center;
	
	border:1px solid #e7dcdc;
	
	background:#efefef;
	border-radius:3px;
	-webkit-border-radius:3px;
}

.detailStudyBt a:link,.detailStudyBt a:visited{
	display:block;
	padding:12px 0;
	color:#777777;
}
}


.detailStudyBt .fa{
	margin-right:10px;}
	


.detailStudyBt a:hover{
	background-color:#e7dcdc;
	border-radius:3px;
	-webkit-border-radius:3px;
}

.studyBtOn{
	background:#e7dcdc;
	color:#444444;
	font-weight:bold;
	}

.studyBtOn .fa{
	color:#d86f77;
	}

/* 電話番号表記について */

@media only screen and (max-width:639px) {
.detailMainPCTel{
	display:none;}
}

@media only screen and (min-width:640px) {
.telMoreInfo{
	margin-bottom:23px;

	font-size:12px;
	text-align:right;
	}
	
	}


@media only screen and (max-width:639px) {
.telMoreInfo{
	margin-right:5%;
	margin-bottom:10px;
	font-size:12px;
	text-align:right;
	}
	
	
.receptionTime{
	display:none;}
	
}
.offerID{
	color:#d86f77;
	}
	
	
/* ページ中段の2カラムボタン */
@media only screen and (min-width:640px) {
.entryBtCol2Box{
		margin-top:60px;
	    display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
		display: flex;
		justify-content: center;
        flex-wrap: wrap;

	}

.entryBtCol2BoxL{
	/*width:48%;
	margin-right:4%*/
	width:80%;
}
	
.entryBtCol2BoxR{
	/*width:48%;*/
	width:80%;
}
}
	
/* ギャラリー */

.gallery span{
	display:block;
	font-size:1.3rem;
	color:#777777;
	}
.gallery img{
	margin:0 5px;
	}

@media only screen and (min-width:640px) {
.gallery{
	display:table;}	
	
.gallery div{
	display:table-cell;
	width:330px;
	vertical-align:middle;
	text-align:center;
	}
	

}

@media only screen and (max-width:639px) {
.gallery{
	display: none;
}
.gallery div{
	margin-bottom:10px;
	}	
}


	
/* こんな求人を見ています */

.recommendCards{
	margin-bottom:100px;}	
	
@media only screen and (min-width:640px) {
h3{
	font-size:2.6rem;
	margin-bottom:20px;
	color:#e09f5f;}
}

@media only screen and (max-width:639px) {
h3{
	font-size:1.8rem;
	margin-bottom:20px;
	color:#e09f5f;}
}
	
	
.liveIn{
    color:#d86f77;
    margin-bottom: 20px
}

/*　スマホだけ下部から応募ボタン */
.StickyBox {
    position: relative;
}
.StickyButton {
    position: fixed;
    width: 100%;
    height: 75px;
    z-index: 9999;
    transition: 0.25s;
    background: #fff;
    filter: drop-shadow(0px -2px 2px rgba(0,0,0,0.1));
    bottom: 0px;
    padding: 5px 10px;
	text-align: center;
}
.StickyButton p{
	margin-bottom: 3px;
	font-size: 1.0rem;
	font-weight: bold;
}
@media only screen and (max-width: 639px){
	.StickyButton .detailMainEntryBt {
		font-size: 1.3rem;
		width: 70%;
		margin: 0 auto 15px;
		display: inline-block;
		font-weight: bold;
	}
	.StickyButton .studyBtOn_box{
		display: inline-block;
		font-size: 1.0rem;
		width: 27%;
	}
	.StickyButton .detailStudyBt {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
		font-size: 1.1rem;
		text-align: center;
		border: 1px solid #e7dcdc;
		background: #efefef;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.StickyButton .detailStudyBt .fa {
		margin-right: 3px;
	}
	.StickyButton .detailMainEntryBt a:link,
	.StickyButton .detailMainEntryBt a:visited {
		padding: 11px 0;
	}
}
@media only screen and (min-width:640px) {
	.StickyBox{
		display: none;
	}
	
}

/* Flexslider */
@media only screen and (min-width:640px) {
.detailMainBoxL li{
		margin-bottom: 10px;
	}
.detailMainBoxL li.mainImg03,.detailMainBoxL li.mainImg04,.detailMainBoxL li.mainImg05{
		display: none;
	}

}
@media only screen and (max-width: 639px){
.flex-prev{
		display: none;
	}
.mainImg02,.mainImg03,.mainImg04,.mainImg05 {
		display: none;
	}
.detailMainBoxL{
		padding: 0 8%;
	}
.flex-control-nav{
		width: 80%;
		padding: 0 10%;
	}
}