@charset "utf-8";

/*----------------------------------------
　sent.shtml
----------------------------------------*/
.l_form_header {
	margin: 4em 0 3em;
}

.l_form_header p {
	font-size: clamp(0.938rem, 0.869rem + 0.34vw, 1.125rem);
	font-weight: bold;
	text-align: center;
}

.l_form_header span {
	font-size: clamp(1.313rem, 1.199rem + 0.57vw, 1.625rem);
	color: #EB2856;
}

.l_form_section {
	margin-bottom: 40px;
	padding: 40px 70px;
	border-radius: 10px;
	background-color: #FFFBF3;
}

.l_form_question {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
	padding: 18px 30px 35px;
	border-radius: 8px;
	background-color: #FBEBD0;
}

.l_form_question_num {
	line-height: 1.4;
	text-align: center;
	padding: 8px 12px;
	border-radius: 5px;
	background-color: #fff;
}

/* 問題タイプ */
.l_question_type {
	display: inline-block;
	font-size: .9em;
	color: #e07800;
	border-radius: 15px;
	padding: 2px 2em;
	margin-bottom: 1em;
	background-color: #FBEBD0;
}

.l_form_question p {
	line-height: 1.4;
	margin-top: 12px;
	margin-bottom: 0;
}

.l_form_answer>* {
	font-size: 16px;
}

.l_form_answer:not(:last-of-type) {
	margin-bottom: 20px;
}

.l_form_answer input[type="text"] {
	width: calc(100% - 20px) !important;
	max-width: 1040px;
	padding: 11px 9px;
	border: 1px solid #EE9B0E;
	border-radius: 8px;
}

.l_form_answer textarea {
	width: calc(100% - 20px) !important;
	max-width: 1040px;
	height: auto !important;
	padding: 11px 9px;
	border: 1px solid #EE9B0E;
	border-radius: 8px;
}

.l_form_answer .l_radio_column:not(:last-child) {
	margin-bottom: 20px;
}

.l_radio_column input {
	display: none;
}

.l_radio_column label {
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100% - 42px);
	line-height: 1.5;
	padding: 23px 20px;
	border: 1px solid #EE9B0E;
	border-radius: 8px;
	background-color: #fff;
	cursor: pointer;
}

.l_radio_column span {
	display: block;
	width: 100%;
	padding-left: 30px;
	padding-right: 4px;
}

.l_radio_column label::before,
.l_radio_column input:checked+label::before,
.l_radio_column input:checked~label::before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 2px solid #EE9B0E;
	position: absolute;
	top: 50%;
	left: 27px;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.l_radio_column input[type="radio"]:checked+label::after,
.l_radio_column input[type="radio"]:checked~label::after {
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #EE9B0E;
	position: absolute;
	top: 50%;
	left: 27px;
	transform: translate(-50%, -50%);
	z-index: 11;
}

.l_radio_column input[type="radio"]:checked+label,
.l_radio_column input[type="radio"]:checked~label {
	background-color: #FBEBD0;
	z-index: 8;
}

.l_movie_result_grid .bpts_btn {
	min-width: 280px;
	cursor: pointer;
}

@media screen and (max-width:768px) {
	.l_form_header {
		margin: 2em 0 1em;
	}

	.l_form_section {
		margin-bottom: 20px;
		padding: 30px 10px;
	}

	.l_form_question {
		flex-direction: row;
		margin-bottom: 10px;
		padding: 16px 10px !important;
	}

	.l_form_question_num {
		width: 32px;
		padding: 4px 7px;
	}

	.l_form_question p {
		margin: 0 0 0 5px;
		flex: 1;
	}
	.l_question_type{
		font-size: .85rem;
	}
	.l_form_answer .l_radio_column:not(:last-child) {
		margin-bottom: 10px;
	}
	.l_radio_column label{
    width: calc(100% - 30px);
    padding: 16px 15px;
	}
}