@charset "UTF-8";

#questionnaire_form {
	background-color: rgb(236,236,235);
	}
	#questionnaire_form .container h2 {
		text-align: center;
		}
	#questionnaire_form .container h3 {
		padding: 10px;
		font-size: 21px;
		font-weight: 400;
		}


	#questionnaire_form .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 90%;
		max-width: 768px;
		margin: 0 auto 35px;
		font-size: 15px;
		line-height: 1.6;
		}
		#questionnaire_form .container dl dt {
			width: 100%;
			margin: 45px 0 0;
			padding: 15px 10px 0;
			font-size: 17px;
			border-top: 2px solid #999;
			}
		#questionnaire_form .container dl dt.c2 {
			width: 250px;
			margin: 15px 0 0;
			}
@media screen and (max-width: 768px) {
		#questionnaire_form .container dl dt.c2 {
			width: 100%;;
			}
}
		#questionnaire_form .container dl dt.bdnone {
			margin: 0;
			padding: 0 10px;
			border-top: none;
			font-size: 15px;
			}
		#questionnaire_form .container dl dd {
			width: 100%;
			margin: 0;
			padding: 15px 10px;
			}
		#questionnaire_form .container dl dd.c2 {
			width: calc(100% - 250px);
			margin: 15px 0 0;
			padding: 15px 10px 0;
			font-size: 17px;
			border-top: 2px solid #999;
			}
@media screen and (max-width: 768px) {
		#questionnaire_form .container dl dd.c2 {
			width: 100%;
			margin: 0;
			border-top: none;			
			}
}
			#questionnaire_form .container dl dd.col2 span {
				display: inline-block;
				width: calc((100% - 30px) / 2);
				margin: 0 0 15px;
				}
@media screen and (max-width: 640px) {
			#questionnaire_form .container dl dd.col2 span {
				width: 100%;
				}
}
			#questionnaire_form .container dl dd.col5 span {
				display: inline-block;
				width: calc((100% - 30px) / 5);
				margin: 0;
				}
				#questionnaire_form .container dl dd span label {
					width: 100%;
					}
				#questionnaire_form .container dl dd.col5 span label {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					}
					#questionnaire_form .container dl dd.col5 span label input {
						order: 2;
						}
					#questionnaire_form .container dl dd.col5 span label span {
						width: 100%;
					
						order: 1;
						text-align: center;
						}
					#questionnaire_form .container dl dd span .mwform-checkbox-field-text,
					#questionnaire_form .container dl dd span .mwform-radio-field-text {
						display: inline-block;
						width: calc(100% - 25px);
						margin: 0;
						}
			#questionnaire_form .container dl dd dl {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				width: 100%;
				max-width: 100%;
				margin: 0 auto;
				font-size: 15px;
				line-height: 1.6;
				border-top: 1px dotted #aaa;
				}
				#questionnaire_form .container dl dd dl dt {
					width: 400px;
					margin: 0;
					padding: 15px 0;
					font-size: 15px;
					border-top: none;
					border-bottom: 1px dotted #aaa;
					}
@media screen and (max-width: 768px) {
				#questionnaire_form .container dl dd dl dt {
					width: 100%;
					padding: 15px 0 0;
					border-bottom: none;
					}
}
				#questionnaire_form .container dl dd dl dd {
					width: calc(100% - 400px);
					margin: 0;
					padding: 15px 0;
					border-bottom: 1px dotted #aaa;
					}
@media screen and (max-width: 768px) {
				#questionnaire_form .container dl dd dl dd {
					width: 100%;
					}
}

		#questionnaire_form input[type="text"],
		#questionnaire_form input[type="email"],
		#questionnaire_form select,
		#questionnaire_form textarea {
			width: 100%;
			padding: 5px;
			border: 1px solid rgb(84,88,90);
			}
		.mwform-tel-field input[type="text"],
		.mwform-zip-field input[type="text"] {
			width: auto !important;
		}
		input[type="text"]#form_birthday {
			width: 50%;
		}
		#questionnaire_form input[type="text"]:focus,
		#questionnaire_form input[type="email"]:focus,
		#questionnaire_form select:focus,
		#questionnaire_form textarea:focus {
			background-color: #fff;
			}
		#questionnaire_form #form_address,
		#questionnaire_form #form_mail,
		#questionnaire_form #form_text1,
		#questionnaire_form #form_text2,
		#questionnaire_form #form_text3,
		#questionnaire_form #form_time {
			width: 100%;
			}
		#questionnaire_form #form_address {
			margin: 10px 0 0;
		}
		#questionnaire_form .mwform-radio-field {
			display: inline-block;
			padding: 0;
			}
		#questionnaire_form #submit {
			text-align: center;
			}
		#questionnaire_form input[type="submit"] {
			display: inline-block;
			min-width: 150px;
			margin: 0;
			padding: .625rem 1rem;
			font-size: 15px;
			line-height: 1.5;
			text-align: center;
			border: 1px solid #54585b;
			background-color: #54585b;
			color: #fff;
			}
		#questionnaire_form input[type="submit"]:hover {
			background-color: #fff;
			color: #54585b;
			}

.style {
	width: calc(100% - 50px) !important;
	margin-bottom: 15px;
	}
.style_txt {
	display: inline-block;
	margin-bottom: 15px;
	padding: 6px;
	}
.address {
	margin-top: 15px;
	}