@charset "utf-8";
html > body div.grecaptcha-badge {
	display: none;
}

html > body > main > div.contents > section > div.body {
	& h2 {
		margin-bottom: 30px;
		@media screen and (max-width: 768px) {
			font-size: 6.4vw;
		}
	}
	div.wp_form_compte {
		max-width: 700px;
		margin-inline: auto;
	}
	& form {
		div.form {
			max-width: 700px;
			margin-inline: auto;
			& h3 {
				margin-top: 2em;
				margin-bottom: 0.5em;
				text-align: left;
				font-size: 2.0rem;
				font-weight: bold;
				line-height: 1.5;
				&>span {
					margin-left: 4px;
					padding: 2px 4px;
					border-radius: 2px;
					display: inline-block;
					color: rgba(255,255,255,1.00);
					background-color: rgba(200,16,18,1.00);
					font-size: 1.1rem;
					vertical-align: middle;
				}
			}
			& dl {
				display: table-row;
				border-top: dotted 1px rgba(200,200,200,1.00);
				border-bottom: dotted 1px rgba(200,200,200,1.00);
				&>dt {
					margin-right: 8px;
					padding: 15px;
					display: table-cell;
					background-color: rgba(251,251,251,1.00);
					vertical-align: top;
					white-space: nowrap;
					line-height: 1.4;
					width: 200px;
					@media screen and (max-width: 768px) {
						margin-right: 0;
						padding: 6px 10px;
						display: block;
						background-color: rgba(247,247,247,1.00);
						line-height: 1.3;
						width: auto;
						white-space: normal;
					}
					&>span {
						margin-left: 4px;
						padding: 2px 4px;
						border-radius: 2px;
						display: inline-block;
						color: rgba(255,255,255,1.00);
						background-color: rgba(200,16,18,1.00);
						font-size: 1.1rem;
						vertical-align: middle;
						&.must1 {
							background-color: rgb(200, 74, 16);
						}
					}
				}
				&>dd {
					display: table-cell;
					padding: 15px;
					line-height: 1.4;
					vertical-align: top;
					@media screen and (max-width: 768px) {
						display: block;
						padding: 10px;
						margin-bottom: 10px;
					}
				}
			}
			& input[type="text"],
			& textarea,
			& input[type="email"]{
				padding: 2px;
				width: 100%;
				border-radius: 0;
				border: solid 1px rgba(210,210,210,1.00);
				-moz-appearance: none;
				-webkit-appearance: none;
				font-size: 14px;
				box-sizing: border-box;
			}
			& p.other {
				margin-top: -0.7em;
				padding-left: 2em;
			}
			
			& p.submit {
				margin-top: 15px;
				text-align: center;
				& input {
					cursor: pointer;
					transition: all 0.1s ease-out;
					-moz-appearance: none;
					-webkit-appearance: none;
					border-radius: 0;
				}
				& input[type="submit"] {
					padding: 10px 30px;
					border: solid 2px var(--colorB1);
					box-sizing: content-box;
					overflow: hidden;
					color: rgba(255,255,255,1.00);
					background-color: var(--colorB1);
					letter-spacing: 1px;
					text-align: center;
					font-weight: bold;
					font-size: 106.7%;
				}
				& input[name="submitBack"] {
					margin-right: 10px;
					padding: 10px 30px;
					border: solid 2px rgba(230,230,230,1.00);
					box-sizing: content-box;
					overflow: hidden;
					color: rgba(123,123,123,1.00);
					background-color: rgba(230,230,230,1.00);
					letter-spacing: 1px;
					text-align: center;
					font-weight: bold;
					font-size: 106.7%;
				}
			}
			& p.notice {
				margin-top: 2.5em;
				font-size: 1.3rem;
				padding: 1.5em;
				background-color: rgba(232,232,232,1.00);
				color: rgba(55,55,55,1.00);
				text-align: center;
				@media screen and (max-width: 768px) {
					text-align: left;
				}
				&>br.pc {
					@media screen and (max-width: 768px) {
						display: none;
					}
				}
			}
		}
	}
}