/* -----
共通
----- */


	/* -----
	問い合わせフォーム
	----- */

		section > p {
			margin: auto;
			margin-bottom: 10px;

			font-size: small;
			color: #FF0000;
		}

		.form > tbody > tr:nth-child(odd) {
			background-color: #DEB887;
		}
		
		.form span.required {
			color: #FF0000;
		}

		.form td  {
			padding: 10px 0;
		}

		.form td div {
			display: flex;
		}

		.form p, table label {
			align-content: center;

			margin-left: 10px;
		}


		/* -----
		エラーメッセージ
		----- */
		section form > .errDtl {
			text-align: center;
		}

	/* -----
	代理店募集
	----- */

		.form .row,
		.form .row > div {
			flex-direction: column;
		}

		.form .row div div {
			margin: 5px;
		}
		
		table label:first-child {
			margin-left: 0;
		}
		
		table label:last-child {
			margin-right: 10px;
		}

		table span:has(label) {
			margin-left: 5px;
		}

		table .chk {
			margin-left: 5px;
		}

	/* -----
	プライバシーポリシー
	----- */

		form > p {
			text-align: center;
			margin-bottom: 10px;
		}

		section a {		
			margin-bottom: 20px;

			text-decoration: underline;
			text-underline-offset: 3px;
		}

		section .check {
			text-align: center;
			
			font-size: large;
			font-weight: bold;
		}

		section .check input {
			margin: 0px 5px;
		}

		section button {
			display: block;

			margin: auto;
			margin-top: 30px;
			margin-bottom: 20px;
			padding: 5px 10px;

			font-size: large;
			
			background-image: 
				linear-gradient(#231815, #3D322F, #231815);

			border-radius: 3px;

			color: #DEB887;

			transition: 0.3s;
		}

		section button:hover {
			opacity: 0.6;
		}

		.grecaptcha-badge {
			visibility: hidden;
		}

		.google {
			font-size: small;
		}

/* -----
PC
----- */

	@media not screen and (max-width:1200px) {

		/* -----
		帯下TXT
		----- */

			section .txt {
				max-width: 1100px;

				margin: auto;
				margin-bottom: 100px;
			}

			.txt p {
				width: 100%;

				margin-left: 20px;

				line-height: 1.5em;
			}


		/* -----
		問い合わせフォーム
		----- */

			section > p {
				width: 1100px;
				
				padding-left: 20px;
			}

			section br {
				display: none;
			}
				
			.form {
				width: 1100px;

				margin: auto;
				margin-bottom: 50px;
			}
			
			.form tr:last-child th {
				align-content: start;
			}

			.form th {
				width: 200px;

				align-content: center;

				padding: 10px;
				padding-left: 20px;
				}
				
			.form td input,
			.form td select,
			.form td textarea {
				margin: 0 10px;
				padding: 3px;

				border: 1px solid #231815;
				border-radius: 3px;

				background-color: #FFFFFF;
			}
			
			.form td .small {
				width: 80px;
			}
			
			.form td .middle {
				width:400px;
			}

			.form td .large {
				width: 700px;
			}

			.form td textarea {
				width: 800px;
				height: 400px;
			}
	}


/* -----
SP
----- */

	@media screen and (max-width:1200px) {

		/* -----
		帯下TXT
		----- */

			section .txt {
				width: 100%;

				margin-bottom: 50px;
			}

			.txt p {
				width: 90%;

				margin: auto;

				line-height: 1.5em;
				
				word-wrap: break-word;
			}

			
		/* -----
		問い合わせフォーム
		----- */
		
			section > p {
				width: 100%;

				padding-left: 10px;
			}

			.form {
				width: 100%;

				margin-bottom: 50px;
			}
			
			.form th {
				display: block;
				width: 100%;

				align-content: center;

				padding: 10px;
				padding-left: 20px;
			}
			
			.form td  {
				display: flex;
				flex-direction: column;
			}

			.form .errDtl {
				margin-left: 0;
			}

			.form td:has(.middle),
			.form td:has(.large) {
				flex-direction: column;
				justify-content: center;
			}

			.form td:has(textarea) {
				justify-content: center;
			}
			
			.form td input,
			.form td select,
			.form td textarea {
				width: 100px;
				
				margin: 0 10px;
				padding: 3px;

				border: 1px solid #231815;
				border-radius: 3px;

				background-color: #FFFFFF;
			}

			.form td select{
				width: 150px;
			}

			.form td .radio {
				width: 20px;
			}
				
			.form td .small {
				width: 100px;
			}
			
			.form td .middle {
				width:90%;
			}

			.form td .large {
				width: 90%;
			}

			.form td textarea {
				width: 90%;
				height: 400px;
				margin: auto;
			}

			
		/* -----
		代理店募集
		----- */

			.form .chk span {
				display: flex;
				flex-wrap: wrap;
			}

			.form .chk label {
				margin: 5px;
				padding: 3px;
			}

			.form .chk input {
				width: 20px;
			}

			.form  .half {
				flex-direction: column;
			}
		}