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

/*======================================*/

/*  応募フォームボタン　*/

/*======================================*/

.recruit-form{
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	right: 0px;
	padding: 20px 40px;
	border-radius: 10px 0 0 0;
	background-image: linear-gradient(90deg, #0077ff, #0066cc);
	border: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
}

.recruit-form a{
	color: #fff;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.recruit-form span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	transform: rotate(135deg);
}


/*======================================*/
/*======================================*/

/* スマホ対応　レスポンシブ */

@media (max-width: 767px){
	
.recruit-form{
	padding: 18px 30px;
	font-size: 1.3rem;
	border-radius: 10px;
	bottom: 5px;
	right: 5px;
}
}




/*======================================*/

/*  応募フォーム　*/

/*======================================*/

#job-description .job-description-formtitle{
	font-size: 2rem;
	margin-bottom: 10px;
}

#job-description .job-description-form{
	width: 100%;
	padding: 50px;
	height: 600px;
	max-width: 1300px;
	margin: 0 auto;
	display: block;
	border: solid 1px #e9e9e9;
	border-radius: 20px;
}



/*======================================*/
/*======================================*/

/* スマホ対応　レスポンシブ */

@media (max-width: 767px){
	
#job-description .job-description-form{
	width: 100%;
	padding: 20px;
	height: 730px;
	max-width: 1300px;
	margin: 0 auto;
	display: block;
	border: solid 1px #e9e9e9;
	border-radius: 20px;
}
}







/*======================================*/

/*  採用職種一覧　*/

/*======================================*/

#recrit-openings .recrit-openings-container{
	width: 100%;
	background: #fff;
	border-radius: 20px;
	padding: 15px;
	transition: all .5s;
	transform: translateY(0px);
	margin-bottom: 30px;
}
#recrit-openings .recrit-openings-container:hover{
	background: #fff;
	box-shadow: 0px 0px 20px 1px rgba(0,0,0, .1);
	transform: translateY(-10px);
}


/*採用職種イメージ写真*/
#recrit-openings .recrit-openings-container .recrit-openings-img{
	max-width: 250px;
	border-radius: 20px;
}

/*採用職種ごとの「職種名」「仕事内容」「詳細はこちら」*/
#recrit-openings .recrit-openings-container .recrit-openings-info{
	margin-right: auto;
	padding-left: 20px;
	max-width: 700px;
	width: 100%;
}

#recrit-openings .recrit-openings-container .recrit-openings-info h3{
	font-size: 2rem;
	color: #0066cc;
	line-height: 1.5;
	margin: 10px 0;
}

#recrit-openings .recrit-openings-container .recrit-openings-details{
	display: inline-block;
	padding-right: 10px;
	color: #0066cc;
}

/*「詳細はこちら」の矢印*/
#recrit-openings .recrit-openings-container .recrit-openings-details span{
	border-top: solid 3px #0066cc;
	border-left: solid 3px #0066cc;
	width: 10px;
	height: 10px;
	display: inline-block;
	transform: rotate(135deg);
}


/* 契約形態タグ 正社員タグ アルバイトタグ */
#recrit-openings .recrit-openings-container .recrit-openings-info .recrit-openings-tag{
	padding: 8px;
	border-radius: 5px;
	background: #f4f4f4;
}



/*======================================*/
/*======================================*/

/* タブレット対応　レスポンシブ */

@media screen and (max-width: 1200px){
	
	
/*採用職種ごとの「職種名」「仕事内容」「詳細はこちら」*/
#recrit-openings .recrit-openings-container .recrit-openings-info{
	margin-right: auto;
	padding-left: 20px;
	max-width: 330px;
	width: 100%;
}
}



/*======================================*/
/*======================================*/

/* スマホ対応　レスポンシブ */

@media screen and (max-width: 767px){
	
	
#recrit-openings .recrit-openings-container{
	flex-direction: column;
	padding: 10px;
}
	
/*採用職種イメージ写真*/
#recrit-openings .recrit-openings-container .recrit-openings-img{
	max-width: 100%;
}
	
/*採用職種ごとの「職種名」「仕事内容」「詳細はこちら」*/
#recrit-openings .recrit-openings-container .recrit-openings-info{
	max-width: 100%;
	padding-left: 0;
	margin-top: 10px;
}
	
#recrit-openings .recrit-openings-container .recrit-openings-details{
	display: inline-block;
	padding-right: 10px;
	text-align: right;
}
}






/*======================================*/

/* 業種ごとの詳細ページ */

/*======================================*/


/* ヘッダー画像とテキスト */
#job-description .job-description-h-text{
	max-width: 650px;
	width: 100%;
	line-height: 1.8;
}

#job-description .job-description-h-text h1{
	color: #0066cc;
	margin-bottom: 10px;
	letter-spacing: 3px;
}

#job-description .job-description-h-text p{
	letter-spacing: 1.5px;
}


#job-description .job-description-h-img{
	max-width: 550px;
	width: 100%;
	border-radius: 80px;
}



/* 募集要項 */
#job-description .job-description-title{
	margin: 30px auto 10px;
}

#job-description .job-description-wrrap{
	margin-bottom: 100px;
}

.job-description-container .job-description-info-title{
	border: solid 1px #e9e9e9;
	padding: 10px;
	color: #0066cc;
}

.job-description-container .job-description-info{
	border: solid 1px #e9e9e9;
	padding: 20px;
}

.job-description-container .job-description-info .job-description-info-list li{
	list-style: inside;
}




/*======================================*/
/*======================================*/

/* タブレット対応　レスポンシブ */

@media (min-width: 767px) and (max-width: 1000px){
	

/* ヘッダー画像とテキスト */
#job-description .job-description-h{
	flex-direction:column-reverse;
}
	
#job-description .job-description-h-text{
	max-width: 100%;
}

#job-description .job-description-h-text h1{
	max-width: 100%;
	font-size: 3rem;
}

#job-description .job-description-h-img{
	max-width: 100%;
}
}



/*======================================*/
/*======================================*/

/* スマホ対応　レスポンシブ */

@media (max-width: 767px){
	
/* ヘッダー画像とテキスト */
#job-description .job-description-h{
	flex-direction:column-reverse;
}

#job-description .job-description-h-text{
	max-width: 100%;
}

#job-description .job-description-h-text h1{
	max-width: 100%;
	font-size: 2rem;
	letter-spacing: 2px;
	margin: 15px auto 10px;
	line-height: 1.5;
}

#job-description .job-description-h-img{
	max-width: 100%;
	border-radius: 30px;
}
	


/* 募集要項 */
#job-description .job-description-title{
	font-size: 2rem;
}

.job-description-container .job-description-info{
	font-size: 1.3rem;
}
}