@charset 'UTF-8';

/** |READ ME| **************************************************************************************

www.keio-unyu.co.jp
/recruitment/job/css/index_pc
Ver.201803

----------------------------------------------------------------------------------------------------

01. テーマ
02. 募集職種
03. 募集要項
04. 仕事内容
05. 一覧に戻る
06. 応募

************************************************************************************** |READ ME| **/





/** |01. テーマ| >> ******************************************************************* >> START **/


.contents .theme .title {background-image: url(/recruitment/job/img/pc/thm_bg_wall.png);}


/** |01. テーマ| << ********************************************************************* << END **/





/** |02. 募集職種| >> ***************************************************************** >> START **/


.contents .type {padding: 48px 0;}

	.contents .type .label {
		margin: 0 auto;
		text-align: center;
		width: 1030px;
	}

		.contents .type .label .name {font-size: 30px;}

		.contents .type .label .status {
			background-color: #dce9f6;
			border-radius: 10px;
			display: inline-block;
			margin-top: 44px;
			padding: 8px 26px;
		}

	.contents .type .photo {
		background: no-repeat 0 0;
		margin: 54px auto 0;
		min-height: 256px;
		padding-left: 530px;
		position: relative;
		width: 1030px;
	}

		.contents .type .photo img {
			position: absolute;
			top: 0;
			left: 0;
			height: 256px;
			width: 500px;
		}

		.contents .type .photo figcaption {line-height: 1.78;}


/** |02. 募集職種| << ******************************************************************* << END **/





/** |03. 募集要項| >> ***************************************************************** >> START **/


.contents .guideline {margin-top: 0;}

	.contents .guideline .data {width: 1170px;}

		.contents .guideline .data th,
		.contents .guideline .data td {
			line-height: 1.78;
			padding: 14px 0;
			vertical-align: top;
		}

		.contents .guideline .data th {
			border-right: 1px solid #cecece;
			padding-right: 32px;
			text-align: left;
			white-space: nowrap;
		}

		.contents .guideline .data td {
			border-left: 1px solid #fff;
			padding-left: 32px;
			width: 100%;
		}

			.contents .guideline .data p {line-height: 1.78;}

			.contents .guideline .data ul {}

				.contents .guideline .data li {line-height: 1.78;}


			/* 特徴 */
			.contents .guideline .data .feature {font-size: 0;}

				.contents .guideline .data .feature li {
					display: inline-block;
					font-size: 18px;
					margin-right: 1.4em;
				}

				.contents .guideline .data .feature li:last-of-type {margin-right: 0;}

				.contents .guideline .data .feature li::before {
					background: no-repeat 50% 50%;
					background-size: 100% auto;
					content: '';
					display: inline-block;
					width: 1.43em;
					height: 1.43em;
					vertical-align: -0.3em;
					margin-right: 0.2em;
				}

				.contents .guideline .data .feature .beginner::before {background-image: url(/recruitment/job/img/pc/gdl_ico_beginner.png);}
				.contents .guideline .data .feature .woman::before {background-image: url(/recruitment/job/img/pc/gdl_ico_woman.png);}
				.contents .guideline .data .feature .short::before {background-image: url(/recruitment/job/img/pc/gdl_ico_short.png);}
				.contents .guideline .data .feature .shift::before {background-image: url(/recruitment/job/img/pc/gdl_ico_shift.png);}
				.contents .guideline .data .feature .parttime::before {background-image: url(/recruitment/job/img/pc/gdl_ico_parttime.png);}
				.contents .guideline .data .feature .education::before {background-image: url(/recruitment/job/img/pc/gdl_ico_education.png);}


			/* 注記 */
			.contents .guideline .data .note {font-size: 0;}

				.contents .guideline .data .note li {
					display: inline-block;
					font-size: 18px;
					padding-left: 1em;
				}

				.contents .guideline .data .note li:first-of-type {padding-left: 0;}


/** |03. 募集要項| << ******************************************************************* << END **/





/** |04. 仕事内容| >> ***************************************************************** >> START **/


.contents .description .outline {
	margin: 0 auto;
	padding-top: 30px;
	width: 1030px;
}

	.contents .description .outline dt,
	.contents .description .outline dd {line-height: 1.78;}

	.contents .description .outline dt {font-weight: bold;}

.contents .description .photos {
	margin: 0 auto;
	padding-top: 30px;
	width: 1030px;
}

	.contents .description .photos li {
		float: left;
		width: 500px;
	}

	.contents .description .photos li:nth-of-type(even) {float: right;}

		.contents .description .photos .photo {
			background: no-repeat 0 0;
			height: 250px;
			width: 500px;
		}


/** |04. 仕事内容| << ******************************************************************* << END **/





/** |05. 一覧に戻る| >> *************************************************************** >> START **/


.contents .archive {
	background: url(/recruitment/job/img/pc/arc_bg_back.png) no-repeat 100% 100%;
	height: 56px;
	margin: 0 auto;
	margin-top: 54px;
	width: 226px;
}

	.contents .archive a {
		background: url(/recruitment/job/img/pc/arc_btn_back.png) no-repeat 0 0;
		display: block;
		height: 100%;
		width: 100%;
	}

	.contents .archive a:hover {background-position: 100% 100%;}


/** |05. 一覧に戻る| << ***************************************************************** << END **/





/** |06. 応募| >> ********************************************************************* >> START **/


.contents .application {margin-top: 54px;}

	.contents .application .floating {
		background-color: #f7f7f7;
		padding: 26px 0;
		text-align: center;
	}

	.contents .application .fixed {
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		z-index: 999;
	}

		.contents .application .window {font-size: 0;}

			.contents .application .window li {
				display: inline-block;
				font-size: 18px;
				vertical-align: top;
			}

			.contents .application .window .phone {text-align: left;}

				.contents .application .window .phone dt {
					color: #d5007f;
					font-size: 24px;
					font-weight: bold;
					padding: 0 0 4px 38px;
				}

				.contents .application .window .phone dd {
					background: url(/recruitment/job/img/pc/app_txt_phone.png) no-repeat 100% 100%;
					height: 42px;
					width: 396px;
				}

					.contents .application .window .phone a {
						color: inherit;
						text-decoration: none;
						cursor: default;
					}

			.contents .application .window .form {margin-left: 26px;}

				.contents .application .window .form a {
					background: url(/recruitment/job/img/pc/app_bg_application.png) no-repeat 100% 100%;
					display: inline-block;
					height: 86px;
					position: relative;
					width: 376px;
				}

					.contents .application .window .form a::after {
						background: url(/recruitment/job/img/pc/app_btn_application.png) no-repeat 0 0;
						bottom: 6px;
						content: '';
						display: block;
						height: 80px;
						right: 6px;
						position: absolute;
						width: 370px;
					}

					.contents .application .window .form a:hover::after {
						bottom: 0;
						right: 0;
					}


/** |06. 応募| << *********************************************************************** << END **/