@charset 'UTF-8';

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

www.keio-unyu.co.jp
/template/css/index_sp
Ver.201802

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

01. テーマ
02. 移転の流れ
03. 京王運輸のノウハウ
04. 機密文書溶解処理

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





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


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


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





/** |02. 移転の流れ| >> *************************************************************** >> START **/


.contents .flow::before {background-image: url(/moving/office/img/sp/flw_txt_head.png);}

	.contents .flow .chart {
		margin: 7.81% auto 0;/* 50px auto 0 */
		width: 95.94%;/* 614px */
	}


/** |02. 移転の流れ| << ***************************************************************** << END **/





/** |03. 京王運輸のノウハウ| >> ******************************************************* >> START **/


.contents .knowhow .type {
	margin-top: 5.25%;/* 32px */
	min-height: 9.68vw;/* 62px */
	padding-left: 21.64%;/* 132px */
	position: relative;
	width: 100%;/* 610px */
}

.contents .knowhow .type:first-child {margin-top: 6.23%;/* 38px */}

	.contents .knowhow .type::before {
		background: no-repeat 0 0;
		background-size: 100% auto;
		content: '';
		display: block;
		left: 0;
		margin-left: 2.3%;/* 14px */
		padding-top: 13.77%;/* 84px */
		position: absolute;
		top: 0;
		width: 13.77%;/* 84px */
	}

	.contents .knowhow .type:nth-of-type(1)::before {background-image: url(/moving/office/img/sp/knw_ico_knowhow01.png);}
	.contents .knowhow .type:nth-of-type(2)::before {background-image: url(/moving/office/img/sp/knw_ico_knowhow02.png);}
	.contents .knowhow .type:nth-of-type(3)::before {background-image: url(/moving/office/img/sp/knw_ico_knowhow03.png);}
	.contents .knowhow .type:nth-of-type(4)::before {background-image: url(/moving/office/img/sp/knw_ico_knowhow04.png);}

	.contents .knowhow .type dt {
		font-size: 2ren;
		font-weight: bold;
	}

	.contents .knowhow .type dd {line-height: 1.8;}


/** |03. 京王運輸のノウハウ| << ********************************************************* << END **/





/** |04. 機密文書溶解処理| >> ********************************************************* >> START **/


.contents .dissolution {
	background: url(/common/img/sp/cnt_bg_headline.png) repeat-x 0 100%;
	background-size: 0.78% auto;
	padding-bottom: 9.38%;/* 60px */
}

	.contents .dissolution .outline {
		line-height: 1.73;
		padding: 3.75% 3.75% 0;/* 24px 24px 0 */
		text-align: center;
	}

	.contents .dissolution .treatment {
		margin: 0 auto;/* 0 auto */
		padding-top: 5.63%;/* 36px */
		width: 92.19%;/* 590px */
	}

		.contents .dissolution .treatment dt,
		.contents .dissolution .treatment dd {line-height: 1.8;}

		.contents .dissolution .treatment dt {
			font-size: 2.4rem;
			font-weight: bold;
			text-align: center;
		}

		.contents .dissolution .treatment dd {
			background: url(/moving/office/img/sp/dss_img_dissolution.png) no-repeat 0 0;
			background-size: 30.51% auto;
			font-size: 2rem;
			margin-top: 3.39%;/* 20px */
			min-height: 24.06vw;/* 154px */
			padding-left: 34.92%;/* 206px */
			width: 100%;/* 590px */
		}


/** |04. 機密文書溶解処理| << *********************************************************** << END **/