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

/*******************************************

求人詳細

*******************************************/

.jobindex-main {
    max-width: 1020px;
    margin: auto;
    font-size: 18px;
}

.box {
    width: 100%;
    margin: auto;
    padding: 3rem 0;
}

.job {
    background-color: #fff;
    border: 2px dashed #464646;
    border-radius: 25px;
}

.job-detail {
    width: 80%;
    max-width: unset;
}

.jobdetail-ttl-2 {
    max-width: unset;
}

.jobdetail-img-box .jobdetail-img {
	height: unset;
}

.slick-prev {
	left: 0;
}

.slick-next {
    right: 0px;
}

.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.jobdetail-ttl {
	line-height: 22px !important;
    border-left: 5px solid #ff680c;
    padding: 0 0 0 6px !important;
}
.jobdetail-ttl-2 > p,
.table-striped th {
	color: #ff680c;
	font-weight: 600;
}

.table-striped th {
	font-size: 19px;
}

.table-striped th.free {
	color: #333;
}

.table-striped td {
	font-size: 17px;
}

.table-striped td.free {
	padding-left: 10px;
}

.job-gmap-btn {
	color: #000000 !important;
    border: 1px solid #000000;
}

@media screen and (max-width:1024px){
	.jobindex-main {
		padding: 0 15px;
	}
}

@media screen and (max-width:599px){
	.box {
		font-size: 14px;
	    padding: 3rem 0 0;
	}
	.col-md-12 {
		padding: 0!important;
	}
	.pb-4, .py-4 {
		padding: 10px 0 !important;
	}
	.jobdetail-title,
	.jobdetail-caption {
	    padding: 0 20px;
	}
	.jobdetail-ttl-2 {
		line-height: 20px;
	}
	.slick-dotted.slick-slider {
	    margin-bottom: 37px;
	}
	.slick-prev, .slick-next {
		display: none !important;
	}
	.job-thumb-inner {
		margin: 0;
	    text-align: left;
	}
	.jobdetail-ttl,
	.table-striped td {
		font-size: 14px !important;
	}
	.table-striped th {
	    font-size: 15px;
        line-height: 16px;
	}
}

/*******************************************

応募フォーム

*******************************************/

.form__wrap {
	padding: 0;
}

.midle-in {
    max-width: 99px;
    display: inline;
}

.form-radio > label {
	margin: 0 1rem 0 0;
}

input[type="radio"] {
	margin-right: 7px;
}

input[name="zip"],
select[name=pfid],
select[name="graduation_year"],
input[name="age"] {
    width: 50%;
}

input[name="address1"],
input[name="tel"] {
	width: 100%;
}

select[name="graduation_year"],
input[name="zip"] {
	display: inline-block;
}

input[name="age"] {
	max-width: unset;
}

textarea[name="qualification"] {
	border: 1px solid #ced4da !important;
}

.form-control:focus {
	box-shadow: unset;
}

textarea:focus {
	outline: unset;
}

.auto-btn {
    width: 33vw;
    max-width: 135px;
}

.form__submit {
    width: 192px;
    border-radius: 25px;
    background: #000;
}

@media screen and (max-width:599px){
	.form {
		width: 90%;
	}
	.form__title {
	    font-size: 8vw;
    }
    .form__table tr th,
    .form__table tr td {
    	padding: 8px;
    }
    .form__submit:visited,
	.form__submit {
	    line-height: 25px;
	}
}

/*******************************************

固定ボタン

*******************************************/

.fixed-option-buttons__list {
	width: 84px;
}

#js-phone-box,
#js-apply-box {
	background: #ff680c;
    color: #fff;
    border: 1px solid #ff680c;
    border-right: none;
    font-weight: 600;
}

#js-mail-box {
	background: #ffffff;
	color: #009688;
	border: 1px solid;
    border-right: none;
    font-weight: 600;
}

.fixed-option-buttons__text {
	font-size: 12px;
}

.fixed-option-buttons__item > button,
.fixed-option-buttons__item > a {
	color: #ff680c;
}

@media screen and (max-width:767px){
	.fixed-option-buttons {
		background: rgb(204 204 204 / 55%);
	}
	.fixed-option-buttons__list {
		width: 95%;
    	margin: auto;
	}
	.fixed-option-buttons__item > button,
	.fixed-option-buttons__item > a {
		margin: 0;
	}
	#js-mail-box {
		border-right: 1px solid;
	}
	#js-phone-box,
	#js-apply-box {
		border-right: 1px solid #ff680c;
	}
}

@media screen and (max-width:599px){
	#page-top {
		bottom: 14vw;
	}
}