@charset 'UTF-8';

/** |READ ME| **************************************************************************************

www.keio-unyu.co.jp
/recruitment/css/index_pc
Ver.201803

----------------------------------------------------------------------------------------------------

01. テーマ
02. 現在採用募集中の職種

************************************************************************************** |READ ME| **/





/** |01. テーマ| >> ******************************************************************* >> START **/


.contents .theme .title {background-image: url(/recruitment/img/pc/thm_bg_wall.png);}


/** |01. テーマ| << ********************************************************************* << END **/





/** |02. 現在採用募集中の職種| >> ***************************************************** >> START **/


.contents .wanted::before {background-image: url(/recruitment/img/pc/wnt_txt_head.png);}

.contents .wanted .type {}

	.contents .wanted .type li {
		background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 100%;
		padding: 46px 70px 140px 600px;
		min-height: 354px;
		position: relative;
		width: 1170px;
	}


		/* 募集職種 */
		.contents .wanted .type li .label {
			font-size: 24px;
			font-weight: bold;
		}

			.contents .wanted .type li .label dd {padding-top: 6px;}


		/* イメージ */
		.contents .wanted .type li .image {
			background: no-repeat 0 0;
			height: 256px;
			left: 70px;
			top: 46px;
			position:absolute;
			width: 500px;
		}
		.contents .wanted .type li:nth-of-type(1) .image {background-image: url(/recruitment/img/pc/wnt_img_photo04.png);}
		.contents .wanted .type li:nth-of-type(2) .image {background-image: url(/recruitment/img/pc/wnt_img_photo02.png);}
		.contents .wanted .type li:nth-of-type(3) .image {background-image: url(/recruitment/img/pc/wnt_img_photo02.png);}
		.contents .wanted .type li:nth-of-type(4) .image {background-image: url(/recruitment/img/pc/wnt_img_photo03.png);}
		.contents .wanted .type li:nth-of-type(5) .image {background-image: url(/recruitment/img/pc/wnt_img_photo04.png);}
		.contents .wanted .type li:nth-of-type(6) .image {background-image: url(/recruitment/img/pc/wnt_img_photo05.png);}
		.contents .wanted .type li:nth-of-type(7) .image {background-image: url(/recruitment/img/pc/wnt_img_photo06.png);}
		


		/* 雇用形態 */
		.contents .wanted .type li .status {
			background-color: #dce9f6;
			border-radius: 10px;
			height: 58px;
			line-height: 58px;
			margin-top: 24px;
			text-align: center;
			width: 272px;
		}


		/* 詳しくはこちら */
		.contents .wanted .type li .more {
			background: url(/recruitment/img/pc/wnt_bg_more.png) no-repeat 100% 100%;
			bottom: 52px;
			height: 64px;
			left: 600px;
			position: absolute;
			width: 278px;
		}

			.contents .wanted .type li .more a {
				background: url(/recruitment/img/pc/wnt_btn_more.png) no-repeat 0 0;
				display: block;
				height: 64px;
				width: 278px;
			}

			.contents .wanted .type li .more a:hover {background-position: 100% 100%;}


/** |02. 現在採用募集中の職種| << ******************************************************* << END **/
