@charset 'UTF-8';

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

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

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

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

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





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


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


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





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


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


	/** [レンタルスペースのご紹介] >> +++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .about .outline {
		font-size: 20px;
		padding-top: 34px;
		text-align: center;
	}

		.contents .about .outline::after {
			background: url(/moving/rental/img/pc/abt_bg_icons.png) no-repeat 0 0;
			content: '';
			display: block;
			height: 58px;
			margin: 28px auto 0;
			width: 712px;
		}

	.contents .about .introduction {
		background: url(/common/img/pc/cnt_bg_wavy.png) repeat-x 0 0;
		margin-top: 48px;
		padding-top: 38px;
		width: 1170px;
	}

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

		.contents .about .introduction .feature {
			float: left;
			padding-top: 42px;
			width: 568px;
		}

		.contents .about .introduction .feature:nth-of-type(odd) {clear: both;}
		.contents .about .introduction .feature:nth-of-type(even) {float: right;}

			.contents .about .introduction .feature .photo {
				background: no-repeat 0 0;
				float: left;
				height: 188px;
				width: 200px;
			}

			.contents .about .introduction .feature:nth-of-type(1) .photo {background-image: url(/moving/rental/img/pc/abt_img_feature01.png);}
			.contents .about .introduction .feature:nth-of-type(2) .photo {background-image: url(/moving/rental/img/pc/abt_img_feature02.png);}
			.contents .about .introduction .feature:nth-of-type(3) .photo {background-image: url(/moving/rental/img/pc/abt_img_feature03.png);}
			.contents .about .introduction .feature:nth-of-type(4) .photo {background-image: url(/moving/rental/img/pc/abt_img_feature04.png);}
			.contents .about .introduction .feature:nth-of-type(5) .photo {background-image: url(/moving/rental/img/pc/abt_img_feature05.png);}

			.contents .about .introduction .feature .text {
				float: right;
				width: 344px;
			}

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

				.contents .about .introduction .feature .text dt {
					font-weight: bold;
					padding-top: 4px;
				}


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

	.contents .about .addition {
		padding-top: 50px;
		width: 1170px;
	}

		.contents .about .addition .size {
			background: url(/moving/rental/img/pc/abt_img_size.png) no-repeat 100% 100%;
			float: left;
			width: 406px;
		}

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

				.contents .about .addition .size figcaption span {font-size: 18px;}

			.contents .about .addition .size img {
				height: 220px;
				margin-top: 26px;
				width: 332px;
			}

		.contents .about .addition .scheme {
			float: right;
			width: 700px;
		}

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

			.contents .about .addition .scheme dd {
				padding-top: 26px;
				width: 700px;
			}

				.contents .about .addition .scheme dd .table {
					border: 1px solid #7f8283;
					width: 684px;
				}

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

						.contents .about .addition .scheme dd .table thead span {font-size: 12px;}

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

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


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





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


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

	.contents .information .store {
		float: left;
		width: 490px;
		margin: 40px 0 0 70px;
	}

		.contents .information .store .label {
			color: #103675;
			font-size: 24px;
		}

		.contents .information .store .data {padding-top: 14px;}

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

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


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

	.contents .information .map {
		background: url(/moving/rental/img/pc/inf_img_map.png) no-repeat 0 0;
		float: right;
		height: 292px;
		margin: 40px 70px 0 0;
		width: 500px;
	}


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

	.contents .information .point {
		clear: both;
		padding-top: 16px;
		text-align: center;
		width: 1170px;
	}

		.contents .information .point dt {
			color: #103675;
			font-size: 20px;
			font-weight: bold;
		}

			.contents .information .point dt strong {
				color: #d5007f;
				font-size: 28px;
				margin: 0 0.2em;
			}

		.contents .information .point dd {
			background: url(/moving/rental/img/pc/inf_txt_point.png) no-repeat 0 0;
			height: 90px;
			margin: 10px auto 0;
			width: 700px;
		}


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

	.contents .information .attention {
		margin: 0 auto;
		padding-top: 46px;
		width: 1030px;
	}

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

		.contents .information .attention ol {padding-top: 10px;}

			.contents .information .attention li {
				line-height: 1.78;
				min-height: 32px;
				padding-left: 32px;
				position: relative;
			}

			.contents .information .attention li::before {
				background: no-repeat 0 0;
				content: '';
				display: block;
				height: 24px;
				left: 0;
				position: absolute;
				top: 2px;
				width: 24px;
			}

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


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





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


.contents .group {
	background: url(/common/img/pc/cnt_bg_headline.png) repeat-x 0 100%;
	margin: 54px auto 0;
	padding: 42px 70px;
	position: relative;
	width: 1170px;
}

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

	.contents .group .title {
		color: #103675;
		font-size: 24px;
	}

	.contents .group .store {
		font-size: 0;
		padding-top: 20px;
	}

		.contents .group .store dt,
		.contents .group .store dd {
			display: inline-block;
			font-size: 18px;
			font-weight: bold;
		}

		.contents .group .store dd {margin-left: 1em;}

	.contents .group .note {padding-top: 14px;}


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