@charset 'UTF-8';

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

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

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

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

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





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


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


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





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


.contents .input {
	margin: 0 auto;
	padding-top: 2.34%;/* 15px */
	width: 95.31%;/* 610px */
}

	.contents .input p {
		line-height: 1.73;
		padding: 5.9% 0;/* 36px 0 */
	}


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

	.contents .input .first {padding-bottom: 0;}

	.contents .input .attention {
		color: #d5007f;
		padding-top: 0;
	}


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

	.contents .input .data {width: 100%;/* 610px */}

		.contents .input .data tbody,
		.contents .input .data tr {display: block;}

		.contents .input .data th,
		.contents .input .data td {
			display: block;
			font-weight: normal;
			line-height: 1.73;
		}

		.contents .input .data th {
			padding-top: 5.9%;/* 36px */
			text-align: left;
		}

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

		.contents .input .data td {padding-top: 3.28%;/* 20px */}


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

			.contents .input .data td input[type="text"] {
				height: 2.73em;
				line-height: 2.73em;
				padding: 0 1.64%;/* 0 10px */
				width: 100%;/* 610px */
			}

			.contents .input .data td textarea {
				height: 14.08em;
				line-height: 1.76;
				padding: 1.64%;/* 10px */
				width: 100%;/* 610px */
			}


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

				.contents .input .data td .list li {
					display: inline-block;
					font-size: 2.2rem;
					padding-left: 11.48%;/* 70px */
				}

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


			/* ラベル付 */
			.contents .input .data td .name {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				display: inline-block;
				margin-left: 4.92%;/* 30px */
				padding-left: 10.16%;/* 62px */
				position: relative;
				width: 47.54%;/* 290px */
			}

			.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"] {}


			/* 階数 */
			.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: 2.2rem;
				}

				.contents .input .data td .floor dt {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: 15.63vw;/* 100px */}

					.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 {
				color: #d5007f;
				display: block;
				padding-top: 0.4em;
			}


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

	.contents .input .privacy {padding-top: 4.26%;/* 26px */}


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

		.contents .input .consent li {
			display: inline-block;
			font-size: 2.2rem;
			padding-left: 13.11%;/* 80px */
		}

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

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


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

	.contents .input .control {
		margin: 0 auto;
		padding-top: 9.18%;/* 56px */
		width: 60.33%;/* 368px */
	}

	.contents .input .disable {
		background:  url(/inquiry/img/sp/inp_txt_confirm.png) no-repeat 100% 100%;
		background-size: 97.83% auto;
	}

		.contents .input .control input[type="submit"] {
			background:  url(/inquiry/img/sp/inp_btn_confirm.png) no-repeat 0 0;
			background-size: 100% auto;
			font-size: 0;
			padding-top: 23.91%;/* 88px */
			width: 100%;/* 368px */
		}

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


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





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


.contents .confirmation {
	margin: 0 auto;
	padding-top: 2.34%;/* 15px */
	width: 95.31%;/* 610px */
}


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

	.contents .confirmation .first {
		border-bottom: 1px solid #103675;
		line-height: 1.73;
		padding: 5.9% 0;/* 36px 0 */
	}


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

	.contents .confirmation .data {width: 100%;/* 610px */}

		.contents .confirmation .data tbody,
		.contents .confirmation .data tr {display: block;}

		.contents .confirmation .data th,
		.contents .confirmation .data td {
			display: block;
			font-weight: normal;
			line-height: 1.73;
		}

		.contents .confirmation .data th {
			text-align: left;
			padding-top: 5.9%;/* 36px */
		}

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


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

	.contents .confirmation .control {
		border-top: 1px solid #103675;
		margin-top: 5.9%;/* 36px */
	}

		.contents .confirmation .control li {
			padding-top: 5.9%;/* 36px */
			text-align: center;
		}

			.contents .confirmation .control li input {
				background: no-repeat 0 0;
				background-size: 100% auto;
				font-size: 0;
			}

			.contents .confirmation .control .revise input {
				background-image: url(/inquiry/img/sp/cnf_btn_revise.png);
				height: 13.44vw;/* 86px */
				width: 57.19vw;/* 366px */
			}

			.contents .confirmation .control .decision input {/* 430x102 */
				background-image: url(/inquiry/img/sp/cnf_btn_decision.png);
				height: 15.94vw;/* 102px */
				width: 67.19vw;/* 430px */
			}


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





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


.contents .complete {
	margin: 0 auto;
	padding-top: 2.34%;/* 15px */
	width: 95.31%;/* 610px */
}


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

	.contents .complete .message {
		padding-top: 5.9%;/* 36px */
		text-align: center;
	}

		.contents .complete .message::before {
			background: url(/inquiry/img/sp/cmp_img_thanks.png) no-repeat 0 0;
			background-size: 100% auto;
			content: '';
			display: block;
			margin: 0 auto;
			padding-top: 17.7%;/* 108px */
			width: 20%;/* 122px */
		}

		.contents .complete .message .label {
			font-size: 3rem;
			padding-top: 5.9%;/* 36px */
		}

		.contents .complete .message .text {padding-top: 5.9%;/* 36px */}


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

	.contents .complete .callback {padding-top: 5.9%;/* 36px */}

		.contents .complete .callback dt {
			line-height: 1.73;
			margin: 0 auto;
			width: 91.8%;/* 560px */
		}

		.contents .complete .callback dd {
			margin: 0 auto;
			padding-top: 7.87%;/* 48px */
			width: 91.8%;/* 560px */
		}


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

	.contents .complete .home {
		margin: 0 auto;
		padding-top: 8.52%;/* 52px */
		width: 70.82%;/* 432px */
	}


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