@charset 'UTF-8';

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

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

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

01. テーマ
02. 募集職種
03. 募集要項
04. 仕事内容
06. 応募

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





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


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


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





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


.contents .type {padding: 7.81% 6.25%;/* 50px 40px */}

	.contents .type .label {text-align: center;}

		.contents .type .label .name {font-size: 3rem;}

		.contents .type .label .status {
			background-color: #dce9f6;
			border-radius: 10px;
			display: inline-block;
			font-size: 2rem;
			margin-top: 5.36%;/* 30px */
			padding: 0.6em 1.8em;
		}

	.contents .type .photo {padding-top: 8.93%;/* 40px */}

		.contents .type .photo figcaption {
			line-height: 1.73;
			padding-top: 1.2em;
		}


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





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


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

	.contents .guideline .prop {width: 87.5%;/* 560px */}

	.contents .guideline .data {
		display; block:
		width: 100%;/* 560px */
	}

		.contents .guideline .data tbody,
		.contents .guideline .data tr {display: block;}

		.contents .guideline .data th,
		.contents .guideline .data td {
			display: block;
			line-height: 1.73;
		}

		.contents .guideline .data th {
			border-bottom: 1px solid #cecece;
			text-align: left;
			padding: 1.6em 0 0.6em;
		}

		.contents .guideline .data tr:first-of-type th {padding-top: 0;
		}

		.contents .guideline .data td {
			border-top: 1px solid #fff;
			padding-top: 0.6em;
		}

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

			.contents .guideline .data ul {}

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


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

				.contents .guideline .data .feature li {
					display: inline-block;
					font-size: 2.2rem;
					margin-right: 0.8em;
				}

				.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: 1em;
					height: 1em;
					vertical-align: -0.1em;
					margin-right: 0.2em;
				}

				.contents .guideline .data .feature .beginner::before {background-image: url(/recruitment/job/img/sp/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/sp/gdl_ico_shift.png);}
				.contents .guideline .data .feature .parttime::before {background-image: url(/recruitment/job/img/sp/gdl_ico_parttime.png);}
				.contents .guideline .data .feature .education::before {background-image: url(/recruitment/job/img/sp/gdl_ico_education.png);}


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

				.contents .guideline .data .note li {
					display: inline-block;
					font-size: 2.2rem;
					padding-right: 0.8em;
				}

				.contents .guideline .data .note li:last-of-type {padding-right: 0;}


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





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


.contents .description .outline {
	margin: 0 auto;
	padding-top: 5%;/* 32px */
	width: 87.5%;/* 560px */
}

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

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

.contents .description .photos {
	margin: 0 auto;
	padding-top: 2.5%;/* 16px */
	width: 87.5%;/* 560px */
}

	.contents .description .photos li {padding-top: 4.29%;/* 24px */}


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





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


.contents .archive {
	margin: 0 auto;
	padding-top: 9.38%;/* 54px */
	width: 42.19%;/* 270px */
}


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





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


.contents .application {margin-top: 9.38%;/* 54px */}

	.contents .application .floating {
		background-color: #f7f7f7;
		padding: 4.06% 0;/* 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;
				vertical-align: top;
			}

			.contents .application .window .phone {width: 57.19%;/* 366px */}

				.contents .application .window .phone dt {display: none;}


			.contents .application .window .form {
				margin-left: 0.94%;/* 6px */
				width: 37.81%;/* 242px */
			}


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