@charset 'UTF-8';

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

www.keio-unyu.co.jp
/moving/endlife/css/index_pc
Ver.201802

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

01. テーマ
02. 家財整理
03. 遺品の整理・処分に困惑
04. 生前整理
05. 遺品整理
06. 料金の目安
07. 京王メモリアル

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





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


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


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





/** |02. 家財整理| >> ***************************************************************** >> START **/


.contents .household {padding-bottom: 42px;}

	.contents .household::before {background-image: url(/moving/endlife/img/pc/cnt_txt_head01.png);}


	/** [サービス概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .household .outline {
		margin: 40px auto 0;
		min-height: 250px;
		padding-left: 430px;
		position: relative;
		width: 1030px;
	}

		.contents .household .outline .image {
			background: url(/moving/endlife/img/pc/hsh_img_image.png) no-repeat 0 0;
			height: 250px;
			left: 0;
			position: absolute;
			top: 0;
			width: 400px;
		}

		.contents .household .outline .catchphrase {
			line-height: 1.78;
			padding-bottom: 146px;
		}

		.contents .household .outline .option {
			bottom: 0;
			position: absolute;
			right: 0;
			width: 600px;
		}

			.contents .household .outline .option li {
				background-color: #dce9f6;
				border-radius: 10px;
				float: left;
				height: 50px;
				line-height: 50px;
				margin: 18px 0 0 15px;
				text-align: center;
				width: 190px;
			}

			.contents .household .outline .option li:nth-of-type(3n+1) {
				clear: both;
				margin-left: 0;
			}


	/** [サービス対象] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .household .target {
		border: 1px solid #103675;
		border-radius: 10px;
		margin: 54px auto 0;
		padding: 16px 22px;
		position: relative;
		width: 1030px;
	}

		.contents .household .target dt {
			background-color: #fff;
			color: #103675;
			font-weight: bold;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			height: 1.2em;
			text-align: center;
			top: -0.6em;
			width: 14em;
		}

		.contents .household .target dd {
			float: left;
			padding: 6px 0 6px 1em;
			position: relative;
			width: 440px;
		}

		.contents .household .target dd:nth-of-type(odd) {clear: both;}
		.contents .household .target dd:nth-of-type(even) {float: right;}

			.contents .household .target dd::before {
				content: '●';
				color: #103675;
				font-size: 8px;
				position: absolute;
				top: 1em;
				left: 0;
			}

			.contents .household .target dd span {font-size: 14px;}


/** |02. 家財整理| << ******************************************************************* << END **/





/** |03. 遺品の整理・処分に困惑| >> *************************************************** >> START **/


.contents .bewilderment {
	margin-top: 0;
	padding: 42px 0 114px;
}

	.contents .bewilderment .research {
		background: url(/moving/endlife/img/pc/bwl_img_research.png) no-repeat 0 0;
		margin: 0 auto;
		min-height: 212px;
		padding-left: 330px;
		width: 852px;
	}

		.contents .bewilderment .research dt {
			background: url(/moving/endlife/img/pc/bwl_txt_research.png) no-repeat 0 100%;
			height: 102px;
			padding-top: 52px;
			width: 522px;
		}

		.contents .bewilderment .research dd {
			line-height: 1.76;
			padding-top: 20px;
		}


/** |03. 遺品の整理・処分に困惑| << ***************************************************** << END **/





/** |04. 生前整理| >> ***************************************************************** >> START **/


.contents .lifetime {padding-bottom: 42px;}

	.contents .lifetime::before {background-image: url(/moving/endlife/img/pc/cnt_txt_head01.png);}


	/** [サービス概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .lifetime .outline {
		margin: 40px auto 0;
		min-height: 250px;
		padding-left: 430px;
		position: relative;
		width: 1030px;
	}

		.contents .lifetime .outline .image {
			background: url(/moving/endlife/img/pc/lft_img_image.png) no-repeat 0 0;
			height: 250px;
			left: 0;
			position: absolute;
			top: 0;
			width: 400px;
		}

		.contents .lifetime .outline .catchphrase {
			line-height: 1.78;
			padding-bottom: 146px;
		}

		.contents .lifetime .outline .option {
			bottom: 0;
			position: absolute;
			right: 0;
			width: 600px;
		}

		.contents .lifetime .outline .option li {
			background-color: #dce9f6;
			border-radius: 10px;
			float: left;
			height: 50px;
			line-height: 50px;
			margin: 18px 0 0 15px;
			text-align: center;
			width: 190px;
		}

		.contents .lifetime .outline .option li:nth-of-type(3n+1) {
			clear: both;
			margin-left: 0;
		}


	/** [サービス対象] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .lifetime .target {
		border: 1px solid #103675;
		border-radius: 10px;
		margin: 54px auto 0;
		padding: 16px 22px;
		position: relative;
		width: 1030px;
	}

		.contents .lifetime .target dt {
			background-color: #fff;
			color: #103675;
			font-weight: bold;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			height: 1.2em;
			text-align: center;
			top: -0.6em;
			width: 14em;
		}

		.contents .lifetime .target dd {
			float: left;
			padding: 6px 0 6px 1em;
			position: relative;
			width: 440px;
		}

		.contents .lifetime .target dd:nth-of-type(odd) {clear: both;}
		.contents .lifetime .target dd:nth-of-type(even) {float: right;}

			.contents .lifetime .target dd::before {
				content: '●';
				color: #103675;
				font-size: 8px;
				position: absolute;
				top: 1em;
				left: 0;
			}

			.contents .lifetime .target dd span {font-size: 14px;}


/** |04. 生前整理| << ******************************************************************* << END **/





/** |05. 遺品整理| >> ***************************************************************** >> START **/


.contents .keepsake::before {background-image: url(/moving/endlife/img/pc/cnt_txt_head02.png);}


	/** [サービス概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .keepsake .outline {
		margin: 40px auto 0;
		min-height: 250px;
		padding-left: 430px;
		position: relative;
		width: 1030px;
	}

		.contents .keepsake .outline .image {
			background: url(/moving/endlife/img/pc/kps_img_image.png) no-repeat 0 0;
			height: 250px;
			left: 0;
			position: absolute;
			top: 0;
			width: 400px;
		}

		.contents .keepsake .outline .catchphrase {
			line-height: 1.78;
			padding-bottom: 146px;
		}

		.contents .keepsake .outline .option {
			bottom: 0;
			position: absolute;
			right: 0;
			width: 600px;
		}

		.contents .keepsake .outline .option li {
			background-color: #dce9f6;
			border-radius: 10px;
			float: left;
			height: 50px;
			line-height: 50px;
			margin: 18px 0 0 15px;
			text-align: center;
			width: 190px;
		}

		.contents .keepsake .outline .option li:nth-of-type(3n+1) {
			clear: both;
			margin-left: 0;
		}


	/** [サービス対象] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .keepsake .target {
		border: 1px solid #103675;
		border-radius: 10px;
		margin: 54px auto 0;
		padding: 16px 22px;
		position: relative;
		width: 1030px;
	}

		.contents .keepsake .target dt {
			background-color: #f7f7f7;
			color: #103675;
			font-weight: bold;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			height: 1.2em;
			text-align: center;
			top: -0.6em;
			width: 14em;
		}

		.contents .keepsake .target dd {
			float: left;
			padding: 6px 0 6px 1em;
			position: relative;
			width: 440px;
		}

		.contents .keepsake .target dd:nth-of-type(odd) {clear: both;}
		.contents .keepsake .target dd:nth-of-type(even) {float: right;}

			.contents .keepsake .target dd::before {
				content: '●';
				color: #103675;
				font-size: 8px;
				position: absolute;
				top: 1em;
				left: 0;
			}

			.contents .keepsake .target dd span {font-size: 14px;}


/** |05. 遺品整理| << ******************************************************************* << END **/





/** |06. 料金の目安| >> *************************************************************** >> START **/


.contents .standard {
	background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 60px;
	padding: 68px 40px 128px;
	position: relative;
}

	.contents .standard::before {
		background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 0;
		content: '';
		display: block;
		height: 8px;
		position: absolute;
		left: 0;
		bottom: 60px;
		width: 1170px;
	}

	.contents .standard .title {
		color: #103675;
		font-size: 26px;
		padding-top: 30px;
		text-align: center;
	}

	.contents .standard .text {
		float: left;
		padding-top: 30px;
		line-height: 1.78;
		width: 480px;
	}

	.contents .standard .table {
		border: 1px solid #7f8283;
		float: right;
		margin-top: 30px;
		width: 570px;
	}

		.contents .standard .table thead th {
			background-color: #103675;
			border: 1px solid #7f8283;
			color: #fff;
			padding: 12px;
			white-space: nowrap;
		}

		.contents .standard .table tbody th,
		.contents .standard .table tbody td {
			border: 1px solid #7f8283;
			font-weight: normal;
			padding: 12px;
			text-align: center;
			white-space: nowrap;
		}


/** |06. 料金の目安| << ***************************************************************** << END **/





/** |07. 京王メモリアル| >> *********************************************************** >> START **/


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

	.contents .memorial .prop {
		background: url(/moving/endlife/img/pc/mmr_bg_wall.png) no-repeat 50% 100%;
		padding-bottom: 98px;
		position: relative;
		width: 1026px;
	}

		.contents .memorial .title {font-size: 26px;}

		.contents .memorial .introduction {
			float: left;
			width: 628px;
		}

			.contents .memorial .introduction p {
				line-height: 1.78;
				padding: 16px 0;
			}

		.contents .memorial .trademark {
			background: url(/moving/endlife/img/pc/mmr_img_trademark.png) no-repeat 0 0;
			float: right;
			height: 110px;
			margin-top: 10px;
			width: 354px;
		}

		.contents .memorial .more {
			background: url(/moving/endlife/img/pc/mmr_bg_more.png) no-repeat 100% 100%;
			bottom: 0;
			height: 70px;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			width: 286px;
		}

			.contents .memorial .more a {
				background: url(/moving/endlife/img/pc/mmr_btn_more.png) no-repeat 0 0;
				display: block;
				height: 70px;
				width: 286px;
			}

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



/** |07. 京王メモリアル| << ************************************************************* << END **/