@charset 'UTF-8';

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

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

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

01. テーマ
02. 住まいのリフォーム
03. 家事のお手伝い
04. サービスラインナップ
05. 京王ほっとネットワーク

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





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


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


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





/** |02. 住まいのリフォーム| >> ******************************************************* >> START **/


.contents .renovation {padding-bottom: 32px;}

	.contents .renovation::before {background-image: url(/moving/living/img/pc/rnv_txt_head.png);}


	/** [概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .renovation .outline {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.9;
		padding-top: 26px;
		text-align: center;
	}

	.contents .renovation .image {
		background: url(/moving/living/img/pc/rnv_img_photo.png) no-repeat 0 0;
		height: 276px;
		margin-top: 34px;
		width: 1170px;
	}


	/** [業務範囲] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .renovation .scope {
		float: left;
		padding-top: 30px;
		width: 558px;
	}

		.contents .renovation .scope li {
			background-color: #fff;
			border: 4px solid #fff;
			border-radius: 130px;
			float: left;
			height: 260px;
			margin-left: 38px;
			text-align: center;
			width: 260px;
		}

		.contents .renovation .scope li:first-of-type {margin-left: 0;}


			/* テキスト */
			.contents .renovation .scope dl {
				margin: 0 auto;
				padding-top: 16px;
				width: 220px;
			}

				.contents .renovation .scope dt,
				.contents .renovation .scope dd {line-height: 1.67;}

				.contents .renovation .scope dt {
					font-size: 20px;
					font-weight: bold;
				}

					.contents .renovation .scope dt::before {
						background: no-repeat 0 0;
						content: '';
						display: block;
						height: 40px;
						margin: 0 auto 12px;
						width: 40px;
					}

					.contents .renovation .scope li:nth-of-type(1) dt::before {background-image: url(/moving/living/img/pc/rnv_ico_scope01.png);}
					.contents .renovation .scope li:nth-of-type(2) dt::before {background-image: url(/moving/living/img/pc/rnv_ico_scope02.png);}


				.contents .renovation .scope dd {padding-top: 4px;}


	/** [問い合わせ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .renovation .contact {
		border: 4px solid #eee;
		border-radius: 10px;
		float: right;
		min-height: 260px;
		margin-top: 30px;
		padding: 24px;
		width: 558px;
	}

		.contents .renovation .contact dt {
			background: url(/moving/living/img/pc/rnv_img_network.png) no-repeat 0 0;
			margin: 0 auto 20px;
			width: 326px;
			height: 86px;
		}

		.contents .renovation .contact dd {line-height: 1.78;}


/** |02. 住まいのリフォーム| << ********************************************************* << END **/





/** |03. 家事のお手伝い| >> *********************************************************** >> START **/


.contents .housekeeping::before {background-image: url(/moving/living/img/pc/hsk_txt_head.png);}


	/** [概要] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .housekeeping .outline {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.9;
		padding-top: 26px;
		text-align: center;
	}

	.contents .housekeeping .image {
		background: url(/moving/living/img/pc/hsk_img_photo.png) no-repeat 0 0;
		height: 276px;
		margin-top: 34px;
		width: 1170px;
	}


	/** [業務範囲] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .housekeeping .scope {
		font-size: 0;
		padding-top: 30px;
		text-align: center;
	}

		.contents .housekeeping .scope li {
			background-color: #fff;
			border: 4px solid #eee;
			border-radius: 130px;
			display: inline-block;
			height: 260px;
			margin-left: 42px;
			vertical-align: top;
			width: 260px;
		}

		.contents .housekeeping .scope li:first-of-type {margin-left: 0;}


			/* テキスト */
			.contents .housekeeping .scope dl {
				padding-top: 16px;
				margin: 0 auto;
				width: 180px;
			}

				.contents .housekeeping .scope dt,
				.contents .housekeeping .scope dd {line-height: 1.67;}

				.contents .housekeeping .scope dt {
					font-size: 20px;
					font-weight: bold;
				}

					.contents .housekeeping .scope dt::before {;
						background: no-repeat 0 0;
						content: '';
						display: block;
						height: 62px;
						margin: 0 auto 16px;
						width: 66px;
					}

					.contents .housekeeping .scope li:nth-of-type(1) dt::before {background-image: url(/moving/living/img/pc/hsk_ico_scope01.png);}
					.contents .housekeeping .scope li:nth-of-type(2) dt::before {background-image: url(/moving/living/img/pc/hsk_ico_scope02.png);}
					.contents .housekeeping .scope li:nth-of-type(3) dt::before {background-image: url(/moving/living/img/pc/hsk_ico_scope03.png);}
					.contents .housekeeping .scope li:nth-of-type(4) dt::before {background-image: url(/moving/living/img/pc/hsk_ico_scope04.png);}

				.contents .housekeeping .scope dd {
					font-size: 18px;
					padding-top: 8px;
				}


	/** [子育て応援割引] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .housekeeping .discount {
		background: url(/moving/living/img/pc/hsk_txt_discount.png) no-repeat 0 0;
		height: 152px;
		margin: 32px auto 0;
		width: 1164px;
	}


/** |03. 家事のお手伝い| << ************************************************************* << END **/





/** |04. サービスラインナップ| >> ***************************************************** >> START **/


.contents .service {
	padding: 52px 0;
	text-align: center;
}

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

	.contents .service .title {
		color: #103675;
		font-size: 26px;
		padding-top: 30px;
	}

	.contents .service .outline{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.9;
		padding-top: 14px;
	}

	.contents .service .lineup {
		font-size: 0;
		padding-top: 26px;
	}

		.contents .service .lineup li {
			border: 4px solid #eee;
			border-radius: 10px;
			display: inline-block;
			height: 180px;
			margin-left: 30px;
			position: relative;
			vertical-align: top;
			width: 236px;
		}

		.contents .service .lineup li:first-of-type {margin-left: 0;}

			.contents .service .lineup dl {
				left: 0;
				position: absolute;
				right: 0;
				top: 50%;
				-moz-transform: translate(0, -50%);
				-webkit-transform: translate(0, -50%);
				transform: translate(0, -50%);
			}

				.contents .service .lineup dt {
					font-size: 20px;
					font-weight: bold;
					height: 3.34em;
					line-height: 3.34;
				}

				
				.contents .service .lineup dd {
					font-size: 18px;
					line-height: 1.67;
				}

				.contents .service .lineup li:nth-of-type(1) dd {
					height: 3.34em;
					line-height: 3.34;
				}


/** |04. サービスラインナップ| << ******************************************************* << END **/





/** |05. 京王ほっとネットワーク| >> *************************************************** >> START **/


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

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

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

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

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

		.contents .network .trademark {
			background: url(/moving/living/img/pc/ntw_img_trademark.png) no-repeat 0 0;
			float: right;
			height: 118px;
			margin-top: 10px;
			width: 378px;
		}

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

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

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


/** |05. 京王ほっとネットワーク| << ***************************************************** << END **/