@charset 'UTF-8';

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

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

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

01. テーマ
02. レンタルスペースとは
03. 京王クローゼット聖蹟桜ヶ丘
04. 京王不動産のレンタル収納スペース

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





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


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


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





/** |02. レンタルスペースとは| >> ***************************************************** >> START **/


.contents .about::before {background-image: url(/moving/rental/img/sp/abt_txt_head.png);}

	.contents .about .headline {
		letter-spacing: -0.04em;
		font-size: 2.8rem;
	}


	/** [レンタルスペースとは] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .about .outline {
		line-height: 1.73;
		font-size: 2rem;
		letter-spacing: -0.02em;
		padding-top: 5.63%;/* 36px */
		text-align: center;
	}

		.contents .about .outline::after {
			background: url(/moving/rental/img/pc/abt_bg_icons.png) no-repeat 0 0;
			background-size: 100% auto;
			content: '';
			display: block;
			padding-top: 7.81%;/* 50px */
			margin: 7.19% auto 0;/* 46px auto 0 */
			width: 95.31%;/* 610px */
		}

	.contents .about .introduction {
		background: url(/common/img/sp/cnt_bg_wavy.png) repeat-x 0 0;
		background-size: 3.75% auto;
		margin-top: 12.5%;/* 80px */
		padding: 6.25% 2.34% 0;/* 40px 15px 0 */
		width: 100%;/* 640px */
	}

		.contents .about .introduction .title {
			color: #103675;
			font-size: 2.8rem;
			text-align: center;
		}

		.contents .about .introduction .feature {
			padding-top: 8.2%;/* 50px */
			width: 100%;/* 610px */
		}

		.contents .about .introduction .feature:first-of-type {padding-top: 5.57%;/* 34px */}

			.contents .about .introduction .feature .photo {
				float: left;
				width: 32.79%;/* 200px */
			}

			.contents .about .introduction .feature .text {
				float: right;
				width: 63.61%;/* 388px */
			}

				.contents .about .introduction .feature .text dt,
				.contents .about .introduction .feature .text dd {line-height: 1.73;}

				.contents .about .introduction .feature .text dt {font-weight: bold;}


	/** [付帯情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .about .addition {
		padding-top: 5.31%;/* 34px */
		margin: 0 auto;
		width: 95.31%;/* 610px */
	}

		.contents .about .addition .size {
			padding-top: 7.21%;/* 44px */
			text-align: center;
		}

			.contents .about .addition .size figcaption {
				color: #103675;
				font-size: 2.4rem;
				font-weight: bold;
			}

				.contents .about .addition .size figcaption span {font-size: 2.2rem;}

			.contents .about .addition .size img {
				margin-top: 5.25%;/* 32px */
				width: 84.92%;/* 518px */
			}

		.contents .about .addition .scheme {
			padding-top: 7.21%;/* 44px */
			text-align: center;
		}

			.contents .about .addition .scheme dt {
				color: #103675;
				font-size: 2.4rem;
				font-weight: bold;
			}

			.contents .about .addition .scheme dd {padding-top: 5.25%;/* 32px */}

				.contents .about .addition .scheme dd .table {
					border: 1px solid #7f8283;
					width: 100%;/* 610px */
				}

					.contents .about .addition .scheme dd .table thead th {
						background-color: #103675;
						border: 1px solid #7f8283;
						color: #fff;
						font-size: 1.6rem;
						padding: 0.5em;
						text-align: center;
						white-space: nowrap;
					}

						.contents .about .addition .scheme dd .table thead span {
							display: block;
							font-size: 1.2rem;
						}

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

						.contents .about .addition .scheme dd .table tbody .full {color: #d5007f;}


/** |02. レンタルスペースとは| << ******************************************************* << END **/





/** |03. 京王クローゼット聖蹟桜ヶ丘| >> *********************************************** >> START **/


	/** [店舗情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .information .store {
		margin: 0 auto;
		padding-top: 5.63%;/* 36px */
		width: 95.31%;/* 610px */
	}

		.contents .information .store .label {
			color: #103675;
			font-size: 2.4rem;
		}

		.contents .information .store .data {padding-top: 1.64%;/* 10px */}

			.contents .information .store .data dt,
			.contents .information .store .data dd {line-height: 1.45;}

			.contents .information .store .data dt {font-weight: bold;}


	/** [周辺地図] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .information .map {
		margin: 0 auto;
		padding-top: 5.31%;/* 34px */
		width: 78.13%;/* 500px */
	}


	/** [キャンペーン] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .information .point {
		margin: 0 auto;
		padding-top: 5.31%;/* 34px */
		width: 95.31%;/* 610px */
	}

		.contents .information .point dt {
			color: #103675;
			font-weight: bold;
			line-height: 1.73;
		}
			.contents .information .point dt strong {
				color: #d5007f;
				font-size: 3rem;
				margin: 0 0.2em;
			}

		.contents .information .point dd {padding-top: 4.92%;/* 30px */}


	/** [ご契約の際に、ご用意ください] >> +++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .information .attention {
		margin: 0 auto;
		padding-top: 4.59%;/* 28px */
		width: 95.31%;/* 610px */
	}

		.contents .information .attention p {
			color: #d5007f;
			font-weight: bold;
			text-align: center;
		}

		.contents .information .attention ol {padding-top: 4.59%;/* 28px */}

			.contents .information .attention li {
				line-height: 1.6;
				min-height: 5vw;/* 32px */
				padding-left: 5.25%;/* 32px */
				position: relative;
			}

			.contents .information .attention li::before {
				background: no-repeat 0 0;
				background-size: 100% auto;
				content: '';
				display: block;
				left: 0;
				margin-top: 0.33%;/* 2px */
				padding-top: 3.93%;/* 24px */
				position: absolute;
				top: 0;
				width: 3.93%;/* 24px */
			}

			.contents .information .attention li:nth-of-type(1)::before {background-image: url(/moving/rental/img/sp/inf_ico_attention01.png);}
			.contents .information .attention li:nth-of-type(2)::before {background-image: url(/moving/rental/img/sp/inf_ico_attention02.png);}
			.contents .information .attention li:nth-of-type(3)::before {background-image: url(/moving/rental/img/sp/inf_ico_attention03.png);}
			.contents .information .attention li:nth-of-type(4)::before {background-image: url(/moving/rental/img/sp/inf_ico_attention04.png);}
			.contents .information .attention li:nth-of-type(5)::before {background-image: url(/moving/rental/img/sp/inf_ico_attention05.png);}


/** |03. 京王クローゼット聖蹟桜ヶ丘| << ************************************************* << END **/





/** |04. 京王不動産のレンタル収納スペース| >> ***************************************** >> START **/


.contents .group {
	background: url(/common/img/sp/cnt_bg_headline.png) repeat-x 0 100%;
	background-size: 0.78% auto;
	margin-top: 5.63%;/* 36px */
	padding: 5.63% 2.34%;/* 36px 15px */
	position: relative;
}

	.contents .group::before {
		background: url(/common/img/pc/cnt_bg_headline.png) repeat-x 0 0;
		background-size: 0.78% auto;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		height: 0.78vw;/* 5px */
	}

	.contents .group .title {
		color: #103675;
		font-size: 2.4rem;
	}

	.contents .group .store {padding-top: 0%;/* 20px */}

		.contents .group .store dt,
		.contents .group .store dd {
			font-size: 2rem;
			font-weight: bold;
			line-height: 1.76;
			padding-top: 3.28%;/* 20px */
		}

	.contents .group .note {
		font-size: 1.8rem;
		line-height: 1.76;
		margin-left: 1em;
		padding-top: 4.92%;/* 30px */
		text-indent: -1em;
	}


/** |04. 京王不動産のレンタル収納スペース| << ******************************************* << END **/