/* 募集要項　*/

#job .title{
	background: #009e9d;
	border-radius: 45px;
	padding: 15px 30px;
	color: #fff;
}

#job .title h3{
	line-height: 1;	
}

.table-box{
	margin: 20px auto;
}

.job-table-container {
	max-width: 800px;
	margin: 0 auto;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.job-table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}


.job-table th,
.job-table td {
	border-bottom: 1px solid #e0e0e0;
	padding: 30px;
	text-align: left;
}

.job-table th {
	min-width: 180px;
	color: #009e9d;
	background-color: #f0f8f8;
}


.job-table th p{
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.1rem;
}

.job-table td {
	width: 100%;
}

.job-table tr:last-child td,
.job-table tr:last-child th {
	border-bottom: none;
}

.job .button-link button a {
	background: #009e9d;
}

.job .button-link button a:hover {
	background: #003c93;
}


.tel-recruit span{
	background: url("../img/tel-horizontal.png") center;
	background-size: cover;
}


.mobile-recruit span{
	background: url("../img/mobile-horizontal.png") center;
	background-size: cover;
}


.mail-recruit span{
	background: url("../img/sub/mail.png") center;
	background-size: cover;
}


.line-recruit span{
	background: url("../img/sub/line-recruit.png") center;
	background-size: cover;
}

.table-box a:hover {
	opacity: 0.75;
}

.recruit-way{
	margin-top: 10px;
	display: flex!important;
	gap:5px!important;
	flex-wrap: wrap!important;
} 

@media screen and (max-width: 800px) {
	
	
	.job-table tr {
		display: block;
		background: #fff;
	}
	
	.job-table th,
	.job-table td {
		display: block;
		width: 100%;
		padding: 10px;
	}
	
	.job-table th {
		background-color: #e0f7f7;
		border-bottom: none;
		font-size: 14px;
	}

	.job-table td {
		border-bottom: 1px solid #ddd;
		font-size: 15px;
		padding-bottom: 20px;
	}

	
	.job-table th p {
		text-align: left;
		font-weight: 600;
		letter-spacing: 0.1rem;
		font-size: 1.05rem;
	}
	
	
	.recruit-way{
		margin-top: 10px;
		display: flex!important;
        flex-direction: column!important;
        flex-wrap: nowrap !important;
	} 

}


/* 募集要項　///*/


/*　お問い合わせ　*/

#contact{
	margin-top: -100px;
    padding-top: 100px;
}

.contact{
	background: #f6f6f6;
}


.contact .main-area{
	max-width: 1000px;
}


#contact .title{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom:20px;
}

#contact .title h3{
	margin: auto;
	display: inline-block;
	color: #f46f14;
	text-align: center;
	border-bottom: 5px solid #f46f14;
}

#contact .contact-tel{
	display: flex;
	flex-direction: column;
	gap:0;
}

.conact-area-up{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.call-man{
	min-width: 240px;
	aspect-ratio: 40/48;
	position: relative;
}

.call-man span{
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 100%;
	height: 100%;
	background: url("../img/sub/contact-man.png") no-repeat;
	background-size: cover;
}

.ps-span{
	color: #009e9d;
}

.contact-area-text{
	background: #fff;
	border-radius: 30px;
	padding: 30px;
}


.contact-area-text h4{
	letter-spacing: 0.01rem;
}


.contact-area-text h4 span{
	display: block;
	
}

#contact .contact-horizontal{
	margin: 20px auto 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap:0px;
}

.contact-area-down{
	padding-top: 10px;
	display: block;
	border-top: 1px solid #898989;
}


.contact-area-down p{
	line-height: 1.7;
	font-size: 0.9rem;
}

.table-box a span{
	width: 300px;
	display: block;
	aspect-ratio: 475/90;
}




@media(max-width: 1200px){

	#contact .line-contact {
    	width: 230px!important;
	}
	
}


@media(max-width: 1000px){
	
	#contact .main-area{
		max-width: 860px;
	}
	
	#contact .contact-horizontal {
    	flex-direction: column;
		gap:0;
	}
	
	#contact .line-contact{
		background: url("../img/line-horizontal.png") no-repeat center;
		background-size: cover;
		aspect-ratio: 475/90;
		width: 300px!important;
	}
	
	.contact .main-area {
		 padding-left: 5vw; 
		 padding-right: 5vw; 
	}
	
	#contact .title h3 {
		border-bottom: 3px solid #f46f14;
	}
	
	.contact-area-text h4 span{
		display: inline;
		line-height: 1.2;
	}
	
	.ps-span{
		display: block!important;
	}
	
	.conact-area-up {
		margin-top: 20px;
		background: #fff;
		border-radius: 20px;
	}
	
	
	.contact-area-down {
		border-top: none;
	}
}



@media (min-width: 801px) {

	
	.br-600{
		display: none;
	}
	
}


@media (max-width: 800px) {

	#contact .contact-horizontal {
        justify-content: center;
        align-items: center;
	}

	.conact-area-up {
        flex-direction: column-reverse;
	}
	
	.contact-area-text {
		padding: 20px;
	}
	
	.conact-area-up {
    	padding-right: 0;
	}
	
	.contact-ps small{
		font-size: 100%!important;
	}
	
	.contact-ps {
		margin-top: 10px;
	}
	
	.contact-ps p {
		letter-spacing: 0;
        font-size: 0.85rem;
        text-align: left;
    }
	
	.br-600{
		display: block;
	}
	
	.call-man {
        min-width: 50vw;
        margin-top: 10px;
    }
	
	.call-man span {
    	left: 0;
	}
	
	#contact  .contact-tel,
	#contact .tel-box,
	#contact .mobile-box,
	#contact .line-contact,
	#contact .contact-ps{
		width: 100% !important;
        min-width: 100%!important;	
	}

	
	
	.table-box a span{
		width: 100%;
		max-width: 650px;
		margin: auto;
	}
	


}
/*　お問い合わせ　///*/