@charset 'UTF-8';

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

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

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

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

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





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


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


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





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


.contents .renovation {padding-bottom: 19.69%;/* 126px */}

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


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

	.contents .renovation .outline {
		font-weight: bold;
		line-height: 1.73;
		margin: 0 auto;
		padding-top: 6.56%;/* 42px */
		text-align: center;
		width: 95.31%;/* 610px */
	}

	.contents .renovation .image {
		margin: 0 auto;
		padding-top: 6.56%;/* 42px */
		width: 95.31%;/* 610px */
	}


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

	.contents .renovation .scope {
		margin: 0 auto;
		padding-top: 1.56%;/* 10px */
		width: 87.5%;/* 560px */
	}

		.contents .renovation .scope li {
			background-color: #fff;
			border: 4px solid #eee;
			border-radius: 50%;
			float: left;
			height: 40.63vw;/* 260px */
			margin-top: 3.57%;/* 20px */
			position: relative;
			text-align: center;
			width: 40.63vw;/* 260px */
		}

		.contents .renovation .scope li:nth-of-type(odd) {clear: both;}
		.contents .renovation .scope li:nth-of-type(even) {float: right;}


			/* テキスト */
			.contents .renovation .scope dl {
				margin: 0 auto;
				padding-top: 3.85%;/* 10px */
				width: 100%;/* 260px */
			}

				.contents .renovation .scope dt,
				.contents .renovation .scope dd {
					font-size: 1.8rem;
					line-height: 1.67;
				}

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

					.contents .renovation .scope dt::before {
						background: no-repeat 0 0;
						background-size: 100% auto;
						content: '';
						display: block;
						margin: 0 auto 0.3em;
						padding-top: 15.38%;/* 40px */
						width: 15.38%;/* 40px */
					}

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

				.contents .renovation .scope dd {
					font-size: 1.7rem;
					padding-top: 0.3em;
				}


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

	.contents .renovation .contact {
		border: 4px solid #eee;
		border-radius: 10px;
		margin: 5% auto 0;/* 32px auto 0 */
		padding: 3.13%;/* 20px */
		width: 87.5%;/* 560px */
	}

		.contents .renovation .contact dt {
			margin: 0 auto;
			padding-bottom: 3.13%;/* 16px */
			width: 63.67%;/* 326px */
		}

		.contents .renovation .contact dd {
			font-size: 2rem;
			line-height: 1.6;
		}


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





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


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


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

	.contents .housekeeping .outline {
		font-weight: bold;
		line-height: 1.73;
		padding-top: 6.89%;/* 42px */
		text-align: center;
	}

	.contents .housekeeping .image {
		margin: 0 auto;
		padding-top: 6.89%;/* 42px */
		width: 100%;/* 610px */
	}


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

	.contents .housekeeping .scope {
		margin: 0 auto;
		padding-top: 1.64%;/* 10px */
		width: 91.8%;/* 560px */
	}

		.contents .housekeeping .scope li {
			background-color: #fff;
			border: 4px solid #eee;
			border-radius: 50%;
			float: left;
			height: 40.63vw;/* 260px */
			margin-top: 3.57%;/* 20px */
			position: relative;
			text-align: center;
			width: 40.63vw;/* 260px */
		}

		.contents .housekeeping .scope li:nth-of-type(odd) {clear: both;}
		.contents .housekeeping .scope li:nth-of-type(even) {float: right;}


			/* テキスト */
			.contents .housekeeping .scope dl {
				margin: 0 auto;
				padding-top: 7.69%;/* 20px */
				width: 100%;/* 260px */
			}

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

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

					.contents .housekeeping .scope dt::before {
						background: no-repeat 0 0;
						background-size: 100% auto;
						content: '';
						display: block;
						margin: 0 auto 0.4em;
						padding-top: 23.84%;/* 62px */
						width: 25.38%;/* 66px */
					}

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

				.contents .housekeeping .scope dd {
					font-size: 1.7rem;
					padding-top: 0.4em; 
				}


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

	.contents .housekeeping .discount {
		margin: 0 auto;
		padding-top: 7.54%;/* 46px */
		width: 91.8%;/* 560px */
	}


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





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


.contents .service {
	padding: 5% 0;/* 32px 0 */
	text-align: center;
}

	.contents .service::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 .service .title {
		color: #103675;
		font-size: 3rem;
		padding-top: 5%;/* 32px */
	}

	.contents .service .outline{
		font-weight: bold;
		line-height: 1.73;
		margin: 0 auto;
		padding-top: 2.81%;/* 18px */
		width: 21em;
	}

	.contents .service .lineup {
		margin: 0 auto;
		padding-top: 2.5%;/* 16px */
		width: 90.63%;/* 580px */
	}

		.contents .service .lineup li {
			border: 4px solid #eee;
			border-radius: 10px;
			float: left;
			margin-top: 3.45%;/* 20px */
			padding-top: 36.21%;/* 210px */
			position: relative;
			width: 48.28%;/* 280px */
		}

		.contents .service .lineup li:nth-of-type(odd) {clear: both;}
		.contents .service .lineup li:nth-of-type(even) {float: right;}

			.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: 2.2rem;
					font-weight: bold;
					height: 3.31em;
					line-height: 3.31;
				}

				.contents .service .lineup dd {
					font-size: 2rem;
					line-height: 1.55;
				}

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


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





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


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

	.contents .network .prop {
		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 .network .title {
			font-size: 2.6rem;
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

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

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

		.contents .network .trademark {
			margin: 0 auto;
			width: 72.19%;/* 432px */
		}

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


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