@charset 'UTF-8';

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

www.keio-unyu.co.jp
/inquiry/css/pages_pc
Ver.201803

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

01. テーマ
02. 入力
03. 確認
04. 送信完了

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





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


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


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





/** |02. 入力| >> ********************************************************************* >> START **/


.contents .input {
	margin: 0 auto;
	padding-top: 42px;
	width: 960px;
}

	.contents .input p {
		line-height: 2.33;
		padding: 0 66px;
		width: 960px;
	}


	/** [ステップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .input .step {
		background: url(/inquiry/img/pc/inp_hd_input.png) no-repeat 0 0;
		height: 50px;
		width: 960px;
	}


	/** [はじめに] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .input .first {padding-top: 30px;}

	.contents .input .attention {
		color: #d5007f;
		padding-bottom: 30px;
	}


	/** [入力情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .input .data {width: 960px;}

		.contents .input .data th,
		.contents .input .data td {
			font-weight: normal;
			line-height: 1.78;
			text-align: left;
			vertical-align: top;
		}

		.contents .input .data th {
			padding: 26px 10px 26px 66px;
			width: 364px;
		}

			.contents .input .data .require::after {
				color: #d5007f;
				content: '＊';
			}

		.contents .input .data td {
			padding: 26px 66px 26px 0;
			position: relative;
		}


			/* 各種コントロール */
			.contents .input .data td input[type="checkbox"],
			.contents .input .data td input[type="radio"] {
				margin-right: 12px;
				vertical-align: -0.04em;
			}

			.contents .input .data td input[type="text"] {
				height: 40px;
				line-height: 40px;
				padding: 0 6px;
				width: 530px;
			}

			.contents .input .data td textarea {
				height: 260px;
				line-height: 1.76;
				padding: 6px;
				width: 530px;
			}


			/* 選択肢 */
			.contents .input .data td .list {font-size: 0;}

				.contents .input .data td .list li {
					display: inline-block;
					font-size: 18px;
					padding-left: 40px;
				}

				.contents .input .data td .list li:first-of-type {padding-left: 0;}


			/* ラベル付 */
			.contents .input .data td .name {
				display: inline-block;
				height: 40px;
				margin-left: 30px;
				padding-left: 52px;
				position: relative;
			}

			.contents .input .data td .name:first-of-type {margin-left: 0;}

				.contents .input .data td .name span {
					bottom: 0;
					display: block;
					height: 1em;
					left: 0;
					line-height: 1em;
					margin: auto 0;
					position: absolute;
					top: 0;
					width: 2em;
				}

				.contents .input .data td .name input[type="text"] {width: 198px;}


			/* 階数 */
			.contents .input .data td .floor {font-size: 0;}

				.contents .input .data td .floor dt,
				.contents .input .data td .floor dd {
					display: inline-block;
					font-size: 16px;
					height: 40px;
				}

				.contents .input .data td .floor dt {
					line-height: 40px;
					padding-right: 0.5em;
				}

				.contents .input .data td .floor dd {
					padding-right: 1.5em;
					position: relative;
				}

					.contents .input .data td .floor input[type="text"] {width: 58px;}

					.contents .input .data td .floor span {
						bottom: 0;
						display: block;
						height: 1em;
						right: 0;
						line-height: 1em;
						margin: auto 0;
						position: absolute;
						top: 0;
						width: 1em;
					}


			/* エラー */
			.contents .input .data td label.error {
				bottom: 0;
				color: #d5007f;
				font-size: 14px;
				left: 0;
				position: absolute;
			}


	/** [プライバシー] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .input .privacy {padding-top: 6px;}


	/* 同意 */
	.contents .input .consent {
		font-size: 0;
		padding-top: 18px;
		text-align: center;
	}

		.contents .input .consent li {
			display: inline-block;
			font-size: 18px;
			padding-left: 30px;
		}

		.contents .input .consent li:first-of-type {padding-left: 0;}

			.contents .input .consent input[type="radio"] {
				margin-right: 12px;
				vertical-align: -0.04em;
			}


	/** [操作] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .input .control {
		background:  url(/inquiry/img/pc/inp_bg_confirm.png) no-repeat 100% 100%;
		margin: 0 auto;
		padding-top: 50px;
		width: 306px;
	}

	.contents .input .disable {background-image:  url(/inquiry/img/pc/inp_txt_confirm.png);}

		.contents .input .control input[type="submit"] {
			background:  url(/inquiry/img/pc/inp_btn_confirm.png) no-repeat 0 0;
			font-size: 0;
			height: 74px;
			width: 306px;
		}

		.contents .input .disable input[type="submit"] {
			background: transparent;
			cursor: not-allowed;
		}

		.contents .input .control input:hover {background-position: 100% 100%;}


/** |02. 入力| << *********************************************************************** << END **/





/** |03. 確認| >> ********************************************************************* >> START **/


.contents .confirmation {
	margin: 0 auto;
	padding-top: 42px;
	text-align: center;
	width: 960px;
}


	/** [ステップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .confirmation .step {
		background: url(/inquiry/img/pc/cnf_hd_confirmation.png) no-repeat 0 0;
		height: 50px;
		width: 960px;
	}


	/** [はじめに] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .confirmation .first {
		border-bottom: 1px solid #103675;
		line-height: 2.33;
		padding: 30px 66px;
		text-align: left;
		width: 960px;
	}


	/** [入力情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .confirmation .data {
		margin-top: 16px;
		width: 960px;
	}

		.contents .confirmation .data th,
		.contents .confirmation .data td {
			font-weight: normal;
			line-height: 1.78;
			text-align: left;
			vertical-align: top;
		}

		.contents .confirmation .data th {
			padding: 26px 10px 26px 66px;
			width: 364px;
		}

			.contents .confirmation .data .require::after {
				content: '＊';
				color: #d5007f;
			}

		.contents .confirmation .data td {padding: 26px 66px 26px 0;}


	/** [操作] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .confirmation .control {
		border-top: 1px solid #103675;
		margin-top: 24px;
		padding: 44px 44px 0;
		width: 960px;
	}

		.contents .confirmation .control li {
			background: no-repeat 100% 100%;
			float: left;
			width: 426px;
		}

		.contents .confirmation .control li:last-of-type {float: right;}

		.contents .confirmation .control .revise {background-image: url(/inquiry/img/pc/cnf_bg_revise.png);}
		.contents .confirmation .control .decision {background-image: url(/inquiry/img/pc/cnf_bg_decision.png);}

		.contents .confirmation .control li input {
			background: no-repeat 0 0;
			font-size: 0;
			height: 74px;
			width: 426px;
		}

		.contents .confirmation .control .revise input {background-image: url(/inquiry/img/pc/cnf_btn_revise.png);}
		.contents .confirmation .control .decision input {background-image: url(/inquiry/img/pc/cnf_btn_decision.png);}

		.contents .confirmation .control li input:hover {background-position: 100% 100%;}


/** |03. 確認| << *********************************************************************** << END **/





/** |04. 送信完了| >> ***************************************************************** >> START **/


.contents .complete {
	margin: 0 auto;
	padding-top: 42px;
	text-align: center;
	width: 960px;
}


	/** [ステップ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .complete .step {
		background: url(/inquiry/img/pc/cmp_hd_complete.png) no-repeat 0 0;
		height: 50px;
		width: 960px;
	}


	/** [完了メッセージ] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .complete .message {
		padding-top: 56px;
		width: 960px;
	}

		.contents .complete .message::before {
			background: url(/inquiry/img/pc/cmp_img_thanks.png) no-repeat 0 0;
			content: '';
			display: block;
			height: 90px;
			margin: 0 auto;
			width: 116px;
		}

		.contents .complete .message .label {
			font-size: 30px;
			padding-top: 30px;
		}

		.contents .complete .message .label br {display: none;}

		.contents .complete .message .text {padding-top: 18px;}


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

	.contents .complete .callback {padding-top: 30px;}

		.contents .complete .callback dt {
			line-height: 1.78;
			margin: 0 auto;
			width: 34em;
		}

		.contents .complete .callback dd {
			background: url(/inquiry/img/pc/cmp_txt_callback.png) no-repeat 0 0;
			margin: 20px auto 0;
			height: 114px;
			width: 428px;
		}


	/** [トップページに戻る] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .complete .home {
		background: url(/inquiry/img/pc/cmp_bg_home.png) no-repeat 100% 100%;
		margin: 0 auto;
		padding-top: 74px;
		width: 328px;
	}

		.contents .complete .home a {
			background: url(/inquiry/img/pc/cmp_btn_home.png) no-repeat 0 0;
			display: block;
			height: 76px;
			width 328px:
		}

		.contents .complete .home a:hover {background-position: 100% 100%;}


/** |04. 送信完了| << ******************************************************************* << END **/