@charset "UTF-8";

/* ---------------------------------------------------

	「teppay」のFAQサイト用CSS
	制作日：2026/10/05

	01.基本設定
	02.リセット
	03.category list
	04.Header
	05.パンくず領域
	06.コンテンツ共通
	07.汎用
	08.お知らせ（トップページ）
	09.キーワード検索
	10.よく検索されるキーワード（トップページ）
	11.カテゴリーから探す（トップページ）
	12.カテゴリーページ・検索結果ページ
	13.QAアイコン共通読み込み
	14.faq search list page
	15.閲覧の多いFAQ／関連するFAQ
	16.よく見られているご質問
	17.teppayサポートセンターへお問い合わせが必要な場合
	18.teppayサービス概要
	19.その他のサービスのFAQを探す
	20.init.jsのカスタムパーツ
	21.paging common
	22.FAQ詳細ページ
	23.ウィザードFAQ
	24.フォームページ
	25.お問い合わせ内容 画面
	26.お問い合わせ内容確認 画面（追加質問）
	27.お問い合わせ完了 画面
	28.お知らせ 画面
	29.Footer
	30.TOPへ

------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap&family=Poppins:wght@500&display=swap');



/* =======================================================
	01.基本設定
======================================================= */
* {box-sizing: border-box;}
body {
	margin: 0;
	color: #0f1d2f;
	background-color: #f7f9f9;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	line-height: 1.5;
	/* 文章の折り返し */
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}
img {max-width: 100%;}
#okw_contents_base {
	margin: 0 auto;
	max-width: none;
	width: auto;
}
@media screen and (max-width: 749px) {
	#okw_contents_base {
		min-width: auto !important;
		max-width: auto;
	}
}






/* =======================================================
	02.リセット
======================================================= */
a,
a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
}
/* リストスタイル対応 */
li, ol, ul {
	list-style: none;
}
#okw_contents,
#okw_contents_base,
#okw_contents_inner {
	background: none;
}
#okw_contents_base,
#okw_contents_inner {
	padding: 0;
}
#okw_contents_inner .ttl_col h2::after {
	content: none;
}
.topLink {
	float: none;
	font-size: inherit;
}
.topLink a {
	background: none;
	height: auto;
	padding: 0;
}
.siteLink li {
	display: block;
	font-size: inherit;
}
.preLink {
	background: none;
	margin: 0;
}
.preLink a {
	padding: 0;
	height: auto;
}
.icoInf,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoLogin,
.icoHot,
.icoFavorite,
.icoPickup,
.icoCommunity,
.icoProf,
.icoKey,
.icoFaq,
.icoPrint,
.icoPrint a,
.icoFavorite_mark_on,
.icoFavorite_mark_off,
.icoFavorite_mark_on a,
.icoFavorite_mark_off a,
.icoQ,
.icoA,
.icoK,
.icoKA,
.icoQ_sml,
.icoA_sml,
.icoM_sml,
.icoK_sml,
.icoKA_sml,
.icoMenquete {
	background: none;
	height: auto;
	padding: 0;
}
.icoPickup {
	float: none;
}
#okw_sub_header {
	margin: 0;
	line-height: inherit;
}
.okw_bread li {
	font-size: inherit;
}
.colArea {
	margin: 0;
}
.ttl_col,
.ttl_bg {
	background: none;
	height: auto;
	padding: 0;
}
.ttl_col h2 {
	font-size: inherit;
}
.faq_search_frmArea {
	margin: 0;
}
.faq_search_frmArea label,
.faq_search_frmArea select,
.faq_search_frmArea input,
.faq_search_frmArea p {
	font-size: inherit;
}
.search_description {
	font-size: inherit;
	color: inherit;
	margin: 0;
}
.keyword_frm {
	height: auto;
	border-width: 1px;
	font-size: inherit;
	letter-spacing: inherit;
}

/* ボタン */
.faq_search_frmArea .keyword_frmbtn {
	background: none;
	width: auto;
	height: auto;
	font-size: inherit;
}
#keyword_form .search_description {
	margin: 0;
}

/* 検索ボタン */
.qaList {
	margin: 0;
}
.qaList li {
	padding: 0;
	margin: 0;
}
.qaList li.Q_sml {
	background: none;
}
.attention_keyword_list {
	margin: 0;
	padding: 0;
}

/* 戻る */
.faq_qstInf_col {
	margin: 0;
}
.faq_dateNo {
	margin: 0;
}
.faq_dateNo li {
	font-size: inherit;
	margin: 0;
	display: block;
}
.faq_qstCont_col {
	margin: 0;
}
.faq_cate_col {
	font-size: inherit;
}
.faq_ans_col {
	position: relative;
	margin: 0 !important;
	border: none;
	border-radius: 0 0 12px 12px;
	background-color: #fff;
}
.faq_ans_col::before {
	content: "";
	position: absolute;
	left: 0;
	width: 2em;
	height: 2em;
}
.faq_ans_bor {
	background: none;
	padding: 0;
	margin: 0;
}
.faq_ans_ttl {
	font-size: inherit;
	margin: 0;
}
.faq_ans_col,
.faq_ansCont_txt {
	padding: 0;
	border: none;
	margin: 0;
}
.faq_ansCont_txt p:first-of-type {
	margin-top: 0 !important;
}
#faq_answer_contents dl,
#faq_answer_contents dd {
	margin: 0;
}
.okw_enquete_area {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
}
.questioner_ttl {
	font-size: inherit;
	padding: 0;
	border: none;
}
.questioner_col {
	padding: 0;
}
.faq_form_list {
	float: none;
	width: auto;
	margin-bottom: 20px;
}
.questioner_btn {
	font-size: inherit;
	color: inherit;
	background: none;
	width: auto;
	height: auto;
}
.questioner_btn:hover {
	background: none;
}
.search_list {
	margin: 0;
	padding-left: 0;
	width: auto;
}
.search_list_inner,
li.search_list_inner:hover,
.search_list_bg1,
.search_list_bg2 {
	background: none;
	padding: 0;
}
.search_qattl {
	font-size: inherit;
	margin: 0;
}
.pg_col_top,
.pg_col_down {
	margin: 0;
	font-size: inherit;
	font-family: inherit;
}
.pg_no {
	margin: 0;
	width: auto;
}
.okw_sort_select {
	margin: 0;
	width: auto;
}
.okw_sort_select select,
.sort_arrow {
	margin: 0;
	width: auto;
	float: none;
}
.sort_arrow span,
.sort_arrow a,
.sort_arrow .sort_asc_image_off,
.sort_desc_image_on,
.sort_asc_image_off:hover {
	background: none;
	float: none;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}
.pg_scr {
	width: auto;
}
.pg_scr span {
	margin: 0;
}
.pagination {
	font-size: inherit;
	font-family: inherit;
}
.pagination span.disabled {
	color: #949497;
}
input,
select {
	font-family: inherit;
}

/* ボタン領域 */
.questioner_submit_btn {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
}
/* 送信ボタン */
.questioner_btn {
	font-size: inherit;
	font-weight: inherit;
	color: #fff;
	background: none;
	width: auto;
	height: auto;
	border: 0;
}

/* 送信する */
.questioner_submit_btn input {
	margin: 30px 0 0;
	padding: 16px 50px;
	border-radius: 9999px;
	background-color: #04afa6;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	transition-duration: 0.2s;
	text-align: center;
}

/* 非表示にするカテゴリ */
.cateList.cateList_1line:has(a[href*="/category/show/44?site_domain=default"]) {
	display: none !important;
}

@media screen and (max-width: 749px) {
	.keyword_frm {
		float: none !important;
	}

	/* 送信する */
	.questioner_submit_btn input {
		margin: 15px 0 10px;
	}
}






/* ------------------------------
	03.category list
------------------------------ */
/* 1 領域 */
* html .cateList {
	margin: 0;
	padding: 0;
}

/* カテゴリーアイコン */
.cate_icon {
	float: none;
	margin: 0;
}

/* 中カテゴリ */
.cate_middle {
	padding: 0;
}

/* カテゴリー列表示用 */
.cateList_box {
	margin: 0 !important;
}

.cateList_2line,
.cateList_3line,
.cateList_4line {
	float: none;
	width: auto;
}






/* =======================================================
	04.Header
======================================================= */
#faq_header {
	margin-bottom: 0;
	padding: 30px 15px;
	background-color: #fff;
	color: #0f1d2f;
}
#faq_header .header_top {
	max-width: 960px;
	margin: 0 auto;
}
#faq_h1_logo {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	text-decoration: none !important;
}
#faq_h1_logo img {
	max-width: 180px;
}
.faq_h1_text {
	white-space: nowrap;
	padding-bottom: 0.1em;
	font-size: 1.75rem;
	font-weight: 700 !important;
}

@media screen and (max-width: 749px) {
	#faq_header {
		min-width: auto;
		padding: 20px 15px;
	}
	#faq_header .header_top {
		width: 100%;
		margin: 0 auto;
	}
	#faq_h1_logo {
		gap: 10px;
	}
	#faq_h1_logo img {
		max-width: 120px;
	}
	.faq_h1_text {
		font-size: 1.125rem;
	}
}







/* =======================================================
	05.パンくず領域
======================================================= */
#okw_sub_header {
	margin-bottom: 0;
}
.okw_bread {
	max-width: 960px;
	margin: 25px auto 55px;
	padding: 0;
}
.okw_bread li {
	font-size: 0.875rem;
	color: #0f1d2f;
}
.okw_bread li a {
	display: inline-block;
	margin: 0;
	text-decoration: underline;
	color: #0f1d2f;
}
.okw_bread li a:hover {
	text-decoration: none;
}
.okw_bread_list span {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width:30px;
	height: 0.7em;
	text-indent: -9999px;
}
.okw_bread_list span::before {
	content: "";
	width: 5px;
	height: 5px;
	border: 0;
	border-top: solid 2px #04afa6;
	border-right: solid 2px #04afa6;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
}
#helpdesk_index .okw_bread_list span:nth-of-type(1),
#helpdesk_create .okw_bread_list span:nth-of-type(1),
#helpdesk_index .okw_bread_list span:nth-of-type(2),
#helpdesk_create .okw_bread_list span:nth-of-type(2),
#helpdesk_index .okw_bread_list span:nth-of-type(3),
#helpdesk_create .okw_bread_list span:nth-of-type(3),
#helpdesk_index .okw_bread_list span:nth-of-type(4),
#helpdesk_create .okw_bread_list span:nth-of-type(4) {
	display: none;
}
.okw_bread_list span:last-of-type {
	overflow:inherit;
	width:auto;
	height: auto;
	text-indent: 0;
}
.okw_bread_list span:last-of-type::before {
	display: none;
}

@media screen and (max-width: 749px) {
	.okw_bread {
		width: 100%;
		margin: 0;
		padding: 15px;
	}
	.okw_bread li {
		font-size: 0.75rem;
	}

}






/* =======================================================
	06.コンテンツ共通
======================================================= */
/* コンテンツ幅 */
.colArea {
	margin: 0 auto 20px;
	border: none;
}
.colArea > .oneCol {
	margin: 0 auto;
	max-width: 960px;
}
.ttl_col {
	margin-bottom: 30px;
}
.ttl_col h2 {
	border: none;
	padding-bottom: 10px;
	font-size: 1.375rem;
}

/* 緑ボタン */
.faq_search_frmArea .keyword_frmbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 9999px;
	padding: 0.8em 20px;
	width: 20.930%;
	background: #04afa6;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	transition-duration: 0.2s;
	cursor: pointer;
}
.faq_search_frmArea .keyword_frmbtn:hover {
	background: #04c9c0;
}

/* 緑枠の白ボタン */
.preLink a,
.icoPrint a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 50px 5px 60px;
	width: fit-content;
	min-height: 2.5em;
	border: 2px solid #04afa6;
	border-radius: 9999px;
	background-color: #fff;
	color: #04afa6;
	font-weight: 700;
	text-align: center;
	text-decoration: none !important;
	line-height: 1;
	transition: 0.2s;
}
.preLink a:hover,
.icoPrint a:hover {
	color: #04afa6 !important;
	opacity: 0.8;
}
.preLink a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	display: block;
	width: 20px;
	height: 17px;
	margin: auto;
	background: url("/usr/file/attachment/icon_back_green.svg") no-repeat 0 0/contain;
}
.icoPrint a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	display: block;
	width: 20px;
	height: 18px;
	margin: auto;
	background: url("/usr/file/attachment/icon_print.svg") no-repeat;
	background-size: contain;
}

/* フォーム */
textarea,
input,
select {
	font-family:inherit !important;
	color: #0f1d2f;
}

/*  文字サイズ変更：非表示 */
#fontCol {display: none;}

.okw_parts_category .ttl_col h2,
.oneCol.okw_parts_access_rank_faq .icoQa,
.cate_middle a,
.okw_main_category .ttl_col,
.okw_parts_faq_relations .ttl_col h2,
.okw_hdq_form_area .ttl_col h2,
.okw_main_info_and_news .ttl_col h2 {
	position: relative;
	border-bottom: 3px #04afa6 solid;
	padding-bottom: 0.5em;
}
.oneCol.okw_parts_access_rank_faq .icoQa,
.okw_hdq_form_area .ttl_col h2 .icoHdquestion,
.okw_main_info_and_news .ttl_col h2 {
	display: block;
	font-size: 1.75rem;
}
.okw_parts_category .ttl_col h2::after,
.oneCol.okw_parts_access_rank_faq .icoQa::after,
.cate_middle a::after,
.okw_main_category .ttl_col::after,
.okw_parts_faq_relations .ttl_col h2::after,
.okw_hdq_form_area .ttl_col h2::after,
.okw_main_info_and_news .ttl_col h2::after {
	content: "" !important;
	position: absolute;
	bottom: -3px;
	left: 0;
	border-bottom: 3px #0f1d2f solid;
	width: 10%;
}
.oneCol.okw_parts_access_rank_faq .ttl_col,
.oneCol.okw_parts_access_rank_faq h2 {
	margin: 0;
	border: none;
}

@media screen and (max-width: 749px) {
	.colArea {
		margin-bottom: 30px;
		width: 100%;
		padding: 20px;
	}

	/* 緑ボタン */
	.faq_search_frmArea .keyword_frmbtn {
		margin-top: 15px;
		font-size: 1.125rem;
	}

	.okw_parts_category .ttl_col h2,
	.oneCol.okw_parts_access_rank_faq .icoQa,
	.cate_middle a,
	.okw_main_category .ttl_col {
		padding-bottom: 0.5em;
	}
	#category_show .okw_main_category .ttl_col {
		padding-bottom: 0;
	}
	.oneCol.okw_parts_access_rank_faq .icoQa,
	.okw_hdq_form_area .ttl_col h2 .icoHdquestion,
	.okw_main_info_and_news .ttl_col h2 {
		display: block;
		font-size: 1.25rem;
	}
	.ttl_col h2::after {
		width: 25%;
	}
	.okw_parts_category .ttl_col h2::after,
	.oneCol.okw_parts_access_rank_faq .icoQa::after,
	.cate_middle a::after,
	.okw_main_category .ttl_col::after,
	.okw_parts_faq_relations .ttl_col h2::after,
	.okw_main_info_and_news .ttl_col h2::after {
		width: 100px;
	}
	.okw_parts_faq_relations .ttl_col,
	.okw_hdq_form_area .ttl_col,
	.okw_main_info_and_news .ttl_col {
		margin: 0 0 20px;
	}
	.okw_hdq_form_area .ttl_col h2::after {
		width:30%;
	}
}







/* =======================================================
	07.汎用
======================================================= */
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #CED4DA;
	margin: 30px 0;
}
.txtC,
.txtCenter {
	text-align: center !important;
}
.txtCautionRed {
	color: #D51D39;
}
.basicText {
	font-size: 1rem;
}
.basicText_small {
	font-size: 0.875rem;
}
.fontSize80 {
	font-size: 80%;
}
.fontSize85 {
	font-size: 85%;
}
.fontSize90 {
	font-size: 90%;
}
.fontSize120 {
	font-size: 120%;
}
.fontSize150 {
	font-size: 150%;
}
.fontNormal {
	font-weight: normal !important;
}
.font500 {
	font-weight: 500 !important;
}
.fontBold {
	font-weight: 700 !important;
}
.paragraph {
	margin-top: 1em;
}
.textLink {
	position: relative;
	display: inline;
	text-decoration: underline !important;
}
.faq_ansCont_txt a[target=_blank]::before,
.textLink[target=_blank]::before {
	content: "";
	display: inline-block;
	margin: 0 0.3em;
	width: 14px;
	height: 14px;
	background: url("/usr/file/attachment/blank.svg") no-repeat;
	background-size: contain;
	vertical-align: -0.05em;
}
.textLink:hover {
	text-decoration: none !important;
}
.textLinkIcon,
.textLinkIcon_white {
	position: relative;
	display: inline-block;
	color: #0f1d2f !important;
	text-indent: 0;
}
.textLinkIcon[target=_blank],
.textLinkIcon_white[target=_blank] {
	padding-left: 1.5em;
}
.textLinkIcon[target=_blank]::after,
.textLinkIcon_white[target=_blank]::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0.25em;
	left: 0;
	background: url("/usr/file/attachment/icon_blank_blue.svg") no-repeat;
	background-size: contain;
}
.textLinkIcon_white {
	color: #fff !important;
}
.textLinkIcon_white[target=_blank]::after {
	background: url("/usr/file/attachment/icon_blank_white.svg") no-repeat;
	background-size: contain;
}

/* margin */
.mT0 {margin-top: 0 !important;}
.mT5 {margin-top: 5px !important;}
.mT10 {margin-top: 10px !important;}
.mT15 {margin-top: 15px !important;}
.mT20 {margin-top: 20px !important;}
.mT25 {margin-top: 25px !important;}
.mT30 {margin-top: 30px !important;}
.mT35 {margin-top: 35px !important;}
.mT40 {margin-top: 40px !important;}
.mT45 {margin-top: 45px !important;}
.mT50 {margin-top: 50px !important;}
.mB0 {margin-bottom: 0 !important;}
.mB5 {margin-bottom: 5px !important;}
.mB10 {margin-bottom: 10px !important;}
.mB15 {margin-bottom: 15px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB25 {margin-bottom: 25px !important;}
.mB30 {margin-bottom: 30px !important;}
.mB35 {margin-bottom: 35px !important;}
.mB40 {margin-bottom: 40px !important;}
.mB45 {margin-bottom: 45px !important;}
.mB50 {margin-bottom: 50px !important;}
@media screen and (min-width: 750px) {
	.mT0_pc {margin-top: 0 !important;}
	.mT5_pc {margin-top: 5px !important;}
	.mT10_pc {margin-top: 10px !important;}
	.mT15_pc {margin-top: 15px !important;}
	.mT20_pc {margin-top: 20px !important;}
	.mT25_pc {margin-top: 25px !important;}
	.mT30_pc {margin-top: 30px !important;}
	.mT35_pc {margin-top: 35px !important;}
	.mT40_pc {margin-top: 40px !important;}
	.mT45_pc {margin-top: 45px !important;}
	.mT50_pc {margin-top: 50px !important;}
	.mB0_pc {margin-bottom: 0 !important;}
	.mB5_pc {margin-bottom: 5px !important;}
	.mB10_pc {margin-bottom: 10px !important;}
	.mB15_pc {margin-bottom: 15px !important;}
	.mB20_pc {margin-bottom: 20px !important;}
	.mB25_pc {margin-bottom: 25px !important;}
	.mB30_pc {margin-bottom: 30px !important;}
	.mB35_pc {margin-bottom: 35px !important;}
	.mB40_pc {margin-bottom: 40px !important;}
	.mB45_pc {margin-bottom: 45px !important;}
	.mB50_pc {margin-bottom: 50px !important;}
}
@media screen and (max-width: 749px) {
	.mT0_sp {margin-top: 0 !important;}
	.mT5_sp {margin-top: 5px !important;}
	.mT10_sp {margin-top: 10px !important;}
	.mT15_sp {margin-top: 15px !important;}
	.mT20_sp {margin-top: 20px !important;}
	.mT25_sp {margin-top: 25px !important;}
	.mT30_sp {margin-top: 30px !important;}
	.mT35_sp {margin-top: 35px !important;}
	.mT40_sp {margin-top: 40px !important;}
	.mT45_sp {margin-top: 45px !important;}
	.mT50_sp {margin-top: 50px !important;}
	.mB0_sp {margin-bottom: 0 !important;}
	.mB5_sp {margin-bottom: 5px !important;}
	.mB10_sp {margin-bottom: 10px !important;}
	.mB15_sp {margin-bottom: 15px !important;}
	.mB20_sp {margin-bottom: 20px !important;}
	.mB25_sp {margin-bottom: 25px !important;}
	.mB30_sp {margin-bottom: 30px !important;}
	.mB35_sp {margin-bottom: 35px !important;}
	.mB40_sp {margin-bottom: 40px !important;}
	.mB45_sp {margin-bottom: 45px !important;}
	.mB50_sp {margin-bottom: 50px !important;}
}

/* Text meant only for screen readers. */
.screenReaderText {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* テストページ用 */
.dn {display: none !important;}
.sp {display: none;}

@media screen and (max-width: 749px) {
	.sp {display: block;}
	.pc {display: none;}
}







/* =======================================================
	08.お知らせ（トップページ）
======================================================= */
/* トップページのお知らせ */
.colArea:has(.okw_parts_info_and_news) {
	max-width: none;
	width: 100%;
	background: #04afa6;
	margin: 0 auto;
	padding: 50px 15px 0;
}
.okw_parts_info_and_news {
	display: flex;
	margin: 0 auto;
	border-radius: 12px;
	padding: 24px 48px;
	max-width: 960px;
	background-color: #fff;
}
.okw_parts_info_and_news .ttl_col {
	margin-bottom: 0;
}
.okw_parts_info_and_news .ttl_col h2 {
	font-size: 1.125rem;
	white-space: nowrap;
	padding-bottom: 0px;
}
.okw_parts_info_and_news .ttl_col h2::before {
	content: "";
	display: inline-block;
	margin-right: 0.2em;
	border-radius: 100%;
	width: 0.9em;
	height: 0.9em;
	background-color: #04afa6;
	vertical-align: -0.1em;
}
.okw_parts_info_and_news .newsList {
	margin: 0.15em 0 0 50px;
}
.okw_parts_info_and_news .newsList > li {
	background: none;
	padding: 0;
	margin-bottom:0;
	line-height: 1.4;
	font-size: 1.125rem;
}
.okw_parts_info_and_news .newsList > li + li {
	margin-top: 0.5em;
}
.okw_parts_info_and_news .newsList > li .datetime {
	display: none !important;
}
.news-area dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.news-area dl dt {
	font-weight: 700;
}
.colArea:has(.okw_parts_info_and_news) {
	display: none;
}
.colArea:has(.okw_parts_info_and_news .ttl_col + #info_and_news_list) {
	display: block;
}

@media screen and (max-width: 749px) {
	.colArea:has(.okw_parts_info_and_news) {
		width: 100%;
		padding: 15px 15px 0px;
	}
	.okw_parts_info_and_news {
		display: block;
		border-radius: 10px;
		padding: 15px 20px;
	}
	.colArea:has(.okw_parts_info_and_news .ttl_col + #info_and_news_list) {
		display: block;
	}
	.okw_parts_info_and_news .ttl_col h2 {
		font-size: 1rem;
	}
	.okw_parts_info_and_news .newsList {
		margin: 0;
	}
	.okw_parts_info_and_news .newsList > li {
		font-size: 1rem;
	}
	.news-area dl {
		display: block;
	}
	.news-area dt {
		margin-bottom: 14px;
	}
	.news-area dd {
		margin: 0;
	}
}







/* =======================================================
	09.キーワード検索
======================================================= */
.colArea:has(.okw_parts_search) {
	margin-bottom: 0;
	border-radius: 12px;
	padding: 25px 50px 30px;
	max-width: none;
	background: #fff;
}
#category_index .colArea:has(.okw_parts_search) {
	margin-bottom: 0;
	padding: 40px 50px 30px;
	border-radius: 12px 12px 0 0;
}
.okw_parts_search .ttl_col,
.okw_parts_attention_keyword .ttl_col {
	margin: 0;
}
.okw_parts_search .ttl_col h2,
.okw_parts_attention_keyword .ttl_col h2 {
	border: none;
}
.okw_parts_attention_keyword .ttl_col h2 {
	margin-top: 0;
	padding-left: 0;
}
#k_search_description.search_description {
	font-size: 0.875rem;
	line-height:1.3;
	margin-bottom:10px;
	padding-left: 1em;
	text-indent: -1em;
}

/* 検索キーワードを入力 */
#category_search .faq_search_frmArea,
#category_show .faq_search_frmArea {
	margin-top: 0;
}
#category_index .colArea:has(.okw_parts_search) {
	margin: 0 auto;
	padding-top: 30px;
}
.okw_parts_search .ttl_col h2 {
	margin: 0;
}
.keyword_frm {
	float: left;
	width: calc(100% - 285px);
	margin-right: 4.070%;
	height: 2.5em;
}
#keyword_faq_text_field {
	border: 3px solid #CED4DA;
	border-radius: 5px;
	padding: 0 10px;
	font-size: 1.3125rem;
	width: 75%;
}

/* カテゴリページ・検索結果ページ */
#category_show .colArea:has(.okw_parts_search),
#category_search .colArea:has(.okw_parts_search) {
	max-width: 960px;
}

@media screen and (max-width: 749px) {
	.colArea:has(.okw_parts_search) {
		border-radius: 10px;
	}
	#category_index .colArea:has(.okw_parts_search) {
		width: 100%;
	}
	.keyword_frm {
		width: 100%;
		margin-bottom: 20px;
	}
	#keyword_faq_text_field {
		width: 100%;
	}
	#k_search_description.search_description {
		font-size: 0.813rem;
	}

	/* カテゴリページ・検索結果ページ */
	#category_show .colArea:has(.okw_parts_search),
	#category_search .colArea:has(.okw_parts_search) {
		margin: 0 15px;
		width:calc(100% - 30px);
	}
}











/* =======================================================
	10.よく検索されるキーワード（トップページ）
======================================================= */
.colArea:has(.okw_parts_attention_keyword) {
	padding: 0 50px 30px;
	background-color: #fff;
	border-radius: 0 0 12px 12px;
}
.okw_parts_attention_keyword h2 {
	position: relative;
	font-size: 1.125rem;
	padding-left: 35px;
}
.okw_parts_attention_keyword h2::before {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: url("/usr/file/attachment/icon_keyword.svg") no-repeat 0 0/contain;
}
.attention_keyword_list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
}
.attention_keyword_list a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #04afa6;
	border-radius: 9999px;
	padding: 0.4em 1em 0.5em;
	background-color: #CFEDEC;
	text-decoration: none !important;
	line-height: 1;
	font-size: 0.875rem;
	font-weight: 500;
	transition-duration: 0.2s;
}
.attention_keyword_list a::before {
	content: "#";
	margin-right: 0.2em;
}
.attention_keyword_list a:hover {
	border-color: #04b0a7;
	background-color: #aaf2f0;
	opacity: 1;
}
.attention_keyword_list span {
	display: none;
}

#category_index .colArea:has(.okw_parts_search), .colArea:has(.okw_parts_attention_keyword) {
	border-radius: 0;
	max-width: none;
	width: 100%;
	background: #04afa6;
}
#category_index .colArea:has(.okw_parts_search) {
	padding: 50px 15px 0;
}
#category_index .colArea:has(.okw_parts_attention_keyword) {
	padding: 0 15px 50px;
}
#category_index .colArea:has(.okw_parts_search) .okw_parts_search,
#category_index .colArea:has(.okw_parts_attention_keyword) .okw_parts_attention_keyword {
	margin: 0 auto;
	border-radius: 0 0 12px 12px;
	max-width: 960px;
	background-color: #fff;
}
#category_index .colArea:has(.okw_parts_search) .okw_parts_search {
	padding: 30px 50px;
	border-radius: 12px 12px 0 0;
}
#category_index .colArea:has(.okw_parts_attention_keyword) .okw_parts_attention_keyword {
	padding: 0 50px 30px;
	border-radius: 0 0 12px 12px;
}

@media screen and (max-width: 749px) {
	.colArea:has(.okw_parts_attention_keyword) {
		width: 100%;
	}
	.attention_keyword_list a {
		font-size: 0.75rem;
	}
	.attention_keyword_list {
		gap: 7px 5px;
	}
	#category_index .colArea:has(.okw_parts_search) .okw_parts_search,
	#category_index .colArea:has(.okw_parts_attention_keyword) .okw_parts_attention_keyword,
	#category_show .colArea:has(.okw_parts_search) .okw_parts_search,
	#category_show .colArea:has(.okw_parts_attention_keyword) .okw_parts_attention_keyword,
	#category_search .colArea:has(.okw_parts_search) .okw_parts_search,
	#category_search .colArea:has(.okw_parts_attention_keyword) .okw_parts_attention_keyword {
		width: 100%;
		padding: 20px;
	}
	.faq_search_frmArea .keyword_frmbtn {
		width: 100%;
	}
	#category_index .colArea:has(.okw_parts_search) {
		padding: 15px 15px 0;
	}
	#category_show .colArea:has(.okw_parts_search),
	#category_search .colArea:has(.okw_parts_search)  {
		padding: 0;
	}
	#category_index .colArea:has(.okw_parts_search) h2,
	#category_show .colArea:has(.okw_parts_search) h2,
	#category_search .colArea:has(.okw_parts_search) h2 {
		font-size: 1.25rem;
	}
	#category_index .colArea:has(.okw_parts_attention_keyword),
	#category_show .colArea:has(.okw_parts_attention_keyword),
	#category_search .colArea:has(.okw_parts_attention_keyword) {
		padding: 0 15px 15px;
	}
	#category_index .okw_parts_attention_keyword,
	#category_show .okw_parts_attention_keyword,
	#category_search .okw_parts_attention_keyword {
		padding-top: 0 !important;
	}
	#category_index .okw_parts_attention_keyword h2,
	#category_show .okw_parts_attention_keyword h2,
	#category_search .okw_parts_attention_keyword h2 {
		font-size: 1rem;
	}
}






/* =======================================================
	11.カテゴリーから探す（トップページ）
======================================================= */
.cateList_box {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.cateList_box+.cateList_box {
	margin-top: 25px;
}
.cateList {
	position: relative;
}
.cateList_2line {
	width: calc((100% - 25px) / 2);
}
.cateList_3line {
	width: calc((100% - 50px) / 3);
}
.cateList_4line {
	width: calc((100% - 75px) / 4);
}
.cateList_2line,
.cateList_3line,
.cateList_4line {
	display: flex;
	flex-direction: column;
}
.cateList .cate_icon {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	width: auto;
	height: 70px;
}
.cateList .cate_middle {
	display: flex;
	flex-grow: 1;
	margin-bottom: 30px;
}
.cateList .cate_middle a {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border-radius: 0;
	padding: 0 0 0.2em;
	background: transparent;
	text-align: left;
	text-decoration: none;
	color: #0f1d2f;
	font-size: 1.75rem;
	font-weight: 700;
	transition-duration: 0.2s;
	pointer-events: none;
}
.cateList .cate_middle a:hover {
	text-decoration: none;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
	background: #04c9c0;
}
.cateList_area .cateList_box {
	margin-bottom: 40px !important;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	padding: 0;
}
.cateList_area .cateList_box li {
	max-width: 100%;
}
.cateList_area .cateList_box li .cate_small li {
	display: grid;
	padding: 0;
	width: calc((100% - 60px) / 3);
	max-width: 300px;
}
.cateList_area .cateList_box li .cate_small li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	padding: 84px 20px 15px;
	background-size: auto 50px;
	background-color: #04afa6;
	background-position: center 20px;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 1.3;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	transition-duration: 0.2s;
}
.cateList_area .cateList_box li .cate_small li a:hover {
	background-color: #04c9c0;
}
.cate_small {
	display: flex;
	flex-wrap: wrap;
	gap: 25px 30px;
	padding: 0;
}
.cate_small.clearfix::after,
.cateList_box.clearfix::after {display: none !important;}
.cateSepa {display: none;}
.colArea:has(.okw_parts_category) {
	padding: 0 15px;
}
.okw_parts_category > .ttl_col {
	display: none;
}

/* エラーコード・エラーメッセージ */
.cate_borR a[href*="/category/show/6?"] {
	background-image: url("/usr/file/attachment/icon_attention.svg") !important;
}
/* エラー以外のトラブル */
.cate_borR + li a[href*="/category/show/7?"] {
	background-image: url("/usr/file/attachment/icon_question.svg") !important;
}

/* コード決済に関するお手続き */
.cate_borR a[href*="/category/show/23?"] {
	background-image: url("/usr/file/attachment/icon_qr_code.svg") !important;
}
/* teppayJCBプリカに関するお手続き */
.cate_borR + li a[href*="/category/show/24?"] {
	background-image: url("/usr/file/attachment/icon_prepaid_card_process.svg") !important;
}

/* 登録情報・本人確認（eKYC） */
.cate_borR a[href*="/category/show/26?"] {
	background-image: url("/usr/file/attachment/icon_member.svg") !important;
}
/* チャージ（入金） */
.cate_borR a[href*="/category/show/27?"] {
	background-image: url("/usr/file/attachment/icon_yen.svg") !important;
}
/* 利用・支払い */
.cate_borR a[href*="/category/show/28?"] {
	background-image: url("/usr/file/attachment/icon_cart.svg") !important;
}
/* ポイントサービスを利用する */
.cate_borR a[href*="/category/show/29?"] {
	background-image: url("/usr/file/attachment/icon_point.svg") !important;
}
/* クーポン・くじキャンペーン */
.cate_borR a[href*="/category/show/30?"] {
	background-image: url("/usr/file/attachment/icon_present.svg") !important;
}
/* 商品券・バリチケ */
.cate_borR a[href*="/category/show/31?"] {
	background-image: url("/usr/file/attachment/icon_gift.svg") !important;
}
/* 残高を送付、残高を受け取る */
.cate_borR a[href*="/category/show/32?"] {
	background-image: url("/usr/file/attachment/icon_yen_cycle.svg") !important;
}
/* 利用履歴の確認 */
.cate_borR a[href*="/category/show/33?"] {
	background-image: url("/usr/file/attachment/icon_file.svg") !important;
}
/* teppay JCBプリカ */
.cate_borR + li a[href*="/category/show/34?"] {
	background-image: url("/usr/file/attachment/icon_prepaid_card.svg") !important;
}

/* Suicaへチャージ、PASMOへチャージ */
.cate_borR a[href*="/category/show/36?"] {
	background-image: url("/usr/file/attachment/icon_suica.svg") !important;
}
/* 定期券・企画券などの購入 */
.cate_borR + li a[href*="/category/show/37?"] {
	background-image: url("/usr/file/attachment/icon_ticket.svg") !important;
}

/* teppayについて はじめての方へ */
.cateList_area .cateList_box:has(a[href*="/category/show/38?"]) li .cate_small li a {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 3px solid #04afa6;
	border-radius: 12px;
	padding: 1em;
	max-width: 300px;
	height: auto;
	background: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	font-size: 1.25rem;
	font-weight: 700;
	color: #0f1d2f;
	transition-duration: 0.2s;
}
.cateList_area .cateList_box:has(a[href*="/category/show/38?"]) li .cate_small li a:hover,
.okw_parts_usr_29 a:hover {
	background: #cfedec;
}






/* =======================================================
	12.カテゴリーページ・検索結果ページ
======================================================= */
@media screen and (min-width: 750px) {
	#category_show #okw_contents,
	#category_search #okw_contents {
		padding: 0 15px;
	}
}
.colArea:has(.okw_main_category) {
	margin-bottom: 100px;
}
.okw_main_category h2 {
	margin: 40px 0 0;
	font-size: 1.75rem;
}
.okw_main_category .ttl_col {
	margin-bottom: 20px;
}
#category_show .search_list_inner,
#category_search .search_list_inner {
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #bbbbbb;
}
#category_show .search_list,
#category_search .search_list {
	border-top: none;
}

.oneCol.okw_parts_enquete,
.okw_main_faq {
	position: relative;
	padding: 50px;
	border-radius: 12px 12px;
	background-color: #fff;
}
.okw_parts_enquete {
	padding: 50px;
}
.cateList:has(.cate_icon) .cate_middle a {
	padding-top: 70px !important;
}
.cateList_area .cateList_box li img {
	width: 100%;
	height: 100%;
	max-width: 52px;
	max-height: 52px;
	object-fit: cover;
}
.search_list .faq_list_show_detail {
	text-decoration: underline;
	font-size: 1.125rem;
}
.search_list .faq_list_show_detail:hover {
	text-decoration: none;
}
.search_list .search_date_area {
	display: none;
	padding: 0 0 0 30px;
}

/* ページャー非表示 */
.pg_col_down {
	display: none;
}

@media screen and (max-width: 749px) {
	.colArea:has(.okw_main_category) {
		margin-bottom: 50px;
		padding: 0 20px;
	}
	.okw_main_category h2 {
		margin: 30px 0 0;
		font-size: 1.25rem;
	}
	.cateList_area .cateList_box {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.cateList_area .cateList_box li .cate_small li {
		width: calc((100% - 15px) / 2);
		max-width: none;
		line-height: 1.2;
	}
	.cateList_area .cateList_box li .cate_small li a {
		padding: 64px 12px 15px;
		background-size: auto 40px;
		background-position: center 15px;
		font-size: 1rem;
	}

	#category_show .search_list_inner,
	#category_search .search_list_inner {
		padding: 25px 30px 25px 0;
	}
	#category_show .search_list_inner::after,
	#category_search .search_list_inner::after {
		content: "";
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 0%;
		bottom: 0;
		margin-top: -4px;
		border: 0;
		border-top: solid 3px #04afa6;
		border-right: solid 3px #04afa6;
		width: 8px;
		height: 8px;
	}

	/* teppayについて はじめての方へ */
	.cateList_area .cateList_box:has(a[href*="/category/show/38?"]) li .cate_small li a {
		border-radius: 10px;
		padding: 15px 10px;
		font-size: 1rem;
	}

	.cate_small {
		gap: 15px;
	}
	.cateList_area .cateList_box:has(a[href="/category/show/38?site_domain=default"]) li .cate_small li {
		min-height: 70px;
	}
	.cateList_area .cateList_box:has(a[href="/category/show/38?site_domain=default"]) li .cate_small li a {
		font-size: 1rem;
		min-height: 70px;
	}
	.cateList_3line {
		width: calc((100% - 25px) / 2);
		line-height: 1.2;
	}
	.cateList .cate_middle {
		margin-bottom: 15px;
	}
	.cateList .cate_middle a {
		padding-bottom: 0.5em;
		font-size: 1.25rem !important;
	}
	.oneCol.okw_parts_enquete,
	.okw_main_faq {
		padding: 20px;
	}

	.search_list .icoA_sml,
	.search_list .search_date_area {
		display: none;
	}

	/* ページャー非表示 */
	.pg_scr {
		display: none;
	}
}







/* =======================================================
	13.QAアイコン共通読み込み
======================================================= */
.qaList li.Q_sml a::before,
.qaList li.K_sml a::before,
.icoQ_sml::before,
.icoK_sml::before,
.faq_qstCont_ttl::before,
.faq_ans_bor.faq_ans_ttl::before,
.faq_relate_list li.Q_sml a::before,
.faq_relate_list li.K_sml a::before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

/* Qアイコン */
.icoQ_sml::before,
.qaList li.Q_sml a::before,
.faq_relate_list li.Q_sml a::before,
.faq_qstCont_ttl::before {
	background: url("/usr/file/attachment/icon_q.svg") no-repeat left top/contain;
}

/* Aアイコン */
.icoA_sml {
	position: relative;
	margin-top: 15px;
	padding-left: 40px;
	font-size: 1.125rem;
}
.icoA_sml::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 28px;
	height: 28px;
	background: url("/usr/file/attachment/icon_a.svg") no-repeat left top / contain;
}

/* ？アイコン */
.icoK_sml::before,
.qaList li.K_sml a::before,
.faq_relate_list li.K_sml a::before {
	background: url("/usr/file/attachment/icon_k.svg") no-repeat left top/contain;
}

@media screen and (max-width: 749px) {
	.qaList li.Q_sml a::before,
	.qaList li.K_sml a::before,
	.icoQ_sml::before,
	.icoK_sml::before,
	.faq_qstCont_ttl::before,
	.faq_ans_bor.faq_ans_ttl::before,
	.faq_relate_list li.Q_sml a::before,
	.faq_relate_list li.K_sml a::before {
		top: -1px;
		width: 28px;
		height: 28px;
	}
}






/* =======================================================
	14.faq search list page
======================================================= */
.icoQ_sml,
.icoK_sml {
	position: relative;
	padding-left: 0;
}
.icoQ_sml::before,
.icoK_sml::before {
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.icoQ_sml a,
.icoK_sml a {
	position: relative;
	display: block;
	text-decoration: none;
	padding-left: 40px;
	font-size: 1.125rem;
	font-weight: 700;
}
.icoQ_sml a:hover,
.icoK_sml a:hover {
	text-decoration: underline;

}
/* .search_list .icoA_sml, */
.search_list .icoKA_sml,
.search_list .search_date_area {
	display: none;
}

/* カテゴリーページ・検索結果ページ */
#category_show .icoQ_sml::before,
#category_search .icoQ_sml::before {
	top:0;
	bottom: auto;
	left: 0;
}

@media screen and (max-width: 749px) {
	.icoQ_sml a,
	.icoK_sml a {
		font-size: 1rem;
	}
}








/* =======================================================
	15.閲覧の多いFAQ／関連するFAQ
======================================================= */
.qaList li+li,
.faq_relate_list li+li {
	margin-top: 20px;
}
.qaList li.Q_sml a,
.qaList li.K_sml a,
.faq_relate_list li.Q_sml a,
.faq_relate_list li.K_sml a {
	position: relative;
	padding-left: 38px;
	line-height: 1.6;
	display: inline-block;
	font-size: 1.125rem;
	font-weight: 400;
	text-decoration: underline;
}
.qaList li.Q_sml a:hover,
.qaList li.K_sml a:hover,
.faq_relate_list li.Q_sml a:hover,
.faq_relate_list li.K_sml a:hover {
	text-decoration: none;
}
@media screen and (max-width: 749px) {
	.qaList li+li,
	.faq_relate_list li+li {
		margin-top: 15px;
	}
	.qaList li.Q_sml a,
	.qaList li.K_sml a,
	.faq_relate_list li.Q_sml a,
	.faq_relate_list li.K_sml a {
		padding-left: 38px;
		line-height: 1.5;
		font-size: 1rem;
	}
}







/* =======================================================
	16.よく見られているご質問
======================================================= */
.qaList li.Q_sml a::before,
.faq_qstCont_ttl::before {
	background: url("/usr/file/attachment/icon_q.svg") no-repeat left top / contain;
}
.qaList li.Q_sml a,
.qaList li.K_sml a,
.faq_relate_list li.Q_sml a,
.faq_relate_list li.K_sml a {
	text-decoration: none;
}
.qaList li.Q_sml a:hover,
.qaList li.K_sml a:hover,
.faq_relate_list li.Q_sml a:hover,
.faq_relate_list li.K_sml a:hover {
	text-decoration: underline;
}
.qaList,
.oneCol.okw_parts_access_rank_faq {
	padding: 0;
	margin-top: 40px;
}
.colArea:has(.okw_parts_access_rank_faq) {
	margin-bottom: 40px;
	padding: 0 15px;
}
.okw_parts_access_rank_faq .qaList {
	margin-top: 20px;
	margin-bottom: 0px;
}
@media screen and (max-width: 749px) {
	.qaList,
	.oneCol.okw_parts_access_rank_faq {
		margin-top: 0;
	}
	.okw_parts_access_rank_faq .qaList {
		margin-top: 10px;
	}
}






/* =======================================================
	17.teppayサポートセンターへお問い合わせが必要な場合
======================================================= */
.colArea:has(.okw_parts_usr_29) {
	margin-bottom: 90px;
}
.btn-supportcenter {
	margin: 40px auto;
	max-width: 660px;
	height: auto;
}
.btn-supportcenter a {
	position: relative;
	display: block;
	border-radius: 10px;
	border: 3px solid #04afa6;
	padding: 0.65em 2em;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 2.3rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #000;
	transition: all 0.25s ease-out;
}
.btn-supportcenter a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	border: 0;
	border-top: solid 3px #04afa6;
	border-right: solid 3px #04afa6;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}
.btn-supportcenter a > img {
	display: inline-block;
	margin-right: 10px;
	max-width: 30px;
	vertical-align: -0.6em;
}

@media screen and (max-width: 749px) {
	.colArea:has(.okw_parts_usr_29) {
		margin-bottom: 50px;
	}
	.btn-supportcenter {
		margin: 0 auto;
	}
	.btn-supportcenter a {
		font-size: 1rem;
		line-height: 1.3;
	}
	.btn-supportcenter a::before {
		right: 10px;
	}
	.btn-supportcenter a .sp-box {
		display: inline-block;
	}
	.btn-supportcenter a > img {
		margin-left: -0.5em;
		vertical-align: -0.2em;
	}
}






/* =======================================================
	18.teppayサービス概要
======================================================= */
.colArea:has(.okw_parts_usr_2) {
	margin-bottom: 80px;
	padding: 50px 15px;
	width: 100%;
	background-color: #1a2a3f;
}
.okw_parts_usr_2 {
	max-width: 960px;
	margin: 0 auto;
}
.okw_parts_usr_2 .service-summary-box {
	margin-bottom: 0;
}
.service-summary-box .ttl-01 {
	margin: 0;
	padding: 0 min(65.63vw, 630px) min(5.21vw, 50px) 0;
	background-image: url("/usr/file/attachment/kazari_waku_top.svg");
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 1.75rem;
	font-weight: 700;
	color: #fff;
}
.service-summary-box > ul {
	display: flex;
	flex-wrap: wrap;
	margin: -1px 0 0;
	border-radius: 0 0 12px 12px;
	padding: 30px 50px 50px;
	background-color: #fff;
	font-weight: 700;
}
.service-summary-box > ul > li {
	margin-bottom: 1em;
	padding-right: 1em;
	width:50%;
}
.service-summary-box > ul > li.guide-list {
	margin-top: 15px;
	width:100%;
}
.service-summary-box > ul > li > .ttl-link > a {
	position: relative;
	padding-left: 20px;
	text-decoration: none;
	font-size: 1.125rem;
}
.service-summary-box > ul > li > .ttl-link > a:hover {
	text-decoration: underline;
}
.service-summary-box > ul > li > .ttl-link > a::before {
	content: "";
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	margin-top: -4px;
	border: 0;
	border-top: solid 3px #04afa6;
	border-right: solid 3px #04afa6;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}
.service-summary-box .guide-box {
	display: flex;
	margin-top: 15px;
	padding-left: 20px;
}
.service-summary-box .guide-box > .child-list,
.service-summary-box .guide-box > .otoku-waku {
	padding-right: 1em;
	width:50%;
}
.service-summary-box .guide-box > .otoku-waku {
	border-radius: 15px;
	padding: 20px 30px;
	background-color: #e8f3f5;
}
.service-summary-box .guide-box > .otoku-waku .child-list {
	margin-top: 0.3em;
	padding-left: 0.2em;
}
.service-summary-box .child-list > li > a {
	position: relative;
	display: inline-block;
	padding-left: 16px;
	text-decoration: none;
	font-size: 1rem;
	font-weight: normal;
}
.service-summary-box .child-list > li > a:hover {
	text-decoration: underline;
}
.service-summary-box .child-list > li > a::before {
	content: "";
	position: absolute;
	top:0.7em;
	left:2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #04afa6;
	object-fit: cover;
}

@media screen and (max-width: 749px) {
	.colArea:has(.service-summary-box) {
		margin-bottom: 30px;
		padding: 20px 15px;
	}
	.okw_parts_usr_2 {
		width: 100%;
		padding: 0;
	}
	.service-summary-box .ttl-01 {
		margin: 0;
		padding: 0 0 0.7em;
		background-image:none;
		font-size: 1.25rem;
	}
	.service-summary-box > ul {
		display: block;
		border-radius: 10px;
		padding: 20px 15px;
	}
	.service-summary-box > ul > li {
		width:100%;
	}
	.service-summary-box > ul > li.guide-list {
		margin-bottom: 5px;
	}
	.service-summary-box > ul > li > .ttl-link > a {
		font-size: 1rem;
	}
	.service-summary-box .guide-box {
		display: block;
	}
	.service-summary-box .guide-box > .child-list,
	.service-summary-box .guide-box > .otoku-waku {
		width:100%;
	}
	.service-summary-box .guide-box > .otoku-waku {
		margin-top: 1em;
	}
	.service-summary-box .child-list > li + li {
		margin-top: 0.5em;
	}
}






/* =======================================================
	19.その他のサービスのFAQを探す
======================================================= */
.colArea:has(.okw_parts_usr_3) {
	padding: 0 15px;
}
.other-services h2 {
	margin-bottom: 1.2em;
	text-align: center;
	font-size: 1.75rem;
	font-weight: 700;
}
.other-services ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding-left: 0;
	font-weight: 700;
}
.other-services ul > li {
	margin-bottom: 25px;
	width: min(46.5vw, 470px);
	height: auto;
	background: #fff;
	font-weight: 700;
}
.other-services ul > li > a {
	position: relative;
	display: block;
	border-radius: 10px;
	border: 3px solid #04afa6;
	padding: 13px 2% 2%;
	text-align: center;
	text-decoration: none;
	font-size: 1.125rem;
	transition: all 0.25s ease-out;
}
.other-services ul > li > a > img {
	display: block;
	margin: 0 auto;
	max-height: 50px;
}
.other-services ul > li > a:hover {
	background: #cfedec;
}
.other-services ul > li > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	bottom: 0;
	margin-top: -4px;
	border: 0;
	border-top: solid 3px #04afa6;
	border-right: solid 3px #04afa6;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}

@media screen and (max-width: 749px) {
	.other-services h2 {
		font-size: 1.25rem;
	}
	.other-services ul > li {
		margin-bottom: 15px;
		width: 100%;
		font-size: 1rem;
	}
	.other-services ul > li > a {
		padding: 10px 25px;
		font-size: 1rem;
	}
	.other-services ul > li > a > img {
		max-height: 38px;
	}
	.other-services ul > li > a:after {
		right: 10px;
	}
}




/* ------------------------------
	20.init.jsのカスタムパーツ
------------------------------ */
@media screen and (max-width: 749px) {
	.colArea:has(.okw_parts_usr_28) {
		margin: 0;
		padding: 0;
	}
}





/* ------------------------------
	21.paging common
------------------------------ */
.pg_col_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	font-size: 1rem;
}
.pg_col_top > * {
	width: 33.3333333333%;
}
.pg_scr {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
#faq_list_sort_form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* 検索結果ページ */
.okw_sort_select select {
	border:solid 1px #bbbbbb;
	border-radius: 5px;
	padding: 5px 6px;
	width: 150px;
	background-color: #fff;
	font-size: 0.875em;
}

.sort_arrow {
	width: 18px;
	margin-left: 12px;
}
.sort_arrow span,
.sort_arrow a,
.sort_arrow .sort_asc_image_on,
.sort_arrow .sort_asc_image_off,
.sort_desc_image_on,
.sort_desc_image_off,
.sort_desc_image_off:hover,
.sort_asc_image_off:hover {
	height: 13px;
	width: 18px;
}
.sort_arrow .sort_asc_image_on,
.sort_arrow .sort_asc_image_off {
	margin-bottom: 4px;
}
.sort_asc_image_off,
.sort_desc_image_off {
	background-image: none;
	background-color: #bbbbbb !important;
}
.sort_asc_image_on,
.sort_desc_image_on {
	background-image: none;
	background-color: #04afa6 !important;
}
.sort_asc_image_off:hover,
.sort_desc_image_off:hover {
	background-image: none;
	background-color: #04afa6 !important;
}
.sort_asc_image_on,
.sort_asc_image_off,
.sort_asc_image_off:hover {
	-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.sort_desc_image_on,
.sort_desc_image_off,
.sort_desc_image_off:hover {
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.pg_scr span.disabled,
.pagination .current {
	padding: 3px 6px;
	color: #bbbbbb;
}
.pg_col_down {
	margin-top: 20px;
	font-size: 0.9375rem;
}

@media screen and (max-width: 749px) {
	.pg_col_top {
		position: relative;
		display: block !important;
		font-size: 0.875rem;
	}
	.pg_col_top > * {
		width: 100%;
	}
	.pg_scr {
		margin-top: 2em;
		font-size: 1rem;
	}
	.pg_scr .disabled,
	.pg_scr .prev_page {
		font-size: 0.75rem;
	}
	.pg_scr a {
		display: inline-block;
		border-radius: 9999px;
		padding: 0.3em 1.5em;
		background-color: #04afa6;
		color: #fff;
	}
	.pg_scr span.disabled {
		display: inline-block;
		border-radius: 9999px;
		padding: 0.3em 1.5em;
		background-color: #eee;
		color: #999;
	}
	.okw_sort_select {
		position: absolute;
		top:-0.2em;
		right: 0;
	}
	.okw_sort_select select {
		width: auto;
	}
}











/* =======================================================
	22.FAQ詳細ページ
======================================================= */
@media screen and (min-width: 750px) {
	#faq_show #okw_contents {
		padding: 0 15px;
	}
}
#faq_show .faq_qstInf_col {
	display: none;
}
.faq_dateNo li.faq_print {
	display: none;
}
.faq_qstInf_col .faq_no,
.faq_qstInf_col .faq_date {
	display: none;
}
.faq_qstCont_ttl,
.faq_ans_ttl {
	position: relative;
	margin: 0 !important;
	color: #0f1d2f;
	font-size: 1.375rem;
}
.faq_qstCont_ttl::before,
.faq_ans_bor.faq_ans_ttl::before {
	left: 0;
	width: 28px;
	height: 28px;
}
.faq_qstCont_ttl {
	padding: 0 0 40px 45px;
	border-radius: 12px 12px 0 0;
	background-color: #fff;
}
.faq_qstCont_col,
.icoA,
.icoKA {
	display: none;
}
.faq_ansCont_txt {
	font-size: 1.125rem;
}
.faq_ansCont_txt ul>li+li {
	margin-top: 1.5em;
}
.faq_ansCont_txt a {
	text-decoration: underline;
}
.faq_ansCont_txt a:hover {
	text-decoration: none;
}
.faq_ansCont_txt p {
	margin: 1em 0;
}

/* 検索結果なし */
.kwd_none {
	background-color: #fff;
	border-radius: 10px;
}

/* 印刷用ページ */
body:not([id]) {
	background-color: #fff;
}
body:not([id]) .okw_bread {
	margin: 15px;
}
body:not([id]) .faq_qstInf_col {
	margin: 0;
	padding: 5px 15px 25px;
}
body:not([id]) #okw_sub_header {
	margin-bottom: 0;
}

/* 回答エリアにAアイコンを表示 */
#faq_show .faq_ans_col {
	position: relative;
	padding-left: 45px !important;
}
#faq_show .faq_ans_col::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	background: url("/usr/file/attachment/icon_a.svg") no-repeat center center;
	background-size: contain;
}

/* ご意見をお聞かせください */
.questioner_ttl {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 1.125rem;
}
.okw_enquete_area {
	margin-bottom: 0 !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li {
	overflow: hidden;
	display: grid;
	width: calc((100% - 60px) / 4);
	text-align: center;
	line-height: 1.2;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li label {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: solid 3px #04afa6;
	padding: 51px 20px 11px;
	transition-duration: 0.2s;
	cursor: pointer;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
label[for="faq_enquete_value_enquete_id_1"] {
	background-image: url("/usr/file/attachment/icon_maru.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 34px 34px !important;
	background-position: center 12px !important;
}
label[for="faq_enquete_value_enquete_id_2"] {
	background-image: url("/usr/file/attachment/icon_sankaku.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 34px 34px !important;
	background-position: center 10px !important;
}
label[for="faq_enquete_value_enquete_id_3"] {
	background-image: url("/usr/file/attachment/icon_batsu.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 34px 34px !important;
	background-position: center 12px !important;
}
label[for="faq_enquete_value_enquete_id_4"] {
	background-image: url("/usr/file/attachment/icon_hatena.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 34px 34px !important;
	background-position: center 10px !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:checked + label {
	background-color: #fff !important;
	color: #04afa6 !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:not(:checked) + label {
	background-color: #04afa6 !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:not(:checked) + label:hover {
	background-color: #04c9c0 !important;
	border-color: #04c9c0 !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:checked + label[for="faq_enquete_value_enquete_id_1"] {
	background-image: url("/usr/file/attachment/icon_maru_green.svg") !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:checked + label[for="faq_enquete_value_enquete_id_2"] {
	background-image: url("/usr/file/attachment/icon_sankaku_green.svg") !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:checked + label[for="faq_enquete_value_enquete_id_3"] {
	background-image: url("/usr/file/attachment/icon_batsu_green.svg") !important;
}
.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list input[type="radio"]:checked + label[for="faq_enquete_value_enquete_id_4"] {
	background-image: url("/usr/file/attachment/icon_hatena_green.svg") !important;
}

/* 送信ボタン */
#faq_show .questioner_submit_btn #enquete_form_button {
	color: #fff !important;
	font-weight: 700 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#faq_show .questioner_submit_btn #enquete_form_button:not(:disabled):hover {
	color: #fff !important;
	opacity: 1 !important;
	background: #04c9c0;
	cursor: pointer;
}
#faq_show .questioner_submit_btn #enquete_form_button:disabled {
	background-color: #ccc;
	cursor:unset;
}

/* 調整 */
.okw_parts_faq_relations {
	margin-top: 40px !important;
}
.okw_parts_faq_relations .ttl_col h2 {
	font-size: 1.75rem;
}
.faq_list_bg1,
.faq_list_bg2 {background-color: transparent !important;}
.faq_relate_list li.Q_sml {
	padding: 0;
	background-image: none !important;
}
.okw_parts_enquete {
	margin-top: 60px !important;
}
.colArea:has(.okw_parts_enquete) {
	margin-bottom: 100px;
}

@media screen and (max-width: 749px) {
	.faq_qstCont_ttl,
	.faq_ans_ttl {
		font-size: 1.125rem;
	}
	.faq_qstCont_ttl {
		padding: 0 0 35px 35px;
	}
	.faq_ansCont_txt {
		font-size: 1rem;
	}
	#faq_show .colArea {
		padding: 0 15px !important;
	}

	/* 回答エリアにAアイコンを表示 */
	#faq_show .faq_ans_col {
		padding-left: 35px !important;
	}

	/* 調整 */
	.okw_parts_faq_relations .ttl_col h2 {
		font-size: 1.25rem;
	}
	.colArea:has(.okw_parts_enquete) {
		margin-bottom: 50px;
	}

	/* ご意見をお聞かせください */
	.questioner_ttl {
		margin-bottom: 20px;
	}
	.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list {
		display: block !important;
		width: 100% !important;
	}
	.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li {
		width: 100% !important;
		text-align: left;
	}
	.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li + li {
		margin-top: 10px;
	}
	.oneCol.okw_parts_enquete .okw_enquete_area .questioner_col .faq_form_list li label {
		justify-content: flex-start !important;
		border: solid 3px #04afa6;
		padding: 13px 14px 13px 60px;
	}
	label[for="faq_enquete_value_enquete_id_1"],
	label[for="faq_enquete_value_enquete_id_2"],
	label[for="faq_enquete_value_enquete_id_3"],
	label[for="faq_enquete_value_enquete_id_4"] {
		background-position: 14px center !important;
	}
}







/* =======================================================
	23.ウィザードFAQ
======================================================= */
/* span:has(.wzd_bck) {
	flex-shrink: 0;
	margin-left: 30px;
} */
#faq_show .wzd_qstCont_col {
	margin: 0 45px;
	border-left: 4px solid #04afa6;
	padding: 1.5em 2em;
	background-color: #dff5f3;
}
#faq_show .wzd_slct_area {
	margin: 2px 45px 0;
	padding: 1.5em 2em;
	background-color: #e9edf2;
	clear: both;
	overflow: hidden;
}
#faq_show .selecttxt {
	margin: 1em 0 0 0.6em;
	padding: 0 0 0 20px;
	background-image: url("/usr/file/attachment/icon_select.png");
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	font-size: 0.875rem;
	color: #0f1d2f;
	clear: both;
}
#faq_show .wzd_bck {
	float: right;
	margin-top: 1em;
	padding-left: 18px;
	background-image: url("/usr/file/attachment/btn_back.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 15px 11px;
	font-size: 0.75rem;
}
#faq_show .wzd_slct_area .chckbx_on {
	background-image: url("/usr/file/attachment/btn_navi_on.png");
	background-position: 0 -0.05em;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	cursor: pointer;
}
#faq_show .wizard_content:has(.faq_ans_col) {
	margin-top: 50px;
}
#faq_show .wizard_content {
	margin-top: 2px;
}
#faq_show .wizard_content.--selected:first-of-type {
	margin-top: 0;
}

@media screen and (max-width: 749px) {
	#faq_show .wzd_qstCont_col {
		margin: 0;
		padding: 1em 1.5em;
		font-size: 0.938rem;
	}
	#faq_show .wizard_content	.faq_qstCont_ttl {
		padding: 0 0 20px 35px;
	}
	#faq_show .wzd_slct_area .chckbx_off {
		background-position: 0 -0.15em;
	}
	#faq_show .wzd_slct_area .chckbx_on {
		background-position: 0 -0.15em;
	}
	#faq_show .wzd_slct_area {
		margin: 2px 0 0;
		padding: 1em 1.5em;
		font-size: 0.938rem;
	}
	#faq_show .wzd_slct_col + .wzd_slct_col {
		margin-top: 0.5em;
	}
}












/* =======================================================
	24.フォームページ
======================================================= */
#helpdesk_index, #helpdesk_create {position: relative;}
#helpdesk_index #okw_contents,
#helpdesk_create #okw_contents {
	margin-bottom: 100px;
}
@media screen and (min-width: 750px) {
	#helpdesk_index #okw_contents,
	#helpdesk_create #okw_contents {
		padding: 0 15px;
	}
}
#helpdesk_index .icoHdquestion,
#helpdesk_create .icoHdquestion {
	background: none;
	padding: 0;
	height: auto;
}
#helpdesk_index .siteLink .preLink a,
#helpdesk_create .siteLink .preLink a,
#helpdesk_create .siteLink .preLink button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 9999px;
	padding: 0.8em 3em;
	width: fit-content;
	min-height: auto;
	height: auto;
	background-color: #04afa6;
	text-align: center;
	text-decoration: none !important;
	line-height: 1;
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	transition: 0.2s;
}
#helpdesk_index .siteLink .preLink a::before,
#helpdesk_create .siteLink .preLink a::before,
#helpdesk_create .siteLink .preLink button::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	display: block;
	margin: auto;
	width: 7px;
	height: 11px;
	background: url("/usr/file/attachment/icon_back_arrow.svg") no-repeat 0 0/contain;
}
#helpdesk_index .siteLink .preLink a:hover,
#helpdesk_create .siteLink .preLink a:hover,
#helpdesk_create .siteLink .preLink button:hover {
	opacity: 1 !important;
	background-color: #04c9c0;
	color: #fff !important;
}
#helpdesk_index .hd_question_form,
#helpdesk_create .hd_question_form {
	width:100% !important;
}
#helpdesk_index .hd_question_form .help_attention,
#helpdesk_create .hd_question_form .help_attention {
	margin-bottom: 0.5em;
	color:#0f1d2f;
}
#helpdesk_index .hd_question_form .help_attention .presence,
#helpdesk_create .hd_question_form .help_attention .presence {
	font-weight: 700;
	color: #D51D39;
}
#helpdesk_index .hd_question_form .HDcontents_table,
#helpdesk_create .hd_question_form .HDcontents_table {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	border-top: 1px solid #DCDCDC;
}
#helpdesk_index .hd_question_form .column_ttl,
#helpdesk_create .hd_question_form .column_ttl,
#helpdesk_index .hd_question_form .HDcontents_table .line_category > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .HDcontents_table .line_category > dl .HDcolumn_left {
	display: none;
}
#helpdesk_index .hd_question_form .line_category .HDcolumn_right,
#helpdesk_create .hd_question_form .line_category .HDcolumn_right {
	padding: 1.25em 1em !important;
	width: 100%;
	background-color: #e9edf2;
	font-size: 1.25rem;
	font-weight: 700;
	color: #0f1d2f;
}
#helpdesk_index .hd_question_form .HDcolumn_right > div:not(.horizon:first-of-type),
#helpdesk_create .hd_question_form .HDcolumn_right > div + div {
	margin-top: 1em;
}
#helpdesk_index .hd_question_form .HDcolumn_right > div:first-of-type,
#helpdesk_create .hd_question_form .HDcolumn_right > div:first-of-type,
#helpdesk_index .hd_question_form .HDcolumn_right > div.horizon:first-of-type + div.horizon,
#helpdesk_create .hd_question_form .HDcolumn_right > div.horizon:first-of-type + div.horizon {
	margin-top: 0 !important;
}
#helpdesk_index .hd_question_form .HDcontent > dl,
#helpdesk_create .hd_question_form .HDcontent > dl {
	display: block;
	width:100%;
}
#helpdesk_index .hd_question_form .HDcontent > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .HDcontent > dl .HDcolumn_left {
	display: block;
	padding: 2em 2em 0;
	width:100%;
	max-width: none;
	background-color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	color:#0f1d2f;
}
#helpdesk_index .hd_question_form .HDcontent > dl .HDcolumn_right,
#helpdesk_create .hd_question_form .HDcontent > dl .HDcolumn_right {
	display: block;
	padding: 1em 2em 2em;
	width: 100%;
	max-width: none;
	color: #0f1d2f;
}
#helpdesk_index .hd_question_form .HDcolumn_right input[type="text"],
#helpdesk_create .hd_question_form .HDcolumn_right input[type="text"],
#helpdesk_index .hd_question_form .HDcolumn_right select,
#helpdesk_create .hd_question_form .HDcolumn_right select {
	margin-top: 0.3em;
	border: 2px solid #CED4DA;
	border-radius: 5px;
	padding: 0.4em 0.5em;
	width: 50%;
	font-size: 1.125rem;
}
#helpdesk_create .hd_question_form .HDcolumn_right .fieldWithErrors input[type="text"],
#helpdesk_create .hd_question_form .HDcolumn_right .fieldWithErrors select,
#helpdesk_create .hd_question_form .HDcolumn_right .fieldWithErrors textarea {
	border-color: #D51D39;
}
#helpdesk_index .hd_question_form .HDcolumn_right select,
#helpdesk_create .hd_question_form .HDcolumn_right select {
	background-color: #fff;
}
#helpdesk_index .hd_question_form .HDcolumn_right .horizon + .horizon,
#helpdesk_create .hd_question_form .HDcolumn_right .horizon + .horizon {
	margin-left: 5px;
}
#helpdesk_index .hd_question_form .HDcolumn_right .horizon input[type="text"],
#helpdesk_create .hd_question_form .HDcolumn_right .horizon input[type="text"] {
	width: 100%;
}
#helpdesk_index .hd_question_form .HDcolumn_right .horizon div:has(input[type="text"]),
#helpdesk_create .hd_question_form .HDcolumn_right .horizon div:has(input[type="text"]) {
	width: 218px;
}
#helpdesk_index .hd_question_form .HDcolumn_right div:has(input[type="text"]) br,
#helpdesk_create .hd_question_form .HDcolumn_right div:has(input[type="text"]) br {
	display: none;
}
#helpdesk_index .hd_question_form .HDcolumn_right textarea,
#helpdesk_create .hd_question_form .HDcolumn_right textarea {
	border: 2px solid #CED4DA;
	border-radius: 5px;
	padding: 0.2em;
	width:100%;
}
#helpdesk_index .hd_question_form .commit_button_block,
#helpdesk_create .hd_question_form .commit_button_block {
	border-radius: 0 0 10px 10px;
	padding: 2em 1em 2.5em;
	background-color: #fff;
	background-image: none !important;
}
#helpdesk_index .hd_question_form .commit_button_block .input_note,
#helpdesk_create .hd_question_form .commit_button_block .input_note {
	font-size: 0.875rem;
	color: #0f1d2f;
}
#helpdesk_index .hd_question_form .commit_button_block .hdq_confirm_btn_c,
#helpdesk_create .hd_question_form .commit_button_block .hdq_confirm_btn_c {
	border-radius: 9999px;
	padding: 0.8em 3em;
	height: auto;
	background-color: #04afa6;
	background-image: none;
	line-height: 1;
	font-size: 1.125rem;
	color:#fff;
	transition: 0.2s;
}
#helpdesk_index .hd_question_form .commit_button_block .hdq_confirm_btn_c:hover,
#helpdesk_create .hd_question_form .commit_button_block .hdq_confirm_btn_c:hover {
	background-color: #04c9c0;
}
#helpdesk_index .hdq_confirm_btn_l,
#helpdesk_create .hdq_confirm_btn_l,
#helpdesk_index .hdq_confirm_btn_r,
#helpdesk_create .hdq_confirm_btn_r {display: none;}
#helpdesk_index .hd_question_form .HDcolumn_right .input_note,
#helpdesk_create .hd_question_form .HDcolumn_right .input_note {
	display: block;
	position: relative;
	top: 0.2em;
	font-size: 0.813rem;
	color: #0f1d2f;
}
#helpdesk_index .hd_question_form .hdq_confirm_btn,
#helpdesk_create .hd_question_form .hdq_confirm_btn {margin-top: 15px;}
#helpdesk_index .oneCol.okw_parts_usr_1,
#helpdesk_create .oneCol.okw_parts_usr_1,
#helpdesk_index .oneCol.okw_parts_usr_18,
#helpdesk_create .oneCol.okw_parts_usr_18 {
	padding-left: 60px;
	padding-right: 60px;
	font-size: 0.875rem;
}
#helpdesk_index .oneCol.okw_parts_usr_1,
#helpdesk_create .oneCol.okw_parts_usr_1 {
	margin-top: 35px;
}
#helpdesk_index .required1,
#helpdesk_create .required1 {
	margin-left: 0.8em;
	font-size: 0.875rem !important;
	color: #D51D39;
}
#helpdesk_create .fieldErrorMessage {
	display: block;
	margin-top: 0.2em;
}
#helpdesk_create .fieldErrorMessage br {
	display: none;
}

@media screen and (max-width: 749px) {
	#helpdesk_index #okw_contents,
	#helpdesk_create #okw_contents {
		margin-bottom: 50px;
	}
	#helpdesk_index #okw_contents_inner > .colArea,
	#helpdesk_create #okw_contents_inner > .colArea {
		padding-top: 0;
		padding-bottom: 0;
	}
	#helpdesk_index #okw_contents_inner .colArea .colArea,
	#helpdesk_create #okw_contents_inner .colArea .colArea {
		padding: 0;
	}
	#helpdesk_index .hd_question_form .column_ttl,
	#helpdesk_create .hd_question_form .column_ttl {
		font-size: 1rem;
	}
	#helpdesk_index .hd_question_form .line_category .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_category .HDcolumn_right {
		padding: 1em 0.8em !important;
		font-size: 1.125rem;
	}
	#helpdesk_index .hd_question_form .HDcontent > dl .HDcolumn_left,
	#helpdesk_create .hd_question_form .HDcontent > dl .HDcolumn_left {
		display: block;
		padding: 1.2em 1.5em 0;
		font-size: 1rem;
	}
	#helpdesk_index .hd_question_form .HDcolumn_right,
	#helpdesk_create .hd_question_form .HDcolumn_right {
		padding: 1.2em 1.5em 1.2em !important;
	}
	#helpdesk_index .hd_question_form .HDcolumn_right .horizon + .horizon,
	#helpdesk_create .hd_question_form .HDcolumn_right .horizon + .horizon {
		margin-left: 0;
	}
	#helpdesk_index .hd_question_form .HDcontent > dl,
	#helpdesk_create .hd_question_form .HDcontent > dl,
	#helpdesk_index .hd_question_form .HDcontent > dl > dt,
	#helpdesk_create .hd_question_form .HDcontent > dl > dt,
	#helpdesk_index .hd_question_form .HDcontent > dl > dd,
	#helpdesk_create .hd_question_form .HDcontent > dl > dd {
		display: block;
		width:100%;
		font-size: 0.938rem;
	}
	#helpdesk_index .oneCol.okw_parts_usr_1,
	#helpdesk_create .oneCol.okw_parts_usr_1,
	#helpdesk_index .oneCol.okw_parts_usr_18,
	#helpdesk_create .oneCol.okw_parts_usr_18 {
		padding-left: 0;
		padding-right: 0;
	}
	#helpdesk_index .hd_question_form .HDcolumn_right input[type="text"],
	#helpdesk_create .hd_question_form .HDcolumn_right input[type="text"],
	#helpdesk_index .hd_question_form .HDcolumn_right select,
	#helpdesk_create .hd_question_form .HDcolumn_right select {
		width: 100%;
		font-size: 1rem;
	}
	#helpdesk_index .hd_question_form .HDcolumn_right .horizon,
	#helpdesk_create .hd_question_form .HDcolumn_right .horizon,
	#helpdesk_index .hd_question_form .HDcolumn_right .horizon div:has(input[type="text"]),
	#helpdesk_create .hd_question_form .HDcolumn_right .horizon div:has(input[type="text"]) {
		width: 100%;
	}
}

/* 【1】メール問合せ（category_id=3） */
#helpdesk_index .hd_question_form .line_custom_usr_4 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_4 > dl .HDcolumn_left,
/* 【2】メール問合せ（取引履歴）（category_id=11） */
#helpdesk_index .hd_question_form .line_custom_usr_25 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_25 > dl .HDcolumn_left,
/* 【4】加盟店調査（category_id=15） */
#helpdesk_index .hd_question_form .line_custom_usr_13 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_13 > dl .HDcolumn_left,
/* 【5】teppay JCBプリカ 利用停止/再発行（category_id=13） */
#helpdesk_index .hd_question_form .line_custom_usr_16 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_16 > dl .HDcolumn_left,
/* 【6】teppay利用制限の解除（category_id=14） */
#helpdesk_index .hd_question_form .line_custom_usr_22 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_22 > dl .HDcolumn_left,
/* 【7】SMS認証電話番号変更（category_id=12） */
#helpdesk_index .hd_question_form .line_custom_usr_6 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_6 > dl .HDcolumn_left,
/* 【12】障害専用（category_id=16） */
#helpdesk_index .hd_question_form .line_custom_usr_19 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_19 > dl .HDcolumn_left,
/* 【31】 teppay JCBプリカ 商品瑕疵等の売上の問合せ（category_id=43） */
#helpdesk_index .hd_question_form .line_custom_usr_35 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_35 > dl .HDcolumn_left,
/* 【32】 teppay JCBプリカ 利用覚えがない取引の問合せ（category_id=42） */
#helpdesk_index .hd_question_form .line_custom_usr_31 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_31 > dl .HDcolumn_left,
/* 【11】振込口座情報修正（category_id=20） */
#helpdesk_index .hd_question_form .line_custom_usr_38 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_38 > dl .HDcolumn_left,
/* 【3】メール（トラブル）（category_id=21） */
#helpdesk_index .hd_question_form .line_custom_usr_42 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_42 > dl .HDcolumn_left,
/* 【10】補償受付（category_id=19） */
#helpdesk_index .hd_question_form .line_custom_usr_46 > dl .HDcolumn_left,
#helpdesk_create .hd_question_form .line_custom_usr_46 > dl .HDcolumn_left {
	display: none !important;
}

@media screen and (min-width: 750px) {
	/* 【1】メール問合せ（category_id=3） */
	#helpdesk_index .hd_question_form .line_custom_usr_4 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_4 > dl .HDcolumn_right,
	/* 【2】メール問合せ（取引履歴）（category_id=11） */
	#helpdesk_index .hd_question_form .line_custom_usr_25 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_25 > dl .HDcolumn_right,
	/* 【4】加盟店調査（category_id=15） */
	#helpdesk_index .hd_question_form .line_custom_usr_13 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_13 > dl .HDcolumn_right,
	/* 【5】teppay JCBプリカ 利用停止/再発行（category_id=13） */
	#helpdesk_index .hd_question_form .line_custom_usr_16 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_16 > dl .HDcolumn_right,
	/* 【6】teppay利用制限の解除（category_id=14） */
	#helpdesk_index .hd_question_form .line_custom_usr_22 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_22 > dl .HDcolumn_right,
	/* 【7】SMS認証電話番号変更（category_id=12） */
	#helpdesk_index .hd_question_form .line_custom_usr_6 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_6 > dl .HDcolumn_right,
	/* 【12】障害専用（category_id=16） */
	#helpdesk_index .hd_question_form .line_custom_usr_19 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_19 > dl .HDcolumn_right,
	/* 【31】 teppay JCBプリカ 商品瑕疵等の売上の問合せ（category_id=43） */
	#helpdesk_index .hd_question_form .line_custom_usr_35 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_35 > dl .HDcolumn_right,
	/* 【32】 teppay JCBプリカ 利用覚えがない取引の問合せ（category_id=42） */
	#helpdesk_index .hd_question_form .line_custom_usr_31 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_31 > dl .HDcolumn_right,
	/* 【11】振込口座情報修正（category_id=20） */
	#helpdesk_index .hd_question_form .line_custom_usr_38 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_38 > dl .HDcolumn_right,
	/* 【3】メール（トラブル）（category_id=21） */
	#helpdesk_index .hd_question_form .line_custom_usr_42 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_42 > dl .HDcolumn_right,
	/* 【10】補償受付（category_id=19） */
	#helpdesk_index .hd_question_form .line_custom_usr_46 > dl .HDcolumn_right,
	#helpdesk_create .hd_question_form .line_custom_usr_46 > dl .HDcolumn_right {
		padding-top: 2em !important;
	}
}








/* =======================================================
	25.お問い合わせ内容 画面
======================================================= */
#helpdesk_show #okw_contents {
	margin-bottom: 100px;
}
#helpdesk_show .okw_hdq_form_area {
	margin: 0 auto;
	padding: 50px 0 0;
	max-width: 960px;
}
#helpdesk_show .okw_hdq_form_area .icoHdquestion {
	padding: 0;
	height: auto;
	background: none;
}
#helpdesk_show .okw_hdq_form_area .hd_question_form {
	width:auto;
}
#helpdesk_show .okw_hdq_form_area .hd_desc {
	margin: 0 0 2em;
	border: none;
	padding: 0;
	background-color:transparent;
	font-size: 1rem;
	color: #0f1d2f;
}
#helpdesk_show .okw_hdq_form_area .q_contents {
	overflow: hidden;
	border-radius: 10px;
	border-color:#04afa6;
	padding-bottom: 1.5em;
	background-color: #fff;
}
#helpdesk_show .okw_hdq_form_area .q_contents .q_ttl_br {
	border: none;
	padding: 1em 1em 1em 3em;
	background: url("/usr/file/attachment/icon_q.svg") no-repeat scroll 1em 1em #dff5f3;
	background-size: 28px 28px;
	font-size: 1.25rem;
}
#helpdesk_show .okw_hdq_form_area .hd_question_form .data {
	margin: 0.3em 0 0;
	font-size: 0.875rem;
	color: #0f1d2f;
}
#helpdesk_show .okw_hdq_form_area .q_contents .content_txt,
#helpdesk_show .okw_hdq_form_area .a_contents .content_txt {
	padding: 1rem 3em 0;
	font-size: 1rem;
}
#helpdesk_show .okw_hdq_form_area .q_contents .attribute {
	margin: 1.5em 3.5em 0;
	border: none;
	border-radius: 5px;
	padding: 1.5em 2em;
	background-color: #dff5f3;
	font-size: 0.8125rem;
}
#helpdesk_show .okw_hdq_form_area .a_contents {
	overflow: hidden;
	border-radius: 10px;
	border-color:#cc4e4e;
	padding-bottom: 1.5em;
	background-color: #fff;
}
#helpdesk_show .okw_hdq_form_area .a_contents .a_ttl_br {
	border: none;
	padding: 1em 1em 1em 3em;
	background: url("/usr/file/attachment/icon_a.svg") no-repeat scroll 1em 1em #f7e5e5;
	background-size: 28px 28px;
	font-size: 1.25rem;
}
#helpdesk_show #helpdesk_reply_question_form .help_attention .note {
	display: inline-block;
	margin-bottom: 0.5em;
	font-size: 0.875rem;
}
#helpdesk_show #helpdesk_reply_question_form .help_attention .note .presence {
	display: none;
}
#helpdesk_show #helpdesk_reply_question_form .help_attention .note:has(.presence)::before {
	display: inline-block;
	content: "必須";
	margin-right: 0.3em;
	font-weight: 700;
	color:#D51D39;
}
#helpdesk_show #helpdesk_reply_question_form .column_ttl {
	border-radius: 10px 10px 0 0;
	border: solid #DCDCDC;
	border-width: 1px 1px 0;
	padding: 1em 1em 1em 1.3em;
	background-color: #e9edf2;
	font-size: 1.25rem;
	font-weight: 700;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table {
	display: block;
	padding: 1.5em 3em;
	background-color: #fff;
	font-size: 1rem;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent {
	border: none;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent > dl {
	display: block;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent .HDcolumn_left {
	display: block;
	padding: 0;
	width: 100%;
	background-color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	color: #0f1d2f;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent .HDcolumn_right {
	display: block;
	border-left: none;
	padding: 1em 0 0;
	width: 100%;
	max-width: none;
	overflow: hidden;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent .HDcolumn_right textarea {
	border: 2px solid #CED4DA;
	border-radius: 5px;
	padding: 0.2em;
	width: 100%;
}
#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent .HDcolumn_right .presence {
	display: none;
}
#helpdesk_show .HDcontent:has(.presence) .HDcolumn_left > div::after {
	display: inline-block;
	content: "必須";
	margin-left: 0.3em;
	font-size: 0.875rem;
	font-weight: 700;
	color:#D51D39;
}
#helpdesk_show .commit_button_block {
	border-radius: 0 0 10px 10px;
	padding: 2em 1em 2.5em;
	background-color: #fff;
	background-image: none !important;
}
#helpdesk_show .commit_button_block .input_note {
	font-size: 0.875rem;
	color: #0f1d2f;
}
#helpdesk_show .commit_button_block .hdq_confirm_btn_c {
	border-radius: 9999px;
	padding: 0.8em 3em;
	height: auto;
	background-color: #04afa6;
	background-image: none;
	line-height: 1;
	font-size: 1.125rem;
	color: #fff;
	transition: 0.2s;
}
#helpdesk_show .commit_button_block .hdq_confirm_btn_c:hover {
	background-color:#04c9c0;
}
#helpdesk_show .hdq_confirm_btn_l,
#helpdesk_show .hdq_confirm_btn_r {display: none;}
#helpdesk_show .hdq_confirm_btn {
	margin-top: 15px;
}
#helpdesk_show #helpdesk_reply_question_link {
	margin: 0;
	border-radius: 10px;
	padding: 1em;
	background-color: #e9edf2;
	font-size: 1rem;
	color: #0f1d2f;
}
#helpdesk_show .more_q_link a {
	display: inline-block;
	padding: 0 0 0 35px;
	background-image: url("/usr/file/attachment/icon_edit.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0 center;
}

@media screen and (max-width: 749px) {
	#helpdesk_show #okw_contents {
		margin-bottom: 50px;
	}
	#helpdesk_show .okw_hdq_form_area {
		padding: 0;
	}
	#helpdesk_show .okw_hdq_form_area .hd_desc {
		font-size: 0.938rem;
	}
	#helpdesk_show .okw_hdq_form_area .q_contents .q_ttl_br,
	#helpdesk_show .okw_hdq_form_area .a_contents .a_ttl_br {
		font-size: 1.125rem;
	}
	#helpdesk_show .okw_hdq_form_area .hd_question_form .data {
		margin: 0.5em 0 0;
		font-size: 0.75rem;
	}
	#helpdesk_show .okw_hdq_form_area .q_contents .content_txt,
	#helpdesk_show .okw_hdq_form_area .a_contents .content_txt {
		padding: 1.2em 1.5em 0;
		font-size: 0.938rem;
	}
	#helpdesk_show .okw_hdq_form_area .q_contents .attribute {
		margin: 1.5em 1.5em 0;
		padding: 1.5em;
	}
	#helpdesk_show #helpdesk_reply_question_form .column_ttl {
		font-size: 1.125rem;
	}
	#helpdesk_show #helpdesk_reply_question_form .HDcontents_table {
		padding: 1.5em;
	}
	#helpdesk_show #helpdesk_reply_question_form .HDcontents_table .HDcontent .HDcolumn_left {
		font-size: 0.938rem;
	}
	#helpdesk_show .commit_button_block .hdq_confirm_btn_c {
		padding: 0.8em 2.5em;
	}
}






/* =======================================================
	26.お問い合わせ内容確認 画面（追加質問）
======================================================= */
#helpdesk_edit #okw_contents {
	margin-bottom: 100px;
}
#helpdesk_edit .okw_hdq_form_area {
	margin: 0 auto;
	padding: 50px 0 0;
	max-width: 960px;
}
#helpdesk_edit .okw_hdq_form_area .icoHdquestion {
	padding: 0;
	height: auto;
	background: none;
}
#helpdesk_edit .okw_hdq_form_area .hd_question_form {
	width:auto;
}
#helpdesk_edit .okw_hdq_form_area .hd_desc {
	margin: 0 0 2em;
	border: none;
	padding: 0;
	background-color:transparent;
	font-size: 1rem;
	color: #0f1d2f;
}
#helpdesk_edit .siteLink .preLink input[type="submit"] {
	position: relative;
	display: inline-block;
	border: none;
	border-radius: 9999px;
	padding: 0.8em 3em;
	width: fit-content;
	height: auto;
	min-height: auto;
	background-color: #04afa6;
	background-image: url("/usr/file/attachment/icon_back_arrow.svg");
	background-size: 7px 11px;
	background-position: 15px center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none !important;
	line-height: 1;
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	transition: 0.2s;
}
#helpdesk_edit .siteLink .preLink input[type="submit"]:hover {
	opacity: 1 !important;
	background-color: #04c9c0;
	color: #fff !important;
}
#helpdesk_edit .column_ttl {
	border-radius: 10px 10px 0 0;
	border: solid #DCDCDC;
	border-width: 1px 1px 0;
	padding: 1em 1em 1em 1.3em;
	background-color: #e9edf2;
	font-size: 1.25rem;
	font-weight: 700;
}
#helpdesk_edit .hd_question_form .HDcontents_table {
	display: block;
	padding: 1.5em 3em;
	background-color: #fff;
	font-size: 1rem;
}
#helpdesk_edit .hd_question_form .HDcontents_table .HDcontent {
	border: none;
	color: #0f1d2f;
}
#helpdesk_edit .hd_question_form .HDcontents_table .HDcontent > dl {
	display: block;
}
#helpdesk_edit .hd_question_form .HDcontents_table .HDcontent .HDcolumn_left {
	display: block;
	padding: 0;
	width: 100%;
	background-color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	color: #0f1d2f;
}
#helpdesk_edit .hd_question_form .HDcontents_table .HDcontent .HDcolumn_right {
	display: block;
	border-left: none;
	padding: 1em 0 0;
	width: 100%;
	max-width: none;
	overflow: hidden;
}
#helpdesk_edit .commit_button_block {
	border-top: solid 1px #DCDCDC;
	border-radius: 0 0 10px 10px;
	padding: 2em 1em 2.5em;
	background-color: #fff;
	background-image: none !important;
}
#helpdesk_edit .commit_button_block .input_note {
	font-size: 0.875rem;
	color: #0f1d2f;
}
#helpdesk_edit .commit_button_block .hdq_confirm_btn_c {
	border-radius: 9999px;
	padding: 0.8em 3em;
	height: auto;
	background-color: #04afa6;
	background-image: none;
	line-height: 1;
	font-size: 1.125rem;
	color: #fff;
	transition: 0.2s;
}
#helpdesk_edit .commit_button_block .hdq_confirm_btn_c:hover {
	background-color:#04c9c0;
}
#helpdesk_edit .hdq_confirm_btn_l,
#helpdesk_edit .hdq_confirm_btn_r {display: none;}
#helpdesk_edit .hdq_confirm_btn {
	margin-top: 15px;
}

@media screen and (max-width: 749px) {
	#helpdesk_edit #okw_contents {
		margin-bottom: 50px;
	}
	#helpdesk_edit .okw_hdq_form_area {
		padding: 0;
	}
	#helpdesk_edit .hd_question_form .column_ttl {
		font-size: 1.125rem;
	}
	#helpdesk_edit .hd_question_form .HDcontents_table {
		padding: 1.5em;
	}
	#helpdesk_edit .hd_question_form .HDcontents_table .HDcontent .HDcolumn_left {
		font-size: 0.938rem;
	}
}








/* =======================================================
	27.お問い合わせ完了 画面
======================================================= */
#helpdesk_complete #okw_contents {
	margin-bottom: 100px;
}
#helpdesk_complete .okw_hdq_form_area {
	margin: 0 auto;
	padding: 50px 0 0;
	max-width: 960px;
}
#helpdesk_complete .okw_hdq_form_area .icoHdquestion {
	padding: 0;
	height: auto;
	background: none;
}
#helpdesk_complete .hdq_finish_msg_area {
	margin: 30px auto;
	border: none;
	width: 100%;
	background-color: transparent;
	font-size: 1rem;
}
#helpdesk_complete .hdq_finish_msg_text {
	margin: 2em 0;
}
#helpdesk_complete .hdq_finish_msg_text a {
	text-decoration: underline;
}
#helpdesk_complete .hdq_finish_msg_text a:hover {
	text-decoration: none;
}
#helpdesk_complete .hdq_finish_msg_mark {
	padding-left: 0;
	background: none;
	font-size: 1.25rem;
	font-weight: 700;
}

@media screen and (max-width: 749px) {
	#helpdesk_complete #okw_contents {
		margin-bottom: 50px;
	}
	#helpdesk_complete .okw_hdq_form_area {
		padding: 0;
	}
	#helpdesk_complete .colArea {
		margin-bottom: 0;
	}
	#helpdesk_complete .okw_hdq_form_area .colArea {
		padding: 0;
	}
	#helpdesk_complete .hdq_finish_msg_text {
		margin-bottom: 0;
		font-size: 0.938rem;
	}
	#helpdesk_complete .hdq_finish_msg_mark {
		margin: 0;
		font-size: 1rem;
	}
}








/* =======================================================
	28.お知らせ 画面
======================================================= */
#info_and_news_show #okw_contents {
	margin-bottom: 100px;
}
#info_and_news_show .infonews_ttl_bor {
	padding: 0;
	height: auto;
	background: none;
}
#info_and_news_show .infonews_date_txt {
	font-size: 0.875rem;
}
#info_and_news_show .infonews_txt {
	padding: 0;
	font-size: 1rem;
}
#info_and_news_show .infonews_datetime {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 749px) {
	#info_and_news_show #okw_contents {
		margin-bottom: 50px;
	}
	#info_and_news_show .infonews_txt {
		font-size: 0.938rem;
	}
}







/* =======================================================
	29.Footer
======================================================= */
#faq_footer {
	margin-bottom: 5px;
	padding: 30px;
	min-width: auto;
	background-color: #04afa6;
}
.faq_footer_contents {
	margin: 0 auto;
	max-width: 960px;
	color: #fff;
}
.faq_footer_copyright {
	text-align: center;
	font-size: 0.875rem;
	font-family: Poppins !important;
	font-weight: normal;
}

@media screen and (max-width: 749px) {
	#faq_footer {
		padding: 0 10px;
		min-width: auto;
	}
	.faq_footer_contents {
		width: 100%;
		padding: 15px 0;
	}
	.faq_footer_copyright {
		font-size: 0.75rem;
	}
}







/* =======================================================
	30.TOPへ
======================================================= */
.topLink {
	display: none;
	float: none;
	margin: 0;
	position: fixed;
	right: 2%;
	bottom: 5.5%;
	font-size: 0.875rem;
	font-weight: 700;
	z-index: 99999;
}
.topLink a {
	position: relative;
	width: 4.5em;
	height: 4.5em;
	padding: 2.2em 0 0;
	border-radius: 12px;
	background: #EFEFF3;
	color: #87979E;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.2s;
}
.topLink a:hover {
	opacity: 0.7;
}
.topLink a::before {
	content: "";
	position: absolute;
	top: 20%;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	width: 15px;
	height: 18px;
	background: url("/usr/file/attachment/icon_pagetop_gray.svg") no-repeat;
	background-size: contain;
}