@charset 'UTF-8';

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

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

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

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

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





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


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


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





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


.contents .household {padding-bottom: 8.44%;/* 54px */}

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


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

	.contents .household .outline {
		margin: 0 auto;
		padding-top: 3.13%;/* 20px */
		width: 95.31%;/* 610px */
	}

		.contents .household .outline .image {
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

		.contents .household .outline .catchphrase {
			line-height: 1.73;
			padding-top: 4.92%;/* 30px */
		}

		.contents .household .outline .option {
			padding-top: 3.28%;/* 20px */
			width: 100%;/* 610px */
		}

			.contents .household .outline .option li {
				background-color: #dce9f6;
				border-radius: 10px;
				float: left;
				height: 7.81vw;/* 50px */
				line-height: 7.81vw;/* 50px */
				margin: 2.95% 0 0 3.27%;/* 18px 0 0 20px */
				text-align: center;
				width: 31.15%;/* 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: 7.81% auto 0;/* 50px auto 0 */
		padding: 4.67%;/* 30px */
		position: relative;
		width: 95.31%;/* 610px */
	}

		.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 {
			line-height: 1.6;
			position: relative;
			margin-top: 0.5em;
			padding-left: 1.2em;
		}

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

			.contents .household .target dd span {font-size: 1.8rem;}


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





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


.contents .bewilderment {
	margin-top: 0;
	padding: 4.69% 0 18.44%;/* 30px 0 118px */
}

	.contents .bewilderment .research {
		margin: 0 auto;
		width: 94.38%;/* 604px */
	}

		.contents .bewilderment .research dt {
			margin: 0 auto;
			width: 86.42%;/* 522px */
		}

		.contents .bewilderment .research dd {
			background: url(/moving/endlife/img/pc/bwl_img_research.png) no-repeat 0 0;
			background-size: 28.47% auto;
			font-size: 2rem;
			min-height: 21.25vw;/* 136px */
			line-height: 1.8;
			margin-top: 3.31%;/* 20px */
			padding: 0.5em 0 0 32.45%;/* 0 0 0 196px */
			width: 100%;/* 604px */
		}


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





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


.contents .lifetime {padding-bottom: 22.19%;/* 142px */}

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


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

	.contents .lifetime .outline {
		margin: 0 auto;
		padding-top: 3.13%;/* 20px */
		width: 95.31%;/* 610px */
	}

		.contents .lifetime .outline .image {
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

		.contents .lifetime .outline .catchphrase {
			line-height: 1.73;
			padding-top: 4.92%;/* 30px */
		}

		.contents .lifetime .outline .option {
			padding-top: 3.28%;/* 20px */
			width: 100%;/* 610px */
		}

			.contents .lifetime .outline .option li {
				background-color: #dce9f6;
				border-radius: 10px;
				float: left;
				height: 7.81vw;/* 50px */
				line-height: 7.81vw;/* 50px */
				margin: 2.95% 0 0 3.27%;/* 18px 0 0 20px */
				text-align: center;
				width: 31.15%;/* 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: 7.81% auto 0;/* 50px auto 0 */
		padding: 4.67%;/* 30px */
		position: relative;
		width: 95.31%;/* 610px */
	}

		.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 {
			line-height: 1.6;
			position: relative;
			margin-top: 0.5em;
			padding-left: 1.2em;
		}

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

			.contents .lifetime .target dd span {font-size: 1.8rem;}


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





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


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


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

	.contents .keepsake .outline {
		margin: 0 auto;
		padding-top: 3.28%;/* 20px */
		width: 100%;/* 610px */
	}

		.contents .keepsake .outline .image {
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

		.contents .keepsake .outline .catchphrase {
			line-height: 1.73;
			padding-top: 4.92%;/* 30px */
		}

		.contents .keepsake .outline .option {
			padding-top: 3.28%;/* 20px */
			width: 100%;/* 610px */
		}

			.contents .keepsake .outline .option li {
				background-color: #dce9f6;
				border-radius: 10px;
				float: left;
				height: 7.81vw;/* 50px */
				line-height: 7.81vw;/* 50px */
				margin: 2.95% 0 0 3.27%;/* 18px 0 0 20px */
				text-align: center;
				width: 31.15%;/* 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: 8.2% auto 0;/* 50px auto 0 */
		padding: 4.92%;/* 30px */
		position: relative;
		width: 100%;/* 610px */
	}

		.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 {
			line-height: 1.6;
			position: relative;
			margin-top: 0.5em;
			padding-left: 1.2em;
		}

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

			.contents .keepsake .target dd span {font-size: 1.8rem;}


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





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


.contents .standard {
	background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 100%;
	background-size: 3.75% auto;
	padding: 5% 0 9.38%;/* 32px 0 60px */
}

	.contents .standard::before {
		background: url(/common/img/sp/cnt_bg_wavy.png) repeat-x 0 0;
		background-size: 3.75% auto;
		content: '';
		display: block;
		padding-top: 1.25%;/* 8px */
		width: 100%;/* 640px */
	}

	.contents .standard .title {
		color: #103675;
		font-size: 3rem;
		padding-top: 5%;/* 32px */
		text-align: center;
	}

	.contents .standard .text {
		line-height: 1.73;
		padding: 2.81% 1em 0;/* 18px 1em 0 */
	}

	.contents .standard .table {
		border: 1px solid #7f8283;
		margin: 4.38% auto 0;/* 28px auto 0 */
		width: 95.31%;/* 610px */
	}

		.contents .standard .table thead th {
			background-color: #103675;
			border: 1px solid #7f8283;
			color: #fff;
			font-size: 1.8rem;
			padding: 0.5em;
			text-align: center;
		}

		.contents .standard .table tbody th,
		.contents .standard .table tbody td {
			border: 1px solid #7f8283;
			font-size: 1.8rem;
			font-weight: normal;
			padding: 0.5em;
			text-align: center;
		}


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





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


.contents .memorial {margin-top: 5%;/* 32px */}

	.contents .memorial .prop {/* 610px */
		background: url(/moving/living/img/sp/ntw_bg_wall.png) no-repeat 50% 100%;
		background-size: 100% auto;
		padding-bottom: 16.88%;/* 108px */
		position: relative;
	}

		.contents .memorial .title {
			font-size: 2.6rem;
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

		.contents .memorial .introduction {
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

			.contents .memorial .introduction p {
				line-height: 1.73;
				padding: 3.21% 0;/* 36px 0 */
			}

		.contents .memorial .trademark {
			margin: 0 auto;
			width: 58.03%;/* 354px */
		}

		.contents .memorial .more {
			bottom: 0;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			width: 44.69%;/* 286px */
		}


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