/* Help：Category */
#hp_help_category_area_base {
	height           : 100%;
	width            : 100%;
	overflow-y       : scroll;
	scrollbar-width  : none;
}

.hp_help_category_common {
	padding          : 7px 12px;
}

.hp_help_sub_category_common {
	margin-bottom    : 1px;
	padding          : 12px 6px 12px 12px;
	display          : flex;
}

.hp_help_sub_category_common::after {
	content      : '';
	position     : relative;
	width        : 9px;
	height       : 9px;
	border       : solid 2px rgba(var(--color_label), var(--alpha_10));
	border-top   : none;
	border-left  : none;
	margin       : auto;
	margin-right : 10px;
	transform    : rotate(-45deg);
}

.hp_help_sub_category_common:active {
	color                : rgba(var(--color_white), var(--alpha_10));
	background-color     : rgba(var(--color_base_color), var(--alpha_10));
}

.hp_help_sub_category_bullet {
	display     : flex;
	align-items : center;
}

/* Help：QA */
#hp_help_qa_area {
	height          : 100%;
	display         : flex;
	justify-content : center;
}

#hp_help_qa_info_area_base {
	width      : 100%;
	overflow-x : hidden;
}

#hp_help_qa_info_area {
	width           : 100%;
	height          : 100%;
	overflow-y      : scroll;
	scrollbar-width : none;
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	box-sizing      : border-box;
}

#hp_help_qa_info_area::-webkit-scrollbar {
	display          : none;
}

#hp_help_qa_title_area {
	display          : flex;
	width            : 100%;
	padding          : 5px;
	box-sizing       : border-box;
}

#hp_help_qa_title {
	margin      : 3px auto;
	overflow    : hidden;
}

.hp_help_qa_box_common {
	width            : 100%;
	padding          : 15px 20px 15px 10px;
	box-sizing       : border-box;
	margin-bottom    : 10px;
}

.hp_help_q_box_common {
	display : flex;
}

.hp_help_q_icon_common {
	width           : 50px;
	display         : flex;
	justify-content : center;
}

.hp_help_q_icon {
	width  : 32px;
	height : 54px;
}

.hp_help_q_text_common {
	width      : 100%;
	margin-top : 15px;
}

.hp_help_q_text_str_common {
	margin           : 0;
	background-image : url("/sp/help/images/qaline.svg");
	padding-bottom   : 1px;
	background-size:auto 30px;
}

.hp_help_a_box_common {
	display    : flex;
	margin-top : 10px;
}

.hp_help_a_icon_common {
	width           : 50px;
	display         : flex;
	justify-content : center;
}

.hp_help_a_icon {
	width  : 32px;
	height : 54px;
}

.hp_help_a_text_common {
	width      : 100%;
	margin-top : 15px;
}

.hp_help_a_text_str_common {
	margin           : 0;
	background-image : url("/sp/help/images/qaline.svg");
	padding-bottom   : 1px;
	background-size  :auto 30px;
}

.hp_help_a_text_common > img {
	margin-top : 15px;
	max-width  : 100%;
	max-height : 100%;
}

.hp_help_a_text_common > input {
	margin-top       : 15px;
	padding          : 5px 10px;
	width            : 160px;
	text-align       : left;
}

.hp_help_a_text_common > input:active {
	opacity : 0.7;
}

/* ヘルプ画面共通 */
.cm_common_color_help_q_color {
	color: rgba(255, 106, 0, 1);
}

.cm_common_color_sub_category_title {
	color: rgba(255, 242, 230, 1);
}

.cm_common_background_pdf_button {
	background-color: rgba(255, 198, 140, 1);
}

.cm_common_background_qa {
	background-color: rgba(255, 245, 236, 1);
}

.cm_common_background_color_back_category {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.cm_common_border_radius_qa_corners {
	border-radius: 10px;
}